{"id":18938,"date":"2026-09-10T04:59:13","date_gmt":"2026-09-10T01:59:13","guid":{"rendered":"https:\/\/diginationmea.com\/?page_id=18938"},"modified":"2026-09-16T04:58:46","modified_gmt":"2026-09-16T01:58:46","slug":"digination-ecm-product","status":"publish","type":"page","link":"https:\/\/diginationmea.com\/ar\/digination-ecm-product\/","title":{"rendered":"DigiNation ECM Product"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"18938\" class=\"elementor elementor-18938\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbd108c hero e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"fbd108c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0c53edd e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-id=\"0c53edd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-657a1ec e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-id=\"657a1ec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47d3001 wcf-starter-animations-none wcf-t-animation-none elementor-widget elementor-widget-wcf--title\" data-id=\"47d3001\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;fade&quot;,&quot;data-duration&quot;:0.75,&quot;fade-offset&quot;:40,&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;,&quot;wcf_text_animation&quot;:&quot;none&quot;,&quot;aae_method&quot;:&quot;from&quot;,&quot;aae_trigger&quot;:&quot;on_scroll&quot;,&quot;delay&quot;:0.15,&quot;fade-from&quot;:&quot;bottom&quot;,&quot;ease&quot;:&quot;power2.out&quot;}\" data-widget_type=\"wcf--title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"wcf--title\">DigiNation ECM Product KSA\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b9aba2 wcf-starter-animations-none wcf-t-animation-none elementor-widget elementor-widget-wcf--title\" data-id=\"4b9aba2\" 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;,&quot;wcf_text_animation&quot;:&quot;none&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"wcf--title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"wcf--title\">Turn Content Into Intelligent Action<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13e3d37 elementor-widget__width-initial elementor-widget-laptop__width-inherit wcf-repeat-no wcf-t-animation-none elementor-widget elementor-widget-text-editor\" data-id=\"13e3d37\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_repeat_on_enter&quot;:&quot;no&quot;,&quot;wcf_text_animation&quot;:&quot;none&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>An AI-powered Enterprise Content Management platform built for Saudi organizations to manage documents, correspondence, cases, workflows, meetings, and enterprise knowledge from one secure, intelligent environment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d932080 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-id=\"d932080\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-828d67c elementor-widget elementor-widget-wcf--button\" data-id=\"828d67c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;fade&quot;,&quot;aae_method&quot;:&quot;from&quot;,&quot;aae_trigger&quot;:&quot;on_scroll&quot;,&quot;delay&quot;:0.15,&quot;fade-from&quot;:&quot;bottom&quot;,&quot;data-duration&quot;:1.5,&quot;ease&quot;:&quot;power2.out&quot;,&quot;fade-offset&quot;:50}\" data-widget_type=\"wcf--button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wcf__btn\">\r\n\t\t\t\t\t\t\t<a href=\"https:\/\/diginationmea.com\/wp-content\/uploads\/2026\/09\/DigiNation-ECM-EN.pdf\" class=\"wcf-btn-default btn-hover-none\">\r\n\t\t\t\t\t\t\t\t\t\tExplore More\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a48fea5 e-con-full e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"a48fea5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bbe28e elementor-widget elementor-widget-html\" data-id=\"7bbe28e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n  --gd:#033d05;--gm:#046307;--gv:#04c70a;--gl:#6dfa72;\r\n  --ink:#0d0d0d;--ink2:#2a2a2a;--muted:#5a7a5e;--soft:#8fa892;\r\n  --border:#e4ede4;--bg:#f8fbf8;--white:#fff;\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\r\n.it-sec{padding:100px clamp(24px,7vw,120px);position:relative;overflow:hidden;font-family:'Poppins',sans-serif;color:var(--ink);}\r\n.it-in{max-width:1160px;margin:0 auto;}\r\n.it-eye{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gm);margin-bottom:18px;}\r\n.it-eye::before{content:'';width:28px;height:1.5px;background:var(--gm);border-radius:2px;}\r\n.it-h1{font-size:clamp(36px,5vw,58px);font-weight:900;line-height:1.08;letter-spacing:-.02em;color:var(--ink);}\r\n.it-h2{font-size:clamp(28px,4vw,46px);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--ink);}\r\n.it-h3{font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.25;color:var(--ink);}\r\n.it-h1 em,.it-h2 em,.it-h3 em{font-style:italic;color:var(--gm);}\r\n.it-body{font-size:17px;line-height:1.85;color:var(--muted);font-weight:300;}\r\n.it-body-sm{font-size:15px;line-height:1.75;color:var(--muted);font-weight:300;}\r\n.it-rule{width:40px;height:2px;background:var(--gv);border-radius:2px;margin:20px 0;}\r\n.it-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.04em;text-decoration:none;transition:all .25s ease;}\r\n.it-btn-solid{background:var(--gm);color:#fff;}\r\n.it-btn-solid:hover{background:var(--gd);transform:translateY(-2px);box-shadow:0 8px 24px rgba(4,99,7,.25);}\r\n.it-btn-ghost{background:transparent;color:var(--gm);border:1.5px solid var(--border);}\r\n.it-btn-ghost:hover{border-color:var(--gm);background:rgba(4,99,7,.04);}\r\n.it-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;}\r\n.it-btn:hover svg{transform:translateX(3px);}\r\n.it-rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}\r\n.it-rv.on{opacity:1;transform:translateY(0);}\r\n.it-rx{opacity:0;transform:translateX(-24px);transition:opacity .7s ease,transform .7s ease;}\r\n.it-rx.on{opacity:1;transform:translateX(0);}\r\n<\/style>\r\n<script>\r\n(function(){\r\n  if(window._itRv) return;\r\n  window._itRv=true;\r\n  var io=new IntersectionObserver(function(e){\r\n    e.forEach(function(x){\r\n      if(x.isIntersecting){\r\n        var d=parseInt(x.target.dataset.delay)||0;\r\n        setTimeout(function(){x.target.classList.add('on');},d);\r\n        io.unobserve(x.target);\r\n      }\r\n    });\r\n  },{threshold:.1});\r\n  function scan(){document.querySelectorAll('.it-rv:not(.on),.it-rx:not(.on)').forEach(function(el){io.observe(el);});}\r\n  scan();\r\n  new MutationObserver(scan).observe(document.body,{childList:true,subtree:true});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e1e764 elementor-widget elementor-widget-html\" data-id=\"8e1e764\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n*, *::before, *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.digi-ecm-intro {\r\n  width: 100%;\r\n  background: transparent;\r\n  font-family: 'Poppins', sans-serif;\r\n  color: #1a1a1a;\r\n}\r\n\r\n.digi-ecm-intro-inner {\r\n  width: 100%;\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n  padding: 64px clamp(24px, 6vw, 100px);\r\n}\r\n\r\n.digi-ecm-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.10em;\r\n  text-transform: uppercase;\r\n  color: #046307;\r\n}\r\n\r\n.digi-ecm-eyebrow::before {\r\n  content: '';\r\n  width: 28px;\r\n  height: 2px;\r\n  background: #046307;\r\n  border-radius: 10px;\r\n}\r\n\r\n.digi-ecm-heading {\r\n  max-width: 980px;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: clamp(34px, 4.2vw, 58px);\r\n  line-height: 1.08;\r\n  font-weight: 700;\r\n  letter-spacing: -0.035em;\r\n  color: #1a1a1a;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.digi-ecm-heading span {\r\n  color: #046307;\r\n}\r\n\r\n.digi-ecm-subheading {\r\n  max-width: 920px;\r\n  font-size: clamp(17px, 1.5vw, 21px);\r\n  line-height: 1.65;\r\n  font-weight: 400;\r\n  color: #555555;\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.digi-ecm-content-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.digi-ecm-content-card {\r\n  position: relative;\r\n  background: #f8f8f8;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 16px;\r\n  padding: 30px 30px 30px 34px;\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    border-color 0.3s ease,\r\n    background 0.3s ease;\r\n}\r\n\r\n.digi-ecm-content-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 4px;\r\n  background: #046307;\r\n}\r\n\r\n.digi-ecm-content-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(4, 99, 7, 0.04),\r\n    transparent 55%\r\n  );\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.digi-ecm-content-card:hover {\r\n  transform: translateY(-4px);\r\n  background: #f5f5f5;\r\n  border-color: rgba(4, 99, 7, 0.28);\r\n}\r\n\r\n.digi-ecm-content-card:hover::after {\r\n  opacity: 1;\r\n}\r\n\r\n.digi-ecm-content-label {\r\n  display: block;\r\n  margin-bottom: 12px;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.09em;\r\n  text-transform: uppercase;\r\n  color: #046307;\r\n}\r\n\r\n.digi-ecm-content-text {\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  font-weight: 400;\r\n  color: #5f5f5f;\r\n}\r\n\r\n.digi-ecm-content-text strong {\r\n  color: #1a1a1a;\r\n  font-weight: 600;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .digi-ecm-intro-inner {\r\n    padding: 48px 32px;\r\n  }\r\n\r\n  .digi-ecm-content-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .digi-ecm-heading {\r\n    max-width: 760px;\r\n  }\r\n\r\n  .digi-ecm-subheading {\r\n    margin-bottom: 32px;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .digi-ecm-intro-inner {\r\n    padding: 36px 20px;\r\n  }\r\n\r\n  .digi-ecm-heading {\r\n    font-size: 32px;\r\n    line-height: 1.12;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .digi-ecm-subheading {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .digi-ecm-content-grid {\r\n    gap: 12px;\r\n  }\r\n\r\n  .digi-ecm-content-card {\r\n    padding: 24px 22px 24px 26px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .digi-ecm-content-text {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"digi-ecm-intro\">\r\n  <div class=\"digi-ecm-intro-inner\">\r\n\r\n    <div class=\"digi-ecm-eyebrow\">\r\n      DigiNation ECM\r\n    <\/div>\r\n\r\n    <h2 class=\"digi-ecm-heading\">\r\n      Enterprise Content Management,\r\n      <span>Rebuilt for KSA<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"digi-ecm-subheading\">\r\n      Automate repetitive processes, enforce governance, accelerate approvals,\r\n      and give teams faster access to the information they need.\r\n    <\/p>\r\n\r\n    <div class=\"digi-ecm-content-grid\">\r\n\r\n      <div class=\"digi-ecm-content-card\">\r\n        <span class=\"digi-ecm-content-label\">\r\n          One Intelligent Platform\r\n        <\/span>\r\n\r\n        <p class=\"digi-ecm-content-text\">\r\n          DigiNation ECM brings\r\n          <strong>documents, correspondence, workflows, cases, meetings, and enterprise knowledge<\/strong>\r\n          into one intelligent content platform. The result is less searching,\r\n          fewer manual handoffs, stronger control, and faster enterprise operations.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"digi-ecm-content-card\">\r\n        <span class=\"digi-ecm-content-label\">\r\n          Built for Enterprise Control\r\n        <\/span>\r\n\r\n        <p class=\"digi-ecm-content-text\">\r\n          DigiNation ECM centralizes\r\n          <strong>documents, correspondence, cases, and workflows<\/strong>\r\n          while combining AI, RPA, workflow automation, advanced search,\r\n          and Saudi regulatory compliance in one connected environment.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-beaef8b elementor-widget elementor-widget-html\" data-id=\"beaef8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n*, *::before, *::after { \r\n  box-sizing: border-box; \r\n  margin: 0; \r\n  padding: 0; \r\n}\r\n\r\n:root {\r\n  --cream:         #faf8f4;\r\n  --white:         #ffffff;\r\n  --ink:           #1a1a18;\r\n  --ink-mid:       #3d3d38;\r\n  --ink-light:     #7a7a72;\r\n  --primary:       #046307;\r\n  --primary-dark:  #034d05;\r\n  --primary-light: #e7f4e8;\r\n  --primary-mid:   #8dc891;\r\n  --accent:        #c8a96e;\r\n  --border:        #e2ddd5;\r\n  --shadow:        0 2px 20px rgba(26,26,24,.07);\r\n  --shadow-lg:     0 10px 44px rgba(26,26,24,.13);\r\n}\r\n\r\nbody {\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: var(--cream);\r\n  color: var(--ink);\r\n  min-height: 100vh;\r\n}\r\n\r\n.dt-section {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 80px 24px;\r\n  display: grid;\r\n  grid-template-columns: 1.05fr .95fr;\r\n  gap: 64px;\r\n  align-items: center;\r\n}\r\n\r\n.main-heading {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(34px, 4.5vw, 54px);\r\n  font-weight: 700;\r\n  line-height: 1.1;\r\n  color: var(--ink);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.main-heading .green {\r\n  color: var(--primary);\r\n}\r\n\r\n.intro-text {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: var(--ink-light);\r\n  font-weight: 300;\r\n  margin-bottom: 36px;\r\n  padding-bottom: 32px;\r\n  border-bottom: 1.5px solid var(--border);\r\n}\r\n\r\n.bullet-list {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.bullet-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  padding: 18px 20px;\r\n  background: var(--white);\r\n  border: 1.5px solid var(--border);\r\n  border-radius: 14px;\r\n  transition:\r\n    border-color .22s,\r\n    box-shadow .22s,\r\n    transform .22s;\r\n}\r\n\r\n.bullet-item:hover {\r\n  border-color: var(--primary-mid);\r\n  box-shadow: var(--shadow);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.bullet-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 9px;\r\n  background: var(--primary-light);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: background .22s;\r\n}\r\n\r\n.bullet-icon i {\r\n  font-size: 15px;\r\n  color: var(--primary);\r\n  transition: color .22s;\r\n}\r\n\r\n.bullet-item:hover .bullet-icon {\r\n  background: var(--primary);\r\n}\r\n\r\n.bullet-item:hover .bullet-icon i {\r\n  color: #ffffff;\r\n}\r\n\r\n.bullet-content {\r\n  padding-top: 1px;\r\n}\r\n\r\n.bullet-title {\r\n  font-size: 14.5px;\r\n  font-weight: 700;\r\n  color: var(--ink-mid);\r\n  line-height: 1.4;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.bullet-description {\r\n  font-size: 13.5px;\r\n  font-weight: 300;\r\n  color: var(--ink-light);\r\n  line-height: 1.6;\r\n}\r\n\r\n.right-col {\r\n  width: 100%;\r\n  position: sticky;\r\n  top: 40px;\r\n}\r\n\r\n.img-frame {\r\n  width: 100%;\r\n  min-height: 610px;\r\n  height: min(70vw, 680px);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: var(--shadow-lg);\r\n  border: 1.5px solid var(--border);\r\n  background:\r\n    radial-gradient(circle at top right, rgba(4,99,7,.08), transparent 28%),\r\n    linear-gradient(180deg, #fdfefd 0%, #f3faf4 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n}\r\n\r\n.ecm-visual {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 1000px) {\r\n  .dt-section {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 42px;\r\n  }\r\n\r\n  .img-frame {\r\n    min-height: 560px;\r\n  }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n  .dt-section {\r\n    grid-template-columns: 1fr;\r\n    gap: 44px;\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .right-col {\r\n    position: static;\r\n    order: -1;\r\n  }\r\n\r\n  .img-frame {\r\n    width: 100%;\r\n    min-height: 0;\r\n    height: auto;\r\n    aspect-ratio: 4 \/ 5;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .dt-section {\r\n    padding: 40px 16px;\r\n  }\r\n\r\n  .main-heading {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .bullet-item {\r\n    padding: 14px 16px;\r\n  }\r\n\r\n  .bullet-title {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .bullet-description {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .img-frame {\r\n    aspect-ratio: 4 \/ 5;\r\n    border-radius: 16px;\r\n  }\r\n}\r\n\r\n@keyframes fadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.main-heading {\r\n  animation: fadeUp .5s .05s ease both;\r\n}\r\n\r\n.intro-text {\r\n  animation: fadeUp .5s .12s ease both;\r\n}\r\n\r\n.bullet-list {\r\n  animation: fadeUp .5s .19s ease both;\r\n}\r\n\r\n.right-col {\r\n  animation: fadeUp .6s .28s ease both;\r\n}\r\n<\/style>\r\n\r\n<section class=\"dt-section\">\r\n\r\n  <div class=\"left-col\">\r\n\r\n    <h2 class=\"main-heading\">\r\n      Turn Content Into <span class=\"green\">Business Advantage<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"intro-text\">\r\n      Built with Saudi compliance, local data residency, intelligent automation,\r\n      and Arabic-English AI capabilities at its core.\r\n    <\/p>\r\n\r\n    <ul class=\"bullet-list\">\r\n\r\n      <li class=\"bullet-item\">\r\n        <div class=\"bullet-icon\">\r\n          <i class=\"fa-solid fa-folder-tree\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"bullet-content\">\r\n          <div class=\"bullet-title\">\r\n            One Source of Truth\r\n          <\/div>\r\n\r\n          <div class=\"bullet-description\">\r\n            Centralize content instead of managing disconnected systems.\r\n          <\/div>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"bullet-item\">\r\n        <div class=\"bullet-icon\">\r\n          <i class=\"fa-solid fa-diagram-project\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"bullet-content\">\r\n          <div class=\"bullet-title\">\r\n            Faster Workflows\r\n          <\/div>\r\n\r\n          <div class=\"bullet-description\">\r\n            Automate routing, approvals, assignments, escalations, and follow-ups.\r\n          <\/div>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"bullet-item\">\r\n        <div class=\"bullet-icon\">\r\n          <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"bullet-content\">\r\n          <div class=\"bullet-title\">\r\n            Smarter Search\r\n          <\/div>\r\n\r\n          <div class=\"bullet-description\">\r\n            Use full-text, OCR, semantic search, and AI-powered content discovery.\r\n          <\/div>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"bullet-item\">\r\n        <div class=\"bullet-icon\">\r\n          <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"bullet-content\">\r\n          <div class=\"bullet-title\">\r\n            Built-In Governance\r\n          <\/div>\r\n\r\n          <div class=\"bullet-description\">\r\n            Apply Saudi regulatory requirements across the content lifecycle.\r\n          <\/div>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li class=\"bullet-item\">\r\n        <div class=\"bullet-icon\">\r\n          <i class=\"fa-solid fa-cloud-arrow-up\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"bullet-content\">\r\n          <div class=\"bullet-title\">\r\n            Ready to Scale\r\n          <\/div>\r\n\r\n          <div class=\"bullet-description\">\r\n            Deploy through DigiNation's KSA private cloud or within your own environment using cloud-native architecture.\r\n          <\/div>\r\n        <\/div>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"right-col\">\r\n\r\n    <div class=\"img-frame\">\r\n\r\n      <svg class=\"ecm-visual\" viewbox=\"0 0 700 860\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Digital ECM concept illustration\">\r\n        <defs>\r\n          <lineargradient id=\"bgGlow\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0%\" stop-color=\"#ffffff\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#eef8ef\"\/>\r\n          <\/lineargradient>\r\n\r\n          <lineargradient id=\"cardFill\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0%\" stop-color=\"#ffffff\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#f4fbf5\"\/>\r\n          <\/lineargradient>\r\n\r\n          <lineargradient id=\"folderGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0%\" stop-color=\"#8dc891\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#046307\"\/>\r\n          <\/lineargradient>\r\n\r\n          <filter id=\"softShadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n            <fedropshadow dx=\"0\" dy=\"8\" stddeviation=\"18\" flood-color=\"#046307\" flood-opacity=\".12\"\/>\r\n          <\/filter>\r\n\r\n          <filter id=\"smallShadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n            <fedropshadow dx=\"0\" dy=\"4\" stddeviation=\"8\" flood-color=\"#046307\" flood-opacity=\".10\"\/>\r\n          <\/filter>\r\n        <\/defs>\r\n\r\n        <rect width=\"700\" height=\"860\" fill=\"url(#bgGlow)\"\/>\r\n\r\n        <circle cx=\"540\" cy=\"140\" r=\"170\" fill=\"rgba(4,99,7,0.04)\"\/>\r\n        <circle cx=\"140\" cy=\"720\" r=\"190\" fill=\"rgba(141,200,145,0.10)\"\/>\r\n\r\n        <!-- Saudi-inspired network shape -->\r\n        <g opacity=\"0.9\">\r\n          <path d=\"M505 130                   C560 120, 605 150, 620 205                   C640 278, 605 335, 560 368                   C520 396, 454 390, 421 355                   C385 319, 377 260, 404 207                   C426 165, 462 139, 505 130Z\"\r\n                fill=\"#dff3e3\" stroke=\"#8dc891\" stroke-width=\"3\"\/>\r\n          <g stroke=\"#8dc891\" stroke-width=\"2\" opacity=\"0.8\">\r\n            <line x1=\"444\" y1=\"182\" x2=\"545\" y2=\"171\"\/>\r\n            <line x1=\"545\" y1=\"171\" x2=\"594\" y2=\"228\"\/>\r\n            <line x1=\"594\" y1=\"228\" x2=\"560\" y2=\"320\"\/>\r\n            <line x1=\"560\" y1=\"320\" x2=\"464\" y2=\"332\"\/>\r\n            <line x1=\"464\" y1=\"332\" x2=\"422\" y2=\"252\"\/>\r\n            <line x1=\"422\" y1=\"252\" x2=\"444\" y2=\"182\"\/>\r\n            <line x1=\"444\" y1=\"182\" x2=\"514\" y2=\"250\"\/>\r\n            <line x1=\"514\" y1=\"250\" x2=\"594\" y2=\"228\"\/>\r\n            <line x1=\"514\" y1=\"250\" x2=\"560\" y2=\"320\"\/>\r\n            <line x1=\"514\" y1=\"250\" x2=\"464\" y2=\"332\"\/>\r\n          <\/g>\r\n          <g fill=\"#ffffff\" stroke=\"#8dc891\" stroke-width=\"2\">\r\n            <circle cx=\"444\" cy=\"182\" r=\"7\"\/>\r\n            <circle cx=\"545\" cy=\"171\" r=\"7\"\/>\r\n            <circle cx=\"594\" cy=\"228\" r=\"7\"\/>\r\n            <circle cx=\"560\" cy=\"320\" r=\"7\"\/>\r\n            <circle cx=\"464\" cy=\"332\" r=\"7\"\/>\r\n            <circle cx=\"422\" cy=\"252\" r=\"7\"\/>\r\n            <circle cx=\"514\" cy=\"250\" r=\"8\"\/>\r\n          <\/g>\r\n        <\/g>\r\n\r\n        <!-- main platform -->\r\n        <g filter=\"url(#softShadow)\">\r\n          <ellipse cx=\"350\" cy=\"715\" rx=\"135\" ry=\"24\" fill=\"#dff3e3\"\/>\r\n          <ellipse cx=\"350\" cy=\"702\" rx=\"110\" ry=\"18\" fill=\"#f6fcf7\" stroke=\"#8dc891\" stroke-width=\"2\"\/>\r\n        <\/g>\r\n\r\n        <!-- main glass panel -->\r\n        <g filter=\"url(#softShadow)\">\r\n          <rect x=\"215\" y=\"305\" width=\"270\" height=\"305\" rx=\"28\" fill=\"rgba(255,255,255,0.68)\" stroke=\"#d8ead8\" stroke-width=\"2\"\/>\r\n          <rect x=\"250\" y=\"410\" width=\"200\" height=\"145\" rx=\"22\" fill=\"url(#folderGrad)\" opacity=\"0.92\"\/>\r\n          <rect x=\"285\" y=\"365\" width=\"130\" height=\"150\" rx=\"16\" fill=\"#ffffff\" stroke=\"#d8ead8\"\/>\r\n          <rect x=\"303\" y=\"385\" width=\"92\" height=\"7\" rx=\"3.5\" fill=\"#d8ead8\"\/>\r\n          <rect x=\"303\" y=\"402\" width=\"78\" height=\"7\" rx=\"3.5\" fill=\"#d8ead8\"\/>\r\n          <rect x=\"303\" y=\"419\" width=\"88\" height=\"7\" rx=\"3.5\" fill=\"#d8ead8\"\/>\r\n          <rect x=\"303\" y=\"436\" width=\"70\" height=\"7\" rx=\"3.5\" fill=\"#d8ead8\"\/>\r\n\r\n          <!-- folder icon -->\r\n          <path d=\"M328 462h48c7 0 12 5 12 12v39c0 7-5 12-12 12h-70c-7 0-12-5-12-12v-61c0-7 5-12 12-12h18l9 10z\"\r\n                fill=\"none\" stroke=\"#ffffff\" stroke-width=\"5\" stroke-linejoin=\"round\"\/>\r\n          <line x1=\"315\" y1=\"486\" x2=\"368\" y2=\"486\" stroke=\"#ffffff\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n          <line x1=\"315\" y1=\"501\" x2=\"355\" y2=\"501\" stroke=\"#ffffff\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n        <\/g>\r\n\r\n        <!-- floating cards -->\r\n        <g filter=\"url(#smallShadow)\">\r\n          <rect x=\"70\" y=\"350\" width=\"185\" height=\"74\" rx=\"18\" fill=\"url(#cardFill)\" stroke=\"#d8ead8\"\/>\r\n          <rect x=\"75\" y=\"475\" width=\"180\" height=\"74\" rx=\"18\" fill=\"url(#cardFill)\" stroke=\"#d8ead8\"\/>\r\n          <rect x=\"82\" y=\"602\" width=\"188\" height=\"74\" rx=\"18\" fill=\"url(#cardFill)\" stroke=\"#d8ead8\"\/>\r\n\r\n          <rect x=\"245\" y=\"295\" width=\"195\" height=\"74\" rx=\"18\" fill=\"url(#cardFill)\" stroke=\"#d8ead8\"\/>\r\n\r\n          <rect x=\"463\" y=\"355\" width=\"170\" height=\"74\" rx=\"18\" fill=\"url(#cardFill)\" stroke=\"#d8ead8\"\/>\r\n          <rect x=\"500\" y=\"475\" width=\"150\" height=\"74\" rx=\"18\" fill=\"url(#cardFill)\" stroke=\"#d8ead8\"\/>\r\n          <rect x=\"485\" y=\"605\" width=\"170\" height=\"74\" rx=\"18\" fill=\"url(#cardFill)\" stroke=\"#d8ead8\"\/>\r\n        <\/g>\r\n\r\n        <!-- card labels -->\r\n        <g font-family=\"Arial, sans-serif\" fill=\"#1a1a18\">\r\n          <g>\r\n            <rect x=\"95\" y=\"372\" width=\"24\" height=\"28\" rx=\"4\" fill=\"none\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <line x1=\"101\" y1=\"381\" x2=\"113\" y2=\"381\" stroke=\"#046307\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <line x1=\"101\" y1=\"389\" x2=\"117\" y2=\"389\" stroke=\"#046307\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <text x=\"135\" y=\"388\" font-size=\"15\" font-weight=\"600\">Document<\/text>\r\n            <text x=\"135\" y=\"407\" font-size=\"15\" font-weight=\"600\">\u0627\u0644\u0643\u0648\u062f<\/text>\r\n          <\/g>\r\n\r\n          <g>\r\n            <path d=\"M100 497h30v24h-30z\" fill=\"none\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <path d=\"M100 497l15 13 15-13\" fill=\"none\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <text x=\"145\" y=\"512\" font-size=\"15\" font-weight=\"600\">Correspondence<\/text>\r\n          <\/g>\r\n\r\n          <g>\r\n            <circle cx=\"115\" cy=\"630\" r=\"13\" fill=\"none\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <line x1=\"124\" y1=\"639\" x2=\"137\" y2=\"652\" stroke=\"#046307\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <text x=\"145\" y=\"635\" font-size=\"15\" font-weight=\"600\">OCR &amp; Search<\/text>\r\n          <\/g>\r\n\r\n          <g>\r\n            <rect x=\"271\" y=\"317\" width=\"11\" height=\"11\" rx=\"2\" fill=\"#046307\"\/>\r\n            <rect x=\"302\" y=\"317\" width=\"11\" height=\"11\" rx=\"2\" fill=\"#046307\"\/>\r\n            <rect x=\"286\" y=\"343\" width=\"11\" height=\"11\" rx=\"2\" fill=\"#046307\"\/>\r\n            <line x1=\"276\" y1=\"328\" x2=\"291\" y2=\"343\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <line x1=\"307\" y1=\"328\" x2=\"291\" y2=\"343\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <text x=\"325\" y=\"334\" font-size=\"15\" font-weight=\"600\">Workflow<\/text>\r\n            <text x=\"325\" y=\"353\" font-size=\"15\" font-weight=\"600\">\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/text>\r\n          <\/g>\r\n\r\n          <g>\r\n            <circle cx=\"490\" cy=\"392\" r=\"15\" fill=\"none\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <path d=\"M482 392l6 6 10-13\" fill=\"none\" stroke=\"#04c70a\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <text x=\"523\" y=\"398\" font-size=\"15\" font-weight=\"600\">Approvals<\/text>\r\n          <\/g>\r\n\r\n          <g>\r\n            <ellipse cx=\"530\" cy=\"503\" rx=\"13\" ry=\"5\" fill=\"none\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <path d=\"M517 503v18c0 4 6 7 13 7s13-3 13-7v-18\" fill=\"none\" stroke=\"#046307\" stroke-width=\"3\"\/>\r\n            <path d=\"M548 518l7 7 12-15\" fill=\"none\" stroke=\"#046307\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <text x=\"566\" y=\"506\" font-size=\"15\" font-weight=\"600\">Secure<\/text>\r\n            <text x=\"566\" y=\"525\" font-size=\"15\" font-weight=\"600\">Records<\/text>\r\n          <\/g>\r\n\r\n          <g>\r\n            <path d=\"M514 628h24l7 7h36v28h-67z\" fill=\"#046307\"\/>\r\n            <circle cx=\"531\" cy=\"654\" r=\"4\" fill=\"#8dc891\"\/>\r\n            <circle cx=\"545\" cy=\"654\" r=\"4\" fill=\"#8dc891\"\/>\r\n            <circle cx=\"559\" cy=\"654\" r=\"4\" fill=\"#8dc891\"\/>\r\n            <text x=\"586\" y=\"639\" font-size=\"15\" font-weight=\"600\">Case<\/text>\r\n            <text x=\"586\" y=\"658\" font-size=\"15\" font-weight=\"600\">\u0627\u0644\u0643\u0648\u062f<\/text>\r\n          <\/g>\r\n        <\/g>\r\n\r\n        <!-- connectors -->\r\n        <g stroke=\"#8dc891\" stroke-width=\"2.5\" opacity=\"0.9\">\r\n          <path d=\"M255 388 C290 390, 280 395, 290 420\" fill=\"none\"\/>\r\n          <path d=\"M255 512 C300 510, 290 500, 300 485\" fill=\"none\"\/>\r\n          <path d=\"M270 638 C315 620, 305 585, 330 555\" fill=\"none\"\/>\r\n\r\n          <path d=\"M440 332 C455 350, 455 380, 445 410\" fill=\"none\"\/>\r\n          <path d=\"M463 392 C435 400, 420 420, 410 438\" fill=\"none\"\/>\r\n          <path d=\"M500 512 C470 512, 442 510, 428 500\" fill=\"none\"\/>\r\n          <path d=\"M485 642 C450 620, 432 590, 420 560\" fill=\"none\"\/>\r\n        <\/g>\r\n\r\n        <!-- subtle glow lines -->\r\n        <g stroke=\"#b8f5c2\" stroke-width=\"4\" stroke-linecap=\"round\" opacity=\"0.7\">\r\n          <path d=\"M200 540 C260 500, 425 505, 500 540\" fill=\"none\"\/>\r\n          <path d=\"M210 590 C290 560, 420 565, 490 595\" fill=\"none\"\/>\r\n        <\/g>\r\n      <\/svg>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6482f67 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6482f67\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9dcdc4f\" data-id=\"9dcdc4f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-73bd4f6 wcf-starter-animations-none wcf-t-animation-none elementor-widget elementor-widget-heading\" data-id=\"73bd4f6\" 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;,&quot;wcf_text_animation&quot;:&quot;none&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">One Platform, Every Content-Driven Process.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-580e1e3 wcf-starter-animations-none wcf-t-animation-none elementor-widget elementor-widget-text-editor\" data-id=\"580e1e3\" 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;,&quot;wcf_text_animation&quot;:&quot;none&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>DigiNation ECM connects document management, workflow automation, correspondence, cases, meetings, and AI into one enterprise content environment instead of forcing teams to work across isolated tools.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-53fb08e e-con-full e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"53fb08e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0984db3 elementor-widget elementor-widget-html\" data-id=\"0984db3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.acs-wrap{\r\n  background:#f8fbf8;\r\n  font-family:'Poppins',sans-serif;\r\n  padding:90px clamp(24px,7vw,120px);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.acs-wrap::before{\r\n  content:'';\r\n  position:absolute;\r\n  width:500px;\r\n  height:500px;\r\n  border-radius:50%;\r\n  top:-200px;\r\n  right:-100px;\r\n  background:radial-gradient(circle,rgba(4,199,10,.05) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.acs-inner{\r\n  max-width:1160px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:80px;\r\n  align-items:center;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT CONTENT \u2500\u2500 *\/\r\n\r\n.acs-title{\r\n  font-size:clamp(28px,4vw,46px);\r\n  font-weight:900;\r\n  line-height:1.1;\r\n  letter-spacing:-.02em;\r\n  color:#0d0d0d;\r\n  margin:0 0 16px;\r\n}\r\n\r\n.acs-title em{\r\n  font-style:italic;\r\n  color:#046307;\r\n}\r\n\r\n.acs-subtitle{\r\n  font-size:18px;\r\n  line-height:1.55;\r\n  font-weight:600;\r\n  color:#046307;\r\n  max-width:470px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.acs-rule{\r\n  width:40px;\r\n  height:2px;\r\n  background:#04c70a;\r\n  border-radius:2px;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.acs-desc{\r\n  font-size:15px;\r\n  line-height:1.8;\r\n  color:#5a7a5e;\r\n  font-weight:300;\r\n  max-width:480px;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.acs-desc:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RIGHT POINTS \u2500\u2500 *\/\r\n\r\n.acs-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:0;\r\n}\r\n\r\n.acs-item{\r\n  display:grid;\r\n  grid-template-columns:52px 1fr;\r\n  gap:0;\r\n  align-items:center;\r\n  padding:24px 0;\r\n  border-bottom:1px solid #e4ede4;\r\n  cursor:default;\r\n  transition:padding .25s ease;\r\n  position:relative;\r\n}\r\n\r\n.acs-item:first-child{\r\n  border-top:1px solid #e4ede4;\r\n}\r\n\r\n.acs-item:hover{\r\n  padding-left:8px;\r\n}\r\n\r\n.acs-num{\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  color:#c8ddc9;\r\n  transition:color .25s;\r\n  font-family:'Poppins',sans-serif;\r\n}\r\n\r\n.acs-item:hover .acs-num{\r\n  color:#04c70a;\r\n}\r\n\r\n.acs-item-top{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n\r\n.acs-dot{\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:#e4ede4;\r\n  flex-shrink:0;\r\n  transition:background .25s,transform .25s;\r\n}\r\n\r\n.acs-item:hover .acs-dot{\r\n  background:#04c70a;\r\n  transform:scale(1.3);\r\n}\r\n\r\n.acs-item-title{\r\n  font-size:17px;\r\n  font-weight:700;\r\n  color:#0d0d0d;\r\n  line-height:1.3;\r\n  transition:color .25s;\r\n  font-family:'Poppins',sans-serif;\r\n  margin:0;\r\n}\r\n\r\n.acs-item:hover .acs-item-title{\r\n  color:#046307;\r\n}\r\n\r\n.acs-item::before{\r\n  content:'';\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n  width:2px;\r\n  background:linear-gradient(180deg,#04c70a,#046307);\r\n  transform:scaleY(0);\r\n  transform-origin:top;\r\n  transition:transform .3s ease;\r\n  border-radius:2px;\r\n}\r\n\r\n.acs-item:hover::before{\r\n  transform:scaleY(1);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 REVEAL ANIMATION \u2500\u2500 *\/\r\n\r\n.acs-rv{\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity .7s ease,transform .7s ease;\r\n}\r\n\r\n.acs-rv.on{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .acs-inner{\r\n    grid-template-columns:1fr;\r\n    gap:48px;\r\n  }\r\n\r\n  .acs-desc,\r\n  .acs-subtitle{\r\n    max-width:100%;\r\n  }\r\n}\r\n\r\n@media(max-width:580px){\r\n\r\n  .acs-wrap{\r\n    padding:64px 24px;\r\n  }\r\n\r\n  .acs-title{\r\n    font-size:28px;\r\n  }\r\n\r\n  .acs-subtitle{\r\n    font-size:16px;\r\n  }\r\n\r\n  .acs-desc{\r\n    font-size:14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"acs-wrap\">\r\n\r\n  <div class=\"acs-inner\">\r\n\r\n\r\n    <!-- \u2500\u2500 LEFT CONTENT \u2500\u2500 -->\r\n\r\n    <div class=\"acs-left acs-rv\">\r\n\r\n      <h2 class=\"acs-title\">\r\n        Document <em>\u0627\u0644\u0643\u0648\u062f<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"acs-subtitle\">\r\n        Control Every Document, From First Upload to Final Archive.\r\n      <\/p>\r\n\r\n      <div class=\"acs-rule\"><\/div>\r\n\r\n      <p class=\"acs-desc\">\r\n        Manage the complete document lifecycle through secure storage,\r\n        structured metadata, version control, intelligent classification,\r\n        retention policies, and full auditability.\r\n      <\/p>\r\n\r\n      <p class=\"acs-desc\">\r\n        DigiNation ECM supports bulk uploads, check-in\/check-out,\r\n        version comparison, multi-format previews, full-text search,\r\n        scanned-document OCR, AI auto-classification, sensitivity detection,\r\n        and NCAR-aligned retention.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u2500\u2500 RIGHT POINTS \u2500\u2500 -->\r\n\r\n    <div class=\"acs-list\">\r\n\r\n      <div class=\"acs-item acs-rv\" data-delay=\"0\">\r\n        <span class=\"acs-num\">01<\/span>\r\n\r\n        <div class=\"acs-item-top\">\r\n          <div class=\"acs-dot\"><\/div>\r\n\r\n          <h3 class=\"acs-item-title\">\r\n            Secure, Centralized Storage\r\n          <\/h3>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"acs-item acs-rv\" data-delay=\"80\">\r\n        <span class=\"acs-num\">02<\/span>\r\n\r\n        <div class=\"acs-item-top\">\r\n          <div class=\"acs-dot\"><\/div>\r\n\r\n          <h3 class=\"acs-item-title\">\r\n            Smart Version Control\r\n          <\/h3>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"acs-item acs-rv\" data-delay=\"160\">\r\n        <span class=\"acs-num\">03<\/span>\r\n\r\n        <div class=\"acs-item-top\">\r\n          <div class=\"acs-dot\"><\/div>\r\n\r\n          <h3 class=\"acs-item-title\">\r\n            AI-Powered Classification\r\n          <\/h3>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"acs-item acs-rv\" data-delay=\"240\">\r\n        <span class=\"acs-num\">04<\/span>\r\n\r\n        <div class=\"acs-item-top\">\r\n          <div class=\"acs-dot\"><\/div>\r\n\r\n          <h3 class=\"acs-item-title\">\r\n            Instant Search &amp; OCR\r\n          <\/h3>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"acs-item acs-rv\" data-delay=\"320\">\r\n        <span class=\"acs-num\">05<\/span>\r\n\r\n        <div class=\"acs-item-top\">\r\n          <div class=\"acs-dot\"><\/div>\r\n\r\n          <h3 class=\"acs-item-title\">\r\n            Automated Retention &amp; Compliance\r\n          <\/h3>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  if(window._acsRv) return;\r\n\r\n  window._acsRv=true;\r\n\r\n  var io=new IntersectionObserver(function(entries){\r\n\r\n    entries.forEach(function(e){\r\n\r\n      if(e.isIntersecting){\r\n\r\n        var d=parseInt(e.target.dataset.delay)||0;\r\n\r\n        setTimeout(function(){\r\n          e.target.classList.add('on');\r\n        },d);\r\n\r\n        io.unobserve(e.target);\r\n      }\r\n\r\n    });\r\n\r\n  },{\r\n    threshold:.12\r\n  });\r\n\r\n  document.querySelectorAll('.acs-rv').forEach(function(el){\r\n    io.observe(el);\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a524b4d e-con-full e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"a524b4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c7f58e elementor-widget elementor-widget-html\" data-id=\"1c7f58e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.corr-wrap{\r\n  background:#f8fbf8;\r\n  font-family:'Poppins',sans-serif;\r\n  padding:90px clamp(24px,7vw,120px);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.corr-wrap::before{\r\n  content:'';\r\n  position:absolute;\r\n  width:500px;\r\n  height:500px;\r\n  border-radius:50%;\r\n  bottom:-220px;\r\n  left:-120px;\r\n  background:radial-gradient(circle,rgba(4,199,10,.05) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.corr-inner{\r\n  max-width:1160px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:80px;\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 LEFT IMAGE \u2500\u2500 *\/\r\n\r\n.corr-image-col{\r\n  width:100%;\r\n  position:relative;\r\n}\r\n\r\n.corr-image-frame{\r\n  width:100%;\r\n  min-height:520px;\r\n  border-radius:20px;\r\n  overflow:hidden;\r\n  border:1.5px solid #e2ddd5;\r\n\r\n  background:\r\n    radial-gradient(circle at 20% 15%,rgba(4,99,7,.08),transparent 28%),\r\n    linear-gradient(180deg,#ffffff 0%,#eff8f0 100%);\r\n\r\n  box-shadow:0 10px 44px rgba(26,26,24,.13);\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  position:relative;\r\n}\r\n\r\n.corr-svg{\r\n  width:100%;\r\n  height:100%;\r\n  min-height:520px;\r\n  display:block;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RIGHT CONTENT \u2500\u2500 *\/\r\n\r\n.corr-title{\r\n  font-size:clamp(28px,4vw,46px);\r\n  font-weight:900;\r\n  line-height:1.1;\r\n  letter-spacing:-.02em;\r\n  color:#0d0d0d;\r\n  margin:0 0 18px;\r\n}\r\n\r\n.corr-title em{\r\n  font-style:italic;\r\n  color:#046307;\r\n}\r\n\r\n.corr-subtitle{\r\n  font-size:18px;\r\n  line-height:1.55;\r\n  font-weight:600;\r\n  color:#046307;\r\n  max-width:500px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.corr-rule{\r\n  width:40px;\r\n  height:2px;\r\n  background:#04c70a;\r\n  border-radius:2px;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.corr-desc{\r\n  font-size:15px;\r\n  line-height:1.8;\r\n  color:#5a7a5e;\r\n  font-weight:300;\r\n  max-width:520px;\r\n  margin:0;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 FEATURE STRIP \u2500\u2500 *\/\r\n\r\n.corr-feature-strip{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:10px;\r\n  margin-top:28px;\r\n}\r\n\r\n.corr-feature{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:9px 13px;\r\n  border-radius:10px;\r\n  background:#ffffff;\r\n  border:1px solid #e4ede4;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  color:#3d3d38;\r\n  transition:border-color .22s,transform .22s,box-shadow .22s;\r\n}\r\n\r\n.corr-feature i{\r\n  color:#046307;\r\n  font-size:12px;\r\n}\r\n\r\n.corr-feature:hover{\r\n  border-color:#8dc891;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 2px 20px rgba(26,26,24,.07);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 ANIMATION \u2500\u2500 *\/\r\n\r\n.corr-rv{\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity .7s ease,transform .7s ease;\r\n}\r\n\r\n.corr-rv.on{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .corr-inner{\r\n    grid-template-columns:1fr;\r\n    gap:48px;\r\n  }\r\n\r\n  .corr-image-frame,\r\n  .corr-svg{\r\n    min-height:400px;\r\n  }\r\n\r\n  .corr-subtitle,\r\n  .corr-desc{\r\n    max-width:100%;\r\n  }\r\n}\r\n\r\n@media(max-width:580px){\r\n\r\n  .corr-wrap{\r\n    padding:64px 24px;\r\n  }\r\n\r\n  .corr-title{\r\n    font-size:28px;\r\n  }\r\n\r\n  .corr-subtitle{\r\n    font-size:16px;\r\n  }\r\n\r\n  .corr-desc{\r\n    font-size:14px;\r\n  }\r\n\r\n  .corr-image-frame,\r\n  .corr-svg{\r\n    min-height:340px;\r\n  }\r\n\r\n  .corr-image-frame{\r\n    border-radius:16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"corr-wrap\">\r\n\r\n  <div class=\"corr-inner\">\r\n\r\n\r\n    <!-- \u2500\u2500 LEFT DIGITAL CORRESPONDENCE VISUAL \u2500\u2500 -->\r\n\r\n    <div class=\"corr-image-col corr-rv\">\r\n\r\n      <div class=\"corr-image-frame\">\r\n\r\n        <svg\r\n          class=\"corr-svg\"\r\n          viewbox=\"0 0 700 760\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          role=\"img\"\r\n          aria-label=\"Digital correspondence management workflow illustration\"\r\n        >\r\n\r\n          <defs>\r\n\r\n            <lineargradient id=\"corrBg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0%\" stop-color=\"#ffffff\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#eef8ef\"\/>\r\n            <\/lineargradient>\r\n\r\n            <lineargradient id=\"corrGreen\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0%\" stop-color=\"#8dc891\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#046307\"\/>\r\n            <\/lineargradient>\r\n\r\n            <lineargradient id=\"corrGlass\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0%\" stop-color=\"#ffffff\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#f3faf3\"\/>\r\n            <\/lineargradient>\r\n\r\n            <filter id=\"corrShadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n              <fedropshadow\r\n                dx=\"0\"\r\n                dy=\"10\"\r\n                stddeviation=\"18\"\r\n                flood-color=\"#046307\"\r\n                flood-opacity=\".12\"\r\n              \/>\r\n            <\/filter>\r\n\r\n            <filter id=\"corrSmallShadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n              <fedropshadow\r\n                dx=\"0\"\r\n                dy=\"5\"\r\n                stddeviation=\"8\"\r\n                flood-color=\"#046307\"\r\n                flood-opacity=\".10\"\r\n              \/>\r\n            <\/filter>\r\n\r\n          <\/defs>\r\n\r\n\r\n          <!-- BACKGROUND -->\r\n\r\n          <rect\r\n            width=\"700\"\r\n            height=\"760\"\r\n            fill=\"url(#corrBg)\"\r\n          \/>\r\n\r\n          <circle\r\n            cx=\"575\"\r\n            cy=\"110\"\r\n            r=\"185\"\r\n            fill=\"#046307\"\r\n            opacity=\".035\"\r\n          \/>\r\n\r\n          <circle\r\n            cx=\"100\"\r\n            cy=\"670\"\r\n            r=\"175\"\r\n            fill=\"#8dc891\"\r\n            opacity=\".08\"\r\n          \/>\r\n\r\n\r\n          <!-- NETWORK NODES -->\r\n\r\n          <g\r\n            stroke=\"#8dc891\"\r\n            stroke-width=\"2\"\r\n            opacity=\".38\"\r\n          >\r\n\r\n            <line x1=\"70\" y1=\"165\" x2=\"170\" y2=\"130\"\/>\r\n            <line x1=\"170\" y1=\"130\" x2=\"265\" y2=\"165\"\/>\r\n            <line x1=\"520\" y1=\"115\" x2=\"610\" y2=\"160\"\/>\r\n            <line x1=\"610\" y1=\"160\" x2=\"650\" y2=\"250\"\/>\r\n\r\n          <\/g>\r\n\r\n\r\n          <g fill=\"#ffffff\" stroke=\"#8dc891\" stroke-width=\"2\">\r\n\r\n            <circle cx=\"70\" cy=\"165\" r=\"6\"\/>\r\n            <circle cx=\"170\" cy=\"130\" r=\"6\"\/>\r\n            <circle cx=\"265\" cy=\"165\" r=\"6\"\/>\r\n\r\n            <circle cx=\"520\" cy=\"115\" r=\"6\"\/>\r\n            <circle cx=\"610\" cy=\"160\" r=\"6\"\/>\r\n            <circle cx=\"650\" cy=\"250\" r=\"6\"\/>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- MAIN CENTRAL INBOX -->\r\n\r\n          <g filter=\"url(#corrShadow)\">\r\n\r\n            <rect\r\n              x=\"208\"\r\n              y=\"215\"\r\n              width=\"285\"\r\n              height=\"330\"\r\n              rx=\"30\"\r\n              fill=\"rgba(255,255,255,.78)\"\r\n              stroke=\"#d8ead8\"\r\n              stroke-width=\"2\"\r\n            \/>\r\n\r\n            <rect\r\n              x=\"245\"\r\n              y=\"295\"\r\n              width=\"210\"\r\n              height=\"165\"\r\n              rx=\"24\"\r\n              fill=\"url(#corrGreen)\"\r\n            \/>\r\n\r\n\r\n            <!-- BIG ENVELOPE -->\r\n\r\n            <rect\r\n              x=\"292\"\r\n              y=\"330\"\r\n              width=\"116\"\r\n              height=\"82\"\r\n              rx=\"12\"\r\n              fill=\"none\"\r\n              stroke=\"#ffffff\"\r\n              stroke-width=\"5\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M294 333 L350 376 L406 333\"\r\n              fill=\"none\"\r\n              stroke=\"#ffffff\"\r\n              stroke-width=\"5\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M294 410 L330 377\"\r\n              fill=\"none\"\r\n              stroke=\"#ffffff\"\r\n              stroke-width=\"4\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M406 410 L370 377\"\r\n              fill=\"none\"\r\n              stroke=\"#ffffff\"\r\n              stroke-width=\"4\"\r\n            \/>\r\n\r\n\r\n            <!-- TOP STATUS -->\r\n\r\n            <rect\r\n              x=\"262\"\r\n              y=\"244\"\r\n              width=\"175\"\r\n              height=\"32\"\r\n              rx=\"16\"\r\n              fill=\"#e7f4e8\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"282\"\r\n              cy=\"260\"\r\n              r=\"6\"\r\n              fill=\"#04c70a\"\r\n            \/>\r\n\r\n            <rect\r\n              x=\"298\"\r\n              y=\"255\"\r\n              width=\"118\"\r\n              height=\"9\"\r\n              rx=\"4.5\"\r\n              fill=\"#8dc891\"\r\n              opacity=\".55\"\r\n            \/>\r\n\r\n\r\n            <!-- BOTTOM TIMELINE -->\r\n\r\n            <line\r\n              x1=\"265\"\r\n              y1=\"500\"\r\n              x2=\"435\"\r\n              y2=\"500\"\r\n              stroke=\"#d8ead8\"\r\n              stroke-width=\"4\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <circle cx=\"280\" cy=\"500\" r=\"8\" fill=\"#046307\"\/>\r\n            <circle cx=\"330\" cy=\"500\" r=\"8\" fill=\"#8dc891\"\/>\r\n            <circle cx=\"380\" cy=\"500\" r=\"8\" fill=\"#c8ddc9\"\/>\r\n            <circle cx=\"430\" cy=\"500\" r=\"8\" fill=\"#e4ede4\"\/>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- LEFT FLOATING CARD 1 -->\r\n\r\n          <g filter=\"url(#corrSmallShadow)\">\r\n\r\n            <rect\r\n              x=\"38\"\r\n              y=\"240\"\r\n              width=\"190\"\r\n              height=\"92\"\r\n              rx=\"18\"\r\n              fill=\"url(#corrGlass)\"\r\n              stroke=\"#d8ead8\"\r\n            \/>\r\n\r\n            <rect\r\n              x=\"60\"\r\n              y=\"264\"\r\n              width=\"42\"\r\n              height=\"34\"\r\n              rx=\"7\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M60 264 L81 282 L102 264\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <text\r\n              x=\"118\"\r\n              y=\"278\"\r\n              font-family=\"Poppins, Arial\"\r\n              font-size=\"14\"\r\n              font-weight=\"700\"\r\n              fill=\"#1a1a18\"\r\n            >\r\n              Incoming\r\n            <\/text>\r\n\r\n            <text\r\n              x=\"118\"\r\n              y=\"297\"\r\n              font-family=\"Poppins, Arial\"\r\n              font-size=\"12\"\r\n              fill=\"#6a7d6a\"\r\n            >\r\n              Correspondence\r\n            <\/text>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- LEFT FLOATING CARD 2 -->\r\n\r\n          <g filter=\"url(#corrSmallShadow)\">\r\n\r\n            <rect\r\n              x=\"50\"\r\n              y=\"410\"\r\n              width=\"175\"\r\n              height=\"88\"\r\n              rx=\"18\"\r\n              fill=\"url(#corrGlass)\"\r\n              stroke=\"#d8ead8\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"82\"\r\n              cy=\"454\"\r\n              r=\"18\"\r\n              fill=\"#e7f4e8\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M74 454h16M86 448l6 6-6 6\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <text\r\n              x=\"112\"\r\n              y=\"450\"\r\n              font-family=\"Poppins, Arial\"\r\n              font-size=\"14\"\r\n              font-weight=\"700\"\r\n              fill=\"#1a1a18\"\r\n            >\r\n              Forwarding\r\n            <\/text>\r\n\r\n            <text\r\n              x=\"112\"\r\n              y=\"469\"\r\n              font-family=\"Poppins, Arial\"\r\n              font-size=\"12\"\r\n              fill=\"#6a7d6a\"\r\n            >\r\n              Smart routing\r\n            <\/text>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- RIGHT FLOATING CARD 1 -->\r\n\r\n          <g filter=\"url(#corrSmallShadow)\">\r\n\r\n            <rect\r\n              x=\"474\"\r\n              y=\"238\"\r\n              width=\"188\"\r\n              height=\"94\"\r\n              rx=\"18\"\r\n              fill=\"url(#corrGlass)\"\r\n              stroke=\"#d8ead8\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"510\"\r\n              cy=\"283\"\r\n              r=\"20\"\r\n              fill=\"#e7f4e8\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M501 283l7 7 12-15\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"4\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <text\r\n              x=\"542\"\r\n              y=\"278\"\r\n              font-family=\"Poppins, Arial\"\r\n              font-size=\"14\"\r\n              font-weight=\"700\"\r\n              fill=\"#1a1a18\"\r\n            >\r\n              Classified\r\n            <\/text>\r\n\r\n            <text\r\n              x=\"542\"\r\n              y=\"297\"\r\n              font-family=\"Poppins, Arial\"\r\n              font-size=\"12\"\r\n              fill=\"#6a7d6a\"\r\n            >\r\n              &amp; secured\r\n            <\/text>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- RIGHT FLOATING CARD 2 -->\r\n\r\n          <g filter=\"url(#corrSmallShadow)\">\r\n\r\n            <rect\r\n              x=\"490\"\r\n              y=\"405\"\r\n              width=\"170\"\r\n              height=\"92\"\r\n              rx=\"18\"\r\n              fill=\"url(#corrGlass)\"\r\n              stroke=\"#d8ead8\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"523\"\r\n              cy=\"450\"\r\n              r=\"19\"\r\n              fill=\"#e7f4e8\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"523\"\r\n              cy=\"450\"\r\n              r=\"11\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"3\"\r\n            \/>\r\n\r\n            <line\r\n              x1=\"523\"\r\n              y1=\"450\"\r\n              x2=\"523\"\r\n              y2=\"442\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <line\r\n              x1=\"523\"\r\n              y1=\"450\"\r\n              x2=\"530\"\r\n              y2=\"454\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"3\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <text\r\n              x=\"554\"\r\n              y=\"446\"\r\n              font-family=\"Poppins, Arial\"\r\n              font-size=\"14\"\r\n              font-weight=\"700\"\r\n              fill=\"#1a1a18\"\r\n            >\r\n              SLA\r\n            <\/text>\r\n\r\n            <text\r\n              x=\"554\"\r\n              y=\"465\"\r\n              font-family=\"Poppins, Arial\"\r\n              font-size=\"12\"\r\n              fill=\"#6a7d6a\"\r\n            >\r\n              Tracking\r\n            <\/text>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- CHANNELS \/ OMNICHANNEL -->\r\n\r\n          <g filter=\"url(#corrSmallShadow)\">\r\n\r\n            <rect\r\n              x=\"146\"\r\n              y=\"585\"\r\n              width=\"408\"\r\n              height=\"92\"\r\n              rx=\"22\"\r\n              fill=\"rgba(255,255,255,.88)\"\r\n              stroke=\"#d8ead8\"\r\n            \/>\r\n\r\n            <!-- email -->\r\n            <circle cx=\"205\" cy=\"631\" r=\"22\" fill=\"#e7f4e8\"\/>\r\n\r\n            <rect\r\n              x=\"191\"\r\n              y=\"621\"\r\n              width=\"28\"\r\n              height=\"21\"\r\n              rx=\"4\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M191 621l14 11 14-11\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n\r\n            <!-- whatsapp style -->\r\n            <circle cx=\"280\" cy=\"631\" r=\"22\" fill=\"#e7f4e8\"\/>\r\n\r\n            <path\r\n              d=\"M273 622c10-5 20 4 16 14-4 10-15 11-22 5l-5 2 2-6c-5-7-1-12 9-15z\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n\r\n            <!-- API -->\r\n            <circle cx=\"355\" cy=\"631\" r=\"22\" fill=\"#e7f4e8\"\/>\r\n\r\n            <path\r\n              d=\"M347 624l-7 7 7 7M363 624l7 7-7 7\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"2.5\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <line\r\n              x1=\"359\"\r\n              y1=\"620\"\r\n              x2=\"351\"\r\n              y2=\"642\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n\r\n            <!-- portal -->\r\n            <circle cx=\"430\" cy=\"631\" r=\"22\" fill=\"#e7f4e8\"\/>\r\n\r\n            <rect\r\n              x=\"418\"\r\n              y=\"620\"\r\n              width=\"24\"\r\n              height=\"22\"\r\n              rx=\"3\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n            <line\r\n              x1=\"418\"\r\n              y1=\"626\"\r\n              x2=\"442\"\r\n              y2=\"626\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n\r\n            <!-- mobile -->\r\n            <circle cx=\"505\" cy=\"631\" r=\"22\" fill=\"#e7f4e8\"\/>\r\n\r\n            <rect\r\n              x=\"497\"\r\n              y=\"617\"\r\n              width=\"16\"\r\n              height=\"29\"\r\n              rx=\"3\"\r\n              fill=\"none\"\r\n              stroke=\"#046307\"\r\n              stroke-width=\"2.5\"\r\n            \/>\r\n\r\n            <circle\r\n              cx=\"505\"\r\n              cy=\"641\"\r\n              r=\"1.7\"\r\n              fill=\"#046307\"\r\n            \/>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- CONNECTOR LINES -->\r\n\r\n          <g\r\n            fill=\"none\"\r\n            stroke=\"#8dc891\"\r\n            stroke-width=\"2.5\"\r\n            opacity=\".82\"\r\n          >\r\n\r\n            <path d=\"M228 285 C260 290 272 305 286 330\"\/>\r\n            <path d=\"M225 453 C265 440 276 421 291 408\"\/>\r\n\r\n            <path d=\"M474 285 C447 293 432 314 417 337\"\/>\r\n            <path d=\"M490 450 C450 440 432 420 414 402\"\/>\r\n\r\n            <path d=\"M350 545 C350 566 350 574 350 585\"\/>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- CONNECTOR DOTS -->\r\n\r\n          <g fill=\"#04c70a\">\r\n\r\n            <circle cx=\"286\" cy=\"330\" r=\"5\"\/>\r\n            <circle cx=\"291\" cy=\"408\" r=\"5\"\/>\r\n            <circle cx=\"417\" cy=\"337\" r=\"5\"\/>\r\n            <circle cx=\"414\" cy=\"402\" r=\"5\"\/>\r\n            <circle cx=\"350\" cy=\"585\" r=\"5\"\/>\r\n\r\n          <\/g>\r\n\r\n\r\n          <!-- LIGHT DIGITAL FLOW -->\r\n\r\n          <g\r\n            fill=\"none\"\r\n            stroke=\"#b6efbd\"\r\n            stroke-width=\"4\"\r\n            stroke-linecap=\"round\"\r\n            opacity=\".7\"\r\n          >\r\n\r\n            <path d=\"M120 548 C220 520 465 520 580 550\"\/>\r\n            <path d=\"M145 710 C270 675 445 678 560 710\"\/>\r\n\r\n          <\/g>\r\n\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u2500\u2500 RIGHT CONTENT \u2500\u2500 -->\r\n\r\n    <div class=\"corr-content corr-rv\">\r\n\r\n      <h2 class=\"corr-title\">\r\n        Correspondence <em>\u0627\u0644\u0643\u0648\u062f<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"corr-subtitle\">\r\n        Bring incoming, outgoing, and internal correspondence into one controlled workflow.\r\n      <\/p>\r\n\r\n      <div class=\"corr-rule\"><\/div>\r\n\r\n      <p class=\"corr-desc\">\r\n        Automatically assign reference numbers, classify sensitivity, track status,\r\n        manage forwarding chains, trigger SLA reminders, escalate delays, and maintain\r\n        a complete correspondence history. DigiNation ECM also supports omnichannel\r\n        intake through email, WhatsApp, APIs, portals, and mobile submissions.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"corr-feature-strip\">\r\n\r\n        <span class=\"corr-feature\">\r\n          <i class=\"fa-solid fa-envelope\"><\/i>\r\n          \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n        <\/span>\r\n\r\n        <span class=\"corr-feature\">\r\n          <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n          WhatsApp\r\n        <\/span>\r\n\r\n        <span class=\"corr-feature\">\r\n          <i class=\"fa-solid fa-code\"><\/i>\r\n          APIs\r\n        <\/span>\r\n\r\n        <span class=\"corr-feature\">\r\n          <i class=\"fa-solid fa-window-maximize\"><\/i>\r\n          Portals\r\n        <\/span>\r\n\r\n        <span class=\"corr-feature\">\r\n          <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\r\n          Mobile\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  var io = new IntersectionObserver(function(entries){\r\n\r\n    entries.forEach(function(e){\r\n\r\n      if(e.isIntersecting){\r\n\r\n        e.target.classList.add('on');\r\n        io.unobserve(e.target);\r\n\r\n      }\r\n\r\n    });\r\n\r\n  },{\r\n    threshold:.12\r\n  });\r\n\r\n  document.querySelectorAll('.corr-rv').forEach(function(el){\r\n    io.observe(el);\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bb0e19 elementor-widget elementor-widget-html\" data-id=\"2bb0e19\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.wf-wrap{\r\n  background:#f8fbf8;\r\n  font-family:'Poppins',sans-serif;\r\n  padding:90px clamp(24px,7vw,120px);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.wf-wrap::before{\r\n  content:'';\r\n  position:absolute;\r\n  width:520px;\r\n  height:520px;\r\n  border-radius:50%;\r\n  top:-220px;\r\n  right:-140px;\r\n  background:radial-gradient(circle,rgba(4,199,10,.05) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.wf-inner{\r\n  max-width:1160px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:72px;\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 LEFT CONTENT \u2500\u2500 *\/\r\n\r\n.wf-title{\r\n  font-size:clamp(30px,4vw,46px);\r\n  font-weight:900;\r\n  line-height:1.1;\r\n  letter-spacing:-.02em;\r\n  color:#0d0d0d;\r\n  margin:0 0 18px;\r\n}\r\n\r\n.wf-title em{\r\n  font-style:italic;\r\n  color:#046307;\r\n}\r\n\r\n.wf-key{\r\n  font-size:19px;\r\n  line-height:1.5;\r\n  font-weight:600;\r\n  color:#046307;\r\n  max-width:540px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.wf-rule{\r\n  width:40px;\r\n  height:2px;\r\n  background:#04c70a;\r\n  border-radius:2px;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.wf-desc{\r\n  font-size:15px;\r\n  line-height:1.85;\r\n  color:#5a7a5e;\r\n  font-weight:300;\r\n  max-width:560px;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RIGHT WORKFLOW VISUAL \u2500\u2500 *\/\r\n\r\n.wf-visual{\r\n  background:#ffffff;\r\n  border:1.5px solid #e2ddd5;\r\n  border-radius:20px;\r\n  padding:34px;\r\n  box-shadow:0 10px 44px rgba(26,26,24,.10);\r\n  position:relative;\r\n}\r\n\r\n.wf-step{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  position:relative;\r\n  padding:18px 0;\r\n}\r\n\r\n.wf-step:not(:last-child)::after{\r\n  content:'';\r\n  position:absolute;\r\n  left:20px;\r\n  top:58px;\r\n  width:1.5px;\r\n  height:32px;\r\n  background:#dbeadb;\r\n}\r\n\r\n.wf-icon{\r\n  width:42px;\r\n  height:42px;\r\n  border-radius:11px;\r\n  background:#e7f4e8;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  flex-shrink:0;\r\n  transition:background .22s,transform .22s;\r\n}\r\n\r\n.wf-icon i{\r\n  font-size:15px;\r\n  color:#046307;\r\n  transition:color .22s;\r\n}\r\n\r\n.wf-step:hover .wf-icon{\r\n  background:#046307;\r\n  transform:scale(1.04);\r\n}\r\n\r\n.wf-step:hover .wf-icon i{\r\n  color:#ffffff;\r\n}\r\n\r\n.wf-step-content{\r\n  flex:1;\r\n}\r\n\r\n.wf-step-title{\r\n  font-size:15px;\r\n  font-weight:700;\r\n  color:#0d0d0d;\r\n  line-height:1.35;\r\n  margin-bottom:3px;\r\n}\r\n\r\n.wf-step-sub{\r\n  font-size:12.5px;\r\n  font-weight:300;\r\n  line-height:1.5;\r\n  color:#7a7a72;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 ANIMATION \u2500\u2500 *\/\r\n\r\n.wf-rv{\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity .7s ease,transform .7s ease;\r\n}\r\n\r\n.wf-rv.on{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .wf-inner{\r\n    grid-template-columns:1fr;\r\n    gap:48px;\r\n  }\r\n\r\n  .wf-key,\r\n  .wf-desc{\r\n    max-width:100%;\r\n  }\r\n}\r\n\r\n@media(max-width:580px){\r\n\r\n  .wf-wrap{\r\n    padding:64px 24px;\r\n  }\r\n\r\n  .wf-title{\r\n    font-size:28px;\r\n  }\r\n\r\n  .wf-key{\r\n    font-size:16px;\r\n  }\r\n\r\n  .wf-desc{\r\n    font-size:14px;\r\n  }\r\n\r\n  .wf-visual{\r\n    padding:24px 20px;\r\n    border-radius:16px;\r\n  }\r\n\r\n  .wf-step{\r\n    gap:13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"wf-wrap\">\r\n\r\n  <div class=\"wf-inner\">\r\n\r\n    <!-- \u2500\u2500 LEFT CONTENT \u2500\u2500 -->\r\n\r\n    <div class=\"wf-content wf-rv\">\r\n\r\n      <h2 class=\"wf-title\">\r\n        Tasks &amp; <em>Workflow Automation<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"wf-key\">\r\n        Turn Manual Follow-Ups Into Automated Flow.\r\n      <\/p>\r\n\r\n      <div class=\"wf-rule\"><\/div>\r\n\r\n      <p class=\"wf-desc\">\r\n        Build digital workflows that move work automatically from one person,\r\n        department, or approval stage to the next. Configure serial, parallel,\r\n        and conditional routing, multi-step approval chains, task assignments,\r\n        SLA tracking, escalation rules, and executive performance dashboards\r\n        through an intuitive workflow engine.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u2500\u2500 RIGHT WORKFLOW VISUAL \u2500\u2500 -->\r\n\r\n    <div class=\"wf-visual wf-rv\">\r\n\r\n      <div class=\"wf-step\">\r\n\r\n        <div class=\"wf-icon\">\r\n          <i class=\"fa-solid fa-user-check\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"wf-step-content\">\r\n          <div class=\"wf-step-title\">\r\n            Assign\r\n          <\/div>\r\n\r\n          <div class=\"wf-step-sub\">\r\n            Route work to the right person or team.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wf-step\">\r\n\r\n        <div class=\"wf-icon\">\r\n          <i class=\"fa-solid fa-code-branch\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"wf-step-content\">\r\n          <div class=\"wf-step-title\">\r\n            Route\r\n          <\/div>\r\n\r\n          <div class=\"wf-step-sub\">\r\n            Serial, parallel, and conditional workflows.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wf-step\">\r\n\r\n        <div class=\"wf-icon\">\r\n          <i class=\"fa-solid fa-circle-check\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"wf-step-content\">\r\n          <div class=\"wf-step-title\">\r\n            Approve\r\n          <\/div>\r\n\r\n          <div class=\"wf-step-sub\">\r\n            Manage multi-step approval chains automatically.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wf-step\">\r\n\r\n        <div class=\"wf-icon\">\r\n          <i class=\"fa-solid fa-clock\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"wf-step-content\">\r\n          <div class=\"wf-step-title\">\r\n            Track\r\n          <\/div>\r\n\r\n          <div class=\"wf-step-sub\">\r\n            Monitor SLAs, deadlines, and escalations.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wf-step\">\r\n\r\n        <div class=\"wf-icon\">\r\n          <i class=\"fa-solid fa-chart-line\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"wf-step-content\">\r\n          <div class=\"wf-step-title\">\r\n            Optimize\r\n          <\/div>\r\n\r\n          <div class=\"wf-step-sub\">\r\n            Measure performance through executive dashboards.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  var io=new IntersectionObserver(function(entries){\r\n\r\n    entries.forEach(function(e){\r\n\r\n      if(e.isIntersecting){\r\n        e.target.classList.add('on');\r\n        io.unobserve(e.target);\r\n      }\r\n\r\n    });\r\n\r\n  },{\r\n    threshold:.12\r\n  });\r\n\r\n  document.querySelectorAll('.wf-rv').forEach(function(el){\r\n    io.observe(el);\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d00e8f elementor-widget elementor-widget-html\" data-id=\"8d00e8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ai-wrap{\r\n  background:#ffffff;\r\n  font-family:'Poppins',sans-serif;\r\n  padding:90px clamp(24px,7vw,120px);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.ai-wrap::before{\r\n  content:'';\r\n  position:absolute;\r\n  width:520px;\r\n  height:520px;\r\n  border-radius:50%;\r\n  top:-230px;\r\n  right:-140px;\r\n  background:radial-gradient(circle,rgba(4,199,10,.05) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.ai-inner{\r\n  max-width:1160px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:72px;\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 LEFT CONTENT \u2500\u2500 *\/\r\n\r\n.ai-title{\r\n  font-size:clamp(30px,4vw,46px);\r\n  font-weight:900;\r\n  line-height:1.1;\r\n  letter-spacing:-.02em;\r\n  color:#0d0d0d;\r\n  margin:0 0 18px;\r\n}\r\n\r\n.ai-title em{\r\n  font-style:italic;\r\n  color:#046307;\r\n}\r\n\r\n.ai-subtitle{\r\n  font-size:19px;\r\n  line-height:1.5;\r\n  font-weight:600;\r\n  color:#046307;\r\n  max-width:560px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.ai-rule{\r\n  width:40px;\r\n  height:2px;\r\n  background:#04c70a;\r\n  border-radius:2px;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.ai-desc{\r\n  font-size:15px;\r\n  line-height:1.85;\r\n  color:#5a7a5e;\r\n  font-weight:300;\r\n  max-width:580px;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.ai-desc:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RIGHT CAPABILITY PANEL \u2500\u2500 *\/\r\n\r\n.ai-panel{\r\n  background:#f8fbf8;\r\n  border:1.5px solid #e4ede4;\r\n  border-radius:20px;\r\n  padding:32px;\r\n  box-shadow:0 10px 44px rgba(26,26,24,.08);\r\n  position:relative;\r\n}\r\n\r\n.ai-panel-title{\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  color:#046307;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.ai-capability-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:12px;\r\n}\r\n\r\n.ai-capability{\r\n  background:#ffffff;\r\n  border:1px solid #e4ede4;\r\n  border-radius:12px;\r\n  padding:16px 14px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  min-height:64px;\r\n  transition:\r\n    transform .22s ease,\r\n    border-color .22s ease,\r\n    box-shadow .22s ease;\r\n}\r\n\r\n.ai-capability:hover{\r\n  transform:translateY(-3px);\r\n  border-color:#8dc891;\r\n  box-shadow:0 2px 20px rgba(26,26,24,.07);\r\n}\r\n\r\n.ai-icon{\r\n  width:34px;\r\n  height:34px;\r\n  border-radius:9px;\r\n  background:#e7f4e8;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  flex-shrink:0;\r\n  transition:background .22s;\r\n}\r\n\r\n.ai-icon i{\r\n  color:#046307;\r\n  font-size:13px;\r\n  transition:color .22s;\r\n}\r\n\r\n.ai-capability:hover .ai-icon{\r\n  background:#046307;\r\n}\r\n\r\n.ai-capability:hover .ai-icon i{\r\n  color:#ffffff;\r\n}\r\n\r\n.ai-capability span{\r\n  font-size:12.5px;\r\n  font-weight:600;\r\n  line-height:1.4;\r\n  color:#3d3d38;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 ANIMATION \u2500\u2500 *\/\r\n\r\n.ai-rv{\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity .7s ease,transform .7s ease;\r\n}\r\n\r\n.ai-rv.on{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .ai-inner{\r\n    grid-template-columns:1fr;\r\n    gap:48px;\r\n  }\r\n\r\n  .ai-subtitle,\r\n  .ai-desc{\r\n    max-width:100%;\r\n  }\r\n}\r\n\r\n@media(max-width:580px){\r\n\r\n  .ai-wrap{\r\n    padding:64px 24px;\r\n  }\r\n\r\n  .ai-title{\r\n    font-size:28px;\r\n  }\r\n\r\n  .ai-subtitle{\r\n    font-size:16px;\r\n  }\r\n\r\n  .ai-desc{\r\n    font-size:14px;\r\n  }\r\n\r\n  .ai-panel{\r\n    padding:22px;\r\n    border-radius:16px;\r\n  }\r\n\r\n  .ai-capability-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"ai-wrap\">\r\n\r\n  <div class=\"ai-inner\">\r\n\r\n    <!-- \u2500\u2500 LEFT CONTENT \u2500\u2500 -->\r\n\r\n    <div class=\"ai-content ai-rv\">\r\n\r\n      <h2 class=\"ai-title\">\r\n        Intelligent Search, OCR &amp; <em>\u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0627\u0644\u062f\u0631\u062f\u0634\u0629<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"ai-subtitle\">\r\n        Turn enterprise content into searchable, usable knowledge.\r\n      <\/p>\r\n\r\n      <div class=\"ai-rule\"><\/div>\r\n\r\n      <p class=\"ai-desc\">\r\n        DigiNation ECM combines Arabic and English OCR, natural-language search,\r\n        semantic understanding, AI classification, metadata extraction,\r\n        RAG-powered content discovery, intelligent recommendations,\r\n        and AI-generated suggestions.\r\n      <\/p>\r\n\r\n      <p class=\"ai-desc\">\r\n        Users can search across scanned documents, retrieve related correspondence,\r\n        ask questions across enterprise content, and surface relevant information faster.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u2500\u2500 RIGHT CAPABILITIES \u2500\u2500 -->\r\n\r\n    <div class=\"ai-panel ai-rv\">\r\n\r\n      <div class=\"ai-panel-title\">\r\n        Intelligent Content Capabilities\r\n      <\/div>\r\n\r\n      <div class=\"ai-capability-grid\">\r\n\r\n        <div class=\"ai-capability\">\r\n          <div class=\"ai-icon\">\r\n            <i class=\"fa-solid fa-language\"><\/i>\r\n          <\/div>\r\n          <span>Arabic &amp; English OCR<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ai-capability\">\r\n          <div class=\"ai-icon\">\r\n            <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n          <\/div>\r\n          <span>Natural-Language Search<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ai-capability\">\r\n          <div class=\"ai-icon\">\r\n            <i class=\"fa-solid fa-brain\"><\/i>\r\n          <\/div>\r\n          <span>Semantic Understanding<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ai-capability\">\r\n          <div class=\"ai-icon\">\r\n            <i class=\"fa-solid fa-tags\"><\/i>\r\n          <\/div>\r\n          <span>AI Classification<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ai-capability\">\r\n          <div class=\"ai-icon\">\r\n            <i class=\"fa-solid fa-file-lines\"><\/i>\r\n          <\/div>\r\n          <span>Metadata Extraction<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ai-capability\">\r\n          <div class=\"ai-icon\">\r\n            <i class=\"fa-solid fa-database\"><\/i>\r\n          <\/div>\r\n          <span>RAG-Powered Discovery<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ai-capability\">\r\n          <div class=\"ai-icon\">\r\n            <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\r\n          <\/div>\r\n          <span>Intelligent Recommendations<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ai-capability\">\r\n          <div class=\"ai-icon\">\r\n            <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n          <\/div>\r\n          <span>AI-Generated Suggestions<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  var io=new IntersectionObserver(function(entries){\r\n\r\n    entries.forEach(function(e){\r\n\r\n      if(e.isIntersecting){\r\n        e.target.classList.add('on');\r\n        io.unobserve(e.target);\r\n      }\r\n\r\n    });\r\n\r\n  },{\r\n    threshold:.12\r\n  });\r\n\r\n  document.querySelectorAll('.ai-rv').forEach(function(el){\r\n    io.observe(el);\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88a7570 elementor-widget elementor-widget-html\" data-id=\"88a7570\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" 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=\"en\">\r\n\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Case Management Software<\/title>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n\/>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=Inter:wght@300;400;500&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n\r\n*, *::before, *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n:root {\r\n  --green:       #046307;\r\n  --green-dark:  #034a05;\r\n  --green-light: #e6f4e6;\r\n  --green-pale:  #f3faf3;\r\n  --border:      #d8ead8;\r\n  --text-dark:   #0f1a0f;\r\n  --text-body:   #3a4d3a;\r\n  --text-muted:  #6a7d6a;\r\n  --bg:          #ffffff;\r\n}\r\n\r\nbody {\r\n  background: #ffffff;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SECTION\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.case-section {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  padding: 90px 0 100px;\r\n}\r\n\r\n.case-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 48px;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   HEADER\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.case-header {\r\n  display: grid;\r\n  grid-template-columns: 1.05fr .95fr;\r\n  gap: 64px;\r\n  align-items: start;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.case-h2 {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: clamp(28px, 3.6vw, 44px);\r\n  font-weight: 800;\r\n  color: var(--text-dark);\r\n  line-height: 1.12;\r\n  letter-spacing: -.025em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.case-h2 em {\r\n  font-style: italic;\r\n  color: var(--green);\r\n}\r\n\r\n.case-subheadline {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.55;\r\n  font-weight: 600;\r\n  color: var(--green);\r\n}\r\n\r\n.case-subheadline .case-view-black {\r\n  color: var(--text-dark);\r\n}\r\n\r\n.case-copy {\r\n  padding-top: 5px;\r\n}\r\n\r\n.case-copy p {\r\n  font-size: 15px;\r\n  line-height: 1.82;\r\n  color: var(--text-body);\r\n  font-weight: 300;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.case-copy p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   ACCENT RULE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.case-rule {\r\n  width: 40px;\r\n  height: 2px;\r\n  background: var(--green);\r\n  border-radius: 2px;\r\n  margin: 24px 0 0;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CARDS GRID\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.case-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n\r\n  border: 1px solid var(--border);\r\n  border-radius: 20px;\r\n\r\n  overflow: hidden;\r\n  background: #ffffff;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CARD\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.case-card {\r\n  background: #ffffff;\r\n\r\n  padding: 36px 28px 34px;\r\n\r\n  border-right: 1px solid var(--border);\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 22px;\r\n\r\n  min-height: 260px;\r\n\r\n  transition:\r\n    background .22s ease,\r\n    transform .22s ease;\r\n}\r\n\r\n.case-card:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.case-card:hover {\r\n  background: var(--green-pale);\r\n}\r\n\r\n\r\n\/* GREEN TOP HOVER LINE *\/\r\n\r\n.case-card::before {\r\n  content: '';\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n\r\n  height: 3px;\r\n\r\n  background: var(--green);\r\n\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n\r\n  transition: transform .25s ease;\r\n}\r\n\r\n.case-card:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CARD TOP\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.case-card-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.case-card-num {\r\n  font-family: 'Sora', sans-serif;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n\r\n  color: #b8d4b8;\r\n\r\n  letter-spacing: .06em;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   ICON\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.case-icon-box {\r\n  width: 44px;\r\n  height: 44px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background: var(--green-light);\r\n\r\n  border: 1.5px solid #c2ddc2;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  flex-shrink: 0;\r\n\r\n  transition:\r\n    background .2s,\r\n    border-color .2s,\r\n    transform .2s;\r\n}\r\n\r\n.case-icon-box i {\r\n  font-size: 17px;\r\n  color: var(--green);\r\n\r\n  transition: color .2s;\r\n}\r\n\r\n.case-card:hover .case-icon-box {\r\n  background: var(--green);\r\n  border-color: var(--green);\r\n\r\n  transform: rotate(-5deg) scale(1.05);\r\n}\r\n\r\n.case-card:hover .case-icon-box i {\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CARD CONTENT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.case-card-body h3 {\r\n  font-family: 'Sora', sans-serif;\r\n\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n\r\n  color: var(--text-dark);\r\n\r\n  line-height: 1.35;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  letter-spacing: -.01em;\r\n}\r\n\r\n.case-card-body p {\r\n  font-size: 13px;\r\n\r\n  color: var(--text-muted);\r\n\r\n  line-height: 1.7;\r\n\r\n  font-weight: 300;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .case-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .case-card:nth-child(2) {\r\n    border-right: none;\r\n  }\r\n\r\n  .case-card:nth-child(3),\r\n  .case-card:nth-child(4) {\r\n    border-top: 1px solid var(--border);\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 860px) {\r\n\r\n  .case-inner {\r\n    padding: 0 28px;\r\n  }\r\n\r\n  .case-header {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .case-copy {\r\n    padding-top: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 560px) {\r\n\r\n  .case-section {\r\n    padding: 60px 0 72px;\r\n  }\r\n\r\n  .case-inner {\r\n    padding: 0 18px;\r\n  }\r\n\r\n  .case-h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .case-subheadline {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .case-copy p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .case-grid {\r\n    grid-template-columns: 1fr;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .case-card {\r\n    min-height: auto;\r\n\r\n    border-right: none !important;\r\n    border-top: 1px solid var(--border);\r\n  }\r\n\r\n  .case-card:first-child {\r\n    border-top: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"case-section\">\r\n\r\n  <div class=\"case-inner\">\r\n\r\n\r\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n         HEADER\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n\r\n    <div class=\"case-header\">\r\n\r\n\r\n      <!-- LEFT -->\r\n\r\n      <div>\r\n\r\n        <h2 class=\"case-h2\">\r\n          Case Management Software for\r\n          <em>Complex Enterprise Work<\/em>\r\n        <\/h2>\r\n\r\n        <p class=\"case-subheadline\">\r\n          Every Case, Every Document, Every Decision, and\r\n          <span class=\"case-view-black\">One View.<\/span>\r\n        <\/p>\r\n\r\n        <div class=\"case-rule\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT -->\r\n\r\n      <div class=\"case-copy\">\r\n\r\n        <p>\r\n          Cases rarely live in one file, they involve documents, emails,\r\n          tasks, stakeholders, approvals, deadlines, decisions, and\r\n          historical activity. DigiNation ECM brings them together into\r\n          a complete 360\u00b0 case file.\r\n        <\/p>\r\n\r\n        <p>\r\n          Teams can track every action chronologically, monitor SLAs,\r\n          assign responsibilities, search across cases, identify bottlenecks,\r\n          and preserve a complete audit trail from opening to closure.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n         4 FEATURE CARDS\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n\r\n    <div class=\"case-grid\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <div class=\"case-card\">\r\n\r\n        <div class=\"case-card-top\">\r\n\r\n          <span class=\"case-card-num\">\r\n            01\r\n          <\/span>\r\n\r\n          <div class=\"case-icon-box\" aria-hidden=\"true\">\r\n            <i class=\"fa-solid fa-folder-open\"><\/i>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-card-body\">\r\n\r\n          <h3>\r\n            360\u00b0 Case View\r\n          <\/h3>\r\n\r\n          <p>\r\n            Connect documents, correspondence, tasks,\r\n            participants, and activity in one case record.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <div class=\"case-card\">\r\n\r\n        <div class=\"case-card-top\">\r\n\r\n          <span class=\"case-card-num\">\r\n            02\r\n          <\/span>\r\n\r\n          <div class=\"case-icon-box\" aria-hidden=\"true\">\r\n            <i class=\"fa-solid fa-clock\"><\/i>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-card-body\">\r\n\r\n          <h3>\r\n            SLA &amp; Escalation Management\r\n          <\/h3>\r\n\r\n          <p>\r\n            Monitor case stages and automatically\r\n            flag or escalate delays.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <div class=\"case-card\">\r\n\r\n        <div class=\"case-card-top\">\r\n\r\n          <span class=\"case-card-num\">\r\n            03\r\n          <\/span>\r\n\r\n          <div class=\"case-icon-box\" aria-hidden=\"true\">\r\n            <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-card-body\">\r\n\r\n          <h3>\r\n            Advanced Case Search\r\n          <\/h3>\r\n\r\n          <p>\r\n            Search by status, assignee, date, content,\r\n            or saved user filters.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 04 -->\r\n\r\n      <div class=\"case-card\">\r\n\r\n        <div class=\"case-card-top\">\r\n\r\n          <span class=\"case-card-num\">\r\n            04\r\n          <\/span>\r\n\r\n          <div class=\"case-icon-box\" aria-hidden=\"true\">\r\n            <i class=\"fa-solid fa-chart-line\"><\/i>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"case-card-body\">\r\n\r\n          <h3>\r\n            Case Analytics\r\n          <\/h3>\r\n\r\n          <p>\r\n            Identify bottlenecks, measure workflow duration,\r\n            and track productivity trends.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c168dd elementor-widget elementor-widget-html\" data-id=\"1c168dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" 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=\"en\">\r\n\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Meetings & Committees<\/title>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n\/>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=Inter:wght@300;400;500&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n\r\n*, *::before, *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n:root {\r\n  --green:       #046307;\r\n  --green-dark:  #034a05;\r\n  --green-light: #e6f4e6;\r\n  --green-pale:  #f3faf3;\r\n  --border:      #d8ead8;\r\n  --text-dark:   #0f1a0f;\r\n  --text-body:   #3a4d3a;\r\n  --text-muted:  #6a7d6a;\r\n  --bg:          #ffffff;\r\n}\r\n\r\nbody {\r\n  background: #ffffff;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SECTION\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.meet-section {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  padding: 90px 0 100px;\r\n}\r\n\r\n.meet-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 48px;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   HEADER\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.meet-header {\r\n  display: grid;\r\n  grid-template-columns: 1.02fr .98fr;\r\n  gap: 64px;\r\n  align-items: start;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.meet-h2 {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: clamp(28px, 3.6vw, 44px);\r\n  font-weight: 800;\r\n  color: var(--text-dark);\r\n  line-height: 1.12;\r\n  letter-spacing: -.025em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.meet-h2 em {\r\n  font-style: italic;\r\n  color: var(--green);\r\n}\r\n\r\n.meet-subheadline {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.55;\r\n  font-weight: 600;\r\n  color: var(--green);\r\n  max-width: 520px;\r\n}\r\n\r\n.meet-rule {\r\n  width: 40px;\r\n  height: 2px;\r\n  background: var(--green);\r\n  border-radius: 2px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.meet-copy {\r\n  padding-top: 4px;\r\n}\r\n\r\n.meet-copy p {\r\n  font-size: 15px;\r\n  line-height: 1.82;\r\n  color: var(--text-body);\r\n  font-weight: 300;\r\n  margin: 0;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CAPABILITY GRID\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.meet-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 14px;\r\n}\r\n\r\n.meet-card {\r\n  background: #ffffff;\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n\r\n  padding: 24px 22px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  min-height: 92px;\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    background .22s ease,\r\n    border-color .22s ease,\r\n    transform .22s ease,\r\n    box-shadow .22s ease;\r\n}\r\n\r\n.meet-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 3px;\r\n  height: 100%;\r\n  background: var(--green);\r\n  transform: scaleY(0);\r\n  transform-origin: top;\r\n  transition: transform .25s ease;\r\n}\r\n\r\n.meet-card:hover {\r\n  background: var(--green-pale);\r\n  border-color: #c2ddc2;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 24px rgba(4,99,7,.08);\r\n}\r\n\r\n.meet-card:hover::before {\r\n  transform: scaleY(1);\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   ICON\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.meet-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background: var(--green-light);\r\n  border: 1.5px solid #c2ddc2;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  flex-shrink: 0;\r\n\r\n  transition:\r\n    background .22s ease,\r\n    border-color .22s ease,\r\n    transform .22s ease;\r\n}\r\n\r\n.meet-icon i {\r\n  font-size: 16px;\r\n  color: var(--green);\r\n  transition: color .22s ease;\r\n}\r\n\r\n.meet-card:hover .meet-icon {\r\n  background: var(--green);\r\n  border-color: var(--green);\r\n  transform: rotate(-4deg) scale(1.04);\r\n}\r\n\r\n.meet-card:hover .meet-icon i {\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CARD TEXT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.meet-card h3 {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.35;\r\n  font-weight: 700;\r\n  color: var(--text-dark);\r\n  letter-spacing: -.01em;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .meet-inner {\r\n    padding: 0 28px;\r\n  }\r\n\r\n  .meet-header {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n    margin-bottom: 46px;\r\n  }\r\n\r\n  .meet-subheadline {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .meet-copy {\r\n    padding-top: 0;\r\n  }\r\n\r\n  .meet-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 560px) {\r\n\r\n  .meet-section {\r\n    padding: 60px 0 72px;\r\n  }\r\n\r\n  .meet-inner {\r\n    padding: 0 18px;\r\n  }\r\n\r\n  .meet-h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .meet-subheadline {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .meet-copy p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .meet-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n  }\r\n\r\n  .meet-card {\r\n    padding: 18px;\r\n    min-height: 80px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"meet-section\">\r\n\r\n  <div class=\"meet-inner\">\r\n\r\n\r\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n         HEADER\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n\r\n    <div class=\"meet-header\">\r\n\r\n\r\n      <!-- LEFT -->\r\n\r\n      <div>\r\n\r\n        <h2 class=\"meet-h2\">\r\n          Meetings &amp; <em>Committees<\/em>\r\n        <\/h2>\r\n\r\n        <p class=\"meet-subheadline\">\r\n          From Meeting Agenda to Action Without Losing the Decisions in Between.\r\n        <\/p>\r\n\r\n        <div class=\"meet-rule\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT DESCRIPTION -->\r\n\r\n      <div class=\"meet-copy\">\r\n\r\n        <p>\r\n          Manage meetings and committees digitally from agenda preparation\r\n          through attendance, voting, minutes, decisions, and follow-up tasks.\r\n          DigiNation ECM supports calendar integration, agenda templates,\r\n          automated invitations, quorum validation, AI-generated transcription\r\n          and minutes, action-item extraction, digital voting, committee\r\n          governance, and follow-up tracking.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n         CAPABILITIES\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n\r\n    <div class=\"meet-grid\">\r\n\r\n\r\n      <div class=\"meet-card\">\r\n\r\n        <div class=\"meet-icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-list-check\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n          Agenda Management\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"meet-card\">\r\n\r\n        <div class=\"meet-icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n          Calendar Integration\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"meet-card\">\r\n\r\n        <div class=\"meet-icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-user-check\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n          Attendance\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"meet-card\">\r\n\r\n        <div class=\"meet-icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-microchip\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n          AI Minutes\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"meet-card\">\r\n\r\n        <div class=\"meet-icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-check-to-slot\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n          Voting\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"meet-card\">\r\n\r\n        <div class=\"meet-icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-list-ul\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n          Action Tracking\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-971fe02 elementor-widget elementor-widget-html\" data-id=\"971fe02\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" 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=\"en\">\r\n\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>DigiNation ECM Final Sections<\/title>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n\/>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=Inter:wght@300;400;500&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n\r\n*, *::before, *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n:root {\r\n  --green:       #046307;\r\n  --green-dark:  #034a05;\r\n  --green-deep:  #023f04;\r\n  --green-light: #e6f4e6;\r\n  --green-pale:  #f3faf3;\r\n  --border:      #d8ead8;\r\n  --text-dark:   #0f1a0f;\r\n  --text-body:   #3a4d3a;\r\n  --text-muted:  #6a7d6a;\r\n  --white:       #ffffff;\r\n}\r\n\r\nbody {\r\n  background: #ffffff;\r\n  font-family: 'Inter', sans-serif;\r\n  color: var(--text-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION ONE \u2014 VISION 2030\r\n========================================================= *\/\r\n\r\n.vision-section {\r\n  width: 100%;\r\n  background: var(--green-pale);\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.vision-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 540px;\r\n  height: 540px;\r\n  border-radius: 50%;\r\n  top: -250px;\r\n  right: -150px;\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(4,99,7,.09) 0%,\r\n    rgba(4,99,7,.03) 38%,\r\n    transparent 72%\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n.vision-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 48px;\r\n\r\n  display: grid;\r\n  grid-template-columns: .9fr 1.1fr;\r\n  gap: 72px;\r\n  align-items: center;\r\n\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\r\n\/* LEFT VISUAL \/ STATEMENT *\/\r\n\r\n.vision-visual {\r\n  background: var(--green);\r\n  border-radius: 24px;\r\n  padding: 44px;\r\n  min-height: 460px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  box-shadow: 0 18px 50px rgba(4,99,7,.18);\r\n}\r\n\r\n.vision-visual::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 300px;\r\n  height: 300px;\r\n  border-radius: 50%;\r\n  top: -120px;\r\n  right: -100px;\r\n  background: rgba(255,255,255,.06);\r\n}\r\n\r\n.vision-visual::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 220px;\r\n  height: 220px;\r\n  border-radius: 50%;\r\n  bottom: -100px;\r\n  left: -80px;\r\n  border: 1px solid rgba(255,255,255,.13);\r\n}\r\n\r\n.vision-icon {\r\n  width: 58px;\r\n  height: 58px;\r\n  border-radius: 16px;\r\n\r\n  background: rgba(255,255,255,.12);\r\n  border: 1px solid rgba(255,255,255,.18);\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vision-icon i {\r\n  font-size: 22px;\r\n  color: #ffffff;\r\n}\r\n\r\n.vision-visual-copy {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vision-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,.66);\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.vision-visual h3 {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: 27px;\r\n  line-height: 1.25;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  max-width: 360px;\r\n}\r\n\r\n\r\n\/* RIGHT CONTENT *\/\r\n\r\n.vision-h2 {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: clamp(30px, 4vw, 48px);\r\n  font-weight: 800;\r\n  line-height: 1.12;\r\n  letter-spacing: -.025em;\r\n  color: var(--text-dark);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.vision-h2 em {\r\n  font-style: italic;\r\n  color: var(--green);\r\n}\r\n\r\n.vision-sub {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n  font-weight: 600;\r\n  color: var(--green);\r\n  margin-bottom: 22px;\r\n  max-width: 650px;\r\n}\r\n\r\n.vision-rule {\r\n  width: 40px;\r\n  height: 2px;\r\n  background: var(--green);\r\n  border-radius: 2px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.vision-desc {\r\n  font-size: 15px;\r\n  line-height: 1.82;\r\n  color: var(--text-body);\r\n  font-weight: 300;\r\n  margin-bottom: 18px;\r\n  max-width: 680px;\r\n}\r\n\r\n.vision-desc:last-of-type {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.vision-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  padding: 14px 22px;\r\n\r\n  border-radius: 11px;\r\n\r\n  background: var(--green);\r\n  color: #ffffff;\r\n\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: 13.5px;\r\n  font-weight: 600;\r\n\r\n  text-decoration: none;\r\n\r\n  box-shadow: 0 5px 18px rgba(4,99,7,.18);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n.vision-btn:hover {\r\n  transform: translateY(-2px);\r\n  background: var(--green-dark);\r\n  box-shadow: 0 10px 26px rgba(4,99,7,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION TWO \u2014 FINAL CTA\r\n========================================================= *\/\r\n\r\n.final-cta-section {\r\n  width: 100%;\r\n  background: var(--green-deep);\r\n  padding: 96px 0;\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.final-cta-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 520px;\r\n  height: 520px;\r\n  border-radius: 50%;\r\n  top: -260px;\r\n  right: -130px;\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(255,255,255,.10) 0%,\r\n    rgba(255,255,255,.03) 42%,\r\n    transparent 72%\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.final-cta-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 360px;\r\n  height: 360px;\r\n  border-radius: 50%;\r\n  bottom: -220px;\r\n  left: -100px;\r\n  border: 1px solid rgba(255,255,255,.07);\r\n  pointer-events: none;\r\n}\r\n\r\n.final-cta-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 48px;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1fr auto;\r\n  gap: 64px;\r\n  align-items: center;\r\n\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.final-cta-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n\r\n  color: rgba(255,255,255,.62);\r\n\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.final-cta-label::before {\r\n  content: '';\r\n  width: 26px;\r\n  height: 2px;\r\n  border-radius: 2px;\r\n  background: #8dc891;\r\n}\r\n\r\n.final-cta-h2 {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: clamp(30px, 4vw, 48px);\r\n  line-height: 1.12;\r\n  font-weight: 800;\r\n  letter-spacing: -.025em;\r\n  color: #ffffff;\r\n  margin-bottom: 18px;\r\n  max-width: 760px;\r\n}\r\n\r\n.final-cta-h2 em {\r\n  font-style: italic;\r\n  color: #a9d8ac;\r\n}\r\n\r\n.final-cta-text {\r\n  font-size: 15.5px;\r\n  line-height: 1.82;\r\n  color: rgba(255,255,255,.76);\r\n  font-weight: 300;\r\n  max-width: 790px;\r\n}\r\n\r\n\r\n\/* FINAL BUTTON *\/\r\n\r\n.final-cta-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  min-width: 205px;\r\n\r\n  padding: 15px 24px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background: #ffffff;\r\n  color: var(--green);\r\n\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: 13.5px;\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n\r\n  border: 1.5px solid rgba(255,255,255,.85);\r\n\r\n  box-shadow: 0 8px 26px rgba(0,0,0,.14);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n.final-cta-btn:hover {\r\n  transform: translateY(-3px);\r\n  background: #f2f8f2;\r\n  box-shadow: 0 14px 32px rgba(0,0,0,.20);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n========================================================= *\/\r\n\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition:\r\n    opacity .7s ease,\r\n    transform .7s ease;\r\n}\r\n\r\n.reveal.on {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 960px) {\r\n\r\n  .vision-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n\r\n  .vision-visual {\r\n    min-height: 360px;\r\n  }\r\n\r\n  .final-cta-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .vision-inner,\r\n  .final-cta-inner {\r\n    padding: 0 28px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 560px) {\r\n\r\n  .vision-section {\r\n    padding: 64px 0 72px;\r\n  }\r\n\r\n  .final-cta-section {\r\n    padding: 68px 0;\r\n  }\r\n\r\n  .vision-inner,\r\n  .final-cta-inner {\r\n    padding: 0 18px;\r\n  }\r\n\r\n  .vision-h2,\r\n  .final-cta-h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .vision-sub {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .vision-desc,\r\n  .final-cta-text {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .vision-visual {\r\n    min-height: 300px;\r\n    padding: 30px 24px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .vision-visual h3 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .vision-btn,\r\n  .final-cta-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<!-- ======================================================\r\n     SECTION ONE \u2014 VISION 2030\r\n====================================================== -->\r\n\r\n<section class=\"vision-section\">\r\n\r\n  <div class=\"vision-inner\">\r\n\r\n\r\n    <!-- LEFT VISUAL -->\r\n\r\n    <div class=\"vision-visual reveal\">\r\n\r\n      <div class=\"vision-icon\" aria-hidden=\"true\">\r\n        <i class=\"fa-solid fa-landmark\"><\/i>\r\n      <\/div>\r\n\r\n      <div class=\"vision-visual-copy\">\r\n\r\n        <div class=\"vision-label\">\r\n          Saudi Vision 2030\r\n        <\/div>\r\n\r\n        <h3>\r\n          From national digital ambition to everyday enterprise execution.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RIGHT CONTENT -->\r\n\r\n    <div class=\"vision-content reveal\">\r\n\r\n      <h2 class=\"vision-h2\">\r\n        Turn Vision 2030 Into\r\n        <em>Everyday Digital Operations.<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"vision-sub\">\r\n        Saudi Vision 2030 is accelerating the move toward digitally enabled,\r\n        data-driven, efficient organizations.\r\n      <\/p>\r\n\r\n      <div class=\"vision-rule\"><\/div>\r\n\r\n      <p class=\"vision-desc\">\r\n        DigiNation ECM helps turn that ambition into everyday execution by\r\n        replacing fragmented and manual content processes with intelligent\r\n        workflows, governed enterprise information, secure digital records,\r\n        and faster access to organizational knowledge.\r\n      <\/p>\r\n\r\n      <p class=\"vision-desc\">\r\n        From document digitalization to AI-powered automation, the platform\r\n        supports organizations building more efficient, connected, and digitally\r\n        mature operations. The product material itself positions governance,\r\n        collaboration, digital transformation, and Saudi content digitalization\r\n        as central to the platform's role in the Kingdom.\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/diginationmea.com\/ar\/Project\/government-correspondence-management\/\"\r\n        class=\"vision-btn\"\r\n      >\r\n        See DigiNation ECM in Action\r\n        <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     SECTION TWO \u2014 FINAL CTA\r\n====================================================== -->\r\n\r\n<section class=\"final-cta-section\">\r\n\r\n  <div class=\"final-cta-inner\">\r\n\r\n\r\n    <!-- COPY -->\r\n\r\n    <div class=\"reveal\">\r\n\r\n      <div class=\"final-cta-label\">\r\n        Your Next Workflow\r\n      <\/div>\r\n\r\n      <h2 class=\"final-cta-h2\">\r\n        What Could Your Organization\r\n        <em>Automate Next?<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"final-cta-text\">\r\n        Bring us your documents, approvals, correspondence, case workflows,\r\n        or content challenges and we'll show you how DigiNation ECM can centralize\r\n        the information, automate the process, and create a smarter way for your\r\n        teams to work.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CTA BUTTON -->\r\n\r\n    <div class=\"reveal\">\r\n\r\n      <a\r\n        href=\"https:\/\/diginationmea.com\/ar\/contact\/\"\r\n        class=\"final-cta-btn\"\r\n      >\r\n        Schedule Your Demo\r\n        <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  var observer = new IntersectionObserver(function(entries){\r\n\r\n    entries.forEach(function(entry){\r\n\r\n      if(entry.isIntersecting){\r\n\r\n        entry.target.classList.add('on');\r\n        observer.unobserve(entry.target);\r\n\r\n      }\r\n\r\n    });\r\n\r\n  },{\r\n    threshold: .12\r\n  });\r\n\r\n  document.querySelectorAll('.reveal').forEach(function(el){\r\n    observer.observe(el);\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bc4fb6 e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"3bc4fb6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27f6320 elementor-widget elementor-widget-spacer\" data-id=\"27f6320\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>DigiNation ECM Product KSA Turn Content Into Intelligent Action An AI-powered Enterprise Content Management platform built for Saudi organizations to manage documents, correspondence, cases, workflows, meetings, and enterprise knowledge from one secure, intelligent environment. Explore More DigiNation ECM Enterprise Content Management, Rebuilt for KSA Automate repetitive processes, enforce governance, accelerate approvals, and give teams faster [&hellip;]<\/p>\n","protected":false},"author":272351401,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-18938","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Enterprise Content Management Saudi Arabia | DigiNation ECM<\/title>\n<meta name=\"description\" content=\"DigiNation ECM, an AI-powered enterprise content management system in Saudi Arabia for document management, correspondence, workflow automation, case management, OCR, intelligent search, and Saudi compliance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/diginationmea.com\/ar\/digination-ecm-product\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enterprise Content Management Saudi Arabia | DigiNation ECM\" \/>\n<meta property=\"og:description\" content=\"DigiNation ECM, an AI-powered enterprise content management system in Saudi Arabia for document management, correspondence, workflow automation, case management, OCR, intelligent search, and Saudi compliance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/diginationmea.com\/ar\/digination-ecm-product\/\" \/>\n<meta property=\"og:site_name\" content=\"DigiNation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-16T01:58:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/diginationmea.com\\\/digination-ecm-product\\\/\",\"url\":\"https:\\\/\\\/diginationmea.com\\\/digination-ecm-product\\\/\",\"name\":\"Enterprise Content Management Saudi Arabia | DigiNation ECM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/marketing94d218c639-uadht.wpcomstaging.com\\\/#website\"},\"datePublished\":\"2026-09-10T01:59:13+00:00\",\"dateModified\":\"2026-09-16T01:58:46+00:00\",\"description\":\"DigiNation ECM, an AI-powered enterprise content management system in Saudi Arabia for document management, correspondence, workflow automation, case management, OCR, intelligent search, and Saudi compliance.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/diginationmea.com\\\/digination-ecm-product\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/diginationmea.com\\\/digination-ecm-product\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/diginationmea.com\\\/digination-ecm-product\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/diginationmea.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"DigiNation ECM Product\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/marketing94d218c639-uadht.wpcomstaging.com\\\/#website\",\"url\":\"https:\\\/\\\/marketing94d218c639-uadht.wpcomstaging.com\\\/\",\"name\":\"DigiNation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/marketing94d218c639-uadht.wpcomstaging.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Enterprise Content Management Saudi Arabia | DigiNation ECM","description":"DigiNation ECM, an AI-powered enterprise content management system in Saudi Arabia for document management, correspondence, workflow automation, case management, OCR, intelligent search, and Saudi compliance.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/diginationmea.com\/ar\/digination-ecm-product\/","og_locale":"ar_AR","og_type":"article","og_title":"Enterprise Content Management Saudi Arabia | DigiNation ECM","og_description":"DigiNation ECM, an AI-powered enterprise content management system in Saudi Arabia for document management, correspondence, workflow automation, case management, OCR, intelligent search, and Saudi compliance.","og_url":"https:\/\/diginationmea.com\/ar\/digination-ecm-product\/","og_site_name":"DigiNation","article_modified_time":"2026-09-16T01:58:46+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"4 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/diginationmea.com\/digination-ecm-product\/","url":"https:\/\/diginationmea.com\/digination-ecm-product\/","name":"Enterprise Content Management Saudi Arabia | DigiNation ECM","isPartOf":{"@id":"https:\/\/marketing94d218c639-uadht.wpcomstaging.com\/#website"},"datePublished":"2026-09-10T01:59:13+00:00","dateModified":"2026-09-16T01:58:46+00:00","description":"DigiNation ECM, an AI-powered enterprise content management system in Saudi Arabia for document management, correspondence, workflow automation, case management, OCR, intelligent search, and Saudi compliance.","breadcrumb":{"@id":"https:\/\/diginationmea.com\/digination-ecm-product\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/diginationmea.com\/digination-ecm-product\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/diginationmea.com\/digination-ecm-product\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/diginationmea.com\/"},{"@type":"ListItem","position":2,"name":"DigiNation ECM Product"}]},{"@type":"WebSite","@id":"https:\/\/marketing94d218c639-uadht.wpcomstaging.com\/#website","url":"https:\/\/marketing94d218c639-uadht.wpcomstaging.com\/","name":"\u062f\u064a\u062c\u064a \u0646\u0627\u064a\u0634\u0646","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marketing94d218c639-uadht.wpcomstaging.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"_links":{"self":[{"href":"https:\/\/diginationmea.com\/ar\/wp-json\/wp\/v2\/pages\/18938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diginationmea.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diginationmea.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diginationmea.com\/ar\/wp-json\/wp\/v2\/users\/272351401"}],"replies":[{"embeddable":true,"href":"https:\/\/diginationmea.com\/ar\/wp-json\/wp\/v2\/comments?post=18938"}],"version-history":[{"count":100,"href":"https:\/\/diginationmea.com\/ar\/wp-json\/wp\/v2\/pages\/18938\/revisions"}],"predecessor-version":[{"id":25155,"href":"https:\/\/diginationmea.com\/ar\/wp-json\/wp\/v2\/pages\/18938\/revisions\/25155"}],"wp:attachment":[{"href":"https:\/\/diginationmea.com\/ar\/wp-json\/wp\/v2\/media?parent=18938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}