{"id":688,"date":"2026-05-06T09:29:59","date_gmt":"2026-05-06T09:29:59","guid":{"rendered":"https:\/\/theakma.com\/alrabe7\/?page_id=688"},"modified":"2026-05-10T13:38:14","modified_gmt":"2026-05-10T13:38:14","slug":"our-features","status":"publish","type":"page","link":"https:\/\/theakma.com\/alrabe7\/en\/our-features\/","title":{"rendered":"Our features"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"688\" class=\"elementor elementor-688\">\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\">Our developments\n<\/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\">We lead development in the energy sector\n<\/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: 2;\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: 1;\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.akma-tab-badge-wrap {\r\n  flex-shrink: 0;\r\n  width: 60px;\r\n  height: 60px;\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  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.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.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: 24px;\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: left;\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: 32px;\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: 26px;\r\n  line-height: 2;\r\n  text-align: left;\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: 32px;\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: 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: 52px; height: 52px; 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: 20px; }\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: 22px; }\r\n  .akma-tab-text { font-size: 18px; }\r\n  .akma-tab-item.active .akma-tab-text { font-size: 22px; }\r\n  .akma-tab-badge-wrap { width: 48px; height: 48px; 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: 18px; }\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: 18px; }\r\n  .akma-tab-text { font-size: 15px; }\r\n  .akma-tab-item.active .akma-tab-text { font-size: 18px; }\r\n  .akma-tab-badge-wrap { width: 40px; height: 40px; 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: 15px; }\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: 15px; }\r\n  .akma-tab-text { font-size: 13px; }\r\n  .akma-tab-item.active .akma-tab-text { font-size: 15px; }\r\n  .akma-tab-badge-wrap { width: 34px; height: 34px; 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: 13px; }\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=\"Continuous Research & Development\">\r\n        <span class=\"akma-tab-text\">Continuous Research & Development<\/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=\"Improving System Efficiency\">\r\n        <span class=\"akma-tab-text\">Improving System Efficiency<\/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=\"Smart Energy Management Solutions\">\r\n        <span class=\"akma-tab-text\">Smart Energy Management Solutions<\/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>Our developments We lead development in the energy sector 1 Continuous Research &#038; Development 2 Improving System Efficiency 3 Smart [&hellip;]<\/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-688","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\/688","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=688"}],"version-history":[{"count":10,"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/pages\/688\/revisions"}],"predecessor-version":[{"id":972,"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/pages\/688\/revisions\/972"}],"wp:attachment":[{"href":"https:\/\/theakma.com\/alrabe7\/wp-json\/wp\/v2\/media?parent=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}