{"id":15964,"date":"2025-07-02T11:56:59","date_gmt":"2025-07-02T11:56:59","guid":{"rendered":"https:\/\/my.aya-nova.com\/knowledge\/?page_id=15964"},"modified":"2026-10-03T16:08:20","modified_gmt":"2026-10-03T13:08:20","slug":"%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/","title":{"rendered":"\u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15964\" class=\"elementor elementor-15964\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f6fd6b e-con-full e-flex e-con e-parent\" data-id=\"6f6fd6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a987ed elementor-widget elementor-widget-html\" data-id=\"5a987ed\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%b9%d8%a7%d8%b4%d8%b1\/\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"utf-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u2014 \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n  --bg:#07041a;\r\n  --surface:rgba(255,255,255,.035);\r\n  --surface-2:rgba(255,255,255,.06);\r\n  --border:rgba(255,255,255,.09);\r\n  --border-strong:rgba(255,255,255,.18);\r\n  --text:#f4f2ff;\r\n  --muted:rgba(244,242,255,.62);\r\n  --muted-2:rgba(244,242,255,.42);\r\n  --radius:24px;\r\n  --radius-sm:16px;\r\n  --ease:cubic-bezier(.4,0,.2,1);\r\n  --ease-out:cubic-bezier(.16,1,.3,1);\r\n  font-family:\"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\r\n}\r\n\r\n*{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\n\r\nbody{\r\n  min-height:100vh;\r\n  color:var(--text);\r\n  background:var(--bg);\r\n  overflow-x:hidden;\r\n  -webkit-font-smoothing:antialiased;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* ===== Animated aurora background ===== *\/\r\n.aurora{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:-2;\r\n  overflow:hidden;\r\n  pointer-events:none;\r\n}\r\n.aurora span{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  filter:blur(90px);\r\n  opacity:.55;\r\n  will-change:transform;\r\n}\r\n.aurora .b1{\r\n  width:640px;height:640px;\r\n  background:radial-gradient(circle, #7c3aed, transparent 70%);\r\n  top:-190px; right:-140px;\r\n  animation:drift1 24s ease-in-out infinite alternate;\r\n}\r\n.aurora .b2{\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle, #06b6d4, transparent 70%);\r\n  bottom:-180px; left:-160px;\r\n  animation:drift2 28s ease-in-out infinite alternate;\r\n}\r\n.aurora .b3{\r\n  width:520px;height:520px;\r\n  background:radial-gradient(circle, #ec4899, transparent 70%);\r\n  top:38%; left:38%;\r\n  animation:drift3 32s ease-in-out infinite alternate;\r\n  opacity:.28;\r\n}\r\n@keyframes drift1{\r\n  0%{transform:translate(0,0) scale(1)}\r\n  100%{transform:translate(-90px,70px) scale(1.15)}\r\n}\r\n@keyframes drift2{\r\n  0%{transform:translate(0,0) scale(1)}\r\n  100%{transform:translate(100px,-80px) scale(1.1)}\r\n}\r\n@keyframes drift3{\r\n  0%{transform:translate(-50%,-50%) scale(1)}\r\n  100%{transform:translate(-30%,-70%) scale(1.25)}\r\n}\r\n\r\n\/* subtle grid overlay *\/\r\nbody::after{\r\n  content:\"\";\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);\r\n  background-size:60px 60px;\r\n  mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);\r\n  -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);\r\n}\r\n\r\n\/* ===== Container ===== *\/\r\n.wrap{\r\n  max-width:1220px;\r\n  margin:auto;\r\n  padding:60px 20px 90px;\r\n}\r\n\r\n\/* ===== Welcome section ===== *\/\r\n.welcome-section{\r\n  position:relative;\r\n  background:var(--surface);\r\n  border:1px solid var(--border);\r\n  border-radius:28px;\r\n  padding:32px 36px;\r\n  margin-bottom:26px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:22px;\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n  overflow:hidden;\r\n  transition:border-color .35s var(--ease);\r\n}\r\n.welcome-section::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; right:15%; left:15%;\r\n  height:1.5px;\r\n  background:linear-gradient(90deg, transparent, rgba(167,139,250,.75), transparent);\r\n}\r\n.welcome-section:hover{\r\n  border-color:var(--border-strong);\r\n}\r\n\r\n.welcome-icon{\r\n  flex:0 0 auto;\r\n  width:76px;\r\n  height:76px;\r\n  border-radius:22px;\r\n  display:grid;\r\n  place-items:center;\r\n  background:linear-gradient(135deg, rgba(167,139,250,.24), rgba(103,232,249,.1));\r\n  border:1px solid rgba(167,139,250,.3);\r\n  color:#c4b5fd;\r\n  box-shadow:0 0 32px -10px rgba(167,139,250,.7);\r\n  transition:transform .4s var(--ease-out), box-shadow .4s var(--ease);\r\n}\r\n.welcome-section:hover .welcome-icon{\r\n  transform:scale(1.06) rotate(-4deg);\r\n  box-shadow:0 0 40px -8px rgba(167,139,250,.85);\r\n}\r\n.welcome-icon svg{\r\n  width:36px;height:36px;\r\n  stroke:currentColor;fill:none;\r\n  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n.welcome-text h2{\r\n  margin:0 0 8px;\r\n  font-size:clamp(20px,2.8vw,26px);\r\n  font-weight:900;\r\n  letter-spacing:-.3px;\r\n  background:linear-gradient(135deg,#ffffff 0%,#c4b5fd 60%,#67e8f9 100%);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n.welcome-text p{\r\n  margin:0;\r\n  font-size:14.5px;\r\n  color:var(--muted);\r\n  line-height:1.9;\r\n  font-weight:500;\r\n  max-width:720px;\r\n}\r\n\r\n\/* ===== Back button ===== *\/\r\n.back-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  background:var(--surface);\r\n  color:var(--text);\r\n  text-decoration:none;\r\n  padding:11px 20px;\r\n  border-radius:100px;\r\n  font-weight:600;\r\n  font-size:13.5px;\r\n  margin-bottom:30px;\r\n  border:1px solid var(--border);\r\n  backdrop-filter:blur(14px);\r\n  -webkit-backdrop-filter:blur(14px);\r\n  transition:all .3s var(--ease);\r\n}\r\n.back-btn:hover{\r\n  background:var(--surface-2);\r\n  border-color:var(--border-strong);\r\n  transform:translateX(4px);\r\n}\r\n.back-btn svg{\r\n  width:15px;height:15px;\r\n  stroke:currentColor;fill:none;\r\n  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;\r\n  transition:transform .3s var(--ease);\r\n}\r\n.back-btn:hover svg{transform:translateX(-3px)}\r\n\r\n\/* ===== Page header ===== *\/\r\n.page-header{\r\n  margin-bottom:32px;\r\n}\r\n.eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.4px;\r\n  color:#c4b5fd;\r\n  background:rgba(124,58,237,.14);\r\n  border:1px solid rgba(124,58,237,.3);\r\n  padding:6px 14px;\r\n  border-radius:100px;\r\n  margin-bottom:14px;\r\n}\r\n.eyebrow .dot{\r\n  width:6px;height:6px;border-radius:50%;\r\n  background:#a78bfa;\r\n  box-shadow:0 0 10px #a78bfa;\r\n  animation:pulse 2s ease-in-out infinite;\r\n}\r\n@keyframes pulse{\r\n  0%,100%{opacity:1;transform:scale(1)}\r\n  50%{opacity:.5;transform:scale(.8)}\r\n}\r\n.page-title{\r\n  font-size:clamp(26px,4vw,38px);\r\n  font-weight:900;\r\n  letter-spacing:-.4px;\r\n  line-height:1.2;\r\n  background:linear-gradient(135deg,#ffffff 0%,#c4b5fd 55%,#67e8f9 100%);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n  margin-bottom:8px;\r\n}\r\n.page-subtitle{\r\n  font-size:14.5px;\r\n  color:var(--muted);\r\n  font-weight:500;\r\n  max-width:640px;\r\n}\r\n\r\n\/* ===== Grid ===== *\/\r\n.grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:18px;\r\n}\r\n\r\n\/* ===== Card ===== *\/\r\n.card{\r\n  position:relative;\r\n  background:var(--surface);\r\n  border:1px solid var(--border);\r\n  border-radius:var(--radius);\r\n  padding:24px 22px 22px;\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n  overflow:hidden;\r\n  display:flex;\r\n  flex-direction:column;\r\n  min-height:250px;\r\n  transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);\r\n  opacity:0;\r\n  transform:translateY(14px);\r\n  animation:cardIn .55s var(--ease-out) forwards;\r\n  cursor:pointer;\r\n  text-align:right;\r\n}\r\n.card:nth-child(1){animation-delay:.05s}\r\n.card:nth-child(2){animation-delay:.1s}\r\n.card:nth-child(3){animation-delay:.15s}\r\n.card:nth-child(4){animation-delay:.2s}\r\n.card:nth-child(5){animation-delay:.25s}\r\n@keyframes cardIn{\r\n  to{opacity:1;transform:translateY(0)}\r\n}\r\n\r\n.card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; right:0; left:0;\r\n  height:2px;\r\n  background:linear-gradient(90deg, transparent, var(--accent), transparent);\r\n  opacity:.7;\r\n  transition:opacity .35s var(--ease);\r\n}\r\n.card:hover{\r\n  border-color:var(--border-strong);\r\n  background:var(--surface-2);\r\n  transform:translateY(-5px);\r\n  box-shadow:0 24px 44px -22px var(--accent), 0 0 0 1px rgba(255,255,255,.03) inset;\r\n}\r\n.card:hover::before{opacity:1}\r\n.card:focus-visible{\r\n  outline:2px solid var(--accent);\r\n  outline-offset:3px;\r\n}\r\n\r\n\/* badge *\/\r\n.badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  align-self:flex-start;\r\n  padding:4px 11px;\r\n  border-radius:100px;\r\n  background:rgba(0,0,0,.28);\r\n  border:1px solid var(--border);\r\n  font-size:11px;\r\n  font-weight:700;\r\n  color:var(--muted);\r\n  margin-bottom:18px;\r\n}\r\n.badge::before{\r\n  content:\"\";\r\n  width:5px;height:5px;border-radius:50%;\r\n  background:var(--accent);\r\n  box-shadow:0 0 8px var(--accent);\r\n}\r\n\r\n\/* icon *\/\r\n.icon{\r\n  width:52px;\r\n  height:52px;\r\n  border-radius:16px;\r\n  display:grid;\r\n  place-items:center;\r\n  background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));\r\n  border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);\r\n  color:color-mix(in srgb, var(--accent) 82%, white);\r\n  box-shadow:0 0 22px -8px var(--accent);\r\n  margin-bottom:16px;\r\n  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease);\r\n}\r\n.card:hover .icon{\r\n  transform:scale(1.08) rotate(-4deg);\r\n  box-shadow:0 0 30px -6px var(--accent);\r\n}\r\n.icon svg{\r\n  width:24px;height:24px;\r\n  stroke:currentColor;fill:none;\r\n  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n\/* title *\/\r\n.title{\r\n  margin:0 0 6px;\r\n  font-size:18px;\r\n  font-weight:900;\r\n  letter-spacing:-.2px;\r\n}\r\n.subtitle{\r\n  margin:0 0 20px;\r\n  font-size:12.5px;\r\n  color:var(--muted-2);\r\n  font-weight:500;\r\n  line-height:1.7;\r\n  flex:1;\r\n}\r\n\r\n\/* button *\/\r\n.btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  width:100%;\r\n  padding:12px 16px;\r\n  border-radius:100px;\r\n  background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 90%, #7c5cff), color-mix(in srgb, var(--accent) 55%, #7c5cff));\r\n  border:none;\r\n  color:#fff;\r\n  font-family:inherit;\r\n  font-weight:800;\r\n  font-size:13px;\r\n  cursor:pointer;\r\n  transition:transform .3s var(--ease), box-shadow .3s var(--ease);\r\n  box-shadow:0 8px 20px -10px var(--accent);\r\n  margin-top:auto;\r\n  text-decoration:none;\r\n}\r\n.btn:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 14px 26px -10px var(--accent);\r\n}\r\n.btn svg{\r\n  width:13px;height:13px;\r\n  stroke:currentColor;fill:none;\r\n  stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;\r\n  transition:transform .3s var(--ease);\r\n}\r\n.btn:hover svg{transform:translateX(-3px)}\r\n\r\n\/* accent palette *\/\r\n.card:nth-child(1) { --accent: #22d3ee; }\r\n.card:nth-child(2) { --accent: #a78bfa; }\r\n.card:nth-child(3) { --accent: #f59e0b; }\r\n.card:nth-child(4) { --accent: #f43f5e; }\r\n.card:nth-child(5) { --accent: #10b981; }\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media(max-width:1024px){\r\n  .grid{grid-template-columns:repeat(3,1fr)}\r\n  .welcome-section{padding:26px;gap:18px}\r\n  .welcome-icon{width:64px;height:64px;border-radius:20px}\r\n  .welcome-icon svg{width:30px;height:30px}\r\n}\r\n@media(max-width:820px){\r\n  .grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:640px){\r\n  .wrap{padding:30px 14px 70px}\r\n  .grid{grid-template-columns:1fr;gap:14px}\r\n  .welcome-section{\r\n    flex-direction:column;\r\n    text-align:center;\r\n    padding:24px 20px;\r\n    gap:14px;\r\n  }\r\n  .welcome-icon{width:58px;height:58px;border-radius:18px}\r\n  .welcome-icon svg{width:26px;height:26px}\r\n  .page-title{font-size:24px}\r\n  .back-btn{font-size:12.5px;padding:9px 16px}\r\n  .card{min-height:auto;padding:22px 18px 20px}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  *,*::before,*::after{\r\n    animation-duration:.001ms !important;\r\n    transition-duration:.001ms !important;\r\n  }\r\n  .aurora span{animation:none}\r\n  .card{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- Animated background -->\r\n<div class=\"aurora\" aria-hidden=\"true\">\r\n  <span class=\"b1\"><\/span>\r\n  <span class=\"b2\"><\/span>\r\n  <span class=\"b3\"><\/span>\r\n<\/div>\r\n\r\n<div class=\"wrap\">\r\n\r\n  <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062a\u0631\u062d\u064a\u0628\u064a -->\r\n  <div class=\"welcome-section\">\r\n    <div class=\"welcome-icon\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M22 10 12 5 2 10l10 5 10-5Z\"\/>\r\n        <path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\r\n        <path d=\"M22 10v6\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"welcome-text\">\r\n      <h2>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621<\/h2>\r\n      <p>\u0646\u062d\u0646 \u0633\u0639\u062f\u0627\u0621 \u0628\u0627\u0646\u0636\u0645\u0627\u0645\u0643 \u0625\u0644\u064a\u0646\u0627! \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u062a\u0627\u0628\u0639 \u0631\u062d\u0644\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0646\u062c\u0627\u062d.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 -->\r\n  <a href=\"https:\/\/smartedujo.com\/\" class=\"back-btn\" id=\"backButton\">\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n    <span>\u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span>\r\n  <\/a>\r\n\r\n  <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 -->\r\n  <header class=\"page-header\">\r\n    <span class=\"eyebrow\"><span class=\"dot\"><\/span> \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/span>\r\n    <h1 class=\"page-title\">\u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/h1>\r\n    <p class=\"page-subtitle\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u062f\u0631\u0648\u0633 \u0644\u0643\u0644 \u0635\u0641\u060c \u0645\u0639 \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629.<\/p>\r\n  <\/header>\r\n\r\n  <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0635\u0641\u0648\u0641 -->\r\n  <section class=\"grid\">\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 -->\r\n    <article class=\"card\" data-grade=\"8\" tabindex=\"0\" role=\"link\" aria-label=\"\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 \u2014 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f\">\r\n      <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h11a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3Z\"\/><path d=\"M18 4h2v16h-2\"\/><path d=\"M8 9h6\"\/><path d=\"M8 13h6\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646<\/h3>\r\n      <p class=\"subtitle\">\u0628\u062f\u0627\u064a\u0629 \u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629.<\/p>\r\n      <button class=\"btn\" type=\"button\">\r\n        <span>\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/button>\r\n    <\/article>\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639 -->\r\n    <article class=\"card\" data-grade=\"9\" tabindex=\"0\" role=\"link\" aria-label=\"\u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639 \u2014 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f\">\r\n      <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h11a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3Z\"\/><path d=\"M18 4h2v16h-2\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639<\/h3>\r\n      <p class=\"subtitle\">\u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629.<\/p>\r\n      <button class=\"btn\" type=\"button\">\r\n        <span>\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/button>\r\n    <\/article>\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631 -->\r\n    <article class=\"card\" data-grade=\"10\" tabindex=\"0\" role=\"link\" aria-label=\"\u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631 \u2014 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f\">\r\n      <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h11a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3Z\"\/><path d=\"M18 4h2v16h-2\"\/><path d=\"M8 9h6\"\/><path d=\"M8 13h6\"\/><path d=\"M8 17h4\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631<\/h3>\r\n      <p class=\"subtitle\">\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u062a\u062e\u0635\u0635.<\/p>\r\n      <button class=\"btn\" type=\"button\">\r\n        <span>\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/button>\r\n    <\/article>\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\u064a \u0639\u0634\u0631 -->\r\n    <article class=\"card\" data-grade=\"11\" tabindex=\"0\" role=\"link\" aria-label=\"\u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\u064a \u0639\u0634\u0631 \u2014 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f\">\r\n      <span class=\"badge\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629<\/span>\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 20 12 4l9 16\"\/><path d=\"M8 20 12 12l4 8\"\/><path d=\"M12 4v16\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\u064a \u0639\u0634\u0631<\/h3>\r\n      <p class=\"subtitle\">\u0627\u0644\u062a\u062e\u0635\u0635 \u0627\u0644\u0639\u0644\u0645\u064a \u0648\u0627\u0644\u0623\u062f\u0628\u064a \u0648\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062b\u0627\u0646\u0648\u064a.<\/p>\r\n      <button class=\"btn\" type=\"button\">\r\n        <span>\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/button>\r\n    <\/article>\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 -->\r\n    <article class=\"card\" data-grade=\"12\" tabindex=\"0\" role=\"link\" aria-label=\"\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 \u2014 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f\">\r\n      <span class=\"badge\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629<\/span>\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 10 12 5 2 10l10 5 10-5Z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><path d=\"M22 10v6\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631<\/h3>\r\n      <p class=\"subtitle\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u062a\u0648\u062c\u064a\u0647\u064a.<\/p>\r\n      <button class=\"btn\" type=\"button\">\r\n        <span>\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/button>\r\n    <\/article>\r\n\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const links = {\r\n    '8':  'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%85%d9%86\/',\r\n    '9':  'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%aa%d8%a7%d8%b3%d8%b9-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/',\r\n    '10': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b9%d8%a7%d8%b4%d8%b1-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/',\r\n    '11': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ad%d8%a7%d8%af%d9%8a-%d8%b9%d8%b4%d8%b1\/',\r\n    '12': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d8%b9%d8%b4%d8%b1\/'\r\n  };\r\n\r\n  const backBtn = document.getElementById('backButton');\r\n  const backUrl = backBtn.getAttribute('href');\r\n\r\n  function go(grade){\r\n    const url = links[String(grade)];\r\n    if(url) window.location.href = url;\r\n  }\r\n\r\n  \/\/ \u0643\u0644 \u0628\u0637\u0627\u0642\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0646\u0642\u0631 \u0628\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\r\n  document.querySelectorAll('.card').forEach(card => {\r\n    const grade = card.getAttribute('data-grade');\r\n    const btn = card.querySelector('.btn');\r\n\r\n    \/\/ \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 (\u0645\u0639 \u062a\u062c\u0627\u0647\u0644 \u0627\u0644\u0632\u0631 \u0644\u062a\u0641\u0627\u062f\u064a \u0627\u0644\u0641\u062a\u062d \u0627\u0644\u0645\u0632\u062f\u0648\u062c)\r\n    card.addEventListener('click', function(e){\r\n      if(e.target.closest('.btn')) return;\r\n      go(grade);\r\n    });\r\n\r\n    \/\/ \u0632\u0631 \"\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f\"\r\n    btn.addEventListener('click', function(e){\r\n      e.stopPropagation();\r\n      go(grade);\r\n    });\r\n\r\n    \/\/ \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\r\n    card.addEventListener('keydown', function(e){\r\n      if(e.key === 'Enter' || e.key === ' '){\r\n        e.preventDefault();\r\n        go(grade);\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ \u0632\u0631 Escape = \u0639\u0648\u062f\u0629 \u0644\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'Escape' && backUrl){\r\n      window.location.href = backUrl;\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u2014 \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u0646\u062d\u0646 \u0633\u0639\u062f\u0627\u0621 \u0628\u0627\u0646\u0636\u0645\u0627\u0645\u0643 \u0625\u0644\u064a\u0646\u0627! \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u062a\u0627\u0628\u0639 \u0631\u062d\u0644\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0646\u062c\u0627\u062d. \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u062f\u0631\u0648\u0633 \u0644\u0643\u0644 \u0635\u0641\u060c \u0645\u0639 \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629. \u0627\u0644\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 \u0628\u062f\u0627\u064a\u0629 \u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\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":{"_acf_changed":false,"footnotes":""},"class_list":["post-15964","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=15964"}],"version-history":[{"count":103,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964\/revisions"}],"predecessor-version":[{"id":19220,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964\/revisions\/19220"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=15964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}