{"id":28916,"date":"2026-04-21T22:47:49","date_gmt":"2026-04-21T19:47:49","guid":{"rendered":"https:\/\/productsheroes.sa\/?page_id=28916"},"modified":"2026-05-09T18:47:34","modified_gmt":"2026-05-09T15:47:34","slug":"heroplus","status":"publish","type":"page","link":"https:\/\/productsheroes.sa\/en\/heroplus\/","title":{"rendered":"heroplus"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28916\" class=\"elementor elementor-28916\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cc7e8d e-con-full e-flex e-con e-parent\" data-id=\"8cc7e8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9397e40 elementor-widget elementor-widget-html\" data-id=\"9397e40\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&family=Tajawal:wght@400;500;700;800;900&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  \/* \u2500\u2500\u2500 \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 (\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a\u0629 \u0627\u0644\u0641\u062e\u0645\u0629) \u2500\u2500\u2500 *\/\r\n  :root {\r\n    --purple: #8B5CF6;\r\n    --purple-light: #A78BFA;\r\n    --purple-dim: rgba(139, 92, 246, 0.15);\r\n    --purple-glow: rgba(139, 92, 246, 0.35);\r\n    \r\n    --accent: #C084FC;\r\n    --accent-dim: rgba(192, 132, 252, 0.15);\r\n\r\n    --dark: #0A0C0F;\r\n    --dark-2: #111418;\r\n    --dark-3: #181D24;\r\n    --dark-4: #1E252F;\r\n    --dark-5: #252D38;\r\n    \r\n    --border: rgba(255,255,255,0.07);\r\n    --text: #F1F5F9;\r\n    --text-muted: #94A3B8;\r\n    --text-dim: #64748B;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u0639\u0632\u0648\u0644\u0629 \u0644\u0644\u0645\u0646\u062a\u0648\u0631 \u2500\u2500\u2500 *\/\r\n  .batal-lp-wrapper {\r\n    font-family: 'Cairo', 'Tajawal', sans-serif;\r\n    background: var(--dark);\r\n    color: var(--text);\r\n    overflow-x: hidden;\r\n    direction: rtl;\r\n    position: relative;\r\n  }\r\n\r\n  .batal-lp-wrapper *, .batal-lp-wrapper *::before, .batal-lp-wrapper *::after {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0646\u0648\u064a\u0632 (Noise) \u2500\u2500\u2500 *\/\r\n  .batal-lp-wrapper::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    opacity: 0.4;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\r\n  .pm-nav {\r\n    position: absolute; top: 0; left: 0; right: 0; z-index: 100;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding: 16px 48px;\r\n    background: rgba(10,12,15,0.85);\r\n    backdrop-filter: blur(20px);\r\n    border-bottom: 1px solid var(--border);\r\n  }\r\n  .nav-logo { font-size: 20px; font-weight: 900; color: var(--purple); letter-spacing: -0.5px; }\r\n  .nav-logo span { color: var(--text); }\r\n  .nav-badge {\r\n    background: var(--purple-dim);\r\n    border: 1px solid var(--purple);\r\n    color: var(--purple);\r\n    padding: 6px 16px; border-radius: 100px;\r\n    font-size: 13px; font-weight: 700;\r\n    display: flex; align-items: center; gap: 8px;\r\n    animation: pulse-badge 2s ease-in-out infinite;\r\n  }\r\n  @keyframes pulse-badge {\r\n    0%,100% { box-shadow: 0 0 0 0 var(--purple-glow); }\r\n    50% { box-shadow: 0 0 0 6px transparent; }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n  .pm-hero {\r\n    min-height: 100vh;\r\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n    text-align: center;\r\n    padding: 140px 24px 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .hero-bg {\r\n    position: absolute; inset: 0; z-index: 0;\r\n    background:\r\n      radial-gradient(ellipse 70% 60% at 50% 0%, rgba(139, 92, 246, 0.15) 0%, transparent 70%),\r\n      radial-gradient(ellipse 40% 40% at 10% 80%, rgba(139, 92, 246, 0.08) 0%, transparent 60%),\r\n      var(--dark);\r\n  }\r\n  .hero-grid {\r\n    position: absolute; inset: 0; z-index: 0;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\r\n    background-size: 48px 48px;\r\n    mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 0%, transparent 70%);\r\n    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 0%, transparent 70%);\r\n  }\r\n\r\n  .hero-content { position: relative; z-index: 1; max-width: 860px; width: 100%; }\r\n\r\n  .hero-tag {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: var(--purple-dim);\r\n    border: 1px solid rgba(139, 92, 246, 0.4);\r\n    color: var(--purple-light);\r\n    padding: 8px 20px; border-radius: 100px;\r\n    font-size: 13px; font-weight: 700;\r\n    margin-bottom: 32px;\r\n    animation: fadeDown 0.6s ease both;\r\n  }\r\n  .hero-tag .dot {\r\n    width: 7px; height: 7px; border-radius: 50%;\r\n    background: var(--purple);\r\n    animation: blink 1.2s ease-in-out infinite;\r\n  }\r\n  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }\r\n\r\n  .pm-hero h1 {\r\n    font-size: clamp(32px, 6vw, 72px); \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 24px;\r\n    color: var(--text);\r\n    animation: fadeDown 0.6s 0.1s ease both;\r\n  }\r\n  .pm-hero h1 .accent { color: var(--purple); }\r\n  .pm-hero h1 .underline-accent {\r\n    position: relative; display: inline-block;\r\n  }\r\n  .pm-hero h1 .underline-accent::after {\r\n    content: '';\r\n    position: absolute; bottom: -4px; right: 0; left: 0; height: 3px;\r\n    background: var(--purple);\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .hero-sub {\r\n    font-size: clamp(15px, 2vw, 20px);\r\n    color: var(--text-muted);\r\n    max-width: 580px; margin: 0 auto 40px;\r\n    line-height: 1.7;\r\n    animation: fadeDown 0.6s 0.2s ease both;\r\n  }\r\n\r\n  .hero-stats {\r\n    display: flex; align-items: center; justify-content: center; gap: 40px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 48px;\r\n    animation: fadeDown 0.6s 0.3s ease both;\r\n  }\r\n  .stat-item { text-align: center; }\r\n  .stat-num { font-size: 32px; font-weight: 900; color: var(--purple); line-height: 1; }\r\n  .stat-label { font-size: 13px; color: var(--text-muted); margin-top: 4px; }\r\n  .stat-div { width: 1px; height: 40px; background: var(--border); }\r\n\r\n  .hero-cta-group {\r\n    display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap;\r\n    animation: fadeDown 0.6s 0.4s ease both;\r\n  }\r\n  .btn-primary {\r\n    display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n    background: var(--purple);\r\n    color: white;\r\n    padding: 16px 36px; border-radius: 12px;\r\n    font-size: 17px; font-weight: 800;\r\n    text-decoration: none;\r\n    transition: all 0.25s;\r\n    box-shadow: 0 0 32px var(--purple-glow), 0 4px 24px rgba(0,0,0,0.4);\r\n    border: none; cursor: pointer; font-family: inherit;\r\n  }\r\n  .btn-primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 0 48px var(--purple-glow), 0 8px 32px rgba(0,0,0,0.4);\r\n    background: var(--purple-light);\r\n    color: white;\r\n  }\r\n  .btn-secondary {\r\n    display: inline-flex; align-items: center; justify-content: center; gap: 8px;\r\n    background: transparent;\r\n    color: var(--text-muted);\r\n    padding: 16px 28px; border-radius: 12px;\r\n    font-size: 15px; font-weight: 600;\r\n    text-decoration: none;\r\n    border: 1px solid var(--border);\r\n    transition: all 0.25s;\r\n    cursor: pointer; font-family: inherit;\r\n  }\r\n  .btn-secondary:hover { border-color: var(--purple); color: var(--purple); }\r\n\r\n  .hero-scroll {\r\n    position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);\r\n    display: flex; flex-direction: column; align-items: center; gap: 8px;\r\n    color: var(--text-dim); font-size: 12px;\r\n    animation: fadeDown 0.6s 0.8s ease both;\r\n  }\r\n  .scroll-line {\r\n    width: 1px; height: 40px;\r\n    background: linear-gradient(to bottom, var(--purple), transparent);\r\n    animation: scrollPulse 1.5s ease-in-out infinite;\r\n  }\r\n  @keyframes scrollPulse { 0%,100%{opacity:0.3} 50%{opacity:1} }\r\n\r\n  @keyframes fadeDown {\r\n    from { opacity: 0; transform: translateY(-16px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 SOCIAL PROOF STRIP \u2500\u2500\u2500 *\/\r\n  .proof-strip {\r\n    background: var(--dark-3);\r\n    border-top: 1px solid var(--border);\r\n    border-bottom: 1px solid var(--border);\r\n    padding: 24px 0; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    overflow: hidden;\r\n  }\r\n  .proof-strip-inner {\r\n    display: flex; align-items: center; gap: 40px;\r\n    animation: scroll-strip 25s linear infinite;\r\n    white-space: nowrap;\r\n  }\r\n  .proof-item {\r\n    display: flex; align-items: center; gap: 8px;\r\n    flex-shrink: 0;\r\n    color: var(--text-muted); font-size: 14px; font-weight: 600;\r\n  }\r\n  .proof-item .icon { font-size: 16px; color: var(--purple); }\r\n  .proof-divider { color: var(--border); font-size: 20px; flex-shrink: 0; }\r\n  @keyframes scroll-strip {\r\n    from { transform: translateX(0); }\r\n    to   { transform: translateX(-50%); }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 MEDIA QUERIES FOR MOBILE OPTIMIZATION \u2500\u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n    .pm-nav { padding: 14px 20px; }\r\n    \r\n    .pm-hero {\r\n      padding: 100px 20px 60px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0627\u0644\u0639\u0644\u0648\u064a \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n      min-height: auto; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n    }\r\n\r\n    .hero-tag { font-size: 11px; padding: 6px 14px; margin-bottom: 24px; }\r\n    .hero-sub { margin-bottom: 32px; }\r\n\r\n    \/* \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0641\u064a \u0634\u0628\u0643\u0629 2x2 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    .hero-stats {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 24px;\r\n      margin-bottom: 40px;\r\n      width: 100%;\r\n    }\r\n    .stat-div { display: none; \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/ }\r\n    .stat-num { font-size: 28px; }\r\n\r\n    \/* \u0623\u0632\u0631\u0627\u0631 \u0628\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    .hero-cta-group {\r\n      flex-direction: column;\r\n      width: 100%;\r\n      gap: 12px;\r\n    }\r\n    .btn-primary, .btn-secondary {\r\n      width: 100%;\r\n      padding: 14px 20px;\r\n      font-size: 15px;\r\n    }\r\n    \r\n    .hero-scroll { display: none; \/* \u0625\u062e\u0641\u0627\u0621 \u0633\u0647\u0645 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 *\/ }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"batal-lp-wrapper\">\r\n\r\n  <section class=\"pm-hero\">\r\n    <div class=\"hero-bg\"><\/div>\r\n    <div class=\"hero-grid\"><\/div>\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-tag\">\r\n        <span class=\"dot\"><\/span>\r\n        \u0639\u0636\u0648\u064a\u0629 \u0628\u0637\u0644 \u0628\u0644\u0633+\r\n      <\/div>\r\n      \r\n      <h1 style=\"font-size: clamp(80px, 12vw, 150px); font-weight: 900; line-height: 1; margin-bottom: 24px; letter-spacing: -2px;\">\r\n        \u0628\u0637\u0644 <span style=\"color: #00dc82; font-size: 0.8em; position: relative; top: -15px; text-shadow: 0 0 20px rgba(0,220,130,0.4);\">+<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"hero-sub\">\r\n        \u0647\u0630\u0627 \u0627\u0644\u0645\u0643\u0627\u0646 \u0627\u0644\u0644\u064a \u062a\u062a\u062d\u0648\u0644 \u0641\u064a\u0647 \u0645\u0646 \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0625\u0644\u0649 <span style=\"color: #00dc82; font-weight: 900;\">\u0644\u0627\u0639\u0628 \u0648\u0628\u0637\u0644 \u062d\u0642\u064a\u0642\u064a<\/span> \u0641\u064a \u0627\u0644\u0633\u0648\u0642.<br><br>\r\n        \u0627\u0646\u0636\u0645 \u0644\u0646\u062e\u0628\u0629 \u0645\u0646 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0628\u062f\u0623 \u062a\u0628\u0646\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0628\u062b\u0642\u0629\u060c \u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0648\u064a\u0629\u060c \u0648\u0641\u0631\u0635 \u062d\u0642\u064a\u0642\u064a\u0629.\r\n      <\/p>\r\n      \r\n      <div class=\"hero-stats\">\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-num\">6,000+<\/div>\r\n          <div class=\"stat-label\">\u0639\u0636\u0648 \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/div>\r\n        <\/div>\r\n        <div class=\"stat-div\"><\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-num\">25+<\/div>\r\n          <div class=\"stat-label\">\u062c\u0644\u0633\u0629 \u0645\u0646\u0639\u0642\u062f\u0629<\/div>\r\n        <\/div>\r\n        <div class=\"stat-div\"><\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-num\">60+<\/div>\r\n          <div class=\"stat-label\">\u0645\u062a\u062f\u0631\u0628 \u0646\u062c\u062d<\/div>\r\n        <\/div>\r\n        <div class=\"stat-div\"><\/div>\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-num\">50+<\/div>\r\n          <div class=\"stat-label\">\u0648\u0638\u064a\u0641\u0629 \u062a\u062d\u0642\u0651\u0642\u062a<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-cta-group\">\r\n        <a href=\"https:\/\/productsheroes.sa\/hero-register\/\" class=\"btn-primary\">\r\n          \u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 \u2014 1,500 \u0631\u064a\u0627\u0644\/\u0633\u0646\u0629 <i class=\"fa-solid fa-arrow-left ms-2\"><\/i>\r\n        <\/a>\r\n        <a href=\"#benefits\" class=\"btn-secondary\">\u0634\u0648\u0641 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0643\u0627\u0645\u0644\u0629<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-scroll\">\r\n      <div class=\"scroll-line\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45576d4 e-con-full e-flex e-con e-parent\" data-id=\"45576d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-becde89 elementor-widget elementor-widget-html\" data-id=\"becde89\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2500\u2500\u2500 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u062a\u0639\u0627\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u2500\u2500\u2500 *\/\r\n  :root {\r\n    --purple: #8B5CF6; \r\n    --purple-light: #A78BFA; \r\n    --purple-dim: rgba(139,92,246,0.15);\r\n    --purple-glow: rgba(139,92,246,0.35);\r\n    \r\n    --dark: #0A0C0F;\r\n    --dark-2: #111418;\r\n    --dark-3: #181D24;\r\n    --dark-4: #1E252F;\r\n    --dark-5: #252D38;\r\n    \r\n    --border: rgba(255,255,255,0.07);\r\n    --text: #F1F5F9;\r\n    --text-muted: #94A3B8;\r\n    --text-dim: #64748B;\r\n    \r\n    --accent: #C084FC; \r\n    --accent-dim: rgba(192,132,252,0.15);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 \u062a\u063a\u0644\u064a\u0641 \u0625\u062c\u0628\u0627\u0631\u064a \u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0645\u0646 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u2500\u2500\u2500 *\/\r\n  .pm-protected-wrapper {\r\n    background-color: var(--dark) !important;\r\n    color: var(--text) !important;\r\n    font-family: 'Cairo', 'Tajawal', sans-serif !important;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 SECTION SHARED \u2500\u2500\u2500 *\/\r\n  .pm-protected-wrapper .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\r\n  .pm-protected-wrapper .section-tag {\r\n    display: inline-block;\r\n    color: var(--purple) !important; font-size: 13px; font-weight: 700;\r\n    letter-spacing: 1px; text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n  }\r\n  .pm-protected-wrapper .section-title {\r\n    font-size: clamp(24px, 4vw, 42px); \r\n    font-weight: 900; line-height: 1.3;\r\n    margin-bottom: 16px;\r\n    color: var(--text) !important;\r\n  }\r\n  .pm-protected-wrapper .section-sub { \r\n    color: var(--text-muted) !important; font-size: clamp(15px, 2vw, 17px); line-height: 1.8; max-width: 560px; \r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 HERO PASS (\u0627\u0644\u0645\u0639\u062f\u0644 \u062d\u0633\u0628 \u0637\u0644\u0628 \u0627\u0644\u0639\u0645\u064a\u0644) \u2500\u2500\u2500 *\/\r\n  .founders-pass {\r\n    padding: 80px 0;\r\n    background: linear-gradient(135deg, var(--dark-2) 0%, var(--dark-3) 100%) !important;\r\n  }\r\n  .founders-inner {\r\n    border: 1px solid rgba(139, 92, 246, 0.3); \/* \u062d\u062f\u0648\u062f \u0628\u0646\u0641\u0633\u062c\u064a\u0629 *\/\r\n    border-radius: 24px;\r\n    padding: 56px;\r\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.05) 0%, var(--dark-3) 60%) !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; \r\n  }\r\n  \r\n  \/* ========================================= *\/\r\n  \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Neon Pulse \u0627\u0644\u0623\u062e\u0636\u0631 \u0644\u0643\u0644\u0645\u0629 +Hero   *\/\r\n  \/* ========================================= *\/\r\n  .hero-pass-title { \r\n    font-size: clamp(48px, 6vw, 64px); \r\n    font-style: italic;\r\n    font-weight: 900; \r\n    color: #00dc82 !important; \/* \u0644\u0648\u0646 \u0623\u062e\u0636\u0631 \u0641\u0627\u0642\u0639 *\/\r\n    margin-bottom: 24px; \r\n    display: inline-block;\r\n    animation: heroNeonPulse 2s ease-in-out infinite alternate;\r\n  }\r\n  \r\n  @keyframes heroNeonPulse {\r\n    0% {\r\n      text-shadow: 0 0 10px rgba(0, 220, 130, 0.3),\r\n                   0 0 20px rgba(0, 220, 130, 0.1);\r\n      transform: scale(1);\r\n    }\r\n    100% {\r\n      text-shadow: 0 0 15px rgba(0, 220, 130, 0.8),\r\n                   0 0 30px rgba(0, 220, 130, 0.5),\r\n                   0 0 45px rgba(0, 220, 130, 0.3);\r\n      transform: scale(1.03); \/* \u062a\u0643\u0628\u064a\u0631 \u062e\u0641\u064a\u0641 \u0628\u064a\u062f\u064a \u0625\u062d\u0633\u0627\u0633 \u0627\u0644\u0646\u0628\u0636 *\/\r\n    }\r\n  }\r\n  \/* ========================================= *\/\r\n  \r\n  .founders-desc { color: var(--text) !important; font-size: 18px; line-height: 1.8; margin-bottom: 32px; font-weight: 600; }\r\n  \r\n  .founders-extras { display: flex; flex-direction: column; gap: 18px; margin-bottom: 32px; }\r\n  .founders-extra-item {\r\n    display: flex; align-items: center; gap: 16px;\r\n    color: var(--text) !important; font-size: 16px; font-weight: 600;\r\n  }\r\n  .founders-extra-item .check-icon {\r\n    width: 28px; height: 28px; border-radius: 50%;\r\n    background: var(--purple) !important; \r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 14px; flex-shrink: 0; color: white !important;\r\n    box-shadow: 0 4px 10px rgba(139, 92, 246, 0.4);\r\n  }\r\n  \r\n  .price-block { text-align: center; }\r\n  .countdown-wrap { margin: 0 0 32px 0; }\r\n  .countdown-label { font-size: 14px; color: var(--text-dim) !important; margin-bottom: 16px; font-weight: 700; }\r\n  .countdown {\r\n    display: flex; justify-content: center; gap: 12px; direction: ltr;\r\n  }\r\n  .cd-box {\r\n    background: rgba(255,255,255,0.02) !important;\r\n    border: 1px solid rgba(255,255,255,0.05) !important;\r\n    border-radius: 12px;\r\n    padding: 16px 14px; \r\n    min-width: 65px;\r\n    text-align: center;\r\n  }\r\n  .cd-num { font-size: 28px; font-weight: 900; color: var(--text) !important; line-height: 1; display: block; margin-bottom: 8px; }\r\n  .cd-label { font-size: 12px; font-weight: 600; color: var(--text-muted) !important; display: block; }\r\n  \r\n  .btn-founders {\r\n    width: 100%;\r\n    background: transparent !important;\r\n    color: var(--text) !important;\r\n    padding: 16px; \r\n    border-radius: 12px;\r\n    font-size: 18px; font-weight: 800;\r\n    border: none; cursor: pointer; font-family: inherit;\r\n    transition: all 0.25s;\r\n    text-align: center;\r\n    display: flex; align-items: center; justify-content: center; gap: 10px;\r\n  }\r\n  .btn-founders:hover { color: var(--purple-light) !important; }\r\n  .guarantee { font-size: 13px; color: var(--text-dim) !important; margin-top: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; }\r\n\r\n  \/* \u2500\u2500\u2500 VALUE COMPARISON \u2500\u2500\u2500 *\/\r\n  .value-section { \r\n    padding: 80px 0; \r\n    background-color: var(--dark) !important; \r\n  }\r\n  .value-header { text-align: center; margin-bottom: 48px; }\r\n  \r\n  \/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0645\u0644 \u0627\u0644\u0638\u0644 (Fade Shadow) *\/\r\n  .table-fade-container {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n  \/* \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0623\u0641\u0642\u064a \u0644\u0644\u062c\u062f\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  .table-responsive-wrapper {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    padding-bottom: 10px; \r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  \r\n  \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0628\u0627\u0631 \u0627\u0644\u0645\u0632\u0639\u062c \u0645\u0639 \u0628\u0642\u0627\u0621 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0633\u062d\u0628 *\/\r\n  .table-responsive-wrapper::-webkit-scrollbar { height: 6px; }\r\n  .table-responsive-wrapper::-webkit-scrollbar-track { background: var(--dark-3); border-radius: 10px; }\r\n  .table-responsive-wrapper::-webkit-scrollbar-thumb { background: var(--purple-dim); border-radius: 10px; }\r\n\r\n  \/* \u0627\u0644\u0638\u0644 \u0627\u0644\u062c\u0627\u0646\u0628\u064a (Fade out effect) \u0644\u064a\u062f\u0644 \u0639\u0644\u0649 \u0648\u062c\u0648\u062f \u062a\u0643\u0645\u0644\u0629 *\/\r\n  .table-fade-right {\r\n    position: absolute;\r\n    top: 0; left: 0; bottom: 10px; width: 40px;\r\n    background: linear-gradient(to right, var(--dark) 0%, transparent 100%);\r\n    pointer-events: none;\r\n    z-index: 2;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .compare-table {\r\n    border: 1px solid var(--border) !important;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    background-color: var(--dark-2) !important;\r\n    min-width: 600px; \r\n  }\r\n  .compare-head {\r\n    display: grid; grid-template-columns: 2.5fr 1fr 1fr;\r\n    background: var(--dark-3) !important;\r\n    border-bottom: 1px solid var(--border) !important;\r\n  }\r\n  .compare-head-cell {\r\n    padding: 20px 24px;\r\n    font-size: 15px; font-weight: 800;\r\n    color: var(--text) !important;\r\n  }\r\n  .compare-head-cell.premium {\r\n    background: var(--purple-dim) !important;\r\n    color: var(--accent) !important;\r\n    display: flex; flex-direction: column; align-items: center; gap: 4px;\r\n    text-align: center;\r\n    border-right: 1px solid rgba(139,92,246,0.3) !important;\r\n    border-left: 1px solid rgba(139,92,246,0.3) !important;\r\n  }\r\n  .compare-row {\r\n    display: grid; grid-template-columns: 2.5fr 1fr 1fr;\r\n    border-bottom: 1px solid var(--border) !important;\r\n    transition: background 0.2s;\r\n  }\r\n  .compare-row:last-child { border-bottom: none !important; }\r\n  .compare-row:hover { background: rgba(255,255,255,0.02) !important; }\r\n  .compare-cell {\r\n    padding: 16px 24px;\r\n    font-size: 14px;\r\n    display: flex; align-items: center;\r\n    color: var(--text) !important;\r\n  }\r\n  .compare-cell.feature { color: var(--text) !important; font-weight: 600; line-height: 1.5; }\r\n  .compare-cell.center { justify-content: center; }\r\n  .compare-cell.premium-col {\r\n    background: rgba(139,92,246,0.04) !important;\r\n    border-right: 1px solid rgba(139,92,246,0.15) !important;\r\n    border-left: 1px solid rgba(139,92,246,0.15) !important;\r\n    justify-content: center;\r\n  }\r\n  .check { color: var(--accent) !important; font-size: 18px; }\r\n  .cross { color: var(--text-dim) !important; font-size: 18px; }\r\n\r\n  \/* \u062a\u0644\u0645\u064a\u062d \u0627\u0644\u0633\u062d\u0628 (Swipe Hint) \u064a\u0638\u0647\u0631 \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  .swipe-hint {\r\n    display: none;\r\n    text-align: center;\r\n    color: var(--accent);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-top: 12px;\r\n    opacity: 0.8;\r\n  }\r\n  .swipe-hint i {\r\n    animation: moveLeftRight 1.5s ease-in-out infinite;\r\n  }\r\n  @keyframes moveLeftRight {\r\n    0%, 100% { transform: translateX(0); }\r\n    50% { transform: translateX(-5px); }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 MEDIA QUERIES FOR MOBILE \u2500\u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n    .founders-pass { padding: 60px 0; }\r\n    .founders-inner { \r\n      grid-template-columns: 1fr; \r\n      padding: 40px 20px; \r\n      gap: 40px; \r\n    }\r\n    \r\n    .hero-pass-title { text-align: center; }\r\n    .founders-desc { text-align: center; font-size: 16px; }\r\n    \r\n    .price-block { \r\n      border-top: 1px solid rgba(255,255,255,0.05); \r\n      padding-top: 40px; \r\n    }\r\n    \r\n    .value-section { padding: 60px 0; }\r\n    .value-header { margin-bottom: 32px; }\r\n    \r\n    .compare-head-cell { padding: 16px 12px; font-size: 13px; }\r\n    .compare-cell { padding: 14px 12px; font-size: 13px; }\r\n\r\n    \/* \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0638\u0644 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0648\u0627\u0644\u062a\u0644\u0645\u064a\u062d \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    .table-fade-right { opacity: 1; }\r\n    .swipe-hint { display: block; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pm-protected-wrapper\" dir=\"rtl\">\r\n\r\n  <section class=\"founders-pass\">\r\n    <div class=\"container\">\r\n      <div class=\"founders-inner\">\r\n        \r\n        <div>\r\n          <div class=\"hero-pass-title\">+Hero<\/div>\r\n          <p class=\"founders-desc\">\r\n            \u0627\u0646\u0636\u0645 \u0643\u0639\u0636\u0648 \u0645\u0628\u0643\u0631 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0645\u0632\u0627\u064a\u0627 \u062d\u0635\u0631\u064a\u0629 \u0644\u0646 \u062a\u062a\u0643\u0631\u0631 \u2014 \u0628\u0633\u0639\u0631 \u0645\u0642\u0641\u0644 \u0644\u0644\u0623\u0628\u062f.\r\n          <\/p>\r\n          <div class=\"founders-extras\">\r\n          \r\n            <div class=\"founders-extra-item\">\r\n              <div class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n              \u0634\u0627\u0631\u0629 \"+hero\" \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\r\n            <\/div>\r\n            <div class=\"founders-extra-item\">\r\n              <div class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n              \u0648\u0635\u0648\u0644 \u0645\u0628\u0643\u0631 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u062c\u0644\u0633\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629\r\n            <\/div>\r\n            <div class=\"founders-extra-item\">\r\n              <div class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n              \u062c\u0644\u0633\u0629 \u0625\u0631\u0634\u0627\u062f\u064a\u0629 1:1 \u0645\u062c\u0627\u0646\u064a\u0629 \u0645\u0639 \u0623\u062d\u062f \u0627\u0644\u062e\u0628\u0631\u0627\u0621\r\n            <\/div>\r\n                 <div class=\"founders-extra-item\">\r\n              <div class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n          \u062f\u0648\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062f\u0648\u0631\u0629.\r\n            <\/div>\r\n                    <div class=\"founders-extra-item\">\r\n              <div class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n       \u062c\u0644\u0633\u062a\u064a\u0646 \u062e\u0627\u0635\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631\u0643.\r\n            <\/div>\r\n            <div class=\"founders-extra-item\">\r\n            \r\n         \r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"price-block\">\r\n          <div class=\"countdown-wrap\">\r\n            <div class=\"countdown-label\">\u064a\u0646\u062a\u0647\u064a \u0639\u0631\u0636 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u062e\u0644\u0627\u0644<\/div>\r\n            <div class=\"countdown\">\r\n              <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-days\">07<\/span><span class=\"cd-label\">\u064a\u0648\u0645<\/span><\/div>\r\n              <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-hours\">14<\/span><span class=\"cd-label\">\u0633\u0627\u0639\u0629<\/span><\/div>\r\n              <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-mins\">32<\/span><span class=\"cd-label\">\u062f\u0642\u064a\u0642\u0629<\/span><\/div>\r\n              <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-secs\">09<\/span><span class=\"cd-label\">\u062b\u0627\u0646\u064a\u0629<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n<button class=\"btn-founders\" onclick=\"window.location.href='https:\/\/productsheroes.sa\/hero-register\/'\">\r\n    \u0633\u062c\u0644 \u0627\u0644\u0622\u0646 <i class=\"fa-solid fa-arrow-left mt-1\"><\/i>\r\n  <\/button>\r\n       \r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"value-section\">\r\n    <div class=\"container\">\r\n      <div class=\"value-header\">\r\n        <div class=\"section-tag\">\u0642\u0627\u0631\u0646 \u0628\u0646\u0641\u0633\u0643<\/div>\r\n        <h2 class=\"section-title\">\u0645\u062c\u0627\u0646\u064a \u0645\u0642\u0627\u0628\u0644 \u0628\u0637\u0644 \u0628\u0644\u0633+<\/h2>\r\n        <p class=\"section-sub\" style=\"margin:0 auto;\">\u0627\u064a\u0634 \u0627\u0644\u0644\u064a \u062a\u062d\u0635\u0644 \u0639\u0644\u064a\u0647 \u0625\u0630\u0627 \u0627\u0646\u0636\u0645\u0645\u062a\u061f \u0642\u0627\u0631\u0646 \u0628\u0646\u0641\u0633\u0643<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"table-fade-container\">\r\n        <div class=\"table-fade-right\" id=\"tableFade\"><\/div>\r\n        \r\n        <div class=\"table-responsive-wrapper\" id=\"tableScroll\">\r\n          <div class=\"compare-table\">\r\n            <div class=\"compare-head\">\r\n              <div class=\"compare-head-cell\">\u0627\u0644\u0645\u064a\u0632\u0629<\/div>\r\n              <div class=\"compare-head-cell premium\"><i class=\"fa-solid fa-star mb-1\"><\/i> \u0628\u0637\u0644 \u0628\u0644\u0633+<br><small style=\"font-size:11px;font-weight:600;color:var(--text);\">1,500 \u0631\u064a\u0627\u0644\/\u0633\u0646\u0629<\/small><\/div>\r\n              <div class=\"compare-head-cell\" style=\"color:var(--text-muted); display:flex; align-items:center; justify-content:center;\">\u0645\u062c\u0627\u0646\u064a<\/div>\r\n            <\/div>\r\n            <div class=\"compare-row\">\r\n              <div class=\"compare-cell feature\">\u062c\u0644\u0633\u0627\u062a \u0645\u0643\u062b\u0641\u0629 \u0645\u0639 \u062e\u0628\u0631\u0627\u0621 (\u0634\u0647\u0631\u064a\u0627\u064b)<\/div>\r\n              <div class=\"compare-cell premium-col center\"><i class=\"fa-solid fa-check check\"><\/i><\/div>\r\n              <div class=\"compare-cell center\"><i class=\"fa-solid fa-xmark cross\"><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"compare-row\">\r\n              <div class=\"compare-cell feature\">\u062f\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0628\u0627\u062e\u062a\u064a\u0627\u0631\u0643<\/div>\r\n              <div class=\"compare-cell premium-col center\"><i class=\"fa-solid fa-check check\"><\/i><\/div>\r\n              <div class=\"compare-cell center\"><i class=\"fa-solid fa-xmark cross\"><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"compare-row\">\r\n              <div class=\"compare-cell feature\">\u0623\u0648\u0644\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0646<\/div>\r\n              <div class=\"compare-cell premium-col center\"><i class=\"fa-solid fa-check check\"><\/i><\/div>\r\n              <div class=\"compare-cell center\"><i class=\"fa-solid fa-xmark cross\"><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"compare-row\">\r\n              <div class=\"compare-cell feature\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0628\u0631\u064a\u0645\u064a\u0648\u0645 \u062e\u0627\u0635\u0629<\/div>\r\n              <div class=\"compare-cell premium-col center\"><i class=\"fa-solid fa-check check\"><\/i><\/div>\r\n              <div class=\"compare-cell center\"><i class=\"fa-solid fa-xmark cross\"><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"compare-row\">\r\n              <div class=\"compare-cell feature\">\u0645\u0631\u0627\u062c\u0639\u0629 CV \u0648\u0625\u0639\u062f\u0627\u062f \u0645\u0642\u0627\u0628\u0644\u0627\u062a<\/div>\r\n              <div class=\"compare-cell premium-col center\"><i class=\"fa-solid fa-check check\"><\/i><\/div>\r\n              <div class=\"compare-cell center\"><i class=\"fa-solid fa-xmark cross\"><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"compare-row\">\r\n              <div class=\"compare-cell feature\">\u0627\u0644\u062d\u0636\u0648\u0631 \u0641\u064a \u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/div>\r\n              <div class=\"compare-cell premium-col center\"><i class=\"fa-solid fa-check check\"><\/i><\/div>\r\n              <div class=\"compare-cell center\"><i class=\"fa-solid fa-check\" style=\"color:var(--text-dim); font-size:18px;\"><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"compare-row\">\r\n              <div class=\"compare-cell feature\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0645<\/div>\r\n              <div class=\"compare-cell premium-col center\"><i class=\"fa-solid fa-check check\"><\/i><\/div>\r\n              <div class=\"compare-cell center\"><i class=\"fa-solid fa-check\" style=\"color:var(--text-dim); font-size:18px;\"><\/i><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"swipe-hint\" id=\"swipeHint\">\r\n        <i class=\"fa-solid fa-arrow-left-long me-2\"><\/i> \u0627\u0633\u062d\u0628 \u0644\u0644\u064a\u0633\u0627\u0631 \u0644\u0631\u0624\u064a\u0629 \u0628\u0627\u0642\u064a \u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ 1. \u0643\u0648\u062f \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0646\u0627\u0632\u0644\u064a\r\n  function updateCountdown() {\r\n    const target = new Date();\r\n    target.setDate(target.getDate() + 7);\r\n    target.setHours(14, 32, 9, 0);\r\n\r\n    const key = 'ph_founders_deadline';\r\n    let deadline = localStorage.getItem(key);\r\n    if (!deadline) {\r\n      deadline = target.getTime().toString();\r\n      try { localStorage.setItem(key, deadline); } catch(e) {}\r\n    }\r\n\r\n    function tick() {\r\n      const now = new Date().getTime();\r\n      const diff = parseInt(deadline) - now;\r\n      if (diff <= 0) {\r\n        ['cd-days','cd-hours','cd-mins','cd-secs'].forEach(id => {\r\n          const el = document.getElementById(id);\r\n          if (el) el.textContent = '00';\r\n        });\r\n        return;\r\n      }\r\n      const days = Math.floor(diff \/ (1000*60*60*24));\r\n      const hours = Math.floor((diff % (1000*60*60*24)) \/ (1000*60*60));\r\n      const mins = Math.floor((diff % (1000*60*60)) \/ (1000*60));\r\n      const secs = Math.floor((diff % (1000*60)) \/ 1000);\r\n      const pad = n => String(n).padStart(2,'0');\r\n      \r\n      const d = document.getElementById('cd-days');\r\n      const h = document.getElementById('cd-hours');\r\n      const m = document.getElementById('cd-mins');\r\n      const s = document.getElementById('cd-secs');\r\n      \r\n      if(d) d.textContent = pad(days);\r\n      if(h) h.textContent = pad(hours);\r\n      if(m) m.textContent = pad(mins);\r\n      if(s) s.textContent = pad(secs);\r\n    }\r\n    tick();\r\n    setInterval(tick, 1000);\r\n  }\r\n  document.addEventListener(\"DOMContentLoaded\", updateCountdown);\r\n\r\n  \/\/ 2. \u0643\u0648\u062f \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0638\u0644 \u0648\u0627\u0644\u062a\u0644\u0645\u064a\u062d \u0639\u0646\u062f \u0627\u0644\u0633\u062d\u0628 \u0641\u064a \u0627\u0644\u062c\u062f\u0648\u0644 (\u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644)\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const scrollContainer = document.getElementById('tableScroll');\r\n    const fadeShadow = document.getElementById('tableFade');\r\n    const swipeHint = document.getElementById('swipeHint');\r\n\r\n    if(scrollContainer && fadeShadow) {\r\n      scrollContainer.addEventListener('scroll', function() {\r\n        if (Math.abs(scrollContainer.scrollLeft) > 10) {\r\n          fadeShadow.style.opacity = '0';\r\n          if(swipeHint) swipeHint.style.opacity = '0';\r\n        } else {\r\n          fadeShadow.style.opacity = '1';\r\n          if(swipeHint) swipeHint.style.opacity = '0.8';\r\n        }\r\n      });\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c748746 e-con-full e-flex e-con e-parent\" data-id=\"c748746\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da2ad73 elementor-widget elementor-widget-html\" data-id=\"da2ad73\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2500\u2500\u2500 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0644\u0644\u062d\u0645\u0627\u064a\u0629 \u2500\u2500\u2500 *\/\r\n  :root {\r\n    --purple: #8B5CF6; \r\n    --dark: #0A0C0F;\r\n    --text: #F1F5F9;\r\n    --text-muted: #94A3B8;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0627\u0644\u0625\u062c\u0628\u0627\u0631\u064a \u2500\u2500\u2500 *\/\r\n  .pm-protected-wrapper {\r\n    background-color: var(--dark) !important;\r\n    color: var(--text) !important;\r\n    font-family: 'Cairo', 'Tajawal', sans-serif !important;\r\n    direction: rtl;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 DIGITAL CARD SECTION \u2500\u2500\u2500 *\/\r\n  .digital-card-section {\r\n    padding: 100px 0;\r\n    background: var(--dark) !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0644\u0644\u0628\u0637\u0627\u0642\u0629 *\/\r\n  .card-glow-bg {\r\n    position: absolute;\r\n    top: 55%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 60vw; height: 60vw;\r\n    max-width: 800px; max-height: 800px;\r\n    background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 60%);\r\n    filter: blur(40px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .card-showcase-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .card-section-tag {\r\n    display: inline-block;\r\n    color: #00dc82 !important; \/* \u0644\u0648\u0646 \u0623\u062e\u0636\u0631 \u0646\u064a\u0648\u0646 *\/\r\n    font-size: 14px; font-weight: 800;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 16px;\r\n    background: rgba(0, 220, 130, 0.1);\r\n    padding: 6px 16px;\r\n    border-radius: 100px;\r\n    border: 1px solid rgba(0, 220, 130, 0.3);\r\n  }\r\n\r\n  .card-title {\r\n    font-size: clamp(28px, 5vw, 46px);\r\n    font-weight: 900;\r\n    color: var(--text) !important;\r\n    margin-bottom: 16px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .card-subtitle {\r\n    color: var(--text-muted) !important;\r\n    font-size: clamp(15px, 2vw, 18px);\r\n    margin-bottom: 56px;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* \u0625\u0637\u0627\u0631 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0637\u0641\u0648 *\/\r\n  .card-image-wrapper {\r\n    position: relative;\r\n    display: inline-block;\r\n    border-radius: 24px;\r\n    padding: 12px;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.01) 100%);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    backdrop-filter: blur(10px);\r\n    animation: floatCard 6s ease-in-out infinite;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .card-image-wrapper img {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 700px; \/* \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u062d\u062c\u0645\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 *\/\r\n    height: auto;\r\n    border-radius: 16px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.6);\r\n  }\r\n\r\n  @keyframes floatCard {\r\n    0% { \r\n      transform: translateY(0px); \r\n      box-shadow: 0 30px 60px rgba(0,0,0,0.5), 0 0 40px rgba(139, 92, 246, 0.2); \r\n    }\r\n    50% { \r\n      transform: translateY(-20px); \r\n      box-shadow: 0 45px 80px rgba(0,0,0,0.7), 0 0 70px rgba(139, 92, 246, 0.4); \r\n    }\r\n    100% { \r\n      transform: translateY(0px); \r\n      box-shadow: 0 30px 60px rgba(0,0,0,0.5), 0 0 40px rgba(139, 92, 246, 0.2); \r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 MEDIA QUERIES FOR MOBILE \u2500\u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n    .digital-card-section { padding: 60px 0; }\r\n    .card-subtitle { margin-bottom: 40px; }\r\n    .card-image-wrapper { padding: 8px; border-radius: 16px; }\r\n    .card-image-wrapper img { border-radius: 10px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pm-protected-wrapper\" dir=\"rtl\">\r\n  <section class=\"digital-card-section\">\r\n    <div class=\"card-glow-bg\"><\/div>\r\n\r\n    <div class=\"card-showcase-container\">\r\n      \r\n      <div class=\"card-section-tag\">\r\n        <i class=\"fa-solid fa-id-card me-2\"><\/i> \u0628\u0637\u0627\u0642\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\r\n      <\/div>\r\n      \r\n      <h2 class=\"card-title\">\r\n        \u0647\u0648\u064a\u062a\u0643 \u0643\u0640 <span style=\"color: #8B5CF6;\">\u0628\u0637\u0644+<\/span> \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\r\n      <\/h2>\r\n      \r\n      <p class=\"card-subtitle\">\r\n        \u0628\u0645\u062c\u0631\u062f \u0627\u0646\u0636\u0645\u0627\u0645\u0643\u060c \u0628\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0628\u0637\u0627\u0642\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0627\u0644\u0644\u064a \u0628\u062a\u062b\u0628\u062a \u0639\u0636\u0648\u064a\u062a\u0643 \u0641\u064a \u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0646\u062e\u0628\u0629\u060c \u0648\u0628\u062a\u0645\u064a\u0632\u0643 \u0641\u064a \u0643\u0644 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\r\n      <\/p>\r\n      \r\n      <div class=\"card-image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg\" alt=\"\u0628\u0637\u0627\u0642\u0629 \u0639\u0636\u0648\u064a\u0629 \u0628\u0637\u0644 \u0628\u0644\u0633 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb51b6e e-con-full e-flex e-con e-parent\" data-id=\"fb51b6e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b42a42e elementor-widget elementor-widget-html\" data-id=\"b42a42e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u2500\u2500\u2500 \u0642\u0633\u0645 \u0627\u0644\u0627\u0631\u062a\u0642\u0627\u0621 \u0627\u0644\u0645\u0647\u0646\u064a \u2500\u2500\u2500 *\/\r\n    .upgrade-section {\r\n        padding: 100px 0;\r\n        background: var(--dark) !important;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .upgrade-container {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.2fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n    .upgrade-image-box {\r\n        position: relative;\r\n        border-radius: 40px;\r\n        overflow: hidden;\r\n        box-shadow: 0 30px 60px -15px rgba(0,0,0,0.7);\r\n        border: 1px solid rgba(255,255,255,0.05);\r\n    }\r\n    .upgrade-image-box img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        transition: transform 0.5s ease;\r\n    }\r\n    .upgrade-image-box:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n    .upgrade-text-content {\r\n        text-align: right;\r\n    }\r\n    .upgrade-headline {\r\n        font-size: clamp(32px, 5vw, 56px);\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        color: #ffffff !important;\r\n        margin-bottom: 32px;\r\n    }\r\n    .upgrade-headline span {\r\n        color:#8B5CF6 !important; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0645\u0645\u064a\u0632 *\/\r\n        text-shadow: 0 0 20px rgba(0, 220, 130, 0.3);\r\n    }\r\n\r\n    \/* \u0632\u0631\u0627\u0631 \u0627\u0644\u0623\u0643\u0634\u0646 *\/\r\n    .btn-upgrade {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background: linear-gradient(135deg, var(--purple) 0%, var(--accent) 100%) !important;\r\n        color: white !important;\r\n        padding: 20px 48px;\r\n        border-radius: 100px;\r\n        font-size: 20px;\r\n        font-weight: 800;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 15px 30px -10px var(--purple-glow);\r\n    }\r\n    .btn-upgrade:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 40px -10px var(--purple-glow);\r\n        filter: brightness(1.1);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 MEDIA QUERIES FOR MOBILE \u2500\u2500\u2500 *\/\r\n    @media (max-width: 768px) {\r\n        .upgrade-section { padding: 60px 0; }\r\n        .upgrade-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n            text-align: center;\r\n        }\r\n        .upgrade-text-content {\r\n            text-align: center;\r\n        }\r\n        .upgrade-headline {\r\n            font-size: 32px;\r\n            margin-bottom: 24px;\r\n        }\r\n        .btn-upgrade {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n        .upgrade-image-box {\r\n            border-radius: 30px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pm-protected-wrapper\" dir=\"rtl\">\r\n    <section class=\"upgrade-section\">\r\n        \r\n        <div style=\"position: absolute; top: 20%; right: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n\r\n        <div class=\"upgrade-container\">\r\n            \r\n            <div class=\"upgrade-image-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-27-at-9.52.17-PM.jpeg\" alt=\"\u0627\u0631\u062a\u0642\u0650 \u0628\u0645\u0633\u062a\u0648\u0627\u0643 \u0627\u0644\u0645\u0647\u0646\u064a\">\r\n            <\/div>\r\n\r\n            <div class=\"upgrade-text-content\">\r\n                <h2 class=\"upgrade-headline\">\r\n                    \u0627\u0631\u062a\u0642\u0650 \u0628\u0645\u0633\u062a\u0648\u0627\u0643 \u0627\u0644\u0645\u0647\u0646\u064a <br>\r\n                    <span>\u0648\u0627\u0646\u0636\u0645 \u0627\u0644\u0622\u0646.<\/span>\r\n                <\/h2>\r\n                \r\n       \r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-527bd80 e-con-full e-flex e-con e-parent\" data-id=\"527bd80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bb6e51 elementor-widget elementor-widget-html\" data-id=\"0bb6e51\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2500\u2500\u2500 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0644\u0644\u062d\u0645\u0627\u064a\u0629 \u2500\u2500\u2500 *\/\r\n  :root {\r\n    --purple: #8B5CF6; \r\n    --purple-dim: rgba(139,92,246,0.15);\r\n    \r\n    --dark: #0A0C0F;\r\n    --dark-2: #111418;\r\n    --dark-3: #181D24;\r\n    --dark-4: #1E252F;\r\n    \r\n    --border: rgba(255,255,255,0.07);\r\n    --text: #F1F5F9;\r\n    --text-muted: #94A3B8;\r\n    --text-dim: #64748B;\r\n    \r\n    --accent: #C084FC; \r\n    --accent-dim: rgba(192,132,252,0.15);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0627\u0644\u0625\u062c\u0628\u0627\u0631\u064a \u2500\u2500\u2500 *\/\r\n  .pm-protected-wrapper {\r\n    background-color: var(--dark) !important;\r\n    color: var(--text) !important;\r\n    font-family: 'Cairo', 'Tajawal', sans-serif !important;\r\n    direction: rtl;\r\n  }\r\n  .pm-protected-wrapper .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\r\n  .pm-protected-wrapper .section-tag {\r\n    display: inline-block;\r\n    color: var(--purple) !important; font-size: 13px; font-weight: 700;\r\n    letter-spacing: 1px; text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n  }\r\n  .pm-protected-wrapper .section-title {\r\n    font-size: clamp(26px, 4vw, 42px);\r\n    font-weight: 900; line-height: 1.2;\r\n    margin-bottom: 16px;\r\n    color: var(--text) !important;\r\n  }\r\n  .pm-protected-wrapper .section-sub { \r\n    color: var(--text-muted) !important; font-size: 17px; line-height: 1.8; max-width: 560px; \r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\r\n  .testimonials { padding: 96px 0; background: var(--dark) !important; }\r\n  .testimonials-header { text-align: center; margin-bottom: 56px; }\r\n  .testimonials-grid {\r\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\r\n  }\r\n  .testi-card {\r\n    background: var(--dark-3) !important;\r\n    border: 1px solid var(--border) !important;\r\n    border-radius: 20px;\r\n    padding: 28px;\r\n    transition: all 0.3s;\r\n  }\r\n  .testi-card:hover { border-color: rgba(192, 132, 252, 0.3) !important; transform: translateY(-3px); }\r\n  .testi-stars { color: var(--accent) !important; font-size: 12px; margin-bottom: 14px; letter-spacing: 2px; }\r\n  .testi-text { color: var(--text-muted) !important; font-size: 14px; line-height: 1.8; margin-bottom: 20px; }\r\n  .testi-author { display: flex; align-items: center; gap: 12px; }\r\n  .testi-avatar {\r\n    width: 44px; height: 44px; border-radius: 50%;\r\n    background: var(--accent-dim) !important;\r\n    border: 2px solid var(--accent) !important;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 18px; font-weight: 800; color: var(--accent) !important;\r\n    flex-shrink: 0;\r\n  }\r\n  .testi-name { font-size: 14px; font-weight: 700; color: var(--text) !important; }\r\n  .testi-role { font-size: 12px; color: var(--text-dim) !important; }\r\n\r\n  \/* \u2500\u2500\u2500 FOR WHOM \u2500\u2500\u2500 *\/\r\n  .forwhom { padding: 96px 0; background: var(--dark-2) !important; }\r\n  .forwhom-grid {\r\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\r\n    margin-top: 48px;\r\n  }\r\n  .persona-card {\r\n    background: var(--dark-3) !important;\r\n    border: 1px solid var(--border) !important;\r\n    border-radius: 16px;\r\n    padding: 28px;\r\n    transition: border-color 0.25s;\r\n  }\r\n  .persona-card:hover { border-color: rgba(192, 132, 252, 0.4) !important; }\r\n  .persona-icon { font-size: 32px; margin-bottom: 16px; display: block; color: var(--accent) !important; }\r\n  .persona-title { font-size: 16px; font-weight: 800; margin-bottom: 8px; color: var(--text) !important; }\r\n  .persona-desc { font-size: 13px; color: var(--text-muted) !important; line-height: 1.7; }\r\n\r\n  \/* \u2500\u2500\u2500 ONBOARDING STEPS \u2500\u2500\u2500 *\/\r\n  .onboarding-section { padding: 96px 0; background: var(--dark) !important; }\r\n  .onboarding-grid {\r\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 800px; margin: 0 auto;\r\n  }\r\n  .step-circle {\r\n    width: 56px; height: 56px; border-radius: 50%;\r\n    background: var(--accent-dim) !important;\r\n    border: 2px solid var(--accent) !important;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 22px; font-weight: 900; color: var(--accent) !important;\r\n    margin: 0 auto 16px;\r\n    position: relative; z-index: 2;\r\n  }\r\n  .step-line {\r\n    position: absolute; top: 56px; right: -50%; width: 100%; height: 2px;\r\n    background: linear-gradient(to left, transparent, var(--accent), transparent) !important;\r\n    opacity: 0.3; z-index: 1;\r\n  }\r\n  .step-title { font-weight: 800; font-size: 16px; margin-bottom: 8px; color: var(--text) !important; }\r\n  .step-desc { font-size: 13px; color: var(--text-muted) !important; line-height: 1.7; }\r\n\r\n  @media (max-width: 768px) {\r\n    .testimonials-grid { grid-template-columns: 1fr; }\r\n    .forwhom-grid { grid-template-columns: 1fr 1fr; }\r\n    .onboarding-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    .step-line { display: none !important; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .forwhom-grid { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pm-protected-wrapper\" dir=\"rtl\">\r\n\r\n  <section class=\"testimonials\">\r\n    <div class=\"container\">\r\n      <div class=\"testimonials-header\">\r\n        <div class=\"section-tag\">\u0642\u0635\u0635 \u0646\u062c\u0627\u062d<\/div>\r\n        <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u0642\u0627\u0644 \u0627\u0644\u0623\u0639\u0636\u0627\u0621\u061f<\/h2>\r\n      <\/div>\r\n      <div class=\"testimonials-grid\">\r\n        <div class=\"testi-card\">\r\n          <div class=\"testi-stars\">\r\n            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n          <\/div>\r\n          <p class=\"testi-text\">\"\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0645\u0648 \u0628\u0633 \u0646\u0638\u0631\u064a\u060c \u0647\u0648 \u0639\u0635\u0627\u0631\u0629 \u062e\u0628\u0631\u0629 \u0645\u0646 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a. \u0633\u0627\u0639\u062f\u0646\u064a \u0623\u0631\u062a\u0628 \u0623\u0641\u0643\u0627\u0631\u064a \u0648\u0623\u062f\u064a\u0631 \u0627\u0644\u0640 Stakeholders \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0641\u0639\u0644\u0627\u064b \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u062d\u0642\u064a\u0642\u064a \u0641\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a.\"<\/p>\r\n          <div class=\"testi-author\">\r\n            <div class=\"testi-avatar\">\u0645<\/div>\r\n            <div>\r\n              <div class=\"testi-name\">\u0645\u0634\u0627\u0631\u064a \u0627\u0644\u062d\u0645\u064a\u062f\u0627\u0646\u064a<\/div>\r\n              <div class=\"testi-role\">\u0628\u0637\u0644 \u0645\u0646\u062a\u062c \u00b7 \u0623\u0645\u0627\u0646\u0629 \u0627\u0644\u0631\u064a\u0627\u0636<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"testi-card\">\r\n          <div class=\"testi-stars\">\r\n            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n          <\/div>\r\n          <p class=\"testi-text\">\"\u0643\u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0639\u0644\u0649 \u0633\u0644\u0629\u060c \u0647\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0643\u0627\u0646 \u0627\u0644\u062d\u0644\u0642\u0629 \u0627\u0644\u0645\u0641\u0642\u0648\u062f\u0629. \u0641\u0647\u0645\u062a \u0643\u064a\u0641 \u0623\u062d\u0648\u0644 \u0627\u0644\u0645\u062a\u062c\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0648\u0627\u062c\u0647\u0629 \u0644\u0645\u0646\u062a\u062c \u064a\u0642\u062f\u0645 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629. \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a \u0641\u0631\u0642 \u0645\u0639\u064a \u0643\u062b\u064a\u0631.\"<\/p>\r\n          <div class=\"testi-author\">\r\n            <div class=\"testi-avatar\">\u0625<\/div>\r\n            <div>\r\n              <div class=\"testi-name\">\u0625\u062f\u0631\u064a\u0633 \u063a\u0648\u0646\u064a<\/div>\r\n              <div class=\"testi-role\">\u0628\u0637\u0644 \u0645\u0646\u062a\u062c<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"testi-card\">\r\n          <div class=\"testi-stars\">\r\n            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n          <\/div>\r\n          <p class=\"testi-text\">\"\u062d\u0636\u0631\u062a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0644\u0642\u0627\u0621\u0627\u062a\u060c \u0644\u0643\u0646 \u0647\u0630\u0627 \u0627\u0644\u0644\u0642\u0627\u0621 \u0643\u0627\u0646 \u0645\u062e\u062a\u0644\u0641\u0627\u064b \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u062a\u0647 \u0627\u0644\u0639\u0627\u0644\u064a\u0629. \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u0637\u0631\u062d \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0643\u0627\u0646 \u0648\u0627\u0636\u062d\u0627\u064b \u0648\u0645\u0645\u064a\u0632\u0627\u064b \u2014 \u062a\u062c\u0631\u0628\u0629 \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0625\u0634\u0627\u062f\u0629.\"<\/p>\r\n          <div class=\"testi-author\">\r\n            <div class=\"testi-avatar\">\u062d<\/div>\r\n            <div>\r\n              <div class=\"testi-name\">\u062d\u0633\u0646 \u0627\u0644\u0639\u0633\u064a\u0631\u064a<\/div>\r\n              <div class=\"testi-role\">\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645 \u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u00b7 \u0623\u0645\u0627\u0646\u0629 \u0627\u0644\u0631\u064a\u0627\u0636<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"forwhom\">\r\n    <div class=\"container\">\r\n      <div style=\"text-align:center; margin-bottom:48px;\">\r\n        <div class=\"section-tag\">\u0644\u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0639\u0636\u0648\u064a\u0629\u061f<\/div>\r\n        <h2 class=\"section-title\">\u0645\u0635\u0645\u0645\u0629 \u0644\u0645\u0646 \u064a\u0631\u064a\u062f \u0627\u0644\u062a\u062d\u0648\u0651\u0644 \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/h2>\r\n        <p class=\"section-sub\" style=\"margin:0 auto;\">\u0625\u0630\u0627 \u0648\u062c\u062f\u062a \u0646\u0641\u0633\u0643 \u0641\u064a \u0623\u064a\u064d\u0651 \u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0623\u0648\u0635\u0627\u0641\u060c \u0647\u0630\u0647 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0644\u0643<\/p>\r\n      <\/div>\r\n      <div class=\"forwhom-grid\">\r\n        <div class=\"persona-card\">\r\n          <span class=\"persona-icon\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/span>\r\n          <div class=\"persona-title\">\u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0627\u0644\u062a\u0642\u0646\u064a<\/div>\r\n          <p class=\"persona-desc\">\u0645\u0637\u0648\u0631 \u0623\u0648 \u0645\u0647\u0646\u062f\u0633 \u062a\u0631\u064a\u062f \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0625\u0644\u0649 \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/p>\r\n        <\/div>\r\n        <div class=\"persona-card\">\r\n          <span class=\"persona-icon\"><i class=\"fa-solid fa-chart-pie\"><\/i><\/span>\r\n          <div class=\"persona-title\">\u0645\u062d\u0644\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/div>\r\n          <p class=\"persona-desc\">\u062a\u062d\u0644\u0644 \u0648\u062a\u0642\u062a\u0631\u062d \u062d\u0644\u0648\u0644\u0627\u064b \u0648\u062a\u0631\u064a\u062f \u0623\u0646 \u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0646\u062a\u0627\u0626\u062c\u0647 \u0641\u0639\u0644\u064a\u0627\u064b<\/p>\r\n        <\/div>\r\n        <div class=\"persona-card\">\r\n          <span class=\"persona-icon\"><i class=\"fa-solid fa-pen-nib\"><\/i><\/span>\r\n          <div class=\"persona-title\">\u0645\u0635\u0645\u0645 UX<\/div>\r\n          <p class=\"persona-desc\">\u062a\u0631\u064a\u062f \u062a\u0648\u0633\u064a\u0639 \u062f\u0648\u0631\u0643 \u0645\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0642\u064a\u0627\u062f\u062a\u0647<\/p>\r\n        <\/div>\r\n        <div class=\"persona-card\">\r\n          <span class=\"persona-icon\"><i class=\"fa-solid fa-rocket\"><\/i><\/span>\r\n          <div class=\"persona-title\">\u0631\u0627\u0626\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/div>\r\n          <p class=\"persona-desc\">\u0639\u0646\u062f\u0643 \u0645\u0646\u062a\u062c \u0623\u0648 \u0641\u0643\u0631\u0629 \u0648\u062a\u0631\u064a\u062f \u0625\u062f\u0627\u0631\u062a\u0647\u0627 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0645\u0646\u0647\u062c\u064a\u0629<\/p>\r\n        <\/div>\r\n        <div class=\"persona-card\">\r\n          <span class=\"persona-icon\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/span>\r\n          <div class=\"persona-title\">\u0645\u062e\u062a\u0635 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/div>\r\n          <p class=\"persona-desc\">\u0642\u0631\u064a\u0628 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u0631\u064a\u062f \u0627\u0644\u062f\u062e\u0648\u0644 \u0641\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0627\u0644\u0646\u0645\u0648<\/p>\r\n        <\/div>\r\n        <div class=\"persona-card\">\r\n          <span class=\"persona-icon\"><i class=\"fa-solid fa-seedling\"><\/i><\/span>\r\n          <div class=\"persona-title\">\u0627\u0644\u0637\u0627\u0645\u062d \u0644\u0644\u0645\u062c\u0627\u0644<\/div>\r\n          <p class=\"persona-desc\">\u062a\u0631\u064a\u062f \u062a\u063a\u064a\u064a\u0631 \u0645\u0633\u0627\u0631\u0643 \u0648\u0627\u0644\u062f\u062e\u0648\u0644 \u0641\u064a PM \u2014 \u0647\u0630\u0647 \u0639\u0636\u0648\u064a\u062a\u0643 \u0644\u0644\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"onboarding-section\">\r\n    <div class=\"container\">\r\n      <div style=\"text-align:center; margin-bottom:56px;\">\r\n        <div class=\"section-tag\">\u062e\u0637\u0648\u0627\u062a \u0628\u0633\u064a\u0637\u0629<\/div>\r\n        <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u062d\u062f\u062b \u0628\u0639\u062f \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643\u061f<\/h2>\r\n      <\/div>\r\n      <div class=\"onboarding-grid\">\r\n        <div style=\"text-align:center; padding:32px 24px;\">\r\n          <div class=\"step-circle\"><i class=\"fa-solid fa-1\"><\/i><\/div>\r\n          <div class=\"step-title\">\u062a\u062f\u0641\u0639 \u0648\u062a\u0646\u0636\u0645 \u0641\u0648\u0631\u0627\u064b<\/div>\r\n          <div class=\"step-desc\">\u062a\u0646\u0636\u0645 \u0641\u0648\u0631\u0627\u064b \u0644\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0648\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0631\u0633\u0627\u0644\u0629 \u062a\u0631\u062d\u064a\u0628 \u0628\u062a\u0641\u0627\u0635\u064a\u0644 \u0643\u0644 \u0634\u064a\u0621<\/div>\r\n        <\/div>\r\n        <div style=\"text-align:center; padding:32px 24px; position:relative;\">\r\n          <div class=\"step-line\"><\/div>\r\n          <div class=\"step-circle\"><i class=\"fa-solid fa-2\"><\/i><\/div>\r\n          <div class=\"step-title\">\u0627\u062e\u062a\u0627\u0631 \u062f\u0648\u0631\u062a\u0643<\/div>\r\n          <div class=\"step-desc\">\u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0644\u064a \u062a\u0646\u0627\u0633\u0628 \u0645\u0633\u062a\u0648\u0627\u0643 \u0648\u062a\u0628\u062f\u0623 \u0641\u0648\u0631\u0627\u064b<\/div>\r\n        <\/div>\r\n        <div style=\"text-align:center; padding:32px 24px;\">\r\n          <div class=\"step-circle\"><i class=\"fa-solid fa-3\"><\/i><\/div>\r\n          <div class=\"step-title\">\u0627\u062d\u062c\u0632 \u0623\u0648\u0644 \u062c\u0644\u0633\u0629<\/div>\r\n          <div class=\"step-desc\">\u062a\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u062c\u0644\u0633\u0629 \u0645\u0643\u062b\u0641\u0629 \u0645\u0639 \u0623\u062d\u062f \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0648\u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62d6220 e-con-full e-flex e-con e-parent\" data-id=\"62d6220\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9fc0a6 elementor-widget elementor-widget-html\" data-id=\"f9fc0a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2500\u2500\u2500 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0644\u0644\u062d\u0645\u0627\u064a\u0629 \u2500\u2500\u2500 *\/\r\n  :root {\r\n    --purple: #8B5CF6; \r\n    --purple-light: #A78BFA; \r\n    --purple-dim: rgba(139,92,246,0.15);\r\n    --purple-glow: rgba(139,92,246,0.35);\r\n    \r\n    --dark: #0A0C0F;\r\n    --dark-2: #111418;\r\n    --dark-3: #181D24;\r\n    --dark-4: #1E252F;\r\n    --dark-5: #252D38;\r\n    \r\n    --border: rgba(255,255,255,0.07);\r\n    --text: #F1F5F9;\r\n    --text-muted: #94A3B8;\r\n    --text-dim: #64748B;\r\n    \r\n    --accent: #C084FC; \r\n    --accent-dim: rgba(192,132,252,0.15);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0627\u0644\u0625\u062c\u0628\u0627\u0631\u064a \u2500\u2500\u2500 *\/\r\n  .pm-protected-wrapper {\r\n    background-color: var(--dark) !important;\r\n    color: var(--text) !important;\r\n    font-family: 'Cairo', 'Tajawal', sans-serif !important;\r\n    direction: rtl;\r\n  }\r\n  .pm-protected-wrapper .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\r\n  .pm-protected-wrapper .section-tag {\r\n    display: inline-block;\r\n    color: var(--purple) !important; font-size: 13px; font-weight: 700;\r\n    letter-spacing: 1px; text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n  }\r\n  .pm-protected-wrapper .section-title {\r\n    font-size: clamp(26px, 4vw, 42px);\r\n    font-weight: 900; line-height: 1.2;\r\n    margin-bottom: 16px;\r\n    color: var(--text) !important;\r\n  }\r\n  .pm-protected-wrapper .section-sub { \r\n    color: var(--text-muted) !important; font-size: 17px; line-height: 1.8; max-width: 560px; margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 COURSES SECTION \u2500\u2500\u2500 *\/\r\n  .courses-section { padding: 96px 0; background: var(--dark-2) !important; border-top: 1px solid var(--border) !important; }\r\n  .courses-header { text-align: center; margin-bottom: 56px; }\r\n\r\n  \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0628\u0627\u0631 \u0627\u0644\u0645\u0632\u0639\u062c \u0645\u0639 \u0628\u0642\u0627\u0621 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0633\u062d\u0628 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  .courses-slider::-webkit-scrollbar { display: none; }\r\n  .courses-slider { -ms-overflow-style: none; scrollbar-width: none; }\r\n\r\n  .courses-slider {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .course-card {\r\n    background: var(--dark-3) !important;\r\n    border: 1px solid var(--border) !important;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .course-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(192, 132, 252, 0.4) !important;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n  }\r\n\r\n  .course-cover {\r\n    height: 180px;\r\n    background: linear-gradient(135deg, var(--dark-4) 0%, rgba(139,92,246,0.1) 100%) !important;\r\n    display: flex; align-items: center; justify-content: center;\r\n    position: relative;\r\n    border-bottom: 1px solid var(--border) !important;\r\n  }\r\n  .course-cover::after {\r\n    content: ''; position: absolute; inset: 0;\r\n    background-image: radial-gradient(circle at top right, rgba(192,132,252,0.15), transparent 60%);\r\n  }\r\n  .course-cover i { font-size: 64px; color: var(--accent) !important; opacity: 0.9; position: relative; z-index: 2; transition: transform 0.3s; }\r\n  .course-card:hover .course-cover i { transform: scale(1.1) rotate(5deg); }\r\n\r\n  .course-tag {\r\n    position: absolute; top: 16px; right: 16px; z-index: 3;\r\n    background: rgba(10,12,15,0.7) !important;\r\n    backdrop-filter: blur(8px);\r\n    border: 1px solid var(--border) !important;\r\n    color: var(--text) !important;\r\n    padding: 6px 14px; border-radius: 100px;\r\n    font-size: 11px; font-weight: 700;\r\n  }\r\n\r\n  .course-content { padding: 28px; flex-grow: 1; display: flex; flex-direction: column; }\r\n  .course-title { font-size: 20px; font-weight: 800; color: var(--text) !important; margin-bottom: 12px; line-height: 1.4; }\r\n  .course-desc { font-size: 14px; color: var(--text-muted) !important; line-height: 1.7; margin-bottom: 24px; flex-grow: 1; }\r\n  \r\n  .course-footer {\r\n    padding-top: 16px;\r\n    border-top: 1px dashed rgba(255,255,255,0.1) !important;\r\n    display: flex; justify-content: space-between; align-items: center;\r\n  }\r\n  .course-status { font-size: 13px; font-weight: 700; color: var(--accent) !important; display: flex; align-items: center; gap: 6px; }\r\n  .course-icon-btn { \r\n    width: 32px; height: 32px; border-radius: 50%; \r\n    background: var(--accent-dim) !important; color: var(--accent) !important;\r\n    display: flex; align-items: center; justify-content: center; font-size: 12px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 MEDIA QUERIES FOR MOBILE (Slider) \u2500\u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n    .courses-section { padding: 60px 0; }\r\n    .courses-header { margin-bottom: 32px; }\r\n    \r\n    \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062c\u0631\u064a\u062f \u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    .courses-slider {\r\n      display: flex;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      gap: 16px;\r\n      padding-bottom: 24px;\r\n      margin: 0 -24px;\r\n      padding-left: 24px; padding-right: 24px;\r\n    }\r\n    \r\n    .course-card {\r\n      min-width: 75vw; \/* \u062a\u0635\u063a\u064a\u0631 \u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0631\u062a \u0639\u0634\u0627\u0646 \u064a\u0628\u0627\u0646 \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0644\u064a \u0628\u0639\u062f\u0647 *\/\r\n      max-width: 300px; \/* \u062d\u062f \u0623\u0642\u0635\u0649 \u0639\u0634\u0627\u0646 \u0645\u064a\u0641\u0631\u062f\u0634 \u0623\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 *\/\r\n      scroll-snap-align: center;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* \"\u062f\u0627\u064a\u062a\" \u0644\u0644\u0643\u0627\u0631\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0639\u0634\u0627\u0646 \u0645\u064a\u0628\u0642\u0627\u0634 \u062a\u062e\u064a\u0646 *\/\r\n    .course-cover { height: 140px !important; }\r\n    .course-cover i { font-size: 48px !important; }\r\n    .course-content { padding: 20px !important; }\r\n    .course-title { font-size: 17px !important; margin-bottom: 8px !important; }\r\n    .course-desc { font-size: 13px !important; margin-bottom: 16px !important; }\r\n\r\n    \/* \u062a\u0644\u0645\u064a\u062d \u0627\u0644\u0633\u062d\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    .swipe-hint-courses {\r\n      text-align: center; color: var(--text-dim) !important; font-size: 12px; font-weight: 600; margin-top: 8px;\r\n    }\r\n    .swipe-hint-courses i { animation: swipeAnim 1.5s infinite; }\r\n    @keyframes swipeAnim {\r\n      0%, 100% { transform: translateX(0); }\r\n      50% { transform: translateX(-5px); }\r\n    }\r\n  }\r\n  @media (min-width: 769px) {\r\n    .swipe-hint-courses { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pm-protected-wrapper\" dir=\"rtl\">\r\n\r\n  <section class=\"courses-section\">\r\n    <div class=\"container\">\r\n      \r\n      <div class=\"courses-header\">\r\n        <div class=\"section-tag\">\u0646\u0638\u0631\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644<\/div>\r\n        <h2 class=\"section-title\">\u0623\u0645\u062b\u0644\u0629 \u0639\u0644\u0649 \u062f\u0648\u0631\u0627\u062a\u0646\u0627 \u0627\u0644\u062d\u0635\u0631\u064a\u0629<\/h2>\r\n        <p class=\"section-sub\">\u0645\u062d\u062a\u0648\u0649 \u0639\u0645\u0644\u064a \u0648\u0645\u0643\u062b\u0641 \u0645\u0635\u0645\u0645 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u064a\u0636\u0639\u0643 \u0641\u064a \u0645\u0642\u062f\u0645\u0629 \u0633\u0648\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"courses-slider\">\r\n        \r\n        <div class=\"course-card\">\r\n          <div class=\"course-cover\">\r\n            <span class=\"course-tag\">\u0645\u0633\u0627\u0631 \u0645\u062a\u0643\u0627\u0645\u0644<\/span>\r\n            <i class=\"fa-solid fa-rocket\"><\/i>\r\n          <\/div>\r\n          <div class=\"course-content\">\r\n            <h3 class=\"course-title\">\u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0644\u0644\u0627\u062d\u062a\u0631\u0627\u0641 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h3>\r\n            <p class=\"course-desc\">\u0631\u062d\u0644\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0628\u062f\u0623 \u0645\u0639\u0643 \u0645\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0648\u062d\u062a\u0649 \u0625\u062a\u0642\u0627\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0628\u0646\u0627\u0621 \u0648\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0646\u0627\u062c\u062d\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a.<\/p>\r\n            <div class=\"course-footer\">\r\n       \r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"course-card\">\r\n          <div class=\"course-cover\">\r\n            <span class=\"course-tag\">\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645<\/span>\r\n            <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n          <\/div>\r\n          <div class=\"course-content\">\r\n            <h3 class=\"course-title\">\u062f\u0648\u0631\u0629 \u0627\u0644\u0640 Vibe Coding \u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h3>\r\n            <p class=\"course-desc\">\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0641\u0643\u0631 \u0628\u0631\u0645\u062c\u064a\u0627\u064b \u0648\u062a\u062e\u062a\u0628\u0631 \u0623\u0641\u0643\u0627\u0631\u0643 \u0628\u0633\u0631\u0639\u0629 (Prototyping) \u0628\u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0643\u062a\u0627\u0628\u0629 \u0643\u0648\u062f \u0645\u0639\u0642\u062f\u060c \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u064a\u0631.<\/p>\r\n            <div class=\"course-footer\">\r\n            \r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"course-card\">\r\n          <div class=\"course-cover\">\r\n            <span class=\"course-tag\">\u0645\u0633\u062a\u0648\u0649 \u0645\u062a\u0642\u062f\u0645<\/span>\r\n            <i class=\"fa-solid fa-brain\"><\/i>\r\n          <\/div>\r\n          <div class=\"course-content\">\r\n            <h3 class=\"course-title\">AI for Product Managers<\/h3>\r\n            <p class=\"course-desc\">\u0648\u0638\u0651\u0641 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0633\u0631\u064a\u0639 \u0639\u0645\u0644\u0643\u060c \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u062f\u0642\u0629\u060c \u0648\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a (PRD) \u0641\u064a \u062f\u0642\u0627\u0626\u0642 \u0645\u0639\u062f\u0648\u062f\u0629.<\/p>\r\n    <div class=\"course-footer\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb00bd3 e-con-full e-flex e-con e-parent\" data-id=\"bb00bd3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e6db0e elementor-widget elementor-widget-html\" data-id=\"0e6db0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2500\u2500\u2500 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0644\u0644\u062d\u0645\u0627\u064a\u0629 \u2500\u2500\u2500 *\/\r\n  :root {\r\n    --purple: #8B5CF6; \r\n    --purple-light: #A78BFA; \r\n    --purple-dim: rgba(139,92,246,0.15);\r\n    --purple-glow: rgba(139,92,246,0.35);\r\n    \r\n    --dark: #0A0C0F;\r\n    --dark-2: #111418;\r\n    --dark-3: #181D24;\r\n    --dark-4: #1E252F;\r\n    --dark-5: #252D38;\r\n    \r\n    --border: rgba(255,255,255,0.07);\r\n    --text: #F1F5F9;\r\n    --text-muted: #94A3B8;\r\n    --text-dim: #64748B;\r\n    \r\n    --accent: #C084FC; \r\n    --accent-dim: rgba(192,132,252,0.15);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0627\u0644\u0625\u062c\u0628\u0627\u0631\u064a \u2500\u2500\u2500 *\/\r\n  .pm-protected-wrapper {\r\n    background-color: var(--dark) !important;\r\n    color: var(--text) !important;\r\n    font-family: 'Cairo', 'Tajawal', sans-serif !important;\r\n    direction: rtl;\r\n  }\r\n  .pm-protected-wrapper .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\r\n  .pm-protected-wrapper .section-tag {\r\n    display: inline-block;\r\n    color: var(--purple) !important; font-size: 13px; font-weight: 700;\r\n    letter-spacing: 1px; text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n  }\r\n  .pm-protected-wrapper .section-title {\r\n    font-size: clamp(24px, 4vw, 42px);\r\n    font-weight: 900; line-height: 1.3;\r\n    margin-bottom: 16px;\r\n    color: var(--text) !important;\r\n  }\r\n  .pm-protected-wrapper .section-sub { \r\n    color: var(--text-muted) !important; font-size: clamp(15px, 2vw, 17px); line-height: 1.8; max-width: 560px; \r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 BENEFITS SECTION \u2500\u2500\u2500 *\/\r\n  .benefits-section { padding: 80px 0; background: var(--dark-2) !important; }\r\n  .benefits-header { text-align: center; margin-bottom: 48px; }\r\n  \r\n  .benefits-grid {\r\n    display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;\r\n  }\r\n  .benefit-card {\r\n    background: var(--dark-3) !important;\r\n    border: 1px solid var(--border) !important;\r\n    border-radius: 20px;\r\n    padding: 36px;\r\n    transition: all 0.3s;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .benefit-card::before {\r\n    content: '';\r\n    position: absolute; top: 0; right: 0;\r\n    width: 80px; height: 80px;\r\n    border-radius: 0 0 0 100%;\r\n    background: var(--purple-dim) !important;\r\n    transition: all 0.3s;\r\n  }\r\n  .benefit-card:hover { border-color: rgba(192, 132, 252, 0.4) !important; transform: translateY(-4px); }\r\n  .benefit-card:hover::before { width: 120px; height: 120px; }\r\n  .benefit-card.featured {\r\n    border-color: rgba(192, 132, 252, 0.5) !important;\r\n    background: linear-gradient(135deg, rgba(192, 132, 252, 0.08) 0%, var(--dark-3) 60%) !important;\r\n  }\r\n  .benefit-icon { font-size: 32px; margin-bottom: 16px; display: block; color: var(--accent) !important; }\r\n  .benefit-tag {\r\n    display: inline-flex; align-items: center; gap: 6px;\r\n    background: var(--accent-dim) !important;\r\n    color: var(--accent) !important;\r\n    border: 1px solid rgba(192, 132, 252, 0.2) !important;\r\n    padding: 4px 12px; border-radius: 100px;\r\n    font-size: 11px; font-weight: 800;\r\n    margin-bottom: 16px;\r\n  }\r\n  .benefit-title { font-size: 20px; font-weight: 800; margin-bottom: 10px; color: var(--text) !important; }\r\n  .benefit-desc { color: var(--text-muted) !important; font-size: 14px; line-height: 1.8; }\r\n  .benefit-value {\r\n    display: inline-flex; align-items: center; gap: 6px;\r\n    margin-top: 16px;\r\n    background: var(--dark-4) !important;\r\n    border: 1px solid var(--border) !important;\r\n    padding: 6px 12px; border-radius: 8px;\r\n    font-size: 13px; color: var(--text-muted) !important;\r\n  }\r\n  .benefit-value strong { color: var(--accent) !important; }\r\n\r\n  \/* \u2500\u2500\u2500 VALUE MATH \u2500\u2500\u2500 *\/\r\n  .value-math-wrapper {\r\n    position: relative;\r\n    margin-top: 56px;\r\n  }\r\n  \/* \u0625\u0636\u0627\u0621\u0629 \u062e\u0644\u0641\u064a\u0629 \u0644\u0644\u0628\u0648\u0643\u0633 *\/\r\n  .value-math-wrapper::before {\r\n    content: '';\r\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n    width: 80%; height: 80%;\r\n    background: radial-gradient(ellipse, rgba(139, 92, 246, 0.15) 0%, transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n  \r\n  .value-math {\r\n    background: var(--dark-3) !important;\r\n    border: 1px solid var(--accent) !important; \/* \u0644\u0648\u0646 \u062d\u062f\u0648\u062f \u0645\u0645\u064a\u0632 *\/\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n    position: relative; z-index: 1;\r\n  }\r\n  .value-math-title { font-size: 22px; font-weight: 900; margin-bottom: 32px; text-align: center; color: var(--text) !important; }\r\n  .math-row {\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    padding: 16px 0;\r\n    border-bottom: 1px solid var(--border) !important;\r\n    font-size: 15px; color: var(--text) !important;\r\n  }\r\n  .math-row:last-of-type { border-bottom: none !important; }\r\n  .math-row.total {\r\n    padding-top: 24px; margin-top: 8px;\r\n    border-top: 2px solid rgba(192, 132, 252, 0.3) !important;\r\n    font-size: 18px; font-weight: 800;\r\n  }\r\n  .math-price { color: var(--text-muted) !important; }\r\n  .math-price.orange { color: var(--accent) !important; font-weight: 800; }\r\n  .math-price.you-pay { color: var(--text) !important; }\r\n  \r\n  .final-price-row {\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    border-top: 2px dashed var(--accent) !important; \r\n    padding-top: 20px; \r\n    margin-top: 8px;\r\n  }\r\n  .final-price-label { font-size: 20px; font-weight: 900; color: var(--text) !important; }\r\n  .final-price-value { font-size: 32px; font-weight: 900; color: var(--accent) !important; }\r\n\r\n  \/* \u2500\u2500\u2500 MEDIA QUERIES FOR MOBILE \u2500\u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n    .benefits-section { padding: 60px 0; }\r\n    .benefits-header { margin-bottom: 32px; }\r\n    \r\n    .benefits-grid { grid-template-columns: 1fr; gap: 20px; }\r\n    .benefit-card { padding: 28px 24px; } \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c *\/\r\n    .benefit-icon { font-size: 28px; margin-bottom: 12px; }\r\n    \r\n    .value-math-wrapper { margin-top: 40px; }\r\n    .value-math { padding: 32px 20px; border-radius: 16px; }\r\n    .value-math-title { font-size: 18px; margin-bottom: 24px; }\r\n    \r\n    \/* \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u062d\u062a \u0628\u0639\u0636 \u0639\u0634\u0627\u0646 \u0627\u0644\u062a\u064a\u0643\u0633\u062a \u0627\u0644\u0637\u0648\u064a\u0644 *\/\r\n    .math-row { \r\n      flex-direction: column; \r\n      align-items: flex-start; \r\n      gap: 6px; \r\n      padding: 14px 0;\r\n      font-size: 14px;\r\n    }\r\n    .math-price.orange { font-size: 16px; }\r\n    \r\n    .math-row.total {\r\n      flex-direction: row; \/* \u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u064a\u0641\u0636\u0644 \u062c\u0646\u0628 \u0628\u0639\u0636 *\/\r\n      align-items: center;\r\n      font-size: 16px;\r\n    }\r\n    \r\n    .final-price-row {\r\n      flex-direction: column; \/* \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u062a\u062d\u062a \u0628\u0639\u0636 \u064a\u062e\u0637\u0641 \u0627\u0644\u0639\u064a\u0646 *\/\r\n      align-items: center;\r\n      text-align: center;\r\n      gap: 8px;\r\n    }\r\n    .final-price-label { font-size: 18px; }\r\n    .final-price-value { font-size: 40px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pm-protected-wrapper\" dir=\"rtl\">\r\n\r\n  <section class=\"benefits-section\" id=\"benefits\">\r\n    <div class=\"container\">\r\n      <div class=\"benefits-header\">\r\n        <div class=\"section-tag\">\u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0643\u0627\u0645\u0644\u0629<\/div>\r\n        <h2 class=\"section-title\">\u0643\u0644 \u0634\u064a\u0621 \u0641\u064a \u0639\u0636\u0648\u064a\u0629 \u0628\u0637\u0644 \u0628\u0644\u0633+<\/h2>\r\n        <p class=\"section-sub\" style=\"margin:0 auto;\">\u0643\u0644 \u0639\u0646\u0635\u0631 \u0635\u064f\u0645\u0651\u0645 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u064a\u0635\u0646\u0639 \u0623\u062b\u0631\u0627\u064b \u062d\u0642\u064a\u0642\u064a\u0627\u064b \u0641\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"benefits-grid\">\r\n        <div class=\"benefit-card featured\">\r\n          <span class=\"benefit-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/span>\r\n          <div class=\"benefit-tag\"><i class=\"fa-solid fa-fire text-[10px]\"><\/i> \u0627\u0644\u0623\u0639\u0644\u0649 \u062a\u0623\u062b\u064a\u0631\u0627\u064b<\/div>\r\n          <div class=\"benefit-title\">\u0623\u0648\u0644\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/div>\r\n          <p class=\"benefit-desc\">\u0646\u0648\u0635\u0651\u0644 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0628\u0627\u0644\u0641\u0631\u0635 \u0642\u0628\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0639\u0646\u0647\u0627. \u062a\u0631\u0634\u064a\u062d\u0627\u062a \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u0634\u0628\u0643\u0629 \u0644\u0623\u062f\u0648\u0627\u0631 \u0641\u064a \u0623\u0643\u0628\u0631 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a.<\/p>\r\n          <div class=\"benefit-value\">\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u064a\u0632\u0629: <strong>\u0644\u0627 \u062a\u064f\u0642\u062f\u0651\u0631 \u0628\u062b\u0645\u0646<\/strong><\/div>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <span class=\"benefit-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/span>\r\n          <div class=\"benefit-tag\">\u062a\u0639\u0644\u0651\u0645<\/div>\r\n          <div class=\"benefit-title\">\u062c\u0644\u0633\u062a\u0627\u0646 \u0645\u0643\u062b\u0641\u062a\u0627\u0646 \u0634\u0647\u0631\u064a\u0627\u064b<\/div>\r\n          <p class=\"benefit-desc\">\u062c\u0644\u0633\u0627\u062a \u0639\u0645\u064a\u0642\u0629 \u0645\u0639 \u062e\u0628\u0631\u0627\u0621 \u0645\u0646 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u2014 \u062a\u062c\u0627\u0631\u0628 \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u062a\u062d\u062f\u064a\u0627\u062a \u0641\u0639\u0644\u064a\u0629 \u0648\u062d\u0644\u0648\u0644 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0628\u064a\u0642.<\/p>\r\n          <div class=\"benefit-value\">\u0642\u064a\u0645\u0629 \u062c\u0644\u0633\u0629 \u0648\u0627\u062d\u062f\u0629: <strong>~300 \u0631\u064a\u0627\u0644<\/strong><\/div>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <span class=\"benefit-icon\"><i class=\"fa-solid fa-book-open\"><\/i><\/span>\r\n          <div class=\"benefit-tag\">\u062a\u0637\u0648\u064a\u0631<\/div>\r\n          <div class=\"benefit-title\">\u062f\u0648\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0628\u0627\u062e\u062a\u064a\u0627\u0631\u0643<\/div>\r\n          <p class=\"benefit-desc\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643 \u2014 \u0623\u0633\u0627\u0633\u064a\u0627\u062a PM\u060c \u0645\u0633\u062a\u0648\u0649 \u0645\u062a\u0642\u062f\u0645\u060c \u0623\u0648 \u062a\u062e\u0635\u0635 \u0645\u062d\u062f\u062f. \u062f\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 \u0636\u0645\u0646 \u0627\u0634\u062a\u0631\u0627\u0643\u0643.<\/p>\r\n          <div class=\"benefit-value\">\u0642\u064a\u0645\u0629 \u0627\u0644\u062f\u0648\u0631\u0629: <strong>800 \u0631\u064a\u0627\u0644<\/strong><\/div>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <span class=\"benefit-icon\"><i class=\"fa-solid fa-users-rays\"><\/i><\/span>\r\n          <div class=\"benefit-tag\">\u0645\u062c\u062a\u0645\u0639<\/div>\r\n          <div class=\"benefit-title\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0628\u0631\u064a\u0645\u064a\u0648\u0645 \u062e\u0627\u0635\u0629<\/div>\r\n          <p class=\"benefit-desc\">\u0646\u0642\u0627\u0634\u0627\u062a \u064a\u0648\u0645\u064a\u0629\u060c \u0641\u0631\u0635 \u062d\u0635\u0631\u064a\u0629\u060c \u062a\u0628\u0627\u062f\u0644 \u062a\u062c\u0627\u0631\u0628 \u0645\u0639 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646. \u0627\u0644\u0645\u0643\u0627\u0646 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0627\u0644\u0630\u064a \u064a\u0635\u0646\u0639 \u0627\u0644\u0646\u0645\u0648.<\/p>\r\n          <div class=\"benefit-value\">\u0634\u0628\u0643\u0629 \u0639\u0644\u0627\u0642\u0627\u062a: <strong>\u0642\u064a\u0645\u0629 \u0645\u0633\u062a\u0645\u0631\u0629<\/strong><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"value-math-wrapper\">\r\n        <div class=\"value-math\">\r\n          <div class=\"value-math-title\"><i class=\"fa-solid fa-calculator me-2\" style=\"color:var(--accent);\"><\/i> \u0627\u062d\u0633\u0628 \u0627\u0644\u0642\u064a\u0645\u0629 \u0628\u0646\u0641\u0633\u0643<\/div>\r\n          <div class=\"math-row\">\r\n            <span>\u062c\u0644\u0633\u062a\u0627\u0646 \u0645\u0643\u062b\u0641\u062a\u0627\u0646 \u00d7 12 \u0634\u0647\u0631 (24 \u062c\u0644\u0633\u0629 \u00d7 300 \u0631\u064a\u0627\u0644)<\/span>\r\n            <span class=\"math-price orange\">7,200 \u0631\u064a\u0627\u0644<\/span>\r\n          <\/div>\r\n          <div class=\"math-row\">\r\n            <span>\u062f\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629<\/span>\r\n            <span class=\"math-price orange\">950 \u0631\u064a\u0627\u0644<\/span>\r\n          <\/div>\r\n          <div class=\"math-row\">\r\n            <span>\u0648\u0635\u0648\u0644 \u0644\u0641\u0631\u0635 \u062a\u0648\u0638\u064a\u0641 \u062d\u0635\u0631\u064a\u0629 + \u062a\u0631\u0634\u064a\u062d \u0645\u0628\u0627\u0634\u0631<\/span>\r\n            <span class=\"math-price orange\">\u0644\u0627 \u062a\u064f\u0642\u062f\u0651\u0631 \u0628\u062b\u0645\u0646<\/span>\r\n          <\/div>\r\n          <div class=\"math-row\">\r\n            <span>\u0645\u062c\u0645\u0648\u0639\u0629 \u0628\u0631\u064a\u0645\u064a\u0648\u0645 + \u0634\u0628\u0643\u0629 \u0639\u0644\u0627\u0642\u0627\u062a<\/span>\r\n            <span class=\"math-price orange\">\u0642\u064a\u0645\u0629 \u0645\u0633\u062a\u0645\u0631\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"math-row total\">\r\n            <span>\u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0642\u064a\u0645\u0629<\/span>\r\n            <span class=\"math-price you-pay\">~8,000+ \u0631\u064a\u0627\u0644<\/span>\r\n          <\/div>\r\n          <div class=\"final-price-row\">\r\n            <span class=\"final-price-label\">\u0623\u0646\u062a \u062a\u062f\u0641\u0639 \u0641\u0642\u0637<\/span>\r\n            <span class=\"final-price-value\">1,500 \u0631\u064a\u0627\u0644\/\u0633\u0646\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a60e54 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"9a60e54\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2e4f7f elementor-widget elementor-widget-html\" data-id=\"d2e4f7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2500\u2500\u2500 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0644\u0644\u062d\u0645\u0627\u064a\u0629 \u2500\u2500\u2500 *\/\r\n  :root {\r\n    --purple: #8B5CF6; \r\n    --purple-light: #A78BFA; \r\n    --purple-dim: rgba(139,92,246,0.15);\r\n    --purple-glow: rgba(139,92,246,0.35);\r\n    \r\n    --dark: #0A0C0F;\r\n    --dark-2: #111418;\r\n    --dark-3: #181D24;\r\n    --dark-4: #1E252F;\r\n    \r\n    --border: rgba(255,255,255,0.07);\r\n    --text: #F1F5F9;\r\n    --text-muted: #94A3B8;\r\n    --text-dim: #64748B;\r\n    \r\n    --accent: #C084FC; \r\n    --accent-dim: rgba(192,132,252,0.15);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0627\u0644\u0625\u062c\u0628\u0627\u0631\u064a \u2500\u2500\u2500 *\/\r\n  .pm-protected-wrapper {\r\n    background-color: var(--dark) !important;\r\n    color: var(--text) !important;\r\n    font-family: 'Cairo', 'Tajawal', sans-serif !important;\r\n    direction: rtl;\r\n  }\r\n  .pm-protected-wrapper .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\r\n  .pm-protected-wrapper .section-tag {\r\n    display: inline-block;\r\n    color: var(--purple) !important; font-size: 13px; font-weight: 700;\r\n    letter-spacing: 1px; text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n  }\r\n  .pm-protected-wrapper .section-title {\r\n    font-size: clamp(26px, 4vw, 42px);\r\n    font-weight: 900; line-height: 1.2;\r\n    margin-bottom: 16px;\r\n    color: var(--text) !important;\r\n  }\r\n  .pm-protected-wrapper .section-sub { \r\n    color: var(--text-muted) !important; font-size: 17px; line-height: 1.8; max-width: 560px; \r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 FORM SECTION \u2500\u2500\u2500 *\/\r\n  .form-section {\r\n    padding: 96px 0;\r\n    background: var(--dark-3) !important;\r\n  }\r\n  .form-wrap {\r\n    max-width: 560px; margin: 0 auto; text-align: center;\r\n  }\r\n  .form-card {\r\n    background: var(--dark-2) !important;\r\n    border: 1px solid var(--border) !important;\r\n    border-radius: 24px;\r\n    padding: 48px;\r\n    margin-top: 40px;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n  }\r\n  .form-note { font-size: 12px; color: var(--text-dim) !important; margin-top: 20px; font-weight: 600; }\r\n\r\n  \/* \u2500\u2500\u2500 \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0625\u062c\u0628\u0627\u0631\u064a\u0629 \u0644\u0640 WPForms \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u2500\u2500\u2500 *\/\r\n  .form-card .wpforms-container { margin: 0 !important; text-align: right !important; }\r\n  .form-card .wpforms-field-label { color: var(--text-muted) !important; font-weight: 700 !important; font-size: 14px !important; margin-bottom: 8px !important; }\r\n  .form-card input[type=text],\r\n  .form-card input[type=email],\r\n  .form-card input[type=tel],\r\n  .form-card select,\r\n  .form-card textarea {\r\n    width: 100% !important;\r\n    background: var(--dark-3) !important;\r\n    border: 1px solid var(--border) !important;\r\n    color: var(--text) !important;\r\n    border-radius: 10px !important;\r\n    padding: 14px 18px !important;\r\n    font-family: inherit !important;\r\n    transition: border-color 0.2s !important;\r\n  }\r\n  .form-card input:focus,\r\n  .form-card select:focus,\r\n  .form-card textarea:focus {\r\n    outline: none !important;\r\n    border-color: var(--purple) !important;\r\n  }\r\n  .form-card button[type=submit] {\r\n    width: 100% !important;\r\n    padding: 16px !important;\r\n    background: var(--purple) !important;\r\n    color: white !important;\r\n    border: none !important;\r\n    border-radius: 12px !important;\r\n    font-size: 16px !important;\r\n    font-weight: 800 !important;\r\n    font-family: inherit !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.25s !important;\r\n    box-shadow: 0 0 24px var(--purple-glow) !important;\r\n    margin-top: 10px !important;\r\n  }\r\n  .form-card button[type=submit]:hover {\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 0 40px var(--purple-glow) !important;\r\n    background: var(--purple-light) !important;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\r\n  .faq-section { padding: 96px 0; background: var(--dark) !important; }\r\n  .faq-header { text-align: center; margin-bottom: 56px; }\r\n  .faq-list { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }\r\n  .faq-item {\r\n    background: var(--dark-3) !important;\r\n    border: 1px solid var(--border) !important;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    transition: border-color 0.25s;\r\n  }\r\n  .faq-item.open { border-color: rgba(192, 132, 252, 0.4) !important; }\r\n  .faq-q {\r\n    padding: 20px 24px;\r\n    font-size: 15px; font-weight: 700; color: var(--text) !important;\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    cursor: pointer;\r\n    gap: 16px;\r\n  }\r\n  .faq-q:hover { color: var(--accent) !important; }\r\n  .faq-arrow {\r\n    width: 28px; height: 28px; border-radius: 50%;\r\n    background: var(--dark-4) !important; border: 1px solid var(--border) !important;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 14px; flex-shrink: 0; color: var(--text) !important;\r\n    transition: transform 0.3s, background 0.3s;\r\n  }\r\n  .faq-item.open .faq-arrow { transform: rotate(45deg); background: var(--accent-dim) !important; color: var(--accent) !important; border-color: var(--accent) !important; }\r\n  .faq-a {\r\n    max-height: 0; overflow: hidden;\r\n    transition: max-height 0.4s ease, padding 0.3s;\r\n    color: var(--text-muted) !important; font-size: 14px; line-height: 1.8;\r\n    padding: 0 24px;\r\n  }\r\n  .faq-item.open .faq-a { max-height: 300px; padding-bottom: 20px; }\r\n\r\n  \/* \u2500\u2500\u2500 FINAL CTA \u2500\u2500\u2500 *\/\r\n  .final-cta {\r\n    padding: 100px 0;\r\n    text-align: center;\r\n    background: linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 100%) !important;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .final-cta::before {\r\n    content: '';\r\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n    width: 600px; height: 400px;\r\n    background: radial-gradient(ellipse, rgba(139, 92, 246, 0.12) 0%, transparent 70%) !important;\r\n    pointer-events: none;\r\n  }\r\n  .final-cta-content { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; }\r\n  .final-cta h2 { font-size: clamp(28px, 4vw, 48px); font-weight: 900; margin-bottom: 16px; color: var(--text) !important; }\r\n  .final-cta p { color: var(--text-muted) !important; font-size: 17px; line-height: 1.8; margin-bottom: 40px; }\r\n  .final-price-line {\r\n    display: flex; align-items: center; justify-content: center; gap: 16px;\r\n    margin-bottom: 32px; flex-wrap: wrap;\r\n  }\r\n  .price-big { font-size: 52px; font-weight: 900; color: var(--accent) !important; text-shadow: 0 0 20px rgba(192, 132, 252, 0.2); }\r\n  .price-big span { font-size: 22px; color: var(--text-muted) !important; }\r\n  .per-year { font-size: 14px; color: var(--text-dim) !important; }\r\n  \r\n  .btn-primary-final {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    background: var(--purple) !important;\r\n    color: white !important;\r\n    padding: 16px 36px; border-radius: 12px;\r\n    font-size: 17px; font-weight: 800;\r\n    text-decoration: none;\r\n    transition: all 0.25s;\r\n    box-shadow: 0 0 32px var(--purple-glow) !important;\r\n    border: none; cursor: pointer;\r\n  }\r\n  .btn-primary-final:hover { transform: translateY(-2px); box-shadow: 0 0 48px var(--purple-glow) !important; background: var(--purple-light) !important; }\r\n  \r\n  .btn-secondary-final {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: transparent !important;\r\n    color: var(--text-muted) !important;\r\n    padding: 16px 28px; border-radius: 12px;\r\n    font-size: 15px; font-weight: 600;\r\n    text-decoration: none;\r\n    border: 1px solid var(--border) !important;\r\n    transition: all 0.25s;\r\n  }\r\n  .btn-secondary-final:hover { border-color: var(--purple) !important; color: var(--purple) !important; }\r\n  .hero-cta-group { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }\r\n\r\n  \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\r\n  footer {\r\n    background: var(--dark-2) !important;\r\n    border-top: 1px solid var(--border) !important;\r\n    padding: 48px 0 32px;\r\n  }\r\n  .footer-inner {\r\n    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px;\r\n  }\r\n  .footer-logo { font-size: 18px; font-weight: 900; color: var(--purple) !important; }\r\n  .footer-logo span { color: var(--text) !important; }\r\n  .footer-links { display: flex; gap: 24px; }\r\n  .footer-links a { color: var(--text-muted) !important; text-decoration: none; font-size: 13px; transition: color 0.2s; }\r\n  .footer-links a:hover { color: var(--accent) !important; }\r\n  .footer-copy { font-size: 12px; color: var(--text-dim) !important; text-align: center; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border) !important; }\r\n\r\n  @media (max-width: 768px) {\r\n    .footer-inner { flex-direction: column; align-items: flex-start; }\r\n    .form-card { padding: 32px 20px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pm-protected-wrapper\" dir=\"rtl\">\r\n\r\n  <section class=\"form-section\" id=\"join\">\r\n    <div class=\"container\">\r\n      <div class=\"form-wrap\">\r\n        <div class=\"section-tag\" style=\"display:block;text-align:center;\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/div>\r\n        <h2 class=\"section-title\" style=\"text-align:center;\">\u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 <\/h2>\r\n        <p class=\"section-sub\" style=\"margin:0 auto 0;text-align:center;\">\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643<\/p>\r\n        \r\n        <div class=\"form-card\">\r\n          \t<style id=\"wpforms-css-vars-29039\">\n\t\t\t\t#wpforms-29039 {\n\t\t\t\t--wpforms-field-border-color: rgba(0, 0, 0, 0.25);\n--wpforms-field-border-color-spare: rgba(0, 0, 0, 0.25);\n--wpforms-field-text-color: rgba(0, 0, 0, 0.7);\n--wpforms-label-color: rgba(0, 0, 0, 0.85);\n--wpforms-label-sublabel-color: rgba(0, 0, 0, 0.55);\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-29039\"><form id=\"wpforms-form-29039\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"29039\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/28916\" data-token=\"b48bbd0058038df92cffeb43f867362f\" data-token-time=\"1779560787\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-29039-field_1-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-29039-field_1\">\u0627\u0644\u0625\u0633\u0645  <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-29039-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-29039-field_1-error\" required><\/div><div id=\"wpforms-29039-field_2-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-29039-field_2\">\u0627\u0644\u0625\u064a\u0645\u064a\u0644  <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-29039-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-29039-field_2-error\" required><\/div><div id=\"wpforms-29039-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-29039-field_3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-29039-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-29039-field_3-error\" required><\/div>\t\t<div id=\"wpforms-29039-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-29039-field_4\" >\u0631\u0642\u0645 \u0627\u0644\u0648\u0638\u064a\u0641\u064a <\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-29039-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-29039-field_6-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-29039-field_6\">\u0627\u0644\u0645\u0646\u0635\u0628 \u0627\u0644\u0648\u0638\u064a\u0641\u064a <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-29039-field_6\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-29039-field_6-error\" required><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-29039-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-29039-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-29039-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"29039\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/28916\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-29039\" class=\"wpforms-submit\" data-alt-text=\"\u0627\u0631\u0633\u0627\u0644 ...\" data-submit-text=\"\u062a\u0633\u062c\u064a\u0644 \u0627\u0647\u062a\u0645\u0627\u0645\u064a \u0641\u064a hero+\" aria-live=\"assertive\" value=\"wpforms-submit\">\u062a\u0633\u062c\u064a\u0644 \u0627\u0647\u062a\u0645\u0627\u0645\u064a \u0641\u064a hero+<\/button><img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n          \r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"faq-section\">\r\n    <div class=\"container\">\r\n      <div class=\"faq-header\">\r\n        <div class=\"section-tag\">\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629<\/div>\r\n        <h2 class=\"section-title\">\u0643\u0644 \u0623\u0633\u0626\u0644\u062a\u0643 \u0646\u062c\u0627\u0648\u0628 \u0639\u0644\u064a\u0647\u0627<\/h2>\r\n      <\/div>\r\n      <div class=\"faq-list\">\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n            \u0645\u0627 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629\u061f\r\n            <span class=\"faq-arrow\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\r\n          <\/div>\r\n          <div class=\"faq-a\">\u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u062a\u062a\u064a\u062d \u0644\u0643 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a. \u0628\u0637\u0644 \u0628\u0644\u0633+ \u062a\u0641\u062a\u062d \u0644\u0643 \u0627\u0644\u062c\u0644\u0633\u0627\u062a \u0627\u0644\u0645\u0643\u062b\u0641\u0629\u060c \u062f\u0648\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\u060c \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0627\u0644\u062d\u0635\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u2014 \u0643\u0644 \u0645\u0627 \u064a\u0628\u0646\u064a \u0645\u0633\u0627\u0631\u0643 \u0641\u0639\u0644\u064a\u0627\u064b.<\/div>\r\n        <\/div>\r\n      \r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n            \u0643\u0645 \u0645\u0631\u0629 \u062a\u064f\u0639\u0642\u062f \u0627\u0644\u062c\u0644\u0633\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629\u061f\r\n            <span class=\"faq-arrow\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\r\n          <\/div>\r\n          <div class=\"faq-a\">\u062c\u0644\u0633\u062a\u0627\u0646 \u0643\u0627\u0645\u0644\u062a\u0627\u0646 \u0634\u0647\u0631\u064a\u0627\u064b \u2014 24 \u062c\u0644\u0633\u0629 \u062e\u0644\u0627\u0644 \u0627\u0644\u0633\u0646\u0629 \u2014 \u0645\u0639 \u062e\u0628\u0631\u0627\u0621 \u0645\u062e\u062a\u0644\u0641\u064a\u0646 \u0645\u0646 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a. \u0643\u0644 \u062c\u0644\u0633\u0629 \u062a\u062a\u0646\u0627\u0648\u0644 \u0645\u0648\u0636\u0648\u0639\u0627\u064b \u0639\u0645\u0644\u064a\u0627\u064b \u0648\u062a\u0634\u0645\u0644 \u0646\u0642\u0627\u0634\u0627\u062a \u0645\u0641\u062a\u0648\u062d\u0629.<\/div>\r\n        <\/div>\r\n      \r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n            \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0627\u0644\u062d\u0635\u0631\u064a\u0629\u061f\r\n            <span class=\"faq-arrow\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\r\n          <\/div>\r\n          <div class=\"faq-a\">\u0644\u062f\u064a\u0646\u0627 \u0634\u0628\u0643\u0629 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062b\u0642 \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0648\u062a\u0634\u0627\u0631\u0643\u0646\u0627 \u0641\u0631\u0635\u0647\u0627 \u0642\u0628\u0644 \u0646\u0634\u0631\u0647\u0627. \u0646\u0631\u0633\u0644 \u0627\u0644\u0641\u0631\u0635 \u0644\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0628\u0631\u064a\u0645\u064a\u0648\u0645 \u0623\u0648\u0644\u0627\u064b \u0645\u0639 \u062a\u0631\u0634\u064a\u062d \u0645\u0628\u0627\u0634\u0631 \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0637\u0627\u0628\u0642 \u0645\u0644\u0641\u0643 \u0645\u0639 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n            \u0647\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0641\u0642\u0637\u061f\r\n            <span class=\"faq-arrow\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\r\n          <\/div>\r\n          <div class=\"faq-a\">\u0646\u0639\u0645\u060c \u0643\u0644 \u0627\u0644\u062c\u0644\u0633\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u2014 \u0647\u0630\u0627 \u0645\u0627 \u064a\u062c\u0639\u0644\u0646\u0627 \u0645\u062e\u062a\u0644\u0641\u064a\u0646. \u0646\u0642\u062f\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0628\u0623\u0633\u0644\u0648\u0628 \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0647.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  \r\n\r\n \r\n<\/div>\r\n\r\n<script>\r\n  function toggleFaq(el) {\r\n    const item = el.parentElement;\r\n    const isOpen = item.classList.contains('open');\r\n    document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n    if (!isOpen) item.classList.add('open');\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0639\u0636\u0648\u064a\u0629 \u0628\u0637\u0644 \u0628\u0644\u0633+ \u0628\u0637\u0644 + \u0647\u0630\u0627 \u0627\u0644\u0645\u0643\u0627\u0646 \u0627\u0644\u0644\u064a \u062a\u062a\u062d\u0648\u0644 \u0641\u064a\u0647 \u0645\u0646 \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0625\u0644\u0649 \u0644\u0627\u0639\u0628 \u0648\u0628\u0637\u0644 \u062d\u0642\u064a\u0642\u064a \u0641\u064a \u0627\u0644\u0633\u0648\u0642. \u0627\u0646\u0636\u0645 \u0644\u0646\u062e\u0628\u0629 \u0645\u0646 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0628\u062f\u0623 \u062a\u0628\u0646\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0628\u062b\u0642\u0629\u060c \u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0648\u064a\u0629\u060c \u0648\u0641\u0631\u0635 \u062d\u0642\u064a\u0642\u064a\u0629. 6,000+ \u0639\u0636\u0648 \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 25+ \u062c\u0644\u0633\u0629 \u0645\u0646\u0639\u0642\u062f\u0629 60+ \u0645\u062a\u062f\u0631\u0628 \u0646\u062c\u062d 50+ \u0648\u0638\u064a\u0641\u0629 \u062a\u062d\u0642\u0651\u0642\u062a \u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 \u2014 1,500 \u0631\u064a\u0627\u0644\/\u0633\u0646\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-28916","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>heroplus - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/productsheroes.sa\/en\/heroplus\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"heroplus - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" \/>\n<meta property=\"og:description\" content=\"\u0639\u0636\u0648\u064a\u0629 \u0628\u0637\u0644 \u0628\u0644\u0633+ \u0628\u0637\u0644 + \u0647\u0630\u0627 \u0627\u0644\u0645\u0643\u0627\u0646 \u0627\u0644\u0644\u064a \u062a\u062a\u062d\u0648\u0644 \u0641\u064a\u0647 \u0645\u0646 \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0625\u0644\u0649 \u0644\u0627\u0639\u0628 \u0648\u0628\u0637\u0644 \u062d\u0642\u064a\u0642\u064a \u0641\u064a \u0627\u0644\u0633\u0648\u0642. \u0627\u0646\u0636\u0645 \u0644\u0646\u062e\u0628\u0629 \u0645\u0646 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0628\u062f\u0623 \u062a\u0628\u0646\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0628\u062b\u0642\u0629\u060c \u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0648\u064a\u0629\u060c \u0648\u0641\u0631\u0635 \u062d\u0642\u064a\u0642\u064a\u0629. 6,000+ \u0639\u0636\u0648 \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 25+ \u062c\u0644\u0633\u0629 \u0645\u0646\u0639\u0642\u062f\u0629 60+ \u0645\u062a\u062f\u0631\u0628 \u0646\u062c\u062d 50+ \u0648\u0638\u064a\u0641\u0629 \u062a\u062d\u0642\u0651\u0642\u062a \u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 \u2014 1,500 \u0631\u064a\u0627\u0644\/\u0633\u0646\u0629 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/productsheroes.sa\/en\/heroplus\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-09T15:47:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"46 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/heroplus\\\/\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/heroplus\\\/\",\"name\":\"heroplus - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/heroplus\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/heroplus\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg\",\"datePublished\":\"2026-04-21T19:47:49+00:00\",\"dateModified\":\"2026-05-09T15:47:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/heroplus\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/productsheroes.sa\\\/heroplus\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/heroplus\\\/#primaryimage\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg\",\"contentUrl\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/heroplus\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/productsheroes.sa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"heroplus\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#website\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/\",\"name\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/productsheroes.sa\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#organization\",\"name\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Products-Heroes-Logo\u0663-e1761217185740.png\",\"contentUrl\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Products-Heroes-Logo\u0663-e1761217185740.png\",\"width\":200,\"height\":80,\"caption\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\"},\"image\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"heroplus - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/productsheroes.sa\/en\/heroplus\/","og_locale":"en_US","og_type":"article","og_title":"heroplus - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","og_description":"\u0639\u0636\u0648\u064a\u0629 \u0628\u0637\u0644 \u0628\u0644\u0633+ \u0628\u0637\u0644 + \u0647\u0630\u0627 \u0627\u0644\u0645\u0643\u0627\u0646 \u0627\u0644\u0644\u064a \u062a\u062a\u062d\u0648\u0644 \u0641\u064a\u0647 \u0645\u0646 \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0625\u0644\u0649 \u0644\u0627\u0639\u0628 \u0648\u0628\u0637\u0644 \u062d\u0642\u064a\u0642\u064a \u0641\u064a \u0627\u0644\u0633\u0648\u0642. \u0627\u0646\u0636\u0645 \u0644\u0646\u062e\u0628\u0629 \u0645\u0646 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0628\u062f\u0623 \u062a\u0628\u0646\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0628\u062b\u0642\u0629\u060c \u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0648\u064a\u0629\u060c \u0648\u0641\u0631\u0635 \u062d\u0642\u064a\u0642\u064a\u0629. 6,000+ \u0639\u0636\u0648 \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 25+ \u062c\u0644\u0633\u0629 \u0645\u0646\u0639\u0642\u062f\u0629 60+ \u0645\u062a\u062f\u0631\u0628 \u0646\u062c\u062d 50+ \u0648\u0638\u064a\u0641\u0629 \u062a\u062d\u0642\u0651\u0642\u062a \u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 \u2014 1,500 \u0631\u064a\u0627\u0644\/\u0633\u0646\u0629 [&hellip;]","og_url":"https:\/\/productsheroes.sa\/en\/heroplus\/","og_site_name":"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","article_modified_time":"2026-05-09T15:47:34+00:00","og_image":[{"url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"46 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/productsheroes.sa\/heroplus\/","url":"https:\/\/productsheroes.sa\/heroplus\/","name":"heroplus - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","isPartOf":{"@id":"https:\/\/productsheroes.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/productsheroes.sa\/heroplus\/#primaryimage"},"image":{"@id":"https:\/\/productsheroes.sa\/heroplus\/#primaryimage"},"thumbnailUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg","datePublished":"2026-04-21T19:47:49+00:00","dateModified":"2026-05-09T15:47:34+00:00","breadcrumb":{"@id":"https:\/\/productsheroes.sa\/heroplus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/productsheroes.sa\/heroplus\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productsheroes.sa\/heroplus\/#primaryimage","url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg","contentUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-28-at-3.11.16-PM.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/productsheroes.sa\/heroplus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/productsheroes.sa\/"},{"@type":"ListItem","position":2,"name":"heroplus"}]},{"@type":"WebSite","@id":"https:\/\/productsheroes.sa\/#website","url":"https:\/\/productsheroes.sa\/","name":"Product hero","description":"","publisher":{"@id":"https:\/\/productsheroes.sa\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/productsheroes.sa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/productsheroes.sa\/#organization","name":"Product hero","url":"https:\/\/productsheroes.sa\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productsheroes.sa\/#\/schema\/logo\/image\/","url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/Products-Heroes-Logo\u0663-e1761217185740.png","contentUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/Products-Heroes-Logo\u0663-e1761217185740.png","width":200,"height":80,"caption":"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a"},"image":{"@id":"https:\/\/productsheroes.sa\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/28916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/comments?post=28916"}],"version-history":[{"count":111,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/28916\/revisions"}],"predecessor-version":[{"id":29243,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/28916\/revisions\/29243"}],"wp:attachment":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/media?parent=28916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}