{"id":489,"date":"2026-05-06T06:12:07","date_gmt":"2026-05-06T06:12:07","guid":{"rendered":"https:\/\/theakma.com\/alrabe7\/?page_id=489"},"modified":"2026-05-06T12:35:29","modified_gmt":"2026-05-06T12:35:29","slug":"%d9%85%d9%85%d9%8a%d8%b2%d8%a7%d8%aa%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/theakma.com\/alrabe7\/%d9%85%d9%85%d9%8a%d8%b2%d8%a7%d8%aa%d9%86%d8%a7\/","title":{"rendered":"\u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"489\" class=\"elementor elementor-489\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67bcf56 e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"67bcf56\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6dcdf5 wcf-starter-animations-none elementor-widget elementor-widget-heading\" data-id=\"b6dcdf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">\u062a\u0637\u0648\u0631\u0627\u062a\u0646\u0627<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c7e6b4 wcf-starter-animations-none elementor-widget elementor-widget-heading\" data-id=\"2c7e6b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0646\u0642\u0648\u062f \u0627\u0644\u062a\u0637\u0648\u0631 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0627\u0642\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3a6b48 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b3a6b48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.akma-tabs-section {\r\n  font-family: 'Expo Arabic', sans-serif;\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 80px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.akma-tabs-image {\r\n  order: 1;\r\n  flex-shrink: 0;\r\n  width: 48%;\r\n  aspect-ratio: 794 \/ 336;\r\n  border-radius: 48px;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.akma-tabs-image::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, rgba(0,0,0,0) 51.82%, #000000 100%);\r\n  border-radius: inherit;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.akma-tabs-image img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease, transform 0.5s ease;\r\n  transform: scale(1);\r\n}\r\n.akma-tabs-image img.active { opacity: 1; }\r\n.akma-tabs-image:hover img.active { transform: scale(1.06); }\r\n\r\n.akma-tabs-list {\r\n  order: 2;\r\n  flex: 1;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 8px;\r\n}\r\n\r\n.akma-tab-item {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 32px;\r\n  padding: 8px 0;\r\n  min-height: 72px;\r\n  border-bottom: 1px solid #E6E6E6;\r\n  cursor: pointer;\r\n}\r\n.akma-tab-item:first-child { border-top: 1px solid #E6E6E6; }\r\n\r\n\/* \u0627\u0644\u0640 wrapper \u0627\u0644\u062e\u0627\u0631\u062c\u064a \u0644\u0644\u0640 progress border *\/\r\n.akma-tab-badge-wrap {\r\n  flex-shrink: 0;\r\n  width: 72px;\r\n  height: 72px;\r\n  border-radius: 20px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  \/* \u0627\u0644\u0640 border \u0627\u0644\u0631\u0645\u0627\u062f\u064a \u0627\u0644\u062b\u0627\u0628\u062a \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 *\/\r\n  background: #E6E6E6;\r\n  padding: 2px;\r\n  box-sizing: border-box;\r\n  transition: background 0.2s ease;\r\n}\r\n\r\n\/* \u0627\u0644\u0640 progress conic \u0641\u0648\u0642 \u0627\u0644\u0640 wrap \u2014 \u0628\u064a\u062a\u062d\u062f\u062b \u0628\u0640 JS *\/\r\n.akma-tab-badge-wrap .progress-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 20px;\r\n  background: conic-gradient(#E74327 0deg, #E6E6E6 0deg);\r\n  transition: opacity 0.3s ease;\r\n  opacity: 0;\r\n}\r\n.akma-tab-item.active .akma-tab-badge-wrap .progress-bg {\r\n  opacity: 1;\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u062f\u0627\u062e\u0644\u064a *\/\r\n.akma-tab-badge {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #F4F4F4;\r\n  position: relative;\r\n  z-index: 1;\r\n  transition: background 0.2s ease;\r\n}\r\n.akma-tab-item.active .akma-tab-badge {\r\n  background: #FDEAE6;\r\n}\r\n\r\n.akma-tab-badge span {\r\n  font-weight: 600;\r\n  font-size: 32px;\r\n  line-height: 1;\r\n  color: #575757;\r\n  transition: color 0.2s ease;\r\n}\r\n.akma-tab-item.active .akma-tab-badge span {\r\n  color: #E74327;\r\n}\r\n\r\n.akma-tab-text-wrap {\r\n  flex: 1;\r\n  display: grid;\r\n  text-align: right;\r\n}\r\n.akma-tab-text-wrap::before,\r\n.akma-tab-text-wrap .akma-tab-text {\r\n  grid-area: 1 \/ 1;\r\n}\r\n.akma-tab-text-wrap::before {\r\n  content: attr(data-text);\r\n  font-weight: 600;\r\n  font-size: 56px;\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.akma-tab-text {\r\n  font-weight: 400;\r\n  font-size: 48px;\r\n  line-height: 2;\r\n  text-align: right;\r\n  color: #575757;\r\n  transition: color 0.2s ease, font-weight 0.2s ease, font-size 0.2s ease;\r\n}\r\n.akma-tab-item.active .akma-tab-text {\r\n  font-weight: 600;\r\n  font-size: 56px;\r\n  color: #E74327;\r\n}\r\n\r\n\/* \u2500\u2500 Laptop \u2500\u2500 *\/\r\n@media (max-width: 1200px) {\r\n  .akma-tabs-section { gap: 48px; }\r\n  .akma-tab-text-wrap::before { font-size: 40px; }\r\n  .akma-tab-text { font-size: 34px; }\r\n  .akma-tab-item.active .akma-tab-text { font-size: 40px; }\r\n  .akma-tab-badge-wrap { width: 60px; height: 60px; border-radius: 16px; }\r\n  .akma-tab-badge-wrap .progress-bg { border-radius: 16px; }\r\n  .akma-tab-badge { border-radius: 14px; }\r\n  .akma-tab-badge span { font-size: 26px; }\r\n}\r\n\r\n\/* \u2500\u2500 Tablet \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .akma-tabs-section { flex-direction: column; gap: 32px; }\r\n  .akma-tabs-image { order: 2; width: 100%; border-radius: 32px; aspect-ratio: 16 \/ 7; }\r\n  .akma-tabs-list { order: 1; width: 100%; }\r\n  .akma-tab-text-wrap::before { font-size: 36px; }\r\n  .akma-tab-text { font-size: 30px; }\r\n  .akma-tab-item.active .akma-tab-text { font-size: 36px; }\r\n  .akma-tab-badge-wrap { width: 56px; height: 56px; border-radius: 14px; }\r\n  .akma-tab-badge-wrap .progress-bg { border-radius: 14px; }\r\n  .akma-tab-badge { border-radius: 12px; }\r\n  .akma-tab-badge span { font-size: 24px; }\r\n  .akma-tab-item { gap: 20px; min-height: 60px; }\r\n}\r\n\r\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\r\n@media (max-width: 600px) {\r\n  .akma-tabs-section { gap: 20px; }\r\n  .akma-tabs-image { border-radius: 20px; aspect-ratio: 4 \/ 3; }\r\n  .akma-tab-text-wrap::before { font-size: 26px; }\r\n  .akma-tab-text { font-size: 20px; }\r\n  .akma-tab-item.active .akma-tab-text { font-size: 26px; }\r\n  .akma-tab-badge-wrap { width: 44px; height: 44px; border-radius: 12px; }\r\n  .akma-tab-badge-wrap .progress-bg { border-radius: 12px; }\r\n  .akma-tab-badge { border-radius: 10px; }\r\n  .akma-tab-badge span { font-size: 18px; }\r\n  .akma-tab-item { gap: 14px; min-height: 52px; }\r\n}\r\n\r\n\/* \u2500\u2500 Small Mobile \u2500\u2500 *\/\r\n@media (max-width: 400px) {\r\n  .akma-tab-text-wrap::before { font-size: 20px; }\r\n  .akma-tab-text { font-size: 16px; }\r\n  .akma-tab-item.active .akma-tab-text { font-size: 20px; }\r\n  .akma-tab-badge-wrap { width: 38px; height: 38px; border-radius: 10px; }\r\n  .akma-tab-badge-wrap .progress-bg { border-radius: 10px; }\r\n  .akma-tab-badge { border-radius: 8px; }\r\n  .akma-tab-badge span { font-size: 16px; }\r\n  .akma-tab-item { gap: 12px; min-height: 44px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"akma-tabs-section\">\r\n\r\n  <div class=\"akma-tabs-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/theakma.com\/alrabe7\/wp-content\/uploads\/2026\/05\/4401-1-1.webp\" class=\"active\" data-index=\"0\">\r\n    <img decoding=\"async\" src=\"https:\/\/theakma.com\/alrabe7\/wp-content\/uploads\/2026\/05\/4401-1.webp\" data-index=\"1\">\r\n    <img decoding=\"async\" src=\"https:\/\/theakma.com\/alrabe7\/wp-content\/uploads\/2026\/05\/4401-1-2.webp\" data-index=\"2\">\r\n  <\/div>\r\n\r\n  <div class=\"akma-tabs-list\">\r\n\r\n    <div class=\"akma-tab-item active\" data-index=\"0\">\r\n      <div class=\"akma-tab-badge-wrap\">\r\n        <div class=\"progress-bg\"><\/div>\r\n        <div class=\"akma-tab-badge\"><span>1<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"akma-tab-text-wrap\" data-text=\"\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\">\r\n        <span class=\"akma-tab-text\">\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"akma-tab-item\" data-index=\"1\">\r\n      <div class=\"akma-tab-badge-wrap\">\r\n        <div class=\"progress-bg\"><\/div>\r\n        <div class=\"akma-tab-badge\"><span>2<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"akma-tab-text-wrap\" data-text=\"\u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0623\u0646\u0638\u0645\u0629\">\r\n        <span class=\"akma-tab-text\">\u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0623\u0646\u0638\u0645\u0629<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"akma-tab-item\" data-index=\"2\">\r\n      <div class=\"akma-tab-badge-wrap\">\r\n        <div class=\"progress-bg\"><\/div>\r\n        <div class=\"akma-tab-badge\"><span>3<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"akma-tab-text-wrap\" data-text=\"\u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0627\u0642\u0629\">\r\n        <span class=\"akma-tab-text\">\u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0627\u0642\u0629<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var items    = document.querySelectorAll('.akma-tab-item');\r\n  var images   = document.querySelectorAll('.akma-tabs-image img');\r\n  var progBgs  = document.querySelectorAll('.progress-bg');\r\n  var total    = items.length;\r\n  var current  = 0;\r\n  var duration = 4000;\r\n  var tick     = 50;\r\n  var elapsed  = 0;\r\n  var timer    = null;\r\n\r\n  function updateProgress(deg) {\r\n    progBgs[current].style.background =\r\n      'conic-gradient(#E74327 ' + deg + 'deg, #E6E6E6 ' + deg + 'deg)';\r\n  }\r\n\r\n  function resetProgress(idx) {\r\n    progBgs[idx].style.background =\r\n      'conic-gradient(#E74327 0deg, #E6E6E6 0deg)';\r\n  }\r\n\r\n  function goTo(idx) {\r\n    items.forEach(function(el){ el.classList.remove('active'); });\r\n    images.forEach(function(el){ el.classList.remove('active'); });\r\n    resetProgress(current);\r\n\r\n    current = idx;\r\n    items[current].classList.add('active');\r\n    document.querySelector('.akma-tabs-image img[data-index=\"' + current + '\"]').classList.add('active');\r\n    elapsed = 0;\r\n    updateProgress(0);\r\n  }\r\n\r\n  function startTimer() {\r\n    clearInterval(timer);\r\n    timer = setInterval(function(){\r\n      elapsed += tick;\r\n      var deg = (elapsed \/ duration) * 360;\r\n      updateProgress(Math.min(deg, 360));\r\n      if (elapsed >= duration) {\r\n        goTo((current + 1) % total);\r\n      }\r\n    }, tick);\r\n  }\r\n\r\n  items.forEach(function(item){\r\n    item.addEventListener('click', function(){\r\n      goTo(parseInt(this.getAttribute('data-index')));\r\n      startTimer();\r\n    });\r\n  });\r\n\r\n  goTo(0);\r\n  startTimer();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>\u062a\u0637\u0648\u0631\u0627\u062a\u0646\u0627 \u0646\u0642\u0648\u062f \u0627\u0644\u062a\u0637\u0648\u0631 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0627\u0642\u0629 1 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 2 \u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 3 \u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0627\u0642\u0629<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-489","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/pages\/489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/comments?post=489"}],"version-history":[{"count":7,"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/pages\/489\/revisions"}],"predecessor-version":[{"id":877,"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/pages\/489\/revisions\/877"}],"wp:attachment":[{"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/media?parent=489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}