{"id":1606,"date":"2021-04-08T21:52:03","date_gmt":"2021-04-08T18:52:03","guid":{"rendered":"https:\/\/modip.eap.gr\/new\/%cf%80%ce%b9%cf%83%cf%84%ce%bf%cf%80%ce%bf%ce%b9%ce%b7%cf%83%ce%b7-%cf%80%cf%80%cf%83-%ce%b5%ce%b1%cf%80\/"},"modified":"2026-08-07T14:21:41","modified_gmt":"2026-08-07T11:21:41","slug":"%cf%80%ce%b9%cf%83%cf%84%ce%bf%cf%80%ce%bf%ce%b9%ce%b7%cf%83%ce%b7-%cf%80%cf%80%cf%83-%ce%b5%ce%b1%cf%80","status":"publish","type":"page","link":"https:\/\/modip.eap.gr\/?page_id=1606","title":{"rendered":"\u03a0\u0399\u03a3\u03a4\u039f\u03a0\u039f\u0399\u0397\u03a3\u0397 \u03a0\u03a0\u03a3 \u0395\u0391\u03a0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1606\" class=\"elementor elementor-1606\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87c5ffe elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"87c5ffe\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\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-d45a196\" data-id=\"d45a196\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f686e95 elementor-widget elementor-widget-html\" data-id=\"f686e95\" data-element_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=\"modip-pps-certification\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. \u0392\u0391\u03a3\u0399\u039a\u0395\u03a3 \u039c\u0395\u03a4\u0391\u0392\u039b\u0397\u03a4\u0395\u03a3 \/ WRAPPER\r\n   ========================================================= *\/\r\n\r\n.modip-pps-certification {\r\n    --mpc-blue: #182f70;\r\n    --mpc-blue-2: #31589c;\r\n\r\n    --mpc-pink: #c6007e;\r\n    --mpc-pink-2: #df228f;\r\n\r\n    --mpc-green: #187d6e;\r\n    --mpc-green-2: #2cae98;\r\n\r\n    --mpc-gold: #b87910;\r\n    --mpc-gold-2: #d49b2d;\r\n\r\n    --mpc-text: #414a5b;\r\n    --mpc-muted: #6c7587;\r\n    --mpc-border: #e1e6ef;\r\n    --mpc-soft: #f7f9fc;\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto 0px;\r\n    padding: 0 20px;\r\n\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n}\r\n\r\n.modip-pps-certification *,\r\n.modip-pps-certification *::before,\r\n.modip-pps-certification *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   02. \u039a\u0395\u039d\u03a4\u03a1\u0399\u039a\u039f \u03a0\u039b\u0391\u0399\u03a3\u0399\u039f\r\n   ========================================================= *\/\r\n\r\n.mpc-shell {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 40px 46px 46px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0,\r\n            rgba(198, 0, 126, .07),\r\n            transparent 27%\r\n        ),\r\n        radial-gradient(\r\n            circle at 0 100%,\r\n            rgba(24, 47, 112, .05),\r\n            transparent 29%\r\n        ),\r\n        #fff;\r\n\r\n    border: 1px solid var(--mpc-border);\r\n    border-radius: 22px;\r\n\r\n    box-shadow:\r\n        0 18px 46px rgba(18, 39, 91, .08),\r\n        0 3px 10px rgba(18, 39, 91, .04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   03. \u03a7\u03a1\u03a9\u039c\u0391\u03a4\u0399\u039a\u0397 \u0393\u03a1\u0391\u039c\u039c\u0397 \u039a\u039f\u03a1\u03a5\u03a6\u0397\u03a3\r\n   ========================================================= *\/\r\n\r\n.mpc-shell::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--mpc-blue),\r\n            var(--mpc-pink),\r\n            var(--mpc-gold),\r\n            var(--mpc-blue)\r\n        );\r\n\r\n    background-size: 220% 100%;\r\n\r\n    animation:\r\n        mpcTopLine 9s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   04. BACKGROUND DECORATION\r\n   ========================================================= *\/\r\n\r\n.mpc-bg-shape {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.mpc-bg-shape--one {\r\n    width: 250px;\r\n    height: 250px;\r\n\r\n    top: 90px;\r\n    right: -155px;\r\n\r\n    border:\r\n        34px solid rgba(198, 0, 126, .025);\r\n}\r\n\r\n.mpc-bg-shape--two {\r\n    width: 170px;\r\n    height: 170px;\r\n\r\n    bottom: 120px;\r\n    left: -105px;\r\n\r\n    border:\r\n        28px solid rgba(24, 47, 112, .025);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   05. \u03a4\u0399\u03a4\u039b\u039f\u03a3 \u03a3\u0395\u039b\u0399\u0394\u0391\u03a3\r\n   ========================================================= *\/\r\n\r\n.mpc-header {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    margin: 0 0 28px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.mpc-title {\r\n    margin: 0 !important;\r\n\r\n    color: var(--mpc-blue) !important;\r\n\r\n    font-size:\r\n        clamp(24px, 2.4vw, 32px) !important;\r\n\r\n    font-weight: 780 !important;\r\n    line-height: 1.25 !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   06. \u0394\u0399\u0391\u039a\u039f\u03a3\u039c\u0397\u03a4\u0399\u039a\u039f \u03a4\u0399\u03a4\u039b\u039f\u03a5\r\n   ========================================================= *\/\r\n\r\n.mpc-title-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 7px;\r\n\r\n    margin-top: 13px;\r\n}\r\n\r\n.mpc-title-divider::before,\r\n.mpc-title-divider::after {\r\n    content: \"\";\r\n\r\n    width: 50px;\r\n    height: 1px;\r\n}\r\n\r\n.mpc-title-divider::before {\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--mpc-pink)\r\n        );\r\n}\r\n\r\n.mpc-title-divider::after {\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--mpc-pink),\r\n            transparent\r\n        );\r\n}\r\n\r\n.mpc-title-divider span {\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    background: var(--mpc-pink);\r\n\r\n    border-radius: 2px;\r\n\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   07. HERO\r\n   ========================================================= *\/\r\n\r\n.mpc-hero {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin-bottom: 24px;\r\n    padding: 26px 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #ffffff,\r\n            #f9fbff\r\n        );\r\n\r\n    border: 1px solid var(--mpc-border);\r\n    border-left: 5px solid var(--mpc-pink);\r\n\r\n    border-radius:\r\n        0 17px 17px 0;\r\n\r\n    box-shadow:\r\n        0 9px 24px rgba(20, 39, 91, .055);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   08. HERO TOP\r\n   ========================================================= *\/\r\n\r\n.mpc-hero-top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 18px;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.mpc-hero-label {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   09. HERO ICON\r\n   ========================================================= *\/\r\n\r\n.mpc-hero-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    flex: 0 0 48px;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--mpc-blue),\r\n            var(--mpc-blue-2)\r\n        );\r\n\r\n    border-radius: 13px;\r\n\r\n    box-shadow:\r\n        0 7px 17px rgba(24, 47, 112, .17);\r\n}\r\n\r\n.mpc-hero-icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.mpc-hero-label-text {\r\n    color: var(--mpc-blue);\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .35px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   10. \u03a0\u0395\u03a1\u0399\u039f\u0394\u039f\u03a3\r\n   ========================================================= *\/\r\n\r\n.mpc-period {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 8px 13px;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--mpc-pink),\r\n            var(--mpc-pink-2)\r\n        );\r\n\r\n    border-radius: 999px;\r\n\r\n    box-shadow:\r\n        0 6px 15px rgba(198, 0, 126, .15);\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   11. \u03a5\u03a0\u039f\u03a4\u0399\u03a4\u039b\u039f\u03a3\r\n   ========================================================= *\/\r\n\r\n.mpc-subtitle {\r\n    margin: 0 0 18px !important;\r\n\r\n    color: var(--mpc-blue) !important;\r\n\r\n    font-size: 18px !important;\r\n    font-weight: 760 !important;\r\n    line-height: 1.5 !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   12. \u039a\u03a5\u03a1\u0399\u039f \u039a\u0395\u0399\u039c\u0395\u039d\u039f\r\n   ========================================================= *\/\r\n\r\n.mpc-text {\r\n    margin: 0 !important;\r\n\r\n    color: var(--mpc-text) !important;\r\n\r\n    font-size: 15px !important;\r\n    line-height: 1.77 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    word-spacing: normal !important;\r\n    letter-spacing: normal !important;\r\n\r\n    word-break: normal !important;\r\n    overflow-wrap: break-word !important;\r\n    hyphens: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   13. STATS\r\n   ========================================================= *\/\r\n\r\n.mpc-stats {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   14. STAT CARD\r\n   ========================================================= *\/\r\n\r\n.mpc-stat {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    min-height: 100px;\r\n\r\n    padding: 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff,\r\n            #f9fafe\r\n        );\r\n\r\n    border: 1px solid var(--mpc-border);\r\n    border-radius: 15px;\r\n\r\n    box-shadow:\r\n        0 6px 17px rgba(20, 39, 91, .045);\r\n\r\n    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.mpc-stat:hover {\r\n    transform: translateY(-3px);\r\n\r\n    border-color:\r\n        color-mix(\r\n            in srgb,\r\n            var(--stat-c) 28%,\r\n            var(--mpc-border)\r\n        );\r\n\r\n    box-shadow:\r\n        0 11px 24px rgba(20, 39, 91, .085);\r\n}\r\n\r\n.mpc-stat::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 3px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--stat-c),\r\n            var(--stat-c2)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   15. STAT ICON\r\n   ========================================================= *\/\r\n\r\n.mpc-stat-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    flex: 0 0 48px;\r\n\r\n    color: var(--stat-c);\r\n\r\n    background:\r\n        color-mix(\r\n            in srgb,\r\n            var(--stat-c) 10%,\r\n            #fff\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        color-mix(\r\n            in srgb,\r\n            var(--stat-c) 16%,\r\n            #fff\r\n        );\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.mpc-stat-icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   16. STAT CONTENT\r\n   ========================================================= *\/\r\n\r\n.mpc-stat-value {\r\n    display: block;\r\n\r\n    color: var(--stat-c);\r\n\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    line-height: 1.05;\r\n}\r\n\r\n.mpc-stat-label {\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color: var(--mpc-muted);\r\n\r\n    font-size: 11.8px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   17. \u03a4\u0399\u03a4\u039b\u039f\u0399 \u0395\u039d\u039f\u03a4\u0397\u03a4\u03a9\u039d\r\n   ========================================================= *\/\r\n\r\n.mpc-section-title {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin: 0 0 17px !important;\r\n\r\n    color: var(--mpc-blue) !important;\r\n\r\n    font-size: 19px !important;\r\n    font-weight: 780 !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n.mpc-section-title::before {\r\n    content: \"\";\r\n\r\n    width: 31px;\r\n    height: 4px;\r\n\r\n    flex: 0 0 31px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--mpc-pink),\r\n            var(--mpc-blue)\r\n        );\r\n\r\n    border-radius: 999px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   18. PROGRAMS GRID\r\n   ========================================================= *\/\r\n\r\n.mpc-programs {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 26px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   19. PROGRAM CARD\r\n   ========================================================= *\/\r\n\r\n.mpc-program {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    min-height: 76px;\r\n\r\n    padding: 14px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff,\r\n            #f9fafe\r\n        );\r\n\r\n    border: 1px solid var(--mpc-border);\r\n    border-radius: 12px;\r\n\r\n    box-shadow:\r\n        0 4px 13px rgba(20,39,91,.035);\r\n\r\n    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.mpc-program:hover {\r\n    transform: translateY(-3px);\r\n\r\n    border-color:\r\n        rgba(198,0,126,.24);\r\n\r\n    box-shadow:\r\n        0 9px 20px rgba(20,39,91,.075);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   20. PROGRAM CODE\r\n   ========================================================= *\/\r\n\r\n.mpc-program-code {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    flex: 0 0 42px;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--mpc-blue),\r\n            var(--mpc-blue-2)\r\n        );\r\n\r\n    border-radius: 11px;\r\n\r\n    font-size: 12px;\r\n    font-weight: 850;\r\n\r\n    box-shadow:\r\n        0 5px 12px rgba(24,47,112,.13);\r\n}\r\n\r\n.mpc-program:nth-child(even)\r\n.mpc-program-code {\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--mpc-pink),\r\n            var(--mpc-pink-2)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   21. PROGRAM TEXT\r\n   ========================================================= *\/\r\n\r\n.mpc-program-label {\r\n    color: var(--mpc-text);\r\n\r\n    font-size: 12.3px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   22. DETAILS BOX\r\n   ========================================================= *\/\r\n\r\n.mpc-details {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin-bottom: 25px;\r\n    padding: 22px 24px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(24,47,112,.035),\r\n            rgba(198,0,126,.025)\r\n        );\r\n\r\n    border: 1px solid var(--mpc-border);\r\n    border-radius: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   23. DETAILS GRID\r\n   ========================================================= *\/\r\n\r\n.mpc-details-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 10px 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   24. DETAIL\r\n   ========================================================= *\/\r\n\r\n.mpc-detail {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 18px;\r\n\r\n    min-height: 65px;\r\n\r\n    padding: 12px 15px;\r\n\r\n    background: rgba(255,255,255,.88);\r\n\r\n    border: 1px solid var(--mpc-border);\r\n    border-radius: 11px;\r\n\r\n    box-shadow:\r\n        0 3px 10px rgba(20,39,91,.025);\r\n}\r\n\r\n.mpc-detail-label {\r\n    position: relative;\r\n\r\n    padding-left: 17px;\r\n\r\n    color: var(--mpc-text);\r\n\r\n    font-size: 12.5px;\r\n    font-weight: 760;\r\n    line-height: 1.4;\r\n}\r\n\r\n.mpc-detail-label::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: .55em;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    background: var(--mpc-pink);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.mpc-detail-value {\r\n    color: var(--mpc-blue);\r\n\r\n    font-size: 13px;\r\n    font-weight: 730;\r\n    line-height: 1.45;\r\n\r\n    text-align: right;\r\n\r\n    overflow-wrap: break-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   25. STATUS BLOCK\r\n   ========================================================= *\/\r\n\r\n.mpc-status {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    padding: 22px 24px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f6fbfa,\r\n            #ffffff\r\n        );\r\n\r\n    border:\r\n        1px solid rgba(24,125,110,.18);\r\n\r\n    border-radius: 15px;\r\n}\r\n\r\n.mpc-status p {\r\n    margin: 0 !important;\r\n\r\n    color: var(--mpc-text) !important;\r\n\r\n    font-size: 14.5px !important;\r\n    line-height: 1.7 !important;\r\n\r\n    text-align: left !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   26. STATUS NOTE\r\n   ========================================================= *\/\r\n\r\n.mpc-note {\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 16px;\r\n    padding: 16px 18px;\r\n\r\n    color: #385d55;\r\n\r\n    background: #fff;\r\n\r\n    border:\r\n        1px solid rgba(24,125,110,.17);\r\n\r\n    border-radius: 12px;\r\n\r\n    font-size: 13.5px;\r\n    line-height: 1.62;\r\n}\r\n\r\n.mpc-note-dot {\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    flex: 0 0 9px;\r\n\r\n    margin-top: 7px;\r\n\r\n    background: var(--mpc-green);\r\n\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 0 0 5px rgba(24,125,110,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   27. TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .mpc-shell {\r\n        padding: 35px 28px 35px;\r\n    }\r\n\r\n    .mpc-programs {\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .mpc-stats,\r\n    .mpc-details-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   28. MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .modip-pps-certification {\r\n        margin: 0 auto 28px;\r\n        padding: 0 12px;\r\n    }\r\n\r\n    .mpc-shell {\r\n        padding: 29px 16px 25px;\r\n\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .mpc-title {\r\n        font-size: 23px !important;\r\n    }\r\n\r\n    .mpc-hero {\r\n        padding: 20px 17px;\r\n    }\r\n\r\n    .mpc-hero-top {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .mpc-subtitle {\r\n        font-size: 16px !important;\r\n    }\r\n\r\n    .mpc-text {\r\n        font-size: 14.2px !important;\r\n        line-height: 1.68 !important;\r\n    }\r\n\r\n    .mpc-programs {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mpc-detail {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n\r\n        gap: 5px;\r\n    }\r\n\r\n    .mpc-detail-value {\r\n        padding-left: 17px;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   29. REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .mpc-shell::before {\r\n        animation: none;\r\n    }\r\n\r\n    .mpc-stat,\r\n    .mpc-program {\r\n        transition: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   30. ANIMATION\r\n   ========================================================= *\/\r\n\r\n@keyframes mpcTopLine {\r\n\r\n    0%,\r\n    100% {\r\n        background-position: 0% 50%;\r\n    }\r\n\r\n    50% {\r\n        background-position: 100% 50%;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"mpc-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND DECORATION\r\n         ===================================================== -->\r\n\r\n    <span\r\n        class=\"mpc-bg-shape mpc-bg-shape--one\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <span\r\n        class=\"mpc-bg-shape mpc-bg-shape--two\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n\r\n    <!-- =====================================================\r\n         01. \u03a4\u0399\u03a4\u039b\u039f\u03a3 \u03a3\u0395\u039b\u0399\u0394\u0391\u03a3\r\n         ===================================================== -->\r\n\r\n    <header class=\"mpc-header\">\r\n\r\n        <h1 class=\"mpc-title\">\r\n            \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03a0\u03a0\u03a3\r\n        <\/h1>\r\n\r\n        <div\r\n            class=\"mpc-title-divider\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span><\/span>\r\n        <\/div>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         02. \u039a\u03a5\u03a1\u0399\u0391 \u03a0\u039b\u0397\u03a1\u039f\u03a6\u039f\u03a1\u0399\u0391\r\n         ===================================================== -->\r\n\r\n    <section class=\"mpc-hero\">\r\n\r\n\r\n        <!-- =================================================\r\n             HERO TOP\r\n             ================================================= -->\r\n\r\n        <div class=\"mpc-hero-top\">\r\n\r\n            <div class=\"mpc-hero-label\">\r\n\r\n                <span\r\n                    class=\"mpc-hero-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3.5 9.5 12 5l8.5 4.5L12 14 3.5 9.5Z\"><\/path>\r\n                        <path d=\"M7 12v4.2c0 1 2.2 2.3 5 2.3s5-1.3 5-2.3V12\"><\/path>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span class=\"mpc-hero-label-text\">\r\n                    \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc \u0391\u03bd\u03bf\u03b9\u03ba\u03c4\u03cc \u03a0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03b9\u03bf\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"mpc-period\">\r\n                2021\u20132025\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             \u03a5\u03a0\u039f\u03a4\u0399\u03a4\u039b\u039f\u03a3\r\n             ================================================= -->\r\n\r\n        <h2 class=\"mpc-subtitle\">\r\n            \u0394\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u0391\u03ba\u03b1\u03b4\u03b7\u03bc\u03b1\u03ca\u03ba\u03ae\u03c2 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03a0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03ac\u03c4\u03c9\u03bd \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n        <\/h2>\r\n\r\n\r\n        <!-- =================================================\r\n             \u0391\u03a5\u03a4\u039f\u03a5\u03a3\u0399\u039f \u039a\u0395\u0399\u039c\u0395\u039d\u039f\r\n             ================================================= -->\r\n\r\n        <p class=\"mpc-text\">\r\n            \u03a4\u03bf \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc \u0391\u03bd\u03bf\u03b9\u03ba\u03c4\u03cc \u03a0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03b9\u03bf, \u03b1\u03bd\u03c4\u03b1\u03c0\u03bf\u03ba\u03c1\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03bf \u03c3\u03b5 \u03c0\u03c1\u03bf\u03c3\u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03c2 \u0395\u0398\u0391\u0391\u0395, \u03ad\u03c7\u03b5\u03b9 \u03c5\u03c0\u03bf\u03b2\u03ac\u03bb\u03b5\u03b9 \u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u0391\u03ba\u03b1\u03b4\u03b7\u03bc\u03b1\u03ca\u03ba\u03ae\u03c2 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03c0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ac \u03c0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd: \u0394\u0395\u039f, \u03a6\u03a5\u0395, \u03a0\u039b\u0397, \u0395\u039b\u03a0, \u0395\u03a0\u039f, \u0399\u03a3\u03a0, \u0394\u0397\u0394 \u03ba\u03b1\u03b9 \u0394\u0399\u03a4. \u0397 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03a0\u03a0\u03a3 \u0394\u0395\u039f, \u03a6\u03a5\u0395, \u03a0\u039b\u0397, \u0395\u039b\u03a0, \u0395\u03a0\u039f, \u0399\u03a3\u03a0 \u03ba\u03b1\u03b9 \u0394\u0397\u0394 \u03be\u03b5\u03ba\u03af\u03bd\u03b7\u03c3\u03b5 \u03c3\u03c4\u03b1\u03b4\u03b9\u03b1\u03ba\u03ac \u03c4\u03bf\u03bd \u03a6\u03b5\u03b2\u03c1\u03bf\u03c5\u03ac\u03c1\u03b9\u03bf \u03c4\u03bf\u03c5 2021 \u03ba\u03b1\u03b9 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf\u03bd \u039d\u03bf\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf \u03c4\u03bf\u03c5 2025.\r\n        <\/p>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         03. \u0393\u03a1\u0397\u0393\u039f\u03a1\u0397 \u03a3\u03a5\u039d\u039f\u03a8\u0397\r\n         ===================================================== -->\r\n\r\n    <div class=\"mpc-stats\">\r\n\r\n\r\n        <!-- 8 \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 -->\r\n        <article\r\n            class=\"mpc-stat\"\r\n            style=\"\r\n                --stat-c:#182f70;\r\n                --stat-c2:#31589c;\r\n            \"\r\n        >\r\n\r\n            <span\r\n                class=\"mpc-stat-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M3.5 9.5 12 5l8.5 4.5L12 14 3.5 9.5Z\"><\/path>\r\n                    <path d=\"M7 12v4.2c0 1 2.2 2.3 5 2.3s5-1.3 5-2.3V12\"><\/path>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n                <span class=\"mpc-stat-value\">\r\n                    8\r\n                <\/span>\r\n\r\n                <span class=\"mpc-stat-label\">\r\n                    \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ac \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- \u0388\u03bd\u03b1\u03c1\u03be\u03b7 -->\r\n        <article\r\n            class=\"mpc-stat\"\r\n            style=\"\r\n                --stat-c:#187d6e;\r\n                --stat-c2:#2cae98;\r\n            \"\r\n        >\r\n\r\n            <span\r\n                class=\"mpc-stat-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M7 4v3M17 4v3\"><\/path>\r\n                    <path d=\"M5 9h14\"><\/path>\r\n                    <rect\r\n                        x=\"5\"\r\n                        y=\"6\"\r\n                        width=\"14\"\r\n                        height=\"14\"\r\n                        rx=\"3\"\r\n                    ><\/rect>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n                <span class=\"mpc-stat-value\">\r\n                    2021\r\n                <\/span>\r\n\r\n                <span class=\"mpc-stat-label\">\r\n                    \u0388\u03bd\u03b1\u03c1\u03be\u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1\u03c2\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- \u039f\u03bb\u03bf\u03ba\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7 -->\r\n        <article\r\n            class=\"mpc-stat\"\r\n            style=\"\r\n                --stat-c:#b87910;\r\n                --stat-c2:#d49b2d;\r\n            \"\r\n        >\r\n\r\n            <span\r\n                class=\"mpc-stat-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M6 20V5\"><\/path>\r\n                    <path d=\"M6 6h10l-1.5 3 1.5 3H6\"><\/path>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n                <span class=\"mpc-stat-value\">\r\n                    2025\r\n                <\/span>\r\n\r\n                <span class=\"mpc-stat-label\">\r\n                    \u039f\u03bb\u03bf\u03ba\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1\u03c2\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         04. \u03a0\u03a1\u039f\u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u0391 \u03a0\u039f\u03a5 \u03a0\u0395\u03a1\u0399\u039b\u0391\u039c\u0392\u0391\u039d\u039f\u039d\u03a4\u0391\u0399\r\n         ===================================================== -->\r\n\r\n    <h2 class=\"mpc-section-title\">\r\n        \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n    <\/h2>\r\n\r\n\r\n    <div class=\"mpc-programs\">\r\n\r\n\r\n        <!-- \u0394\u0395\u039f -->\r\n        <div class=\"mpc-program\">\r\n\r\n            <span class=\"mpc-program-code\">\r\n                \u0394\u0395\u039f\r\n            <\/span>\r\n\r\n            <span class=\"mpc-program-label\">\r\n                \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u03a6\u03a5\u0395 -->\r\n        <div class=\"mpc-program\">\r\n\r\n            <span class=\"mpc-program-code\">\r\n                \u03a6\u03a5\u0395\r\n            <\/span>\r\n\r\n            <span class=\"mpc-program-label\">\r\n                \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u03a0\u039b\u0397 -->\r\n        <div class=\"mpc-program\">\r\n\r\n            <span class=\"mpc-program-code\">\r\n                \u03a0\u039b\u0397\r\n            <\/span>\r\n\r\n            <span class=\"mpc-program-label\">\r\n                \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0395\u039b\u03a0 -->\r\n        <div class=\"mpc-program\">\r\n\r\n            <span class=\"mpc-program-code\">\r\n                \u0395\u039b\u03a0\r\n            <\/span>\r\n\r\n            <span class=\"mpc-program-label\">\r\n                \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0395\u03a0\u039f -->\r\n        <div class=\"mpc-program\">\r\n\r\n            <span class=\"mpc-program-code\">\r\n                \u0395\u03a0\u039f\r\n            <\/span>\r\n\r\n            <span class=\"mpc-program-label\">\r\n                \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0399\u03a3\u03a0 -->\r\n        <div class=\"mpc-program\">\r\n\r\n            <span class=\"mpc-program-code\">\r\n                \u0399\u03a3\u03a0\r\n            <\/span>\r\n\r\n            <span class=\"mpc-program-label\">\r\n                \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0394\u0397\u0394 -->\r\n        <div class=\"mpc-program\">\r\n\r\n            <span class=\"mpc-program-code\">\r\n                \u0394\u0397\u0394\r\n            <\/span>\r\n\r\n            <span class=\"mpc-program-label\">\r\n                \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0394\u0399\u03a4 -->\r\n        <div class=\"mpc-program\">\r\n\r\n            <span class=\"mpc-program-code\">\r\n                \u0394\u0399\u03a4\r\n            <\/span>\r\n\r\n            <span class=\"mpc-program-label\">\r\n                \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         05. \u03a3\u03a4\u039f\u0399\u03a7\u0395\u0399\u0391 \u0394\u0399\u0391\u0394\u0399\u039a\u0391\u03a3\u0399\u0391\u03a3\r\n         ===================================================== -->\r\n\r\n    <h2 class=\"mpc-section-title\">\r\n        \u03a3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1\u03c2\r\n    <\/h2>\r\n\r\n\r\n    <section class=\"mpc-details\">\r\n\r\n        <div class=\"mpc-details-grid\">\r\n\r\n\r\n            <!-- \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 -->\r\n            <div class=\"mpc-detail\">\r\n\r\n                <span class=\"mpc-detail-label\">\r\n                    \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1\r\n                <\/span>\r\n\r\n                <span class=\"mpc-detail-value\">\r\n                    \u0394\u0395\u039f, \u03a6\u03a5\u0395, \u03a0\u039b\u0397, \u0395\u039b\u03a0, \u0395\u03a0\u039f, \u0399\u03a3\u03a0, \u0394\u0397\u0394, \u0394\u0399\u03a4\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0388\u03bd\u03b1\u03c1\u03be\u03b7 -->\r\n            <div class=\"mpc-detail\">\r\n\r\n                <span class=\"mpc-detail-label\">\r\n                    \u0388\u03bd\u03b1\u03c1\u03be\u03b7\r\n                <\/span>\r\n\r\n                <span class=\"mpc-detail-value\">\r\n                    \u03a6\u03b5\u03b2\u03c1\u03bf\u03c5\u03ac\u03c1\u03b9\u03bf\u03c2 2021\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u039f\u03bb\u03bf\u03ba\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7 -->\r\n            <div class=\"mpc-detail\">\r\n\r\n                <span class=\"mpc-detail-label\">\r\n                    \u039f\u03bb\u03bf\u03ba\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7\r\n                <\/span>\r\n\r\n                <span class=\"mpc-detail-value\">\r\n                    \u039d\u03bf\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2 2025\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u03a6\u03bf\u03c1\u03ad\u03b1\u03c2 -->\r\n            <div class=\"mpc-detail\">\r\n\r\n                <span class=\"mpc-detail-label\">\r\n                    \u03a6\u03bf\u03c1\u03ad\u03b1\u03c2\r\n                <\/span>\r\n\r\n                <span class=\"mpc-detail-value\">\r\n                    \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc \u0391\u03bd\u03bf\u03b9\u03ba\u03c4\u03cc \u03a0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03b9\u03bf\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0391\u03c1\u03c7\u03ae -->\r\n            <div class=\"mpc-detail\">\r\n\r\n                <span class=\"mpc-detail-label\">\r\n                    \u0391\u03c1\u03c7\u03ae\r\n                <\/span>\r\n\r\n                <span class=\"mpc-detail-value\">\r\n                    \u0395\u0398\u0391\u0391\u0395\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u039a\u03b1\u03c4\u03b7\u03b3\u03bf\u03c1\u03af\u03b1 -->\r\n            <div class=\"mpc-detail\">\r\n\r\n                <span class=\"mpc-detail-label\">\r\n                    \u039a\u03b1\u03c4\u03b7\u03b3\u03bf\u03c1\u03af\u03b1\r\n                <\/span>\r\n\r\n                <span class=\"mpc-detail-value\">\r\n                    \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ac \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         06. \u03a4\u03a1\u0395\u03a7\u039f\u03a5\u03a3\u0391 \u039a\u0391\u03a4\u0391\u03a3\u03a4\u0391\u03a3\u0397\r\n         ===================================================== -->\r\n\r\n    <h2 class=\"mpc-section-title\">\r\n        \u03a4\u03c1\u03ad\u03c7\u03bf\u03c5\u03c3\u03b1 \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\r\n    <\/h2>\r\n\r\n\r\n    <section class=\"mpc-status\">\r\n\r\n        <p>\r\n            \u039c\u03ad\u03c7\u03c1\u03b9 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1, \u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03b1\u03ba\u03cc\u03bb\u03bf\u03c5\u03b8\u03b1 \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd \u03c4\u03bf\u03c5 \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03bf\u03cd \u0391\u03bd\u03bf\u03b9\u03ba\u03c4\u03bf\u03cd \u03a0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03af\u03bf\u03c5.\r\n        <\/p>\r\n\r\n\r\n        <!-- =================================================\r\n             \u0395\u039d\u0397\u039c\u0395\u03a1\u03a9\u03a4\u0399\u039a\u0397 \u03a3\u0397\u039c\u0395\u0399\u03a9\u03a3\u0397\r\n             ================================================= -->\r\n\r\n        <div class=\"mpc-note\">\r\n\r\n            <span\r\n                class=\"mpc-note-dot\"\r\n                aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            <span>\r\n                \u03a4\u03b1 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b1\u03bd\u03b1\u03bb\u03c5\u03c4\u03b9\u03ba\u03ac \u03c3\u03c4\u03b7\u03bd \u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af, \u03bc\u03b5 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03b4\u03b9\u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1\u03c2 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2, \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b5\u03ba\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03b9\u03c3\u03c7\u03cd\u03bf\u03c2.\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9e66b22 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"9e66b22\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\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-67bf58f\" data-id=\"67bf58f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b78d5f6 elementor-widget elementor-widget-html\" data-id=\"b78d5f6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     \u039c\u039f\u0394\u0399\u03a0 \u0395\u0391\u03a0\r\n     \u03a3\u03a5\u039d\u0395\u03a7\u0395\u0399\u0391 \u03a3\u0395\u039b\u0399\u0394\u0391\u03a3 \"\u03a0\u0399\u03a3\u03a4\u039f\u03a0\u039f\u0399\u0397\u03a3\u0397 \u03a0\u03a0\u03a3\"\r\n     \u03a0\u0399\u03a3\u03a4\u039f\u03a0\u039f\u0399\u0397\u039c\u0395\u039d\u0391 \u03a0\u03a1\u039f\u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u0391 \u03a0\u03a1\u039f\u03a0\u03a4\u03a5\u03a7\u0399\u0391\u039a\u03a9\u039d \u03a3\u03a0\u039f\u03a5\u0394\u03a9\u039d\r\n     ========================================================= -->\r\n\r\n<section class=\"modip-pps-certified\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. \u0392\u0391\u03a3\u0399\u039a\u0395\u03a3 \u039c\u0395\u03a4\u0391\u0392\u039b\u0397\u03a4\u0395\u03a3\r\n   ========================================================= *\/\r\n\r\n.modip-pps-certified {\r\n    --ppc-blue: #182f70;\r\n    --ppc-blue-2: #31589c;\r\n\r\n    --ppc-pink: #c6007e;\r\n    --ppc-pink-2: #df228f;\r\n\r\n    --ppc-green: #187d6e;\r\n    --ppc-green-2: #2cae98;\r\n\r\n    --ppc-gold: #b87910;\r\n    --ppc-gold-2: #d49b2d;\r\n\r\n    --ppc-purple: #6b3fa0;\r\n\r\n    --ppc-text: #414a5b;\r\n    --ppc-muted: #6c7587;\r\n    --ppc-light: #99a4b5;\r\n    --ppc-border: #e1e6ef;\r\n    --ppc-soft: #f7f9fc;\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto 40px;\r\n    padding: 0 20px;\r\n\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n}\r\n\r\n.modip-pps-certified *,\r\n.modip-pps-certified *::before,\r\n.modip-pps-certified *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   02. \u039a\u0395\u039d\u03a4\u03a1\u0399\u039a\u039f \u03a0\u039b\u0391\u0399\u03a3\u0399\u039f\r\n   ========================================================= *\/\r\n\r\n.ppc-shell {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 36px 46px 44px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0,\r\n            rgba(198,0,126,.06),\r\n            transparent 26%\r\n        ),\r\n        radial-gradient(\r\n            circle at 0 100%,\r\n            rgba(24,47,112,.05),\r\n            transparent 27%\r\n        ),\r\n        #fff;\r\n\r\n    border: 1px solid var(--ppc-border);\r\n    border-radius: 22px;\r\n\r\n    box-shadow:\r\n        0 18px 46px rgba(18,39,91,.075);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   03. \u03a7\u03a1\u03a9\u039c\u0391\u03a4\u0399\u039a\u0397 \u0393\u03a1\u0391\u039c\u039c\u0397 \u039a\u039f\u03a1\u03a5\u03a6\u0397\u03a3\r\n   ========================================================= *\/\r\n\r\n.ppc-shell::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--ppc-blue),\r\n            var(--ppc-pink),\r\n            var(--ppc-gold),\r\n            var(--ppc-green),\r\n            var(--ppc-blue)\r\n        );\r\n\r\n    background-size: 220% 100%;\r\n\r\n    animation:\r\n        ppcTopLine 10s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   04. BACKGROUND DECORATION\r\n   ========================================================= *\/\r\n\r\n.ppc-bg {\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.ppc-bg--one {\r\n    width: 230px;\r\n    height: 230px;\r\n\r\n    right: -150px;\r\n    top: 130px;\r\n\r\n    border:\r\n        32px solid rgba(198,0,126,.022);\r\n}\r\n\r\n.ppc-bg--two {\r\n    width: 160px;\r\n    height: 160px;\r\n\r\n    left: -100px;\r\n    bottom: 120px;\r\n\r\n    border:\r\n        26px solid rgba(24,47,112,.023);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   05. \u03a4\u0399\u03a4\u039b\u039f\u03a3 \u0395\u039d\u039f\u03a4\u0397\u03a4\u0391\u03a3\r\n   ========================================================= *\/\r\n\r\n.ppc-heading {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 23px;\r\n}\r\n\r\n.ppc-heading-left {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n}\r\n\r\n.ppc-heading-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    flex: 0 0 48px;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--ppc-blue),\r\n            var(--ppc-blue-2)\r\n        );\r\n\r\n    border-radius: 13px;\r\n\r\n    box-shadow:\r\n        0 7px 17px rgba(24,47,112,.16);\r\n}\r\n\r\n.ppc-heading-icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.ppc-title {\r\n    margin: 0 !important;\r\n\r\n    color: var(--ppc-blue) !important;\r\n\r\n    font-size: 21px !important;\r\n    font-weight: 780 !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n.ppc-heading-note {\r\n    color: var(--ppc-muted);\r\n\r\n    font-size: 12px;\r\n    font-weight: 650;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   06. \u03a3\u03a4\u0391\u03a4\u0399\u03a3\u03a4\u0399\u039a\u0391\r\n   ========================================================= *\/\r\n\r\n.ppc-stats {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0,1fr));\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   07. STAT CARD\r\n   ========================================================= *\/\r\n\r\n.ppc-stat {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    min-height: 103px;\r\n\r\n    padding: 18px 19px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff,\r\n            #f9fafe\r\n        );\r\n\r\n    border: 1px solid var(--ppc-border);\r\n    border-radius: 15px;\r\n\r\n    box-shadow:\r\n        0 6px 17px rgba(20,39,91,.045);\r\n\r\n    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.ppc-stat::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 3px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--stat-c),\r\n            var(--stat-c2)\r\n        );\r\n}\r\n\r\n.ppc-stat::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 100px;\r\n    height: 100px;\r\n\r\n    right: -48px;\r\n    bottom: -52px;\r\n\r\n    background:\r\n        color-mix(\r\n            in srgb,\r\n            var(--stat-c) 6%,\r\n            transparent\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.ppc-stat:hover {\r\n    transform: translateY(-3px);\r\n\r\n    border-color:\r\n        color-mix(\r\n            in srgb,\r\n            var(--stat-c) 28%,\r\n            var(--ppc-border)\r\n        );\r\n\r\n    box-shadow:\r\n        0 11px 24px rgba(20,39,91,.085);\r\n}\r\n\r\n.ppc-stat:hover::after {\r\n    transform: scale(1.3);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   08. STAT ICON\r\n   ========================================================= *\/\r\n\r\n.ppc-stat-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 49px;\r\n    height: 49px;\r\n\r\n    flex: 0 0 49px;\r\n\r\n    color: var(--stat-c);\r\n\r\n    background:\r\n        color-mix(\r\n            in srgb,\r\n            var(--stat-c) 10%,\r\n            #fff\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        color-mix(\r\n            in srgb,\r\n            var(--stat-c) 17%,\r\n            #fff\r\n        );\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.ppc-stat-icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   09. STAT TEXT\r\n   ========================================================= *\/\r\n\r\n.ppc-stat-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.ppc-stat-number {\r\n    display: block;\r\n\r\n    color: var(--stat-c);\r\n\r\n    font-size: 25px;\r\n    font-weight: 820;\r\n    line-height: 1;\r\n}\r\n\r\n.ppc-stat-label {\r\n    display: block;\r\n\r\n    margin-top: 6px;\r\n\r\n    color: var(--ppc-muted);\r\n\r\n    font-size: 11.7px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   10. SEARCH CONTAINER\r\n   ========================================================= *\/\r\n\r\n.ppc-search-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 20px;\r\n    padding: 13px 16px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #fff,\r\n            #fafbfe\r\n        );\r\n\r\n    border: 1px solid var(--ppc-border);\r\n    border-radius: 13px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(20,39,91,.04);\r\n\r\n    transition:\r\n        border-color .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n.ppc-search-wrap:focus-within {\r\n    border-color:\r\n        rgba(198,0,126,.35);\r\n\r\n    box-shadow:\r\n        0 0 0 3px rgba(198,0,126,.06),\r\n        0 7px 17px rgba(20,39,91,.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   11. SEARCH ICON\r\n   ========================================================= *\/\r\n\r\n.ppc-search-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 37px;\r\n    height: 37px;\r\n\r\n    flex: 0 0 37px;\r\n\r\n    color: var(--ppc-pink);\r\n\r\n    background:\r\n        rgba(198,0,126,.07);\r\n\r\n    border-radius: 10px;\r\n}\r\n\r\n.ppc-search-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   12. SEARCH INPUT\r\n   ========================================================= *\/\r\n\r\n#ppc-search {\r\n    flex: 1;\r\n\r\n    min-width: 0;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: var(--ppc-text) !important;\r\n    background: transparent !important;\r\n\r\n    border: 0 !important;\r\n    outline: none !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    font-family: inherit !important;\r\n    font-size: 14px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n#ppc-search::placeholder {\r\n    color: #a3adba;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   13. SEARCH COUNT\r\n   ========================================================= *\/\r\n\r\n.ppc-search-count {\r\n    padding: 6px 9px;\r\n\r\n    color: var(--ppc-muted);\r\n\r\n    background: var(--ppc-soft);\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 10.8px;\r\n    font-weight: 720;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   14. GRID \u03a0\u03a1\u039f\u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u03a9\u039d\r\n   ========================================================= *\/\r\n\r\n.ppc-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0,1fr));\r\n\r\n    gap: 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   15. PROGRAM CARD\r\n   ========================================================= *\/\r\n\r\n.ppc-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    min-height: 260px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff,\r\n            #fafbfe\r\n        );\r\n\r\n    border: 1px solid var(--ppc-border);\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 6px 18px rgba(20,39,91,.045);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .23s ease,\r\n        border-color .23s ease,\r\n        box-shadow .23s ease;\r\n\r\n    animation:\r\n        ppcFade .38s ease both;\r\n}\r\n\r\n.ppc-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    border-color:\r\n        color-mix(\r\n            in srgb,\r\n            var(--sc) 35%,\r\n            var(--ppc-border)\r\n        );\r\n\r\n    box-shadow:\r\n        0 15px 31px rgba(20,39,91,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   16. \u03a0\u0391\u039d\u03a9 \u03a7\u03a1\u03a9\u039c\u0391\u03a4\u0399\u039a\u0397 \u0393\u03a1\u0391\u039c\u039c\u0397 \u039a\u0391\u03a1\u03a4\u0391\u03a3\r\n   ========================================================= *\/\r\n\r\n.ppc-card-stripe {\r\n    height: 5px;\r\n\r\n    flex: 0 0 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--sc),\r\n            color-mix(\r\n                in srgb,\r\n                var(--sc) 55%,\r\n                #fff\r\n            )\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   17. CARD BODY\r\n   ========================================================= *\/\r\n\r\n.ppc-card-body {\r\n    position: relative;\r\n\r\n    flex: 1;\r\n\r\n    padding: 19px;\r\n}\r\n\r\n\r\n\/* \u0394\u03b9\u03b1\u03ba\u03bf\u03c3\u03bc\u03b7\u03c4\u03b9\u03ba\u03cc\u03c2 \u03ba\u03cd\u03ba\u03bb\u03bf\u03c2 *\/\r\n.ppc-card-body::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 125px;\r\n    height: 125px;\r\n\r\n    right: -55px;\r\n    top: -55px;\r\n\r\n    background:\r\n        color-mix(\r\n            in srgb,\r\n            var(--sc) 5%,\r\n            transparent\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.ppc-card:hover\r\n.ppc-card-body::after {\r\n    transform: scale(1.35);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   18. CARD TOP\r\n   ========================================================= *\/\r\n\r\n.ppc-card-top {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   19. PROGRAM CODE\r\n   ========================================================= *\/\r\n\r\n.ppc-code {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 50px;\r\n\r\n    padding: 7px 11px;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--sc),\r\n            color-mix(\r\n                in srgb,\r\n                var(--sc) 78%,\r\n                #000\r\n            )\r\n        );\r\n\r\n    border-radius: 9px;\r\n\r\n    box-shadow:\r\n        0 5px 12px\r\n        color-mix(\r\n            in srgb,\r\n            var(--sc) 18%,\r\n            transparent\r\n        );\r\n\r\n    font-size: 12px;\r\n    font-weight: 850;\r\n    letter-spacing: .45px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   20. \u03a3\u0397\u039c\u0391 \u03a0\u0399\u03a3\u03a4\u039f\u03a0\u039f\u0399\u0397\u03a3\u0397\u03a3\r\n   ========================================================= *\/\r\n\r\n.ppc-seal-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    flex: 0 0 46px;\r\n\r\n    padding: 3px;\r\n\r\n    background: #fff;\r\n\r\n    border: 1px solid var(--ppc-border);\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 4px 11px rgba(20,39,91,.065);\r\n}\r\n\r\n.ppc-seal {\r\n    display: block;\r\n\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   21. PROGRAM TITLE\r\n   ========================================================= *\/\r\n\r\n.ppc-card-title {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    color: var(--ppc-blue);\r\n\r\n    font-size: 16px;\r\n    font-weight: 790;\r\n    line-height: 1.48;\r\n\r\n    min-height: 48px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   22. META ROWS\r\n   ========================================================= *\/\r\n\r\n.ppc-meta {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n.ppc-meta-row {\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 9px;\r\n\r\n    color: #536277;\r\n\r\n    font-size: 12.7px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ppc-meta-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    flex: 0 0 27px;\r\n\r\n    margin-top: -3px;\r\n\r\n    color: var(--sc);\r\n\r\n    background:\r\n        color-mix(\r\n            in srgb,\r\n            var(--sc) 8%,\r\n            #fff\r\n        );\r\n\r\n    border-radius: 8px;\r\n}\r\n\r\n.ppc-meta-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   23. CARD FOOTER\r\n   ========================================================= *\/\r\n\r\n.ppc-card-footer {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 13px 18px;\r\n\r\n    background:\r\n        rgba(247,249,252,.72);\r\n\r\n    border-top:\r\n        1px solid #eef1f5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   24. PROGRAM LINK\r\n   ========================================================= *\/\r\n\r\n.ppc-program-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 6px;\r\n\r\n    color: var(--ppc-pink) !important;\r\n\r\n    font-size: 11.8px;\r\n    font-weight: 760;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n.ppc-program-link:hover {\r\n    text-decoration: underline !important;\r\n}\r\n\r\n.ppc-program-link svg {\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   25. DETAILS BUTTON\r\n   ========================================================= *\/\r\n\r\n.ppc-details-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 5px;\r\n\r\n    padding: 7px 11px;\r\n\r\n    color: var(--sc);\r\n\r\n    background:\r\n        color-mix(\r\n            in srgb,\r\n            var(--sc) 6%,\r\n            #fff\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        color-mix(\r\n            in srgb,\r\n            var(--sc) 28%,\r\n            #fff\r\n        );\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 10.8px;\r\n    font-weight: 800;\r\n\r\n    transition:\r\n        color .18s ease,\r\n        background .18s ease,\r\n        transform .18s ease;\r\n}\r\n\r\n.ppc-card:hover\r\n.ppc-details-btn {\r\n    color: #fff;\r\n\r\n    background: var(--sc);\r\n\r\n    transform: translateX(2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   26. \u039a\u0391\u03a4\u03a9 \u0395\u039d\u0397\u039c\u0395\u03a1\u03a9\u03a4\u0399\u039a\u0397 \u03a3\u0397\u039c\u0395\u0399\u03a9\u03a3\u0397\r\n   ========================================================= *\/\r\n\r\n.ppc-note {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 19px;\r\n    padding: 16px 18px;\r\n\r\n    color: #4b607b;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f7faff,\r\n            #fff\r\n        );\r\n\r\n    border: 1px solid var(--ppc-border);\r\n    border-radius: 12px;\r\n\r\n    font-size: 12.8px;\r\n    line-height: 1.62;\r\n}\r\n\r\n.ppc-note-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    flex: 0 0 30px;\r\n\r\n    color: var(--ppc-blue);\r\n\r\n    background:\r\n        rgba(24,47,112,.075);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.ppc-note-icon svg {\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   27. \u039a\u0395\u039d\u039f SEARCH RESULT\r\n   ========================================================= *\/\r\n\r\n.ppc-empty {\r\n    grid-column: 1 \/ -1;\r\n\r\n    padding: 44px 20px;\r\n\r\n    color: var(--ppc-muted);\r\n\r\n    background: #fff;\r\n\r\n    border: 1px dashed #d8dfeb;\r\n    border-radius: 14px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.ppc-empty-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    margin: 0 auto 11px;\r\n\r\n    color: var(--ppc-pink);\r\n\r\n    background:\r\n        rgba(198,0,126,.07);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.ppc-empty p {\r\n    margin: 0 !important;\r\n\r\n    font-size: 14px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   28. MODAL OVERLAY\r\n   ========================================================= *\/\r\n\r\n.ppc-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    display: none;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n\r\n    padding: 38px 18px;\r\n\r\n    overflow-y: auto;\r\n\r\n    background:\r\n        rgba(8,20,48,.69);\r\n\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n}\r\n\r\n.ppc-overlay.open {\r\n    display: flex;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   29. MODAL\r\n   ========================================================= *\/\r\n\r\n.ppc-modal {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 790px;\r\n\r\n    margin: auto;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #fff;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 30px 100px rgba(0,0,0,.28);\r\n\r\n    animation:\r\n        ppcModalIn .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   30. MODAL HERO\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-header {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 29px 30px 27px;\r\n\r\n    color: #fff;\r\n}\r\n\r\n.ppc-modal-header::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 220px;\r\n    height: 220px;\r\n\r\n    right: -80px;\r\n    bottom: -130px;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   31. CLOSE BUTTON\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-close {\r\n    position: absolute !important;\r\n\r\n    top: 14px !important;\r\n    right: 14px !important;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #fff !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.12) !important;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.18) !important;\r\n\r\n    border-radius: 50% !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    font-size: 26px !important;\r\n    font-weight: 300 !important;\r\n    line-height: 1 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .18s ease,\r\n        background .18s ease !important;\r\n}\r\n\r\n.ppc-modal-close:hover {\r\n    transform: rotate(8deg);\r\n\r\n    background:\r\n        rgba(255,255,255,.22) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   32. MODAL TOP\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-top {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 17px;\r\n\r\n    padding-right: 45px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   33. MODAL SEAL\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-seal-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 72px;\r\n    height: 72px;\r\n\r\n    flex: 0 0 72px;\r\n\r\n    padding: 4px;\r\n\r\n    background: #fff;\r\n\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 7px 20px rgba(0,0,0,.16);\r\n}\r\n\r\n.ppc-modal-seal {\r\n    width: 62px;\r\n    height: 62px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   34. MODAL BADGES\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 6px;\r\n\r\n    margin-bottom: 9px;\r\n}\r\n\r\n.ppc-modal-badge {\r\n    padding: 5px 9px;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        rgba(255,255,255,.14);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.22);\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 9.8px;\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   35. MODAL TITLE\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-title {\r\n    color: #fff;\r\n\r\n    font-size: 21px;\r\n    font-weight: 780;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   36. MODAL BODY\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-body {\r\n    padding: 10px 30px 28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   37. MODAL INFORMATION ROW\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-row {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        170px minmax(0,1fr);\r\n\r\n    gap: 18px;\r\n\r\n    padding: 17px 0;\r\n\r\n    border-bottom:\r\n        1px solid #edf1f6;\r\n}\r\n\r\n.ppc-modal-row:last-child {\r\n    border-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   38. MODAL LABEL\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-label {\r\n    color: var(--ppc-muted);\r\n\r\n    font-size: 10.5px;\r\n    font-weight: 820;\r\n\r\n    letter-spacing: .45px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   39. MODAL VALUE\r\n   ========================================================= *\/\r\n\r\n.ppc-modal-value {\r\n    min-width: 0;\r\n\r\n    color: var(--ppc-text);\r\n\r\n    font-size: 13.8px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   40. DOCUMENT LINKS GRID\r\n   ========================================================= *\/\r\n\r\n.ppc-doc-links {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0,1fr));\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   41. DOCUMENT BUTTON\r\n   ========================================================= *\/\r\n\r\n.ppc-doc-btn {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    min-height: 48px;\r\n\r\n    padding: 9px 11px;\r\n\r\n    color: var(--doc-color) !important;\r\n\r\n    background:\r\n        color-mix(\r\n            in srgb,\r\n            var(--doc-color) 5%,\r\n            #fff\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        color-mix(\r\n            in srgb,\r\n            var(--doc-color) 24%,\r\n            #fff\r\n        );\r\n\r\n    border-radius: 9px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 11.5px;\r\n    font-weight: 720;\r\n    line-height: 1.4;\r\n\r\n    transition:\r\n        transform .18s ease,\r\n        background .18s ease,\r\n        box-shadow .18s ease;\r\n}\r\n\r\n.ppc-doc-btn:hover {\r\n    transform: translateY(-2px);\r\n\r\n    background:\r\n        color-mix(\r\n            in srgb,\r\n            var(--doc-color) 9%,\r\n            #fff\r\n        );\r\n\r\n    box-shadow:\r\n        0 6px 15px\r\n        color-mix(\r\n            in srgb,\r\n            var(--doc-color) 10%,\r\n            transparent\r\n        );\r\n}\r\n\r\n.ppc-doc-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    flex: 0 0 29px;\r\n\r\n    color: #fff;\r\n\r\n    background: var(--doc-color);\r\n\r\n    border-radius: 7px;\r\n}\r\n\r\n.ppc-doc-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   42. PROGRAM PAGE BUTTON\r\n   ========================================================= *\/\r\n\r\n.ppc-program-page {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding: 8px 13px;\r\n\r\n    color: #fff !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--ppc-blue),\r\n            var(--ppc-blue-2)\r\n        );\r\n\r\n    border-radius: 999px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 11.5px;\r\n    font-weight: 780;\r\n\r\n    box-shadow:\r\n        0 6px 15px rgba(24,47,112,.14);\r\n\r\n    transition:\r\n        transform .18s ease,\r\n        box-shadow .18s ease;\r\n}\r\n\r\n.ppc-program-page:hover {\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 9px 18px rgba(24,47,112,.20);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   43. TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .ppc-shell {\r\n        padding: 32px 28px 36px;\r\n    }\r\n\r\n    .ppc-stats {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   44. MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 680px) {\r\n\r\n    .modip-pps-certified {\r\n        padding: 0 12px 28px;\r\n    }\r\n\r\n    .ppc-shell {\r\n        padding: 27px 15px 26px;\r\n\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .ppc-heading {\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n    }\r\n\r\n    .ppc-title {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .ppc-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ppc-card {\r\n        min-height: 0;\r\n    }\r\n\r\n    .ppc-search-count {\r\n        display: none;\r\n    }\r\n\r\n    .ppc-modal {\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .ppc-modal-header {\r\n        padding: 25px 20px 23px;\r\n    }\r\n\r\n    .ppc-modal-top {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .ppc-modal-body {\r\n        padding:\r\n            8px 20px 22px;\r\n    }\r\n\r\n    .ppc-modal-row {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 5px;\r\n\r\n        padding: 14px 0;\r\n    }\r\n\r\n    .ppc-doc-links {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   45. REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .ppc-shell::before {\r\n        animation: none;\r\n    }\r\n\r\n    .ppc-stat,\r\n    .ppc-card,\r\n    .ppc-details-btn,\r\n    .ppc-doc-btn {\r\n        transition: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   46. ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes ppcTopLine {\r\n\r\n    0%,\r\n    100% {\r\n        background-position: 0% 50%;\r\n    }\r\n\r\n    50% {\r\n        background-position: 100% 50%;\r\n    }\r\n\r\n}\r\n\r\n@keyframes ppcFade {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes ppcModalIn {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(18px) scale(.985);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0) scale(1);\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"ppc-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND DECORATION\r\n         ===================================================== -->\r\n\r\n    <span\r\n        class=\"ppc-bg ppc-bg--one\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <span\r\n        class=\"ppc-bg ppc-bg--two\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n\r\n    <!-- =====================================================\r\n         01. \u03a4\u0399\u03a4\u039b\u039f\u03a3 \u0395\u039d\u039f\u03a4\u0397\u03a4\u0391\u03a3\r\n         ===================================================== -->\r\n\r\n    <header class=\"ppc-heading\">\r\n\r\n        <div class=\"ppc-heading-left\">\r\n\r\n            <span\r\n                class=\"ppc-heading-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M12 3 19 6v5.5c0 4-2.7 7.5-7 8.5-4.3-1-7-4.5-7-8.5V6z\"><\/path>\r\n                    <path d=\"m9 12 2 2 4-5\"><\/path>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <h2 class=\"ppc-title\">\r\n                \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"ppc-heading-note\">\r\n            \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03b3\u03b9\u03b1 \u03b1\u03bd\u03b1\u03bb\u03c5\u03c4\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1\r\n        <\/span>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         02. \u03a3\u03a4\u0391\u03a4\u0399\u03a3\u03a4\u0399\u039a\u0391\r\n         ===================================================== -->\r\n\r\n    <div class=\"ppc-stats\">\r\n\r\n\r\n        <!-- \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03a0\u03a0\u03a3 -->\r\n\r\n        <article\r\n            class=\"ppc-stat\"\r\n            style=\"\r\n                --stat-c:#182f70;\r\n                --stat-c2:#31589c;\r\n            \"\r\n        >\r\n\r\n            <span\r\n                class=\"ppc-stat-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M3.5 9.5 12 5l8.5 4.5L12 14 3.5 9.5Z\"><\/path>\r\n                    <path d=\"M7 12v4.2c0 1 2.2 2.3 5 2.3s5-1.3 5-2.3V12\"><\/path>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"ppc-stat-content\">\r\n\r\n                <span class=\"ppc-stat-number\">\r\n                    7\r\n                <\/span>\r\n\r\n                <span class=\"ppc-stat-label\">\r\n                    \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03a0\u03a0\u03a3\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- \u03a0\u03b5\u03c1\u03af\u03bf\u03b4\u03bf\u03c2 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03c9\u03bd -->\r\n\r\n        <article\r\n            class=\"ppc-stat\"\r\n            style=\"\r\n                --stat-c:#187d6e;\r\n                --stat-c2:#2cae98;\r\n            \"\r\n        >\r\n\r\n            <span\r\n                class=\"ppc-stat-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M7 4v3M17 4v3\"><\/path>\r\n                    <path d=\"M5 9h14\"><\/path>\r\n                    <rect\r\n                        x=\"5\"\r\n                        y=\"6\"\r\n                        width=\"14\"\r\n                        height=\"14\"\r\n                        rx=\"3\"\r\n                    ><\/rect>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"ppc-stat-content\">\r\n\r\n                <span class=\"ppc-stat-number\">\r\n                    2021\u20132023\r\n                <\/span>\r\n\r\n                <span class=\"ppc-stat-label\">\r\n                    \u0394\u03b9\u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03c9\u03bd\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- \u03a4\u03b5\u03bb\u03b5\u03c5\u03c4\u03b1\u03af\u03b1 \u03bb\u03ae\u03be\u03b7 -->\r\n\r\n        <article\r\n            class=\"ppc-stat\"\r\n            style=\"\r\n                --stat-c:#b87910;\r\n                --stat-c2:#d49b2d;\r\n            \"\r\n        >\r\n\r\n            <span\r\n                class=\"ppc-stat-icon\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M6 20V5\"><\/path>\r\n                    <path d=\"M6 6h10l-1.5 3 1.5 3H6\"><\/path>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"ppc-stat-content\">\r\n\r\n                <span class=\"ppc-stat-number\">\r\n                    2027\r\n                <\/span>\r\n\r\n                <span class=\"ppc-stat-label\">\r\n                    \u03a4\u03b5\u03bb\u03b5\u03c5\u03c4\u03b1\u03af\u03b1 \u03bb\u03ae\u03be\u03b7 \u03b9\u03c3\u03c7\u03cd\u03bf\u03c2\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         03. \u0391\u039d\u0391\u0396\u0397\u03a4\u0397\u03a3\u0397\r\n         ===================================================== -->\r\n\r\n    <div class=\"ppc-search-wrap\">\r\n\r\n        <span\r\n            class=\"ppc-search-icon\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <circle\r\n                    cx=\"11\"\r\n                    cy=\"11\"\r\n                    r=\"7\"\r\n                ><\/circle>\r\n\r\n                <path d=\"m20 20-4-4\"><\/path>\r\n            <\/svg>\r\n        <\/span>\r\n\r\n\r\n        <input\r\n            type=\"text\"\r\n            id=\"ppc-search\"\r\n            placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03af\u03c4\u03bb\u03bf \u03ae \u03ba\u03c9\u03b4\u03b9\u03ba\u03cc \u03a0\u03a0\u03a3...\"\r\n            autocomplete=\"off\"\r\n            aria-label=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03c5 \u03c0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03bf\u03c2\"\r\n        >\r\n\r\n\r\n        <span\r\n            class=\"ppc-search-count\"\r\n            id=\"ppc-search-count\"\r\n        ><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         04. GRID \u03a0\u03a1\u039f\u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u03a9\u039d\r\n         \u0394\u0397\u039c\u0399\u039f\u03a5\u03a1\u0393\u0395\u0399\u03a4\u0391\u0399 \u0391\u03a0\u039f JAVASCRIPT\r\n         ===================================================== -->\r\n\r\n    <div\r\n        class=\"ppc-grid\"\r\n        id=\"ppc-grid\"\r\n    ><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         05. \u03a5\u03a0\u039f\u03a3\u0397\u039c\u0395\u0399\u03a9\u03a3\u0397\r\n         ===================================================== -->\r\n\r\n    <div class=\"ppc-note\">\r\n\r\n        <span\r\n            class=\"ppc-note-icon\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <circle\r\n                    cx=\"12\"\r\n                    cy=\"12\"\r\n                    r=\"9\"\r\n                ><\/circle>\r\n\r\n                <path d=\"M12 11v5\"><\/path>\r\n                <path d=\"M12 8h.01\"><\/path>\r\n            <\/svg>\r\n        <\/span>\r\n\r\n\r\n        <span>\r\n            *\u039f\u03b9 \u03b5\u03ba\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03b1 \u0391\u03b3\u03b3\u03bb\u03b9\u03ba\u03ac.<br>\r\n            \u03a4\u03b5\u03bb\u03b5\u03c5\u03c4\u03b1\u03af\u03b1 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7: 16\/05\/2023\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\n     06. MODAL\r\n     ========================================================= -->\r\n\r\n<div\r\n    class=\"ppc-overlay\"\r\n    id=\"ppc-overlay\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <div\r\n        class=\"ppc-modal\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby=\"ppc-modal-title\"\r\n    >\r\n\r\n        <!-- Header \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03c4\u03b1\u03b9 \u03b4\u03c5\u03bd\u03b1\u03bc\u03b9\u03ba\u03ac -->\r\n        <div\r\n            class=\"ppc-modal-header\"\r\n            id=\"ppc-modal-header\"\r\n        ><\/div>\r\n\r\n\r\n        <!-- Body \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03c4\u03b1\u03b9 \u03b4\u03c5\u03bd\u03b1\u03bc\u03b9\u03ba\u03ac -->\r\n        <div\r\n            class=\"ppc-modal-body\"\r\n            id=\"ppc-modal-body\"\r\n        ><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\/* =========================================================\r\n   JAVASCRIPT\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       01. \u03a3\u0397\u039c\u0391 \u03a0\u0399\u03a3\u03a4\u039f\u03a0\u039f\u0399\u0397\u03a3\u0397\u03a3 \u0395\u0398\u0391\u0391\u0395\r\n       ===================================================== *\/\r\n\r\n    const seal =\r\n        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2023\/03\/ethaae_Pistopoiimeno_Programma_Spoudon-150x150-1-150x150.png\";\r\n\r\n\r\n    \/* =====================================================\r\n       02. \u0394\u0395\u0394\u039f\u039c\u0395\u039d\u0391 \u03a0\u03a1\u039f\u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u03a9\u039d\r\n       ===================================================== *\/\r\n\r\n    const programs = [\r\n\r\n\r\n        \/* =================================================\r\n           \u0394\u0395\u039f\r\n           ================================================= *\/\r\n\r\n        {\r\n            code: \"\u0394\u0395\u039f\",\r\n\r\n            title:\r\n                \"\u0394\u03b9\u03bf\u03af\u03ba\u03b7\u03c3\u03b7 \u0395\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03c9\u03bd \u03ba\u03b1\u03b9 \u039f\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03ce\u03bd\",\r\n\r\n            date:\r\n                \"1-6 \u03a6\u03b5\u03b2\u03c1\u03bf\u03c5\u03b1\u03c1\u03af\u03bf\u03c5 2021\",\r\n\r\n            validity:\r\n                \"24-03-2021 \u03ad\u03c9\u03c2 23-03-2026\",\r\n\r\n            info:\r\n                \"https:\/\/www.eap.gr\/education\/undergraduate\/business-organizational-management\/\",\r\n\r\n            color:\r\n                \"#1D73BE\",\r\n\r\n            docs: [\r\n\r\n                {\r\n                    label:\r\n                        \"\u0391\u03bd\u03b1\u03b8\u03b5\u03c9\u03c1\u03b7\u03bc\u03ad\u03bd\u03b7 \u0391\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2023\/05\/anatheorimeni_apofasi-pps-deo.pdf\",\r\n\r\n                    color:\r\n                        \"#182f70\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2021\/04\/Final_Accreditation_Report_UGP_Business_Administration_Hellenic_Open-University.pdf\",\r\n\r\n                    color:\r\n                        \"#c6007e\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2 \u03a0\u03a0\u03a3 \u0394\u0395\u039f\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2024\/07\/\u0388\u03ba\u03b8\u03b5\u03c3\u03b7-\u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2-\u03a0\u03a0\u03a3-\u0394\u0395O.pdf\",\r\n\r\n                    color:\r\n                        \"#187d6e\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           \u0394\u0397\u0394\r\n           ================================================= *\/\r\n\r\n        {\r\n            code: \"\u0394\u0397\u0394\",\r\n\r\n            title:\r\n                \"\u0394\u03b7\u03bc\u03cc\u03c3\u03b9\u03b1 \u0394\u03b9\u03bf\u03af\u03ba\u03b7\u03c3\u03b7\",\r\n\r\n            date:\r\n                \"3-8 \u0399\u03bf\u03c5\u03bb\u03af\u03bf\u03c5 2023\",\r\n\r\n            validity:\r\n                \"\",\r\n\r\n            info:\r\n                \"https:\/\/www.eap.gr\/education\/undergraduate\/public-administration\/\",\r\n\r\n            color:\r\n                \"#C2187A\",\r\n\r\n            docs: [\r\n\r\n                {\r\n                    label:\r\n                        \"\u0394\u03b9\u03bf\u03c1\u03b8\u03c9\u03bc\u03ad\u03bd\u03b7 \u0391\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2026\/02\/4.1-\u0391\u03a0\u039f\u03a6-\u03a0\u0399\u03a3\u03a4\u039f\u03a0-\u03a0\u03a0\u03a3-\u0394\u03b7\u03bc\u03cc\u03c3\u03b9\u03b1\u03c2-\u0394\u03b9\u03bf\u03af\u03ba\u03b7\u03c3\u03b7\u03c2_\u0395\u0391\u03a0.pdf\",\r\n\r\n                    color:\r\n                        \"#182f70\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u03a0\u03b1\u03c1\u03b1\u03c4\u03b7\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u0395\u0391\u03a0 \u03b5\u03c0\u03af \u03c4\u03bf\u03c5 \u03a3\u03c7\u03b5\u03b4\u03af\u03bf\u03c5 \u03c4\u03b7\u03c2 \u0388\u03ba\u03b8\u03b5\u03c3\u03b7\u03c2 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2026\/02\/4.4-Response-to-the-draft-report-Public-Administration.pdf\",\r\n\r\n                    color:\r\n                        \"#c6007e\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03bd\u03c3\u03c4\u03b1\u03c3\u03b7 \u0395\u0391\u03a0 \u03b5\u03c0\u03af \u03c4\u03b7\u03c2 \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae\u03c2 \u03b1\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2026\/02\/4.5-\u0388\u03bd\u03c3\u03c4\u03b1\u03c3\u03b7-\u03b5\u03c0\u03af-\u03c4\u03b7\u03c2-\u03c5\u03c0.-\u03b1\u03c1.-37256_20.9.23-\u03b1\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7\u03c2-\u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2-\u03c4\u03b7\u03c2-\u0395\u0398\u0391\u0391\u0395-\u03b3\u03b9\u03b1-\u03c4\u03bf-\u03a0\u03a0\u03a3-\u0394\u0397\u0394-\u03c4\u03bf\u03c5-\u0395\u0391\u03a0.pdf.pdf\",\r\n\r\n                    color:\r\n                        \"#187d6e\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0395\u03be\u03ad\u03c4\u03b1\u03c3\u03b7 \u03ad\u03bd\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2026\/02\/4.6-\u0395\u03be\u03ad\u03c4\u03b1\u03c3\u03b7-\u0384\u0395\u03bd\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2-\u03a4\u03bc\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2-\u0394\u0397\u0394-\u0395\u0391\u03a0.pdf\",\r\n\r\n                    color:\r\n                        \"#31589c\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u2013 \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2026\/02\/4.2-Final-Accreditation-Report-Public-Administration-Hellenic-Open-University.pdf\",\r\n\r\n                    color:\r\n                        \"#b87910\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           \u0395\u039b\u03a0\r\n           ================================================= *\/\r\n\r\n        {\r\n            code: \"\u0395\u039b\u03a0\",\r\n\r\n            title:\r\n                \"\u03a3\u03c0\u03bf\u03c5\u03b4\u03ad\u03c2 \u03c3\u03c4\u03bf\u03bd \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc \u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03c3\u03bc\u03cc\",\r\n\r\n            date:\r\n                \"10-15 \u039c\u03b1\u0390\u03bf\u03c5 2021\",\r\n\r\n            validity:\r\n                \"21-07-2021 \u03ad\u03c9\u03c2 20-07-2026\",\r\n\r\n            info:\r\n                \"https:\/\/www.eap.gr\/education\/undergraduate\/studies-in-greek-culture\/\",\r\n\r\n            color:\r\n                \"#b87910\",\r\n\r\n            docs: [\r\n\r\n                {\r\n                    label:\r\n                        \"\u0391\u03bd\u03b1\u03b8\u03b5\u03c9\u03c1\u03b7\u03bc\u03ad\u03bd\u03b7 \u0391\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2023\/05\/anatheorimeni_apofasi_pps_elp.pdf\",\r\n\r\n                    color:\r\n                        \"#182f70\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2021\/04\/Final-Accreditation-Report-UGP-Greek-Civilisation-HOU.PDF\",\r\n\r\n                    color:\r\n                        \"#c6007e\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2 \u03a0\u03a0\u03a3 \u0395\u039b\u03a0\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2024\/07\/\u0388\u03ba\u03b8\u03b5\u03c3\u03b7-\u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2-\u03a0\u03a0\u03a3-\u0395\u039b\u03a0.pdf\",\r\n\r\n                    color:\r\n                        \"#187d6e\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           \u0395\u03a0\u039f\r\n           ================================================= *\/\r\n\r\n        {\r\n            code: \"\u0395\u03a0\u039f\",\r\n\r\n            title:\r\n                \"\u03a3\u03c0\u03bf\u03c5\u03b4\u03ad\u03c2 \u03c3\u03c4\u03bf\u03bd \u0395\u03c5\u03c1\u03c9\u03c0\u03b1\u03ca\u03ba\u03cc \u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03c3\u03bc\u03cc\",\r\n\r\n            date:\r\n                \"17-22 \u039c\u03b1\u0390\u03bf\u03c5 2021\",\r\n\r\n            validity:\r\n                \"16-09-2021 \u03ad\u03c9\u03c2 15-09-2026\",\r\n\r\n            info:\r\n                \"https:\/\/www.eap.gr\/education\/undergraduate\/studies-in-european-culture\/\",\r\n\r\n            color:\r\n                \"#31589c\",\r\n\r\n            docs: [\r\n\r\n                {\r\n                    label:\r\n                        \"\u0391\u03bd\u03b1\u03b8\u03b5\u03c9\u03c1\u03b7\u03bc\u03ad\u03bd\u03b7 \u0391\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2023\/05\/anatheorimeni_apofasi_pps_epo.pdf\",\r\n\r\n                    color:\r\n                        \"#182f70\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2021\/04\/Final-Accreditation-Report-UGP-European-Civilisation-HOU.PDF\",\r\n\r\n                    color:\r\n                        \"#c6007e\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2 \u03a0\u03a0\u03a3 \u0395\u03a0\u039f\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2024\/07\/\u0388\u03ba\u03b8\u03b5\u03c3\u03b7-\u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2-\u03a0\u03a0\u03a3-\u0395\u03a0\u039f.pdf\",\r\n\r\n                    color:\r\n                        \"#187d6e\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           \u0399\u03a3\u03a0\r\n           ================================================= *\/\r\n\r\n        {\r\n            code: \"\u0399\u03a3\u03a0\",\r\n\r\n            title:\r\n                \"\u0399\u03c3\u03c0\u03b1\u03bd\u03b9\u03ba\u03ae \u0393\u03bb\u03ce\u03c3\u03c3\u03b1 \u03ba\u03b1\u03b9 \u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2\",\r\n\r\n            date:\r\n                \"6-11 \u0399\u03bf\u03c5\u03bd\u03af\u03bf\u03c5 2022\",\r\n\r\n            validity:\r\n                \"16-12-2022 \u03ad\u03c9\u03c2 15-12-2027\",\r\n\r\n            info:\r\n                \"https:\/\/www.eap.gr\/education\/undergraduate\/spanish-language-and-culture\/\",\r\n\r\n            color:\r\n                \"#187d6e\",\r\n\r\n            docs: [\r\n\r\n                {\r\n                    label:\r\n                        \"\u0391\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2023\/03\/\u0391\u03a0\u039f\u03a6\u0391\u03a3\u0397-\u03a0\u03a0\u03a3-\u0399\u03a3\u03a0\u0391\u039d\u0399\u039a\u0397\u03a3-\u0393\u039b.-\u039a-\u03a0\u039f\u039b\u0399\u03a4\u0399\u03a3\u039c\u039f\u03a5-\u03a4\u039f\u03a5-\u0395\u0391\u03a0.pdf\",\r\n\r\n                    color:\r\n                        \"#182f70\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/www.eap.gr\/wp-content\/uploads\/2026\/05\/Final-Accreditation-Report-Hispanic-Language-and-Civilization-Studies-Hellenic-Open-University.pdf\",\r\n\r\n                    color:\r\n                        \"#c6007e\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2 \u03a0\u03a0\u03a3 \u0399\u03a3\u03a0\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2025\/06\/\u0388\u03ba\u03b8\u03b5\u03c3\u03b7-\u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2-\u03a0\u03a0\u03a3-\u0399\u03a3\u03a0-v2.pdf\",\r\n\r\n                    color:\r\n                        \"#187d6e\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           \u03a0\u039b\u0397\r\n           ================================================= *\/\r\n\r\n        {\r\n            code: \"\u03a0\u039b\u0397\",\r\n\r\n            title:\r\n                \"\u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\",\r\n\r\n            date:\r\n                \"12-17 \u0391\u03c0\u03c1\u03b9\u03bb\u03af\u03bf\u03c5 2021\",\r\n\r\n            validity:\r\n                \"13-07-2021 \u03ad\u03c9\u03c2 12-07-2026\",\r\n\r\n            info:\r\n                \"https:\/\/www.eap.gr\/education\/undergraduate\/computer-science\/\",\r\n\r\n            color:\r\n                \"#6b3fa0\",\r\n\r\n            docs: [\r\n\r\n                {\r\n                    label:\r\n                        \"\u0391\u03bd\u03b1\u03b8\u03b5\u03c9\u03c1\u03b7\u03bc\u03ad\u03bd\u03b7 \u0391\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2023\/05\/anatheorimeni_apofasi_pps_plh.pdf\",\r\n\r\n                    color:\r\n                        \"#182f70\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2021\/04\/Final-Accreditation-Report-UGP-Computer-Science-HOU.pdf\",\r\n\r\n                    color:\r\n                        \"#c6007e\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2 \u03a0\u03a0\u03a3 \u03a0\u039b\u0397\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2024\/07\/\u0395\u039a\u0398\u0395\u03a3\u0397-\u03a0\u0391\u03a1\u0391\u039a\u039f\u039b\u039f\u03a5\u0398\u0397\u03a3\u0397\u03a3-\u03a0\u03a0\u03a3-\u03a0\u039b\u0397.pdf\",\r\n\r\n                    color:\r\n                        \"#187d6e\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           \u03a6\u03a5\u0395\r\n           ================================================= *\/\r\n\r\n        {\r\n            code: \"\u03a6\u03a5\u0395\",\r\n\r\n            title:\r\n                \"\u03a3\u03c0\u03bf\u03c5\u03b4\u03ad\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03a6\u03c5\u03c3\u03b9\u03ba\u03ad\u03c2 \u0395\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03b5\u03c2\",\r\n\r\n            date:\r\n                \"8-13 \u039c\u03b1\u03c1\u03c4\u03af\u03bf\u03c5 2021\",\r\n\r\n            validity:\r\n                \"16-09-2021 \u03ad\u03c9\u03c2 15-09-2026\",\r\n\r\n            info:\r\n                \"https:\/\/www.eap.gr\/education\/undergraduate\/studies-in-physical-sciences\/\",\r\n\r\n            color:\r\n                \"#0f7b6c\",\r\n\r\n            docs: [\r\n\r\n                {\r\n                    label:\r\n                        \"\u0391\u03bd\u03b1\u03b8\u03b5\u03c9\u03c1\u03b7\u03bc\u03ad\u03bd\u03b7 \u0391\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2023\/05\/anatheorimeni_apofasi_pps_fye.pdf\",\r\n\r\n                    color:\r\n                        \"#182f70\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2021\/04\/Final-Accreditation-Report-UGP-Physical-Sciences-HOU.PDF\",\r\n\r\n                    color:\r\n                        \"#c6007e\"\r\n                },\r\n\r\n                {\r\n                    label:\r\n                        \"\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2 \u03a0\u03a0\u03a3 \u03a6\u03a5\u0395\",\r\n\r\n                    url:\r\n                        \"https:\/\/modip.eap.gr\/wp-content\/uploads\/2024\/07\/\u0395\u039a\u0398\u0395\u03a3\u0397-\u03a0\u0391\u03a1\u0391\u039a\u039f\u039b\u039f\u03a5\u0398\u0397\u03a3\u0397\u03a3-\u03a0\u03a0\u03a3-\u03a6\u03a5\u0395.pdf\",\r\n\r\n                    color:\r\n                        \"#187d6e\"\r\n                }\r\n\r\n            ]\r\n\r\n        }\r\n\r\n    ];\r\n\r\n\r\n    \/* =====================================================\r\n       03. DOM ELEMENTS\r\n       ===================================================== *\/\r\n\r\n    const grid =\r\n        document.getElementById(\r\n            \"ppc-grid\"\r\n        );\r\n\r\n    const search =\r\n        document.getElementById(\r\n            \"ppc-search\"\r\n        );\r\n\r\n    const counter =\r\n        document.getElementById(\r\n            \"ppc-search-count\"\r\n        );\r\n\r\n    const overlay =\r\n        document.getElementById(\r\n            \"ppc-overlay\"\r\n        );\r\n\r\n    const modalHeader =\r\n        document.getElementById(\r\n            \"ppc-modal-header\"\r\n        );\r\n\r\n    const modalBody =\r\n        document.getElementById(\r\n            \"ppc-modal-body\"\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       04. NORMALISE SEARCH TEXT\r\n       ===================================================== *\/\r\n\r\n    function normalise(text) {\r\n\r\n        return (text || \"\")\r\n            .toString()\r\n            .toLowerCase()\r\n            .normalize(\"NFD\")\r\n            .replace(\r\n                \/[\\u0300-\\u036f]\/g,\r\n                \"\"\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       05. RENDER PROGRAM CARDS\r\n       ===================================================== *\/\r\n\r\n    function renderPrograms() {\r\n\r\n        const query =\r\n            normalise(\r\n                search.value\r\n            );\r\n\r\n\r\n        const filtered =\r\n            programs.filter(\r\n                function (program) {\r\n\r\n                    const searchable =\r\n                        normalise(\r\n                            [\r\n                                program.code,\r\n                                program.title,\r\n                                program.date,\r\n                                program.validity\r\n                            ].join(\" \")\r\n                        );\r\n\r\n                    return (\r\n                        !query ||\r\n                        searchable.includes(query)\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* ================================================\r\n           Search count\r\n           ================================================ *\/\r\n\r\n        if (search.value.trim()) {\r\n\r\n            counter.textContent =\r\n                filtered.length === 1\r\n                    ? \"1 \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1\"\r\n                    : filtered.length +\r\n                      \" \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1\";\r\n\r\n        } else {\r\n\r\n            counter.textContent =\r\n                programs.length +\r\n                \" \u03c0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1\";\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           No results\r\n           ================================================ *\/\r\n\r\n        if (!filtered.length) {\r\n\r\n            grid.innerHTML = `\r\n                <div class=\"ppc-empty\">\r\n\r\n                    <div class=\"ppc-empty-icon\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            width=\"22\"\r\n                            height=\"22\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                        >\r\n                            <circle\r\n                                cx=\"11\"\r\n                                cy=\"11\"\r\n                                r=\"7\"\r\n                            ><\/circle>\r\n\r\n                            <path\r\n                                d=\"m20 20-4-4\"\r\n                            ><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        \u0394\u03b5\u03bd \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b1\u03bd \u03c0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1\r\n                        \u03c0\u03bf\u03c5 \u03bd\u03b1 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03bf\u03c5\u03bd\r\n                        \u03c3\u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            `;\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           Cards\r\n           ================================================ *\/\r\n\r\n        grid.innerHTML =\r\n            filtered\r\n                .map(\r\n                    function (program, index) {\r\n\r\n                        const realIndex =\r\n                            programs.indexOf(program);\r\n\r\n\r\n                        return `\r\n                        <article\r\n                            class=\"ppc-card\"\r\n                            style=\"\r\n                                --sc:${program.color};\r\n                                animation-delay:${index * .035}s;\r\n                            \"\r\n                            data-index=\"${realIndex}\"\r\n                            tabindex=\"0\"\r\n                            role=\"button\"\r\n                            aria-label=\"\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03b5\u03b9\u03ce\u03bd \u03b3\u03b9\u03b1 ${program.title}\"\r\n                        >\r\n\r\n                            <div\r\n                                class=\"ppc-card-stripe\"\r\n                            ><\/div>\r\n\r\n\r\n                            <div class=\"ppc-card-body\">\r\n\r\n\r\n                                <!-- =========================\r\n                                     CARD TOP\r\n                                     ========================= -->\r\n\r\n                                <div class=\"ppc-card-top\">\r\n\r\n                                    <span class=\"ppc-code\">\r\n                                        ${program.code}\r\n                                    <\/span>\r\n\r\n\r\n                                    <span class=\"ppc-seal-wrap\">\r\n\r\n                                        <img decoding=\"async\"\r\n                                            class=\"ppc-seal\"\r\n                                            src=\"${seal}\"\r\n                                            alt=\"\u03a3\u03ae\u03bc\u03b1 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03c5 \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03bf\u03c2 \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\"\r\n                                            loading=\"lazy\"\r\n                                        >\r\n\r\n                                    <\/span>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <!-- =========================\r\n                                     TITLE\r\n                                     ========================= -->\r\n\r\n                                <div class=\"ppc-card-title\">\r\n                                    ${program.title}\r\n                                <\/div>\r\n\r\n\r\n                                <!-- =========================\r\n                                     META\r\n                                     ========================= -->\r\n\r\n                                <div class=\"ppc-meta\">\r\n\r\n\r\n                                    <!-- \u0394\u03b9\u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1 -->\r\n\r\n                                    <div class=\"ppc-meta-row\">\r\n\r\n                                        <span\r\n                                            class=\"ppc-meta-icon\"\r\n                                            aria-hidden=\"true\"\r\n                                        >\r\n                                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                                <path d=\"M7 4v3M17 4v3\"><\/path>\r\n\r\n                                                <path d=\"M5 9h14\"><\/path>\r\n\r\n                                                <rect\r\n                                                    x=\"5\"\r\n                                                    y=\"6\"\r\n                                                    width=\"14\"\r\n                                                    height=\"14\"\r\n                                                    rx=\"3\"\r\n                                                ><\/rect>\r\n\r\n                                            <\/svg>\r\n                                        <\/span>\r\n\r\n                                        <span>\r\n                                            ${program.date}\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n\r\n                                    <!-- \u0394\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 -->\r\n\r\n                                    <div class=\"ppc-meta-row\">\r\n\r\n                                        <span\r\n                                            class=\"ppc-meta-icon\"\r\n                                            aria-hidden=\"true\"\r\n                                        >\r\n                                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                                <circle\r\n                                                    cx=\"12\"\r\n                                                    cy=\"12\"\r\n                                                    r=\"8\"\r\n                                                ><\/circle>\r\n\r\n                                                <path\r\n                                                    d=\"m9 12 2 2 4-5\"\r\n                                                ><\/path>\r\n\r\n                                            <\/svg>\r\n                                        <\/span>\r\n\r\n                                        <span>\r\n                                            ${\r\n                                                program.validity\r\n                                                    ? \"\u0399\u03c3\u03c7\u03cd\u03c2 \" +\r\n                                                      program.validity\r\n                                                    : \"\u03a4\u03b1 \u03c3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03ad\u03b3\u03b3\u03c1\u03b1\u03c6\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b9\u03c2 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b5\u03c2\"\r\n                                            }\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- =============================\r\n                                 CARD FOOTER\r\n                                 ============================= -->\r\n\r\n                            <div class=\"ppc-card-footer\">\r\n\r\n                                <a\r\n                                    class=\"ppc-program-link\"\r\n                                    href=\"${program.info}\"\r\n                                    target=\"_blank\"\r\n                                    rel=\"noopener\"\r\n                                >\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                                        <path\r\n                                            d=\"M14 5h5v5\"\r\n                                        ><\/path>\r\n\r\n                                        <path\r\n                                            d=\"m13 11 6-6\"\r\n                                        ><\/path>\r\n\r\n                                        <path\r\n                                            d=\"M19 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5\"\r\n                                        ><\/path>\r\n\r\n                                    <\/svg>\r\n\r\n                                    \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2\r\n\r\n                                <\/a>\r\n\r\n\r\n                                <span class=\"ppc-details-btn\">\r\n                                    \u039b\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b5\u03c2 \u2192\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/article>\r\n                        `;\r\n\r\n                    }\r\n                )\r\n                .join(\"\");\r\n\r\n\r\n        \/* ================================================\r\n           Card events\r\n           ================================================ *\/\r\n\r\n        grid\r\n            .querySelectorAll(\r\n                \".ppc-card\"\r\n            )\r\n            .forEach(\r\n                function (card) {\r\n\r\n                    card.addEventListener(\r\n                        \"click\",\r\n                        function (event) {\r\n\r\n                            if (\r\n                                event.target.closest(\r\n                                    \".ppc-program-link\"\r\n                                )\r\n                            ) {\r\n                                return;\r\n                            }\r\n\r\n                            openModal(\r\n                                Number(\r\n                                    card.dataset.index\r\n                                )\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    card.addEventListener(\r\n                        \"keydown\",\r\n                        function (event) {\r\n\r\n                            if (\r\n                                event.key === \"Enter\" ||\r\n                                event.key === \" \"\r\n                            ) {\r\n\r\n                                event.preventDefault();\r\n\r\n                                openModal(\r\n                                    Number(\r\n                                        card.dataset.index\r\n                                    )\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       06. OPEN MODAL\r\n       ===================================================== *\/\r\n\r\n    function openModal(index) {\r\n\r\n        const program =\r\n            programs[index];\r\n\r\n\r\n        \/* ================================================\r\n           Modal header\r\n           ================================================ *\/\r\n\r\n        modalHeader.style.background =\r\n            `linear-gradient(\r\n                135deg,\r\n                ${program.color},\r\n                color-mix(\r\n                    in srgb,\r\n                    ${program.color} 72%,\r\n                    #000\r\n                )\r\n            )`;\r\n\r\n\r\n        modalHeader.innerHTML = `\r\n\r\n            <button\r\n                class=\"ppc-modal-close\"\r\n                type=\"button\"\r\n                aria-label=\"\u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bf\"\r\n            >\r\n                \u00d7\r\n            <\/button>\r\n\r\n\r\n            <div class=\"ppc-modal-top\">\r\n\r\n\r\n                <span class=\"ppc-modal-seal-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"ppc-modal-seal\"\r\n                        src=\"${seal}\"\r\n                        alt=\"\u03a3\u03ae\u03bc\u03b1 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03c5 \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03bf\u03c2 \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\"\r\n                    >\r\n\r\n                <\/span>\r\n\r\n\r\n                <div>\r\n\r\n                    <div class=\"ppc-modal-badges\">\r\n\r\n                        <span class=\"ppc-modal-badge\">\r\n                            ${program.code}\r\n                        <\/span>\r\n\r\n                        <span class=\"ppc-modal-badge\">\r\n                            \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03cc \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"ppc-modal-title\"\r\n                        id=\"ppc-modal-title\"\r\n                    >\r\n                        ${program.title}\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n        `;\r\n\r\n\r\n        \/* ================================================\r\n           Modal body\r\n           ================================================ *\/\r\n\r\n        modalBody.innerHTML = `\r\n\r\n\r\n            <!-- \u0394\u03b9\u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1 -->\r\n\r\n            <div class=\"ppc-modal-row\">\r\n\r\n                <div class=\"ppc-modal-label\">\r\n                    \u0394\u03b9\u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1\r\n                <\/div>\r\n\r\n                <div class=\"ppc-modal-value\">\r\n                    ${program.date}\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            ${\r\n                program.validity\r\n                ? `\r\n\r\n                <!-- \u0394\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 -->\r\n\r\n                <div class=\"ppc-modal-row\">\r\n\r\n                    <div class=\"ppc-modal-label\">\r\n                        \u0394\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\r\n                    <\/div>\r\n\r\n                    <div class=\"ppc-modal-value\">\r\n                        ${program.validity}\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                `\r\n                : \"\"\r\n            }\r\n\r\n\r\n            <!-- \u03a3\u03b5\u03bb\u03af\u03b4\u03b1 \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03bf\u03c2 -->\r\n\r\n            <div class=\"ppc-modal-row\">\r\n\r\n                <div class=\"ppc-modal-label\">\r\n                    \u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\r\n                <\/div>\r\n\r\n                <div class=\"ppc-modal-value\">\r\n\r\n                    <a\r\n                        class=\"ppc-program-page\"\r\n                        href=\"${program.info}\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                    >\r\n                        \u03a3\u03b5\u03bb\u03af\u03b4\u03b1 \u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03bf\u03c2 \u2197\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0388\u03b3\u03b3\u03c1\u03b1\u03c6\u03b1 -->\r\n\r\n            <div class=\"ppc-modal-row\">\r\n\r\n                <div class=\"ppc-modal-label\">\r\n                    \u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u0388\u03b3\u03b3\u03c1\u03b1\u03c6\u03b1\r\n                <\/div>\r\n\r\n                <div class=\"ppc-modal-value\">\r\n\r\n                    <div class=\"ppc-doc-links\">\r\n\r\n                        ${program.docs\r\n                            .map(\r\n                                function (doc) {\r\n\r\n                                    return `\r\n\r\n                                    <a\r\n                                        class=\"ppc-doc-btn\"\r\n                                        href=\"${doc.url}\"\r\n                                        target=\"_blank\"\r\n                                        rel=\"noopener\"\r\n                                        style=\"\r\n                                            --doc-color:${doc.color};\r\n                                        \"\r\n                                    >\r\n\r\n                                        <span\r\n                                            class=\"ppc-doc-icon\"\r\n                                            aria-hidden=\"true\"\r\n                                        >\r\n\r\n                                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                                <path\r\n                                                    d=\"M7 3h7l4 4v14H7z\"\r\n                                                ><\/path>\r\n\r\n                                                <path\r\n                                                    d=\"M14 3v5h5\"\r\n                                                ><\/path>\r\n\r\n                                                <path\r\n                                                    d=\"M9 13h6M9 16h5\"\r\n                                                ><\/path>\r\n\r\n                                            <\/svg>\r\n\r\n                                        <\/span>\r\n\r\n                                        <span>\r\n                                            ${doc.label}\r\n                                        <\/span>\r\n\r\n                                    <\/a>\r\n\r\n                                    `;\r\n\r\n                                }\r\n                            )\r\n                            .join(\"\")\r\n                        }\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        `;\r\n\r\n\r\n        \/* ================================================\r\n           Open\r\n           ================================================ *\/\r\n\r\n        overlay.classList.add(\r\n            \"open\"\r\n        );\r\n\r\n        overlay.setAttribute(\r\n            \"aria-hidden\",\r\n            \"false\"\r\n        );\r\n\r\n        document.body.style.overflow =\r\n            \"hidden\";\r\n\r\n\r\n        \/* ================================================\r\n           Close button\r\n           ================================================ *\/\r\n\r\n        const closeButton =\r\n            modalHeader.querySelector(\r\n                \".ppc-modal-close\"\r\n            );\r\n\r\n        if (closeButton) {\r\n\r\n            closeButton.addEventListener(\r\n                \"click\",\r\n                closeModal\r\n            );\r\n\r\n            closeButton.focus();\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       07. CLOSE MODAL\r\n       ===================================================== *\/\r\n\r\n    function closeModal() {\r\n\r\n        overlay.classList.remove(\r\n            \"open\"\r\n        );\r\n\r\n        overlay.setAttribute(\r\n            \"aria-hidden\",\r\n            \"true\"\r\n        );\r\n\r\n        document.body.style.overflow =\r\n            \"\";\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       08. CLICK OUTSIDE MODAL\r\n       ===================================================== *\/\r\n\r\n    overlay.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target === overlay\r\n            ) {\r\n\r\n                closeModal();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       09. ESC KEY\r\n       ===================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.key === \"Escape\" &&\r\n                overlay.classList.contains(\r\n                    \"open\"\r\n                )\r\n            ) {\r\n\r\n                closeModal();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       10. LIVE SEARCH\r\n       ===================================================== *\/\r\n\r\n    search.addEventListener(\r\n        \"input\",\r\n        renderPrograms\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       11. INITIAL RENDER\r\n       ===================================================== *\/\r\n\r\n    renderPrograms();\r\n\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03a0\u03a0\u03a3 \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc \u0391\u03bd\u03bf\u03b9\u03ba\u03c4\u03cc \u03a0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03b9\u03bf 2021\u20132025 \u0394\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u0391\u03ba\u03b1\u03b4\u03b7\u03bc\u03b1\u03ca\u03ba\u03ae\u03c2 \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03a0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03ac\u03c4\u03c9\u03bd \u03a0\u03c1\u03bf\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ce\u03bd \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd \u03a4\u03bf \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc \u0391\u03bd\u03bf\u03b9\u03ba\u03c4\u03cc \u03a0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03b9\u03bf, \u03b1\u03bd\u03c4\u03b1\u03c0\u03bf\u03ba\u03c1\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03bf \u03c3\u03b5 \u03c0\u03c1\u03bf\u03c3\u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03c2 \u0395\u0398\u0391\u0391\u0395, \u03ad\u03c7\u03b5\u03b9 \u03c5\u03c0\u03bf\u03b2\u03ac\u03bb\u03b5\u03b9 \u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u0391\u03ba\u03b1\u03b4\u03b7\u03bc\u03b1\u03ca\u03ba\u03ae\u03c2&hellip;<\/p>\n","protected":false},"author":5,"featured_media":1595,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1606","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/modip.eap.gr\/index.php?rest_route=\/wp\/v2\/pages\/1606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/modip.eap.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/modip.eap.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/modip.eap.gr\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/modip.eap.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1606"}],"version-history":[{"count":102,"href":"https:\/\/modip.eap.gr\/index.php?rest_route=\/wp\/v2\/pages\/1606\/revisions"}],"predecessor-version":[{"id":6004,"href":"https:\/\/modip.eap.gr\/index.php?rest_route=\/wp\/v2\/pages\/1606\/revisions\/6004"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/modip.eap.gr\/index.php?rest_route=\/wp\/v2\/media\/1595"}],"wp:attachment":[{"href":"https:\/\/modip.eap.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}