Pricing & Testimonial | ScInnovHub<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ==== Reset & Base ==== *\/\r\n .pricing-page-wrapper * { margin:0; padding:0; box-sizing:border-box; }\r\n \r\n .pricing-page-wrapper {\r\n font-family:'Poppins',sans-serif; \r\n color:#1e293b; \r\n background:#ffffff;\r\n line-height:1.6;\r\n width:100%;\r\n }\r\n\r\n .pricing-page-container {\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:4rem;\r\n max-width:1200px;\r\n width:100%;\r\n margin:0 auto;\r\n padding:40px 20px;\r\n }\r\n\r\n \/* ==== Page Header (Optional) ==== *\/\r\n .pricing-page-wrapper .page-header {\r\n text-align:center; \r\n max-width:800px;\r\n animation:fadeInDown .8s ease forwards;\r\n }\r\n .pricing-page-wrapper .page-header h1 { font-size:2.2rem; font-weight:700; margin-bottom:.5rem; }\r\n .pricing-page-wrapper .page-header p { font-size:1rem; color:#475569; line-height:1.6; }\r\n\r\n \/* ==== Pricing Section ==== *\/\r\n .pricing-page-wrapper .pricing-container {\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));\r\n gap:2rem;\r\n width:100%;\r\n }\r\n\r\n .pricing-page-wrapper .plan-card {\r\n border:2px solid #e2e8f0;\r\n border-radius:16px;\r\n padding:2rem 1.75rem;\r\n text-align:center;\r\n cursor:pointer;\r\n position:relative;\r\n overflow:hidden;\r\n transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;\r\n animation:fadeInUp .8s ease forwards;\r\n }\r\n .pricing-page-wrapper .plan-card::before{\r\n content:''; position:absolute; top:0; left:0; width:100%; height:4px;\r\n background:#2563eb; transform:scaleX(0); transform-origin:left;\r\n transition:transform .3s ease;\r\n }\r\n .pricing-page-wrapper .plan-card:hover::before{ transform:scaleX(1); }\r\n .pricing-page-wrapper .plan-card:hover{\r\n border-color:#2563eb;\r\n box-shadow:0 12px 30px rgba(37,99,235,.12);\r\n transform:translateY(-6px);\r\n }\r\n\r\n .pricing-page-wrapper .plan-title { font-size:1.4rem; font-weight:700; color:#111827; margin-bottom:.5rem; }\r\n .pricing-page-wrapper .plan-subtitle{ font-size:.95rem; color:#64748b; margin-bottom:1rem; font-weight:500; }\r\n .pricing-page-wrapper .price-original{ font-size:1rem; color:#94a3b8; text-decoration:line-through; margin-bottom:.25rem; }\r\n .pricing-page-wrapper .plan-price { font-size:2rem; font-weight:700; color:#111827; margin:.5rem 0; }\r\n .pricing-page-wrapper .price-unit { font-size:.9rem; color:#64748b; font-weight:500; }\r\n .pricing-page-wrapper .voucher{\r\n display:inline-flex; align-items:center; gap:.4rem;\r\n background:#ecfdf5; color:#16a34a; font-size:.85rem; font-weight:600;\r\n padding:.4rem .8rem; border-radius:20px; margin:.75rem 0;\r\n border:1px solid #bbf7d0;\r\n }\r\n .pricing-page-wrapper .voucher i{ font-size:.9rem; }\r\n .pricing-page-wrapper .total-breakdown{\r\n font-size:.9rem; color:#475569; margin:1rem 0; padding:.75rem 0;\r\n border-top:1px dashed #cbd5e1; border-bottom:1px dashed #cbd5e1;\r\n }\r\n .pricing-page-wrapper .total-breakdown strong{ color:#111827; }\r\n .pricing-page-wrapper .plan-features{ text-align:left; margin:1.25rem 0; }\r\n .pricing-page-wrapper .plan-features ul{ list-style:none; }\r\n .pricing-page-wrapper .plan-features li{\r\n display:flex; align-items:center; gap:.6rem;\r\n font-size:.95rem; color:#374151; margin-bottom:.6rem;\r\n }\r\n .pricing-page-wrapper .plan-features li i{ color:#2563eb; width:20px; }\r\n .pricing-page-wrapper .enroll-btn{\r\n display:block; margin-top:1.5rem;\r\n background:#2563eb; color:#fff; font-weight:600;\r\n text-decoration:none; padding:.75rem 1.25rem;\r\n border-radius:12px; border:2px solid #2563eb;\r\n transition:background .3s, border-color .3s, transform .2s;\r\n }\r\n .pricing-page-wrapper .enroll-btn:hover{\r\n background:#1d4ed8; border-color:#1d4ed8; transform:translateY(-2px);\r\n }\r\n\r\n \/* ==== Testimonial Section ==== *\/\r\n .pricing-page-wrapper .testimonial-container {\r\n max-width:900px;\r\n text-align:center;\r\n width:100%;\r\n }\r\n .pricing-page-wrapper .section-title {\r\n font-size:2.2rem; font-weight:700; margin-bottom:16px; color:#111827;\r\n }\r\n .pricing-page-wrapper .stars {\r\n margin-bottom:24px; font-size:1.4rem; color:#f59e0b; letter-spacing:4px;\r\n }\r\n .pricing-page-wrapper .quote-icon {\r\n font-size:3rem; color:#3b82f6; margin-bottom:20px; opacity:0.15;\r\n }\r\n .pricing-page-wrapper .testimonial-text {\r\n font-size:1.25rem; font-style:italic; color:#475569;\r\n max-width:800px; margin:0 auto 32px; line-height:1.8;\r\n position:relative; padding:0 20px;\r\n }\r\n .pricing-page-wrapper .testimonial-text::before,\r\n .pricing-page-wrapper .testimonial-text::after {\r\n content:'\"'; font-size:4rem; color:#bfdbfe; position:absolute; opacity:0.3;\r\n font-family:Georgia,serif;\r\n }\r\n .pricing-page-wrapper .testimonial-text::before { top:-20px; left:0; }\r\n .pricing-page-wrapper .testimonial-text::after { bottom:-40px; right:0; }\r\n .pricing-page-wrapper .testimonial-author {\r\n font-weight:600; font-size:1.15rem; color:#111827; margin-bottom:6px;\r\n }\r\n .pricing-page-wrapper .testimonial-role {\r\n font-size:0.95rem; color:#64748b; margin-bottom:40px; font-weight:500;\r\n }\r\n .pricing-page-wrapper .trust-metrics {\r\n display:flex; justify-content:center; gap:60px; flex-wrap:wrap;\r\n margin-top:20px; padding-top:30px; border-top:1px solid #e2e8f0;\r\n }\r\n .pricing-page-wrapper .metric-number { font-size:1.8rem; font-weight:700; color:#2563eb; }\r\n .pricing-page-wrapper .metric-label { font-size:0.9rem; color:#64748b; margin-top:6px; font-weight:500; text-transform:uppercase; letter-spacing:0.5px; }\r\n\r\n \/* ==== Animations ==== *\/\r\n @keyframes fadeInDown{ from{opacity:0;transform:translateY(-30px);} to{opacity:1;transform:none;} }\r\n @keyframes fadeInUp { from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:none;} }\r\n\r\n \/* ==== Responsive ==== *\/\r\n @media (max-width:768px) {\r\n .pricing-page-wrapper .section-title, \r\n .pricing-page-wrapper .page-header h1 { font-size:1.8rem; }\r\n .pricing-page-wrapper .testimonial-text { font-size:1.1rem; }\r\n .pricing-page-wrapper .trust-metrics { gap:40px; }\r\n .pricing-page-wrapper .metric-number { font-size:1.6rem; }\r\n }\r\n @media (max-width:480px) {\r\n .pricing-page-wrapper .page-header h1 { font-size:1.7rem; }\r\n .pricing-page-wrapper .plan-card { padding:1.5rem 1.2rem; }\r\n .pricing-page-wrapper .plan-price { font-size:1.8rem; }\r\n .pricing-page-wrapper .stars { font-size:1.2rem; }\r\n .pricing-page-wrapper .testimonial-text::before, \r\n .pricing-page-wrapper .testimonial-text::after { font-size:3rem; }\r\n .pricing-page-wrapper .testimonial-text::before { top:-15px; left:-5px; }\r\n .pricing-page-wrapper .testimonial-text::after { bottom:-30px; right:-5px; }\r\n .pricing-page-wrapper .trust-metrics { flex-direction:column; gap:24px; padding-top:24px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"pricing-page-wrapper\">\r\n <div class=\"pricing-page-container\">\r\n\r\n \r\n <header class=\"page-header\">\r\n <h1>\u062e\u0637\u0637 \u0648\u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0641\u064a ScInnovHub<\/h1>\r\n <p>\u062e\u062a\u0631 \u062e\u0637\u062a\u0643 \u0648\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0622\u0646!\n\u23f0 \u0645\u062f\u062f \u0645\u0631\u0646\u0629 \u2013 \ud83d\udc68\u200d\ud83c\udfeb \u062a\u0648\u062c\u064a\u0647 \u0645\u0646 \u062e\u0628\u0631\u0627\u0621 \u2013 \ud83c\udf81 \u062e\u0635\u0648\u0645\u0627\u062a \u062d\u0635\u0631\u064a\u0629 \u0628\u0627\u0646\u062a\u0638\u0627\u0631\u0643!<\/p>\r\n <\/header>\r\n\r\n \r\n <section class=\"pricing-container\">\r\n \r\n <article class=\"plan-card\" data-plan='{ \"titleinside\":\"Starter Plan\", \"basePrice\":\"399 EGP \/ Session\", \"discountedPrice\":\"299.25 EGP \/ Session\", \"voucher\":\"25%\", \"totalHours\":\"15\", \"totalBefore\":\"5985 EGP\", \"totalAfter\":\"4488.75 EGP\", \"info\":[\"15 Sessions\"], \"link\":\"https:\/\/scinnovhub.com\/courses_dynamic\" }'>\r\n <h3 class=\"plan-title\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\r\n <p class=\"plan-subtitle\">\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0645\u0639 ScInnovHub \u0627\u0644\u064a\u0648\u0645! \ud83d\ude80<\/p>\r\n <p class=\"price-original\">399 \u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/p>\r\n <div class=\"plan-price\">299.25 <span class=\"price-unit\">\u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/span><\/div>\r\n <div class=\"voucher\"><i class=\"fas fa-check-circle\"><\/i> \u062e\u0635\u0645 25%<\/div>\r\n <div class=\"total-breakdown\">\r\n <div><strong>\u062d\u062a\u0649 15 \u062c\u0644\u0633\u0629<\/strong><\/div>\r\n \r\n <div>\u0642\u0628\u0644 <strong>5,985 EGP<\/strong> \u0628\u0639\u062f <strong>4,488.75 \u062c\u0646\u064a\u0629<\/strong><\/div>\r\n <\/div>\r\n <div class=\"plan-features\">\r\n <ul>\r\n <li><i class=\"fas fa-clock\"><\/i>\u062d\u062a\u0649 15 \u062c\u0644\u0633\u0629<\/li>\r\n \r\n <li><i class=\"fas fa-gift\"><\/i> +15 \u062f\u0642\u064a\u0642\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0641\u064a \u0643\u0644 \u062c\u0644\u0633\u0629!<\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <a href=\"https:\/\/scinnovhub.com\/ar\/courses_dynamic\/\" class=\"enroll-btn\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/a>\r\n\r\n <\/article>\r\n\r\n \r\n <article class=\"plan-card\" data-plan='{ \"titleinside\":\"Standard Plan\", \"basePrice\":\"399 EGP \/ Session\", \"discountedPrice\":\"259.35 EGP \/ Session\", \"voucher\":\"35%\", \"totalHours\":\"30\", \"totalBefore\":\"11970 EGP\", \"totalAfter\":\"7780.5 EGP\", \"info\":[\"30 Sessions\"], \"link\":\"https:\/\/scinnovhub.com\/courses_dynamic\" }'>\r\n <h3 class=\"plan-title\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\r\n <p class=\"plan-subtitle\">\u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627<\/p>\r\n <p class=\"price-original\">399 \u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/p>\r\n <div class=\"plan-price\">259.35 <span class=\"price-unit\">\u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/span><\/div>\r\n <div class=\"voucher\"><i class=\"fas fa-check-circle\"><\/i> \u062e\u0635\u0645 35%<\/div>\r\n <div class=\"total-breakdown\">\r\n <div><strong>\u062d\u062a\u0649 30 \u062c\u0644\u0633\u0629<\/strong><\/div>\r\n \r\n <div>\u0642\u0628\u0644 <strong>11,970 \u062c\u0646\u064a\u0647\u0627<\/strong> \u0628\u0639\u062f <strong>7,780.5 \u062c\u0646\u064a\u0629<\/strong><\/div>\r\n <\/div>\r\n <div class=\"plan-features\">\r\n <ul>\r\n \r\n <li><i class=\"fas fa-clock\"><\/i> \u062d\u062a\u0649 30 \u062c\u0644\u0633\u0629<\/li>\r\n <li><i class=\"fas fa-gift\"><\/i> +15 \u062f\u0642\u064a\u0642\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0641\u064a \u0643\u0644 \u062c\u0644\u0633\u0629!<\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <a href=\"https:\/\/scinnovhub.com\/ar\/courses_dynamic\/\" class=\"enroll-btn\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/a>\r\n <\/article>\r\n\r\n \r\n <article class=\"plan-card\" data-plan='{ \"titleinside\":\"Premium Plan\", \"basePrice\":\"399 EGP \/ Session\", \"discountedPrice\":\"199.5 EGP \/ Session\", \"voucher\":\"50%\", \"totalHours\":\"60\", \"totalBefore\":\"23940 EGP\", \"totalAfter\":\"11970 EGP\", \"info\":[\"60 Sessions\"], \"link\":\"https:\/\/scinnovhub.com\/courses_dynamic\" }'>\r\n <h3 class=\"plan-title\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/h3>\r\n <p class=\"plan-subtitle\">\u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u2013 \u0623\u0642\u0635\u0649 \u062a\u0648\u0641\u064a\u0631<\/p>\r\n <p class=\"price-original\">399 \u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/p>\r\n <div class=\"plan-price\">199.5 <span class=\"price-unit\">\u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/span><\/div>\r\n <div class=\"voucher\"><i class=\"fas fa-check-circle\"><\/i> \u062e\u0635\u0645 50%<\/div>\r\n <div class=\"total-breakdown\">\r\n <div><strong>\u062d\u062a\u0649 60 \u062c\u0644\u0633\u0629<\/strong><\/div>\r\n \r\n <div>\u0642\u0628\u0644 <strong>23,940 \u062c\u0646\u064a\u0647\u0627<\/strong> \u0628\u0639\u062f <strong>11,970 \u062c\u0646\u064a\u0647\u0627<\/strong><\/div>\r\n <\/div>\r\n <div class=\"plan-features\">\r\n <ul>\r\n <li><i class=\"fas fa-clock\"><\/i> \u062d\u062a\u0649 60 \u062c\u0644\u0633\u0629<\/li>\r\n <li><i class=\"fas fa-gift\"><\/i> +15 \u062f\u0642\u064a\u0642\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0641\u064a \u0643\u0644 \u062c\u0644\u0633\u0629!<\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <a href=\"https:\/\/scinnovhub.com\/ar\/courses_dynamic\/\" class=\"enroll-btn\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/a>\r\n <\/article>\r\n <\/section>\r\n\r\n \r\n <section class=\"testimonial-container\">\r\n <h2 class=\"section-title\">\u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0645\u0641\u0636\u0644 \u0644\u062f\u0649 \u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/h2>\r\n <div class=\"stars\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"quote-icon\">\r\n <i class=\"fas fa-quote-left\"><\/i>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n The Premium Plan helped me get better at coding. Great mentors and useful resources!\r\n <\/blockquote>\r\n <p class=\"testimonial-author\">Mohamed Ahmed<\/p>\r\n <p class=\"testimonial-role\">\u0637\u0627\u0644\u0628<\/p>\r\n\r\n <div class=\"trust-metrics\">\r\n <div class=\"metric\">\r\n <div class=\"metric-number\">100+<\/div>\r\n <div class=\"metric-label\">\u0645\u062c\u062a\u0645\u0639 \u0645\u0646 \u0627\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646 \u0627\u0644\u0646\u0634\u0637\u064a\u0646<\/div>\r\n <\/div>\r\n <div class=\"metric\">\r\n <div class=\"metric-number\">50+<\/div>\r\n <div class=\"metric-label\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n document.querySelectorAll('.pricing-page-wrapper .plan-card').forEach(card => {\r\n const data = JSON.parse(card.dataset.plan);\r\n const enrollBtn = card.querySelector('.enroll-btn');\r\n\r\n enrollBtn.addEventListener('click', e => {\r\n \/\/ Prevent default navigation for a split second\r\n e.preventDefault();\r\n\r\n \/\/ Save selected plan in localStorage\r\n localStorage.setItem('selectedPlan_pricinginside', JSON.stringify(data));\r\n\r\n \/\/ Then continue navigation after saving\r\n window.location.href = enrollBtn.getAttribute('href');\r\n });\r\n });\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Pricing & Testimonial | ScInnovHub ScInnovHub Course Pricing Choose the plan that fits your learning journey \u2014<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_tutorstarter_page_metadata":[],"footnotes":""},"class_list":["post-896","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/comments?post=896"}],"version-history":[{"count":90,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/896\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/896\/revisions\/1968"}],"wp:attachment":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/media?parent=896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Pricing & Testimonial | ScInnovHub<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ==== Reset & Base ==== *\/\r\n .pricing-page-wrapper * { margin:0; padding:0; box-sizing:border-box; }\r\n \r\n .pricing-page-wrapper {\r\n font-family:'Poppins',sans-serif; \r\n color:#1e293b; \r\n background:#ffffff;\r\n line-height:1.6;\r\n width:100%;\r\n }\r\n\r\n .pricing-page-container {\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:4rem;\r\n max-width:1200px;\r\n width:100%;\r\n margin:0 auto;\r\n padding:40px 20px;\r\n }\r\n\r\n \/* ==== Page Header (Optional) ==== *\/\r\n .pricing-page-wrapper .page-header {\r\n text-align:center; \r\n max-width:800px;\r\n animation:fadeInDown .8s ease forwards;\r\n }\r\n .pricing-page-wrapper .page-header h1 { font-size:2.2rem; font-weight:700; margin-bottom:.5rem; }\r\n .pricing-page-wrapper .page-header p { font-size:1rem; color:#475569; line-height:1.6; }\r\n\r\n \/* ==== Pricing Section ==== *\/\r\n .pricing-page-wrapper .pricing-container {\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));\r\n gap:2rem;\r\n width:100%;\r\n }\r\n\r\n .pricing-page-wrapper .plan-card {\r\n border:2px solid #e2e8f0;\r\n border-radius:16px;\r\n padding:2rem 1.75rem;\r\n text-align:center;\r\n cursor:pointer;\r\n position:relative;\r\n overflow:hidden;\r\n transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;\r\n animation:fadeInUp .8s ease forwards;\r\n }\r\n .pricing-page-wrapper .plan-card::before{\r\n content:''; position:absolute; top:0; left:0; width:100%; height:4px;\r\n background:#2563eb; transform:scaleX(0); transform-origin:left;\r\n transition:transform .3s ease;\r\n }\r\n .pricing-page-wrapper .plan-card:hover::before{ transform:scaleX(1); }\r\n .pricing-page-wrapper .plan-card:hover{\r\n border-color:#2563eb;\r\n box-shadow:0 12px 30px rgba(37,99,235,.12);\r\n transform:translateY(-6px);\r\n }\r\n\r\n .pricing-page-wrapper .plan-title { font-size:1.4rem; font-weight:700; color:#111827; margin-bottom:.5rem; }\r\n .pricing-page-wrapper .plan-subtitle{ font-size:.95rem; color:#64748b; margin-bottom:1rem; font-weight:500; }\r\n .pricing-page-wrapper .price-original{ font-size:1rem; color:#94a3b8; text-decoration:line-through; margin-bottom:.25rem; }\r\n .pricing-page-wrapper .plan-price { font-size:2rem; font-weight:700; color:#111827; margin:.5rem 0; }\r\n .pricing-page-wrapper .price-unit { font-size:.9rem; color:#64748b; font-weight:500; }\r\n .pricing-page-wrapper .voucher{\r\n display:inline-flex; align-items:center; gap:.4rem;\r\n background:#ecfdf5; color:#16a34a; font-size:.85rem; font-weight:600;\r\n padding:.4rem .8rem; border-radius:20px; margin:.75rem 0;\r\n border:1px solid #bbf7d0;\r\n }\r\n .pricing-page-wrapper .voucher i{ font-size:.9rem; }\r\n .pricing-page-wrapper .total-breakdown{\r\n font-size:.9rem; color:#475569; margin:1rem 0; padding:.75rem 0;\r\n border-top:1px dashed #cbd5e1; border-bottom:1px dashed #cbd5e1;\r\n }\r\n .pricing-page-wrapper .total-breakdown strong{ color:#111827; }\r\n .pricing-page-wrapper .plan-features{ text-align:left; margin:1.25rem 0; }\r\n .pricing-page-wrapper .plan-features ul{ list-style:none; }\r\n .pricing-page-wrapper .plan-features li{\r\n display:flex; align-items:center; gap:.6rem;\r\n font-size:.95rem; color:#374151; margin-bottom:.6rem;\r\n }\r\n .pricing-page-wrapper .plan-features li i{ color:#2563eb; width:20px; }\r\n .pricing-page-wrapper .enroll-btn{\r\n display:block; margin-top:1.5rem;\r\n background:#2563eb; color:#fff; font-weight:600;\r\n text-decoration:none; padding:.75rem 1.25rem;\r\n border-radius:12px; border:2px solid #2563eb;\r\n transition:background .3s, border-color .3s, transform .2s;\r\n }\r\n .pricing-page-wrapper .enroll-btn:hover{\r\n background:#1d4ed8; border-color:#1d4ed8; transform:translateY(-2px);\r\n }\r\n\r\n \/* ==== Testimonial Section ==== *\/\r\n .pricing-page-wrapper .testimonial-container {\r\n max-width:900px;\r\n text-align:center;\r\n width:100%;\r\n }\r\n .pricing-page-wrapper .section-title {\r\n font-size:2.2rem; font-weight:700; margin-bottom:16px; color:#111827;\r\n }\r\n .pricing-page-wrapper .stars {\r\n margin-bottom:24px; font-size:1.4rem; color:#f59e0b; letter-spacing:4px;\r\n }\r\n .pricing-page-wrapper .quote-icon {\r\n font-size:3rem; color:#3b82f6; margin-bottom:20px; opacity:0.15;\r\n }\r\n .pricing-page-wrapper .testimonial-text {\r\n font-size:1.25rem; font-style:italic; color:#475569;\r\n max-width:800px; margin:0 auto 32px; line-height:1.8;\r\n position:relative; padding:0 20px;\r\n }\r\n .pricing-page-wrapper .testimonial-text::before,\r\n .pricing-page-wrapper .testimonial-text::after {\r\n content:'\"'; font-size:4rem; color:#bfdbfe; position:absolute; opacity:0.3;\r\n font-family:Georgia,serif;\r\n }\r\n .pricing-page-wrapper .testimonial-text::before { top:-20px; left:0; }\r\n .pricing-page-wrapper .testimonial-text::after { bottom:-40px; right:0; }\r\n .pricing-page-wrapper .testimonial-author {\r\n font-weight:600; font-size:1.15rem; color:#111827; margin-bottom:6px;\r\n }\r\n .pricing-page-wrapper .testimonial-role {\r\n font-size:0.95rem; color:#64748b; margin-bottom:40px; font-weight:500;\r\n }\r\n .pricing-page-wrapper .trust-metrics {\r\n display:flex; justify-content:center; gap:60px; flex-wrap:wrap;\r\n margin-top:20px; padding-top:30px; border-top:1px solid #e2e8f0;\r\n }\r\n .pricing-page-wrapper .metric-number { font-size:1.8rem; font-weight:700; color:#2563eb; }\r\n .pricing-page-wrapper .metric-label { font-size:0.9rem; color:#64748b; margin-top:6px; font-weight:500; text-transform:uppercase; letter-spacing:0.5px; }\r\n\r\n \/* ==== Animations ==== *\/\r\n @keyframes fadeInDown{ from{opacity:0;transform:translateY(-30px);} to{opacity:1;transform:none;} }\r\n @keyframes fadeInUp { from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:none;} }\r\n\r\n \/* ==== Responsive ==== *\/\r\n @media (max-width:768px) {\r\n .pricing-page-wrapper .section-title, \r\n .pricing-page-wrapper .page-header h1 { font-size:1.8rem; }\r\n .pricing-page-wrapper .testimonial-text { font-size:1.1rem; }\r\n .pricing-page-wrapper .trust-metrics { gap:40px; }\r\n .pricing-page-wrapper .metric-number { font-size:1.6rem; }\r\n }\r\n @media (max-width:480px) {\r\n .pricing-page-wrapper .page-header h1 { font-size:1.7rem; }\r\n .pricing-page-wrapper .plan-card { padding:1.5rem 1.2rem; }\r\n .pricing-page-wrapper .plan-price { font-size:1.8rem; }\r\n .pricing-page-wrapper .stars { font-size:1.2rem; }\r\n .pricing-page-wrapper .testimonial-text::before, \r\n .pricing-page-wrapper .testimonial-text::after { font-size:3rem; }\r\n .pricing-page-wrapper .testimonial-text::before { top:-15px; left:-5px; }\r\n .pricing-page-wrapper .testimonial-text::after { bottom:-30px; right:-5px; }\r\n .pricing-page-wrapper .trust-metrics { flex-direction:column; gap:24px; padding-top:24px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"pricing-page-wrapper\">\r\n <div class=\"pricing-page-container\">\r\n\r\n \r\n <header class=\"page-header\">\r\n <h1>\u062e\u0637\u0637 \u0648\u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0641\u064a ScInnovHub<\/h1>\r\n <p>\u062e\u062a\u0631 \u062e\u0637\u062a\u0643 \u0648\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0622\u0646!\n\u23f0 \u0645\u062f\u062f \u0645\u0631\u0646\u0629 \u2013 \ud83d\udc68\u200d\ud83c\udfeb \u062a\u0648\u062c\u064a\u0647 \u0645\u0646 \u062e\u0628\u0631\u0627\u0621 \u2013 \ud83c\udf81 \u062e\u0635\u0648\u0645\u0627\u062a \u062d\u0635\u0631\u064a\u0629 \u0628\u0627\u0646\u062a\u0638\u0627\u0631\u0643!<\/p>\r\n <\/header>\r\n\r\n \r\n <section class=\"pricing-container\">\r\n \r\n <article class=\"plan-card\" data-plan='{ \"titleinside\":\"Starter Plan\", \"basePrice\":\"399 EGP \/ Session\", \"discountedPrice\":\"299.25 EGP \/ Session\", \"voucher\":\"25%\", \"totalHours\":\"15\", \"totalBefore\":\"5985 EGP\", \"totalAfter\":\"4488.75 EGP\", \"info\":[\"15 Sessions\"], \"link\":\"https:\/\/scinnovhub.com\/courses_dynamic\" }'>\r\n <h3 class=\"plan-title\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\r\n <p class=\"plan-subtitle\">\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0645\u0639 ScInnovHub \u0627\u0644\u064a\u0648\u0645! \ud83d\ude80<\/p>\r\n <p class=\"price-original\">399 \u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/p>\r\n <div class=\"plan-price\">299.25 <span class=\"price-unit\">\u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/span><\/div>\r\n <div class=\"voucher\"><i class=\"fas fa-check-circle\"><\/i> \u062e\u0635\u0645 25%<\/div>\r\n <div class=\"total-breakdown\">\r\n <div><strong>\u062d\u062a\u0649 15 \u062c\u0644\u0633\u0629<\/strong><\/div>\r\n \r\n <div>\u0642\u0628\u0644 <strong>5,985 EGP<\/strong> \u0628\u0639\u062f <strong>4,488.75 \u062c\u0646\u064a\u0629<\/strong><\/div>\r\n <\/div>\r\n <div class=\"plan-features\">\r\n <ul>\r\n <li><i class=\"fas fa-clock\"><\/i>\u062d\u062a\u0649 15 \u062c\u0644\u0633\u0629<\/li>\r\n \r\n <li><i class=\"fas fa-gift\"><\/i> +15 \u062f\u0642\u064a\u0642\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0641\u064a \u0643\u0644 \u062c\u0644\u0633\u0629!<\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <a href=\"https:\/\/scinnovhub.com\/ar\/courses_dynamic\/\" class=\"enroll-btn\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/a>\r\n\r\n <\/article>\r\n\r\n \r\n <article class=\"plan-card\" data-plan='{ \"titleinside\":\"Standard Plan\", \"basePrice\":\"399 EGP \/ Session\", \"discountedPrice\":\"259.35 EGP \/ Session\", \"voucher\":\"35%\", \"totalHours\":\"30\", \"totalBefore\":\"11970 EGP\", \"totalAfter\":\"7780.5 EGP\", \"info\":[\"30 Sessions\"], \"link\":\"https:\/\/scinnovhub.com\/courses_dynamic\" }'>\r\n <h3 class=\"plan-title\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\r\n <p class=\"plan-subtitle\">\u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627<\/p>\r\n <p class=\"price-original\">399 \u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/p>\r\n <div class=\"plan-price\">259.35 <span class=\"price-unit\">\u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/span><\/div>\r\n <div class=\"voucher\"><i class=\"fas fa-check-circle\"><\/i> \u062e\u0635\u0645 35%<\/div>\r\n <div class=\"total-breakdown\">\r\n <div><strong>\u062d\u062a\u0649 30 \u062c\u0644\u0633\u0629<\/strong><\/div>\r\n \r\n <div>\u0642\u0628\u0644 <strong>11,970 \u062c\u0646\u064a\u0647\u0627<\/strong> \u0628\u0639\u062f <strong>7,780.5 \u062c\u0646\u064a\u0629<\/strong><\/div>\r\n <\/div>\r\n <div class=\"plan-features\">\r\n <ul>\r\n \r\n <li><i class=\"fas fa-clock\"><\/i> \u062d\u062a\u0649 30 \u062c\u0644\u0633\u0629<\/li>\r\n <li><i class=\"fas fa-gift\"><\/i> +15 \u062f\u0642\u064a\u0642\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0641\u064a \u0643\u0644 \u062c\u0644\u0633\u0629!<\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <a href=\"https:\/\/scinnovhub.com\/ar\/courses_dynamic\/\" class=\"enroll-btn\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/a>\r\n <\/article>\r\n\r\n \r\n <article class=\"plan-card\" data-plan='{ \"titleinside\":\"Premium Plan\", \"basePrice\":\"399 EGP \/ Session\", \"discountedPrice\":\"199.5 EGP \/ Session\", \"voucher\":\"50%\", \"totalHours\":\"60\", \"totalBefore\":\"23940 EGP\", \"totalAfter\":\"11970 EGP\", \"info\":[\"60 Sessions\"], \"link\":\"https:\/\/scinnovhub.com\/courses_dynamic\" }'>\r\n <h3 class=\"plan-title\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/h3>\r\n <p class=\"plan-subtitle\">\u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u2013 \u0623\u0642\u0635\u0649 \u062a\u0648\u0641\u064a\u0631<\/p>\r\n <p class=\"price-original\">399 \u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/p>\r\n <div class=\"plan-price\">199.5 <span class=\"price-unit\">\u062c\u0646\u064a\u0629 \/ \u062c\u0644\u0633\u0629<\/span><\/div>\r\n <div class=\"voucher\"><i class=\"fas fa-check-circle\"><\/i> \u062e\u0635\u0645 50%<\/div>\r\n <div class=\"total-breakdown\">\r\n <div><strong>\u062d\u062a\u0649 60 \u062c\u0644\u0633\u0629<\/strong><\/div>\r\n \r\n <div>\u0642\u0628\u0644 <strong>23,940 \u062c\u0646\u064a\u0647\u0627<\/strong> \u0628\u0639\u062f <strong>11,970 \u062c\u0646\u064a\u0647\u0627<\/strong><\/div>\r\n <\/div>\r\n <div class=\"plan-features\">\r\n <ul>\r\n <li><i class=\"fas fa-clock\"><\/i> \u062d\u062a\u0649 60 \u062c\u0644\u0633\u0629<\/li>\r\n <li><i class=\"fas fa-gift\"><\/i> +15 \u062f\u0642\u064a\u0642\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0641\u064a \u0643\u0644 \u062c\u0644\u0633\u0629!<\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <a href=\"https:\/\/scinnovhub.com\/ar\/courses_dynamic\/\" class=\"enroll-btn\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/a>\r\n <\/article>\r\n <\/section>\r\n\r\n \r\n <section class=\"testimonial-container\">\r\n <h2 class=\"section-title\">\u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0645\u0641\u0636\u0644 \u0644\u062f\u0649 \u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/h2>\r\n <div class=\"stars\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"quote-icon\">\r\n <i class=\"fas fa-quote-left\"><\/i>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n The Premium Plan helped me get better at coding. Great mentors and useful resources!\r\n <\/blockquote>\r\n <p class=\"testimonial-author\">Mohamed Ahmed<\/p>\r\n <p class=\"testimonial-role\">\u0637\u0627\u0644\u0628<\/p>\r\n\r\n <div class=\"trust-metrics\">\r\n <div class=\"metric\">\r\n <div class=\"metric-number\">100+<\/div>\r\n <div class=\"metric-label\">\u0645\u062c\u062a\u0645\u0639 \u0645\u0646 \u0627\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646 \u0627\u0644\u0646\u0634\u0637\u064a\u0646<\/div>\r\n <\/div>\r\n <div class=\"metric\">\r\n <div class=\"metric-number\">50+<\/div>\r\n <div class=\"metric-label\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n document.querySelectorAll('.pricing-page-wrapper .plan-card').forEach(card => {\r\n const data = JSON.parse(card.dataset.plan);\r\n const enrollBtn = card.querySelector('.enroll-btn');\r\n\r\n enrollBtn.addEventListener('click', e => {\r\n \/\/ Prevent default navigation for a split second\r\n e.preventDefault();\r\n\r\n \/\/ Save selected plan in localStorage\r\n localStorage.setItem('selectedPlan_pricinginside', JSON.stringify(data));\r\n\r\n \/\/ Then continue navigation after saving\r\n window.location.href = enrollBtn.getAttribute('href');\r\n });\r\n });\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Pricing & Testimonial | ScInnovHub ScInnovHub Course Pricing Choose the plan that fits your learning journey \u2014<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_tutorstarter_page_metadata":[],"footnotes":""},"class_list":["post-896","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/comments?post=896"}],"version-history":[{"count":90,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/896\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/896\/revisions\/1968"}],"wp:attachment":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/media?parent=896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}