{"id":2706,"date":"2026-11-14T09:14:42","date_gmt":"2026-11-14T06:14:42","guid":{"rendered":"https:\/\/carerp.io\/ar\/?page_id=2706"},"modified":"2026-11-14T09:18:56","modified_gmt":"2026-11-14T06:18:56","slug":"elementor-2706","status":"publish","type":"page","link":"https:\/\/carerp.io\/ar\/elementor-2706\/","title":{"rendered":"\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2706\" class=\"elementor elementor-2706\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48cf5b2 e-con-full e-flex e-con e-parent\" data-id=\"48cf5b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<h1 data-interaction-id=\"29aa113\" class=\"e-29aa113-2cd26ce e-heading-base\" data-e-type=\"widget\" data-id=\"29aa113\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/h1>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ab07c1 e-con e-atomic-element e-flexbox-base e-7ab07c1-db0c7e4 \" data-id=\"7ab07c1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7ab07c1\" data-e-type=\"e-flexbox\" data-id=\"7ab07c1\">\n    \t\t\t<h2 data-interaction-id=\"dd53fac\" class=\"e-dd53fac-dfb3872 e-heading-base\" data-e-type=\"widget\" data-id=\"dd53fac\">\u062a\u0639\u0644\u0651\u0645 CARERP \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.. \u0648\u0623\u062f\u0631 \u0645\u0631\u0643\u0632\u0643 \u0628\u062b\u0642\u0629<\/h2>\n\t\t\t\t\t<p class=\"e-6e75c79-f4fc542 e-paragraph-base\" data-interaction-id=\"6e75c79\" data-e-type=\"widget\" data-id=\"6e75c79\">\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0645\u0639 CARERP \u0645\u0646 \u0647\u0646\u0627. \u0634\u0627\u0647\u062f \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0625\u0644\u0649 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a\u0647 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\u060c \u0645\u0646 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u0627\u0644\u0641\u0648\u0627\u062a\u064a\u0631 \u0648\u0627\u0644\u0645\u062e\u0632\u0648\u0646. \u062a\u0639\u0644\u0651\u0645 \u0628\u0627\u0644\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628\u0643\u060c \u0648\u0627\u0631\u062c\u0639 \u0625\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u062d\u0627\u062a \u0643\u0644\u0645\u0627 \u0627\u062d\u062a\u062c\u062a\u060c \u0644\u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0648\u062a\u062f\u064a\u0631 \u0646\u0634\u0627\u0637\u0643 \u0628\u0633\u0647\u0648\u0644\u0629 \u0623\u0643\u0628\u0631.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c85cf87 e-con e-atomic-element e-flexbox-base e-c85cf87-d2e3a60 \" data-id=\"c85cf87\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c85cf87\" data-e-type=\"e-flexbox\" data-id=\"c85cf87\">\n    \t\t<div class=\"elementor-element elementor-element-56b7d45 elementor-widget elementor-widget-html\" data-id=\"56b7d45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/title>\r\n  <style>\r\n    :root {\r\n      --page: #f5f7fb;\r\n      --surface: #ffffff;\r\n      --ink: #111827;\r\n      --muted: #64748b;\r\n      --line: #dbe4ef;\r\n      --blue: #2563eb;\r\n      --shadow: 0 16px 35px rgba(15, 23, 42, 0.08);\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      background: var(--page);\r\n      color: var(--ink);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    h1, h2, h3, p {\r\n      margin: 0;\r\n    }\r\n\r\n    .page-shell {\r\n      width: min(1800px, calc(100% - 24px));\r\n      margin: 0 auto;\r\n      padding: 44px 0;\r\n    }\r\n\r\n    .page-header {\r\n      display: grid;\r\n      gap: 24px;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .title-block {\r\n      display: grid;\r\n      gap: 8px;\r\n      text-align: center;\r\n    }\r\n\r\n    h1 {\r\n      font-size: 38px;\r\n      line-height: 1.25;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .title-block p {\r\n      color: var(--muted);\r\n    }\r\n\r\n    \/* Section selector (same style as the pricing page menu). *\/\r\n    .plan-menu {\r\n      --plan-menu-ease: cubic-bezier(.2, .8, .2, 1);\r\n      width: 100%;\r\n      overflow-x: auto;\r\n      padding: 4px 4px 12px;\r\n      scrollbar-width: thin;\r\n    }\r\n\r\n    .plan-menu__list {\r\n      min-width: 1120px;\r\n      margin: 0;\r\n      padding: 12px;\r\n      display: grid;\r\n      grid-template-columns: repeat(var(--plan-count, 7), minmax(150px, 1fr));\r\n      gap: 10px;\r\n      border: 1px solid rgba(255, 255, 255, .8);\r\n      border-radius: 24px;\r\n      background: rgba(255, 255, 255, .72);\r\n      backdrop-filter: blur(18px);\r\n      -webkit-backdrop-filter: blur(18px);\r\n      list-style: none;\r\n    }\r\n\r\n    .plan-menu__item {\r\n      min-width: 0;\r\n      opacity: 0;\r\n      transform: translateY(12px) scale(.97);\r\n      animation: plan-menu-enter 480ms var(--plan-menu-ease) forwards;\r\n      animation-delay: calc(var(--plan-index) * 70ms);\r\n    }\r\n\r\n    .plan-menu__button {\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100%;\r\n      min-height: 68px;\r\n      padding: 10px 14px 10px 42px;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      border: 1px solid rgba(81, 86, 112, .1);\r\n      border-radius: 16px;\r\n      color: #20243a;\r\n      background: rgba(255, 255, 255, .66);\r\n      box-shadow: 0 7px 18px rgba(36, 39, 62, .07), inset 0 1px rgba(255, 255, 255, .9);\r\n      font: inherit;\r\n      text-align: start;\r\n      cursor: pointer;\r\n      transition: color 300ms ease, transform 300ms var(--plan-menu-ease), border-color 300ms ease, box-shadow 300ms ease;\r\n    }\r\n\r\n    .plan-menu__button::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      background: linear-gradient(120deg, var(--plan-color), var(--plan-color-2));\r\n      transform: scaleX(.04);\r\n      transform-origin: left center;\r\n      transition: transform 420ms var(--plan-menu-ease);\r\n    }\r\n\r\n    .plan-menu__button::after {\r\n      content: \"\\2190\";\r\n      position: absolute;\r\n      inset-inline-end: 16px;\r\n      font-size: 1.2rem;\r\n      opacity: .38;\r\n      transition: transform 320ms var(--plan-menu-ease), opacity 320ms ease;\r\n    }\r\n\r\n    .plan-menu__button:hover,\r\n    .plan-menu__button.is-active,\r\n    .plan-menu__button:focus-visible {\r\n      color: #fff;\r\n      border-color: transparent;\r\n      outline: none;\r\n      transform: translateX(-5px);\r\n      box-shadow: 0 14px 28px color-mix(in srgb, var(--plan-color) 32%, transparent);\r\n    }\r\n\r\n    .plan-menu__button:hover::before,\r\n    .plan-menu__button.is-active::before,\r\n    .plan-menu__button:focus-visible::before {\r\n      transform: scaleX(1);\r\n      transform-origin: right center;\r\n    }\r\n\r\n    .plan-menu__button:hover::after,\r\n    .plan-menu__button.is-active::after,\r\n    .plan-menu__button:focus-visible::after {\r\n      opacity: 1;\r\n      transform: translateX(-4px);\r\n    }\r\n\r\n    .plan-menu__button:active { transform: scale(.97); }\r\n\r\n    .plan-menu__icon {\r\n      flex: 0 0 auto;\r\n      width: 38px;\r\n      height: 38px;\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 12px;\r\n      color: var(--plan-color);\r\n      background: color-mix(in srgb, var(--plan-color) 12%, #fff);\r\n      font-size: 20px;\r\n      font-weight: 900;\r\n      transition: color 300ms ease, background 300ms ease, transform 380ms var(--plan-menu-ease);\r\n    }\r\n\r\n    .plan-menu__button:hover .plan-menu__icon,\r\n    .plan-menu__button.is-active .plan-menu__icon,\r\n    .plan-menu__button:focus-visible .plan-menu__icon {\r\n      color: #fff;\r\n      background: rgba(255, 255, 255, .18);\r\n      transform: rotate(7deg) scale(1.08);\r\n    }\r\n\r\n    .plan-menu__label {\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n      font-weight: 750;\r\n    }\r\n\r\n    @keyframes plan-menu-enter {\r\n      to { opacity: 1; transform: translateY(0) scale(1); }\r\n    }\r\n\r\n    \/* Video panels *\/\r\n    .video-panels {\r\n      width: 100%;\r\n      max-width: 860px;\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .video-panel[hidden] {\r\n      display: none;\r\n    }\r\n\r\n    .video-panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      display: grid;\r\n      gap: 18px;\r\n      padding: 20px;\r\n      border-radius: 8px;\r\n      background: var(--surface);\r\n      border: 1px solid var(--line);\r\n      box-shadow: var(--shadow);\r\n    }\r\n\r\n    .video-panel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset-inline-start: 0;\r\n      top: 0;\r\n      width: 6px;\r\n      height: 100%;\r\n      background: var(--plan-color, var(--blue));\r\n    }\r\n\r\n    .video-group {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .video-group-title {\r\n      padding: 9px 12px;\r\n      border-radius: 8px;\r\n      background: linear-gradient(120deg, var(--plan-color, var(--blue)), var(--plan-color-2, var(--blue)));\r\n      color: #fff;\r\n      font-size: 17px;\r\n      font-weight: 850;\r\n      text-align: center;\r\n    }\r\n\r\n    .video-list {\r\n      display: grid;\r\n      gap: 10px;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .video-item {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      padding: 10px 12px;\r\n      border: 1px solid var(--line);\r\n      border-radius: 10px;\r\n      background: #fff;\r\n      color: var(--ink);\r\n      font: inherit;\r\n      text-align: start;\r\n      cursor: pointer;\r\n      transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;\r\n    }\r\n\r\n    .video-item:hover,\r\n    .video-item:focus-visible {\r\n      border-color: var(--plan-color, var(--blue));\r\n      box-shadow: 0 8px 20px color-mix(in srgb, var(--plan-color, var(--blue)) 18%, transparent);\r\n      outline: none;\r\n    }\r\n\r\n    .video-item:active {\r\n      transform: scale(.99);\r\n    }\r\n\r\n    .video-item__play {\r\n      flex: 0 0 auto;\r\n      width: 36px;\r\n      height: 36px;\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 50%;\r\n      color: var(--plan-color, var(--blue));\r\n      background: color-mix(in srgb, var(--plan-color, var(--blue)) 12%, #fff);\r\n    }\r\n\r\n    .video-item__play svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      fill: currentColor;\r\n      transform: scaleX(-1); \/* point the triangle in reading direction for RTL *\/\r\n    }\r\n\r\n    .video-item__title {\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .video-item__watch {\r\n      flex: 0 0 auto;\r\n      padding: 6px 16px;\r\n      border-radius: 8px;\r\n      background: #111827;\r\n      color: #fff;\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      transition: background 200ms ease;\r\n    }\r\n\r\n    .video-item:hover .video-item__watch,\r\n    .video-item:focus-visible .video-item__watch {\r\n      background: var(--plan-color, var(--blue));\r\n    }\r\n\r\n    \/* Video popup *\/\r\n    .video-dialog {\r\n      width: min(960px, calc(100% - 24px));\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 12px;\r\n      background: #000;\r\n      color: #fff;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .video-dialog::backdrop {\r\n      background: rgba(2, 6, 23, .78);\r\n    }\r\n\r\n    .video-dialog__head {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      padding: 10px 14px;\r\n    }\r\n\r\n    .video-dialog__title {\r\n      flex: 1 1 auto;\r\n      font-size: 17px;\r\n      font-weight: 850;\r\n      text-align: center;\r\n    }\r\n\r\n    .video-dialog__close {\r\n      flex: 0 0 auto;\r\n      padding: 6px 14px;\r\n      border: 0;\r\n      border-radius: 8px;\r\n      background: #dc2626;\r\n      color: #fff;\r\n      font: inherit;\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .video-dialog__close:hover,\r\n    .video-dialog__close:focus-visible {\r\n      background: #b91c1c;\r\n      outline: none;\r\n    }\r\n\r\n    .video-dialog__frame {\r\n      display: block;\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      border: 0;\r\n    }\r\n\r\n    \/* Trial call-to-action *\/\r\n    .training-card {\r\n      display: grid;\r\n      gap: 18px;\r\n      justify-items: center;\r\n      margin-top: 32px;\r\n      padding: 32px 20px;\r\n      border-radius: 8px;\r\n      text-align: center;\r\n      background: #111827;\r\n      color: #ffffff;\r\n      box-shadow: var(--shadow);\r\n      cursor: pointer;\r\n    }\r\n\r\n    .training-card h2 {\r\n      font-size: 28px;\r\n      line-height: 1.35;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .training-card p {\r\n      color: #d1d5db;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .cta-link {\r\n      display: inline-flex;\r\n      min-height: 48px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 12px 24px;\r\n      border-radius: 8px;\r\n      background: #ffffff;\r\n      color: #111827;\r\n      font-weight: 850;\r\n      text-decoration: none;\r\n      transition: transform 160ms ease, background 160ms ease;\r\n    }\r\n\r\n    .cta-link:hover,\r\n    .cta-link:focus-visible {\r\n      background: #f3f4f6;\r\n      transform: translateY(-1px);\r\n      outline: none;\r\n    }\r\n\r\n    @media (max-width: 860px) {\r\n      h1 {\r\n        font-size: 32px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .page-shell {\r\n        width: calc(100% - 16px);\r\n        padding: 28px 0;\r\n      }\r\n\r\n      h1 {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .video-panel {\r\n        padding: 14px;\r\n      }\r\n\r\n      .video-item__title {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .video-item__watch {\r\n        padding: 6px 12px;\r\n      }\r\n\r\n      .training-card h2 {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .plan-menu__item {\r\n        animation: none;\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <main class=\"page-shell\">\r\n    <header class=\"page-header\">\r\n      <div class=\"title-block\">\r\n        <h1>\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u062a\u0639\u0644\u064a\u0645\u064a\u0629<\/h1>\r\n        <p>\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0644\u0634\u0631\u062d \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0645\u0631\u0627\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a eCar. \u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0633\u0645 \u062b\u0645 \u0627\u0636\u063a\u0637 \"\u0634\u0627\u0647\u062f\" \u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0634\u0631\u062d.<\/p>\r\n      <\/div>\r\n\r\n      <nav class=\"plan-menu\" aria-label=\"\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\">\r\n        <ul class=\"plan-menu__list\"><\/ul>\r\n      <\/nav>\r\n\r\n      <section class=\"video-panels\" aria-label=\"\u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\"><\/section>\r\n    <\/header>\r\n\r\n    <section class=\"training-card\" onclick=\"window.open('https:\/\/wa.me\/966565100268','_blank')\">\r\n      <h2>\u062a\u0631\u063a\u0628 \u0628\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u0633\u062e\u0647 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0644\u0644\u0628\u0631\u0646\u0627\u0645\u062c<\/h2>\r\n      <p>\u0627\u0637\u0644\u0628 \u0646\u0633\u062e\u062a\u0643 \u0627\u0644\u0622\u0646.<\/p>\r\n      <a class=\"cta-link\" href=\"https:\/\/wa.me\/966565100268\" target=\"_blank\" rel=\"noopener\" onclick=\"event.stopPropagation()\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0627\u0646<\/a>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <dialog class=\"video-dialog\" aria-labelledby=\"video-dialog-title\">\r\n    <div class=\"video-dialog__head\">\r\n      <h2 class=\"video-dialog__title\" id=\"video-dialog-title\"><\/h2>\r\n      <button type=\"button\" class=\"video-dialog__close\">\u0627\u063a\u0644\u0627\u0642<\/button>\r\n    <\/div>\r\n    <iframe class=\"video-dialog__frame\" src=\"\" title=\"YouTube video player\"\r\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n      allowfullscreen><\/iframe>\r\n  <\/dialog>\r\n\r\n  <script>\r\n    \/\/ Each menu button is one tab. A tab has one or more groups, each group has its videos.\r\n    \/\/ title = text shown on the row, popupTitle = heading inside the popup, id = YouTube video id.\r\n    \/\/ To add a video, add { title, popupTitle, id } to the right group.\r\n    const tabs = [\r\n      {\r\n        name: \"\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629\",\r\n        groups: [\r\n          {\r\n            title: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\",\r\n            videos: [\r\n              { title: \"\u0627\u0644\u0627\u0635\u062f\u0627\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\", popupTitle: \"\u0645\u0627 \u0647\u0648 \u0627\u0644\u062c\u062f\u064a\u062f \u0641\u064a eCar\", id: \"Y9ZPudMsVhI\" },\r\n              { title: \"\u0627\u0633\u062a\u0644\u0627\u0645 \u0633\u064a\u0627\u0631\u0629\", popupTitle: \"\u0634\u0631\u062d \u0642\u0633\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0633\u064a\u0627\u0631\u0629\", id: \"s0jTQjas_Qo\" },\r\n              { title: \"\u0627\u0644\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\", popupTitle: \"\u0634\u0631\u062d \u0642\u0633\u0645 \u0627\u0644\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0633\u0631\u064a\u0639\u0629\", id: \"I0GxlvDW8Mo\" },\r\n              { title: \"\u0623\u0645\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\", popupTitle: \"\u0623\u0645\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\", id: \"9S3LvdSKbCI\" },\r\n              { title: \"\u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631\", popupTitle: \"\u0634\u0631\u062d \u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631\", id: \"1joJ4iWvxO8\" }\r\n            ]\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        name: \"\u0642\u0633\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\",\r\n        groups: [\r\n          {\r\n            title: \"\u0642\u0633\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\",\r\n            videos: [\r\n              { title: \"\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\", popupTitle: \"\u0634\u0631\u062d \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\", id: \"gWdXfQq60LI\" },\r\n              { title: \"\u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\", popupTitle: \"\u0634\u0631\u062d \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\", id: \"l9HBvtiyops\" },\r\n              { title: \"\u0627\u0644\u0645\u0647\u0627\u0645\", popupTitle: \"\u0634\u0631\u062d \u0627\u0644\u0645\u0647\u0627\u0645\", id: \"QjgWC0ZqGYA\" },\r\n              { title: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\", popupTitle: \"\u0634\u0631\u062d \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\", id: \"VzMjI_9ISEQ\" }\r\n            ]\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\",\r\n        groups: [\r\n          {\r\n            title: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\",\r\n            videos: [\r\n              { title: \"\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0648\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\", popupTitle: \"\u0634\u0631\u062d \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0648\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\", id: \"UiFIcWeQYK8\" },\r\n              { title: \"\u0627\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u062e\u0632\u0648\u0646 - \u0627\u0644\u0623\u0635\u0646\u0627\u0641\", popupTitle: \"\u0634\u0631\u062d \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u062e\u0632\u0648\u0646 - \u0627\u0635\u0646\u0627\u0641 \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\", id: \"JDtI5zFW8Ug\" },\r\n              { title: \"\u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\", popupTitle: \"\u0634\u0631\u062d \u0627\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a - \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\", id: \"lB2FS_fX0wM\" },\r\n              { title: \"\u0627\u0644\u0633\u0646\u062f\u0627\u062a (\u0627\u0644\u0642\u0628\u0636-\u0627\u0644\u0635\u0631\u0641)\", popupTitle: \"\u0634\u0631\u062d \u0633\u0646\u062f\u0627\u062a \u0627\u0644\u0635\u0631\u0641 - \u0633\u0646\u062f\u0627\u062a \u0627\u0644\u0642\u0628\u0636\", id: \"6bs53JHJUec\" }\r\n            ]\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\",\r\n        groups: [\r\n          {\r\n            title: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\",\r\n            videos: [\r\n              { title: \"\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\", popupTitle: \"\u0634\u0631\u062d \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\", id: \"uQndL6mfw_I\" },\r\n              { title: \"\u0645\u0633\u064a\u0631\u0627\u062a \u0627\u0644\u0631\u0648\u0627\u062a\u0628\", popupTitle: \"\u0634\u0631\u062d \u0645\u0633\u064a\u0631\u0627\u062a \u0627\u0644\u0631\u0648\u0627\u062a\u0628\", id: \"hghJSN_XWGc\" },\r\n              { title: \"\u0639\u0647\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\", popupTitle: \"\u0634\u0631\u062d \u0639\u0647\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\", id: \"z_8ihzLm_ok\" },\r\n              { title: \"\u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0627\u0646\u0635\u0631\u0627\u0641\", popupTitle: \"\u0634\u0631\u062d \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0627\u0646\u0635\u0631\u0627\u0641\", id: \"ZG3U6t96Wa0\" }\r\n            ]\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        name: \"\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\",\r\n        groups: [\r\n          {\r\n            title: \"\u0642\u0633\u0645 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\",\r\n            videos: [\r\n              { title: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\", popupTitle: \"\u0634\u0631\u062d \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\", id: \"qRPISiUX9y4\" },\r\n              { title: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\", popupTitle: \"\u0634\u0631\u062d \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\", id: \"-y4k5X79D5U\" },\r\n              { title: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\", popupTitle: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\", id: \"6fiIMJYtyeY\" },\r\n              { title: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0631\u0643\u0628\u0629\", popupTitle: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0631\u0643\u0628\u0629\", id: \"IdKGoO3RdZc\" }\r\n            ]\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        name: \"\u0642\u0633\u0645 \u0627\u0644\u0627\u0639\u062f\u0627\u062f\u0627\u062a\",\r\n        groups: [\r\n          {\r\n            title: \"\u0642\u0633\u0645 \u0627\u0644\u0627\u0639\u062f\u0627\u062f\u0627\u062a\",\r\n            videos: [\r\n              { title: \"\u0627\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\", popupTitle: \"\u0627\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\", id: \"8-yaDMfLj_Q\" },\r\n              { title: \"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\", popupTitle: \"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\", id: \"i2A5LlI1ZF0\" },\r\n              { title: \"\u0627\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0627\u062a\", popupTitle: \"\u0627\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0627\u062a\", id: \"hQd2Ypv4sGw\" },\r\n              { title: \"\u0627\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629\", popupTitle: \"\u0627\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629\", id: \"_lffH00si3w\" }\r\n            ]\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        name: \"Urdu\",\r\n        lang: \"ur\",\r\n        watchLabel: \"\u062f\u06cc\u06a9\u06be\u06cc\u06ba\",\r\n        closeLabel: \"\u0628\u0646\u062f \u06a9\u0631\u06cc\u06ba\",\r\n        groups: [\r\n          {\r\n            title: \"\u0641\u0631\u0648\u062e\u062a \u06a9\u0627 \u0645\u062d\u06a9\u0645\u06c1\",\r\n            videos: [\r\n              { title: \"\u0627\u0644\u06cc\u06a9\u0679\u0631\u0627\u0646\u06a9 \u0631\u0633\u06cc\u062f\u06cc\u06ba\", popupTitle: \"\u0641\u0648\u0631\u06cc \u0627\u0646\u0648\u0627\u0626\u0633 \u0633\u06cc\u06a9\u0634\u0646 \u06a9\u06cc \u0648\u0636\u0627\u062d\u062a\", id: \"aQ5E7u4jLB8\" },\r\n              { title: \"\u06af\u0627\u0691\u06cc \u0645\u06cc\u06ba \u062f\u0627\u062e\u0644 \u06c1\u0648\u0646\u06d2 \u06a9\u06d2 \u062c\u0648\u0627\u0628 \u0645\u06cc\u06ba\", popupTitle: \"\u06af\u0627\u0691\u06cc \u0645\u06cc\u06ba \u062f\u0627\u062e\u0644 \u06c1\u0648\u0646\u06d2 \u06a9\u06d2 \u062c\u0648\u0627\u0628 \u0645\u06cc\u06ba\", id: \"-a50VxzoUy4\" }\r\n            ]\r\n          },\r\n          {\r\n            title: \"\u06a9\u0633\u0679\u0645\u0631 \u0688\u06cc\u067e\u0627\u0631\u0679\u0645\u0646\u0679\",\r\n            videos: [\r\n              { title: \"\u06af\u0627\u06c1\u06a9 \u06a9\u06cc \u0641\u06c1\u0631\u0633\u062a\", popupTitle: \"\u06af\u0627\u06c1\u06a9 \u06a9\u06cc \u0641\u06c1\u0631\u0633\u062a\", id: \"STnyJH5eHF4\" }\r\n            ]\r\n          },\r\n          {\r\n            title: \"\u062e\u0631\u06cc\u062f\u0627\u0631\u06cc \u0633\u06cc\u06a9\u0634\u0646\",\r\n            videos: [\r\n              { title: \"\u062e\u0631\u06cc\u062f\u0627\u0631\u06cc\", popupTitle: \"\u062e\u0631\u06cc\u062f\u0627\u0631\u06cc\", id: \"POEtVTcht9I\" },\r\n              { title: \"\u0627\u062e\u0631\u0627\u062c\u0627\u062a\", popupTitle: \"\u0627\u062e\u0631\u0627\u062c\u0627\u062a\", id: \"_K_6vcADh1o\" }\r\n            ]\r\n          },\r\n          {\r\n            title: \"\u0631\u067e\u0648\u0631\u0679\u0633 \u0633\u06cc\u06a9\u0634\u0646\",\r\n            videos: [\r\n              { title: \"\u0631\u0648\u0632\u0627\u0646\u06c1 \u06a9\u06cc \u0631\u067e\u0648\u0631\u0679\", popupTitle: \"\u0631\u0648\u0632\u0627\u0646\u06c1 \u06a9\u06cc \u0631\u067e\u0648\u0631\u0679 \u06a9\u06cc \u0648\u0636\u0627\u062d\u062a\", id: \"rcnq_fUAl8A\" }\r\n            ]\r\n          }\r\n        ]\r\n      }\r\n    ];\r\n\r\n    const menuColors = [\r\n      [\"#635bff\", \"#8e72ff\"],\r\n      [\"#0d9c77\", \"#22bd8f\"],\r\n      [\"#e87920\", \"#f6a43a\"],\r\n      [\"#dc3f72\", \"#ee668f\"],\r\n      [\"#1677d2\", \"#4d9be2\"],\r\n      [\"#8b5cf6\", \"#a982ff\"],\r\n      [\"#0891b2\", \"#31b7d0\"]\r\n    ];\r\n\r\n    const playIcon = '<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4 2.5v11l9-5.5z\"\/><\/svg>';\r\n\r\n    const menuList = document.querySelector(\".plan-menu__list\");\r\n    const panelsRoot = document.querySelector(\".video-panels\");\r\n    menuList.style.setProperty(\"--plan-count\", tabs.length);\r\n\r\n    \/\/ Build menu buttons and their video panels.\r\n    tabs.forEach((tab, index) => {\r\n      const [color, color2] = menuColors[index % menuColors.length];\r\n\r\n      const item = document.createElement(\"li\");\r\n      item.className = \"plan-menu__item\";\r\n      item.style.setProperty(\"--plan-index\", index);\r\n      item.style.setProperty(\"--plan-color\", color);\r\n      item.style.setProperty(\"--plan-color-2\", color2);\r\n\r\n      const button = document.createElement(\"button\");\r\n      button.type = \"button\";\r\n      button.className = \"plan-menu__button\";\r\n      button.dataset.tabIndex = String(index);\r\n      button.setAttribute(\"aria-pressed\", \"false\");\r\n      button.setAttribute(\"aria-controls\", `video-panel-${index}`);\r\n\r\n      const icon = document.createElement(\"span\");\r\n      icon.className = \"plan-menu__icon\";\r\n      icon.setAttribute(\"aria-hidden\", \"true\");\r\n      icon.textContent = String(index + 1);\r\n\r\n      const label = document.createElement(\"span\");\r\n      label.className = \"plan-menu__label\";\r\n      label.textContent = tab.name;\r\n\r\n      button.append(icon, label);\r\n      button.addEventListener(\"click\", () => selectTab(index));\r\n      item.appendChild(button);\r\n      menuList.appendChild(item);\r\n\r\n      const panel = document.createElement(\"article\");\r\n      panel.className = \"video-panel\";\r\n      panel.id = `video-panel-${index}`;\r\n      panel.hidden = true;\r\n      panel.style.setProperty(\"--plan-color\", color);\r\n      panel.style.setProperty(\"--plan-color-2\", color2);\r\n      if (tab.lang) panel.lang = tab.lang;\r\n\r\n      tab.groups.forEach((group) => {\r\n        const groupElement = document.createElement(\"section\");\r\n        groupElement.className = \"video-group\";\r\n\r\n        const heading = document.createElement(\"h3\");\r\n        heading.className = \"video-group-title\";\r\n        heading.textContent = group.title;\r\n\r\n        const list = document.createElement(\"ul\");\r\n        list.className = \"video-list\";\r\n\r\n        group.videos.forEach((video) => {\r\n          const li = document.createElement(\"li\");\r\n          const row = document.createElement(\"button\");\r\n          row.type = \"button\";\r\n          row.className = \"video-item\";\r\n\r\n          const play = document.createElement(\"span\");\r\n          play.className = \"video-item__play\";\r\n          play.innerHTML = playIcon;\r\n\r\n          const title = document.createElement(\"span\");\r\n          title.className = \"video-item__title\";\r\n          title.textContent = video.title;\r\n\r\n          const watch = document.createElement(\"span\");\r\n          watch.className = \"video-item__watch\";\r\n          watch.textContent = tab.watchLabel || \"\u0634\u0627\u0647\u062f\";\r\n\r\n          row.append(play, title, watch);\r\n          row.addEventListener(\"click\", () => openVideo(video, tab));\r\n          li.appendChild(row);\r\n          list.appendChild(li);\r\n        });\r\n\r\n        groupElement.append(heading, list);\r\n        panel.appendChild(groupElement);\r\n      });\r\n\r\n      panelsRoot.appendChild(panel);\r\n    });\r\n\r\n    function selectTab(index) {\r\n      document.querySelectorAll(\".plan-menu__button\").forEach((button) => {\r\n        const isSelected = Number(button.dataset.tabIndex) === index;\r\n        button.classList.toggle(\"is-active\", isSelected);\r\n        button.setAttribute(\"aria-pressed\", String(isSelected));\r\n      });\r\n\r\n      document.querySelectorAll(\".video-panel\").forEach((panel, panelIndex) => {\r\n        panel.hidden = panelIndex !== index;\r\n      });\r\n    }\r\n\r\n    \/\/ Popup\r\n    const dialog = document.querySelector(\".video-dialog\");\r\n    const dialogTitle = dialog.querySelector(\".video-dialog__title\");\r\n    const dialogFrame = dialog.querySelector(\".video-dialog__frame\");\r\n    const dialogClose = dialog.querySelector(\".video-dialog__close\");\r\n\r\n    function openVideo(video, tab) {\r\n      dialogTitle.textContent = video.popupTitle || video.title;\r\n      dialogClose.textContent = tab.closeLabel || \"\u0627\u063a\u0644\u0627\u0642\";\r\n      dialog.lang = tab.lang || \"ar\";\r\n      dialogFrame.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(video.id)}?autoplay=1&rel=0`;\r\n      dialog.showModal();\r\n    }\r\n\r\n    function closeVideo() {\r\n      dialog.close();\r\n    }\r\n\r\n    \/\/ Stop the video whenever the popup closes (close button, Esc key or clicking outside).\r\n    dialog.addEventListener(\"close\", () => {\r\n      dialogFrame.src = \"\";\r\n    });\r\n\r\n    dialogClose.addEventListener(\"click\", closeVideo);\r\n\r\n    dialog.addEventListener(\"click\", (event) => {\r\n      if (event.target === dialog) closeVideo();\r\n    });\r\n\r\n    selectTab(0);\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u062a\u0639\u0644\u0651\u0645 CARERP \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.. \u0648\u0623\u062f\u0631 \u0645\u0631\u0643\u0632\u0643 \u0628\u062b\u0642\u0629 \u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0645\u0639 CARERP \u0645\u0646 \u0647\u0646\u0627. \u0634\u0627\u0647\u062f \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0625\u0644\u0649 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a\u0647 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\u060c \u0645\u0646 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u0627\u0644\u0641\u0648\u0627\u062a\u064a\u0631 \u0648\u0627\u0644\u0645\u062e\u0632\u0648\u0646. \u062a\u0639\u0644\u0651\u0645 \u0628\u0627\u0644\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628\u0643\u060c \u0648\u0627\u0631\u062c\u0639 \u0625\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u062d\u0627\u062a \u0643\u0644\u0645\u0627 \u0627\u062d\u062a\u062c\u062a\u060c \u0644\u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0648\u062a\u062f\u064a\u0631 \u0646\u0634\u0627\u0637\u0643 \u0628\u0633\u0647\u0648\u0644\u0629 \u0623\u0643\u0628\u0631. \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"class_list":["post-2706","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/pages\/2706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/comments?post=2706"}],"version-history":[{"count":7,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/pages\/2706\/revisions"}],"predecessor-version":[{"id":2714,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/pages\/2706\/revisions\/2714"}],"wp:attachment":[{"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/media?parent=2706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}