{"id":8,"date":"2026-03-16T15:45:15","date_gmt":"2026-03-16T15:45:15","guid":{"rendered":"https:\/\/lime-wolverine-745236.hostingersite.com\/?page_id=8"},"modified":"2026-05-05T13:10:20","modified_gmt":"2026-05-05T13:10:20","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/mddoec.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4285ded e-con-full e-flex e-con e-parent\" data-id=\"4285ded\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df8072c elementor-widget elementor-widget-shortcode\" data-id=\"df8072c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<section id=\"mdp-hero-isolated-root\" dir=\"rtl\">\n  <style>\n    #mdp-hero-isolated-root,\n    #mdp-hero-isolated-root * { box-sizing: border-box; }\n\n    #mdp-hero-isolated-root{\n      --mdp-bg:#0d0614;\n      --mdp-accent:#A090CF;\n      --mouse-x:50%;\n      --mouse-y:50%;\n      position:relative;\n      min-height:100vh;\n      width:100%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      overflow:hidden;\n      background:var(--mdp-bg);\n      perspective:1200px;\n      isolation:isolate;\n      font-family:'Tajawal',sans-serif !important;\n      color:#fff;\n    }\n\n    #mdp-hero-isolated-root.mdp-ltr{\n      direction:ltr !important;\n      font-family:'Inter','Segoe UI',Arial,sans-serif !important;\n    }\n\n    #mdp-hero-isolated-root .mdp-video-wrapper{\n      position:absolute;\n      inset:-5%;\n      z-index:0;\n      transform:translateZ(0);\n      will-change:transform;\n    }\n\n    #mdp-hero-isolated-root .mdp-bg-video{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      opacity:.35;\n      transform:scale(1.06);\n      animation:mdpHeroZoom 25s linear infinite alternate;\n      display:block;\n    }\n\n    @keyframes mdpHeroZoom{\n      from{transform:scale(1)}\n      to{transform:scale(1.1)}\n    }\n\n  #mdp-hero-isolated-root .mdp-vignette{\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at center, rgba(92,73,148,.16) 0%, rgba(13,6,20,.08) 80%),\n    linear-gradient(180deg, rgba(13,6,20,.2), rgba(13,6,20,.2));\n  z-index:1;\n  pointer-events:none;\n}\n\n    #mdp-hero-isolated-root .mdp-spotlight{\n      position:absolute;\n      inset:0;\n      z-index:2;\n      pointer-events:none;\n      background:radial-gradient(circle 500px at var(--mouse-x) var(--mouse-y), rgba(160,144,207,.15), transparent 75%);\n      opacity:0;\n      transition:opacity .25s ease;\n    }\n\n    #mdp-hero-isolated-root.mdp-pointer-active .mdp-spotlight{ opacity:1; }\n\n    #mdp-hero-isolated-root .mdp-3d-space{\n      position:absolute;\n      inset:0;\n      z-index:1;\n      pointer-events:none;\n      opacity:.45;\n      overflow:hidden;\n    }\n\n    #mdp-hero-isolated-root .mdp-grid-floor{\n      position:absolute;\n      width:300%;\n      height:300%;\n      bottom:-55%;\n      left:-100%;\n      background-image:\n        linear-gradient(rgba(160,144,207,.09) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(160,144,207,.09) 1px, transparent 1px);\n      background-size:80px 80px;\n      transform-origin:center bottom;\n      animation:mdpGridGlide 24s linear infinite;\n      -webkit-mask-image:radial-gradient(circle at center, #000 0%, transparent 60%);\n    }\n\n    @keyframes mdpGridGlide{\n      from{transform:rotateX(75deg) translateY(0)}\n      to{transform:rotateX(75deg) translateY(80px)}\n    }\n\n    #mdp-hero-isolated-root .mdp-particles{\n      position:absolute;\n      inset:0;\n      z-index:2;\n      pointer-events:none;\n    }\n\n    #mdp-hero-isolated-root .mdp-particle{\n      position:absolute;\n      background:#fff;\n      border-radius:50%;\n      opacity:0;\n      box-shadow:0 0 10px rgba(255,255,255,.55);\n      animation:mdpFloatUp var(--duration,10s) linear infinite;\n      will-change:transform,opacity;\n    }\n\n    @keyframes mdpFloatUp{\n      0%{transform:translate3d(0,100vh,0) scale(0);opacity:0}\n      20%{opacity:var(--max-opacity,.3);transform:translate3d(0,80vh,0) scale(1)}\n      80%{opacity:var(--max-opacity,.3);transform:translate3d(0,18vh,0) scale(1)}\n      100%{transform:translate3d(0,0,0) scale(0);opacity:0}\n    }\n\n    #mdp-hero-isolated-root .mdp-tilt-box{\n      position:relative;\n      z-index:5;\n      width:100%;\n      display:flex;\n      justify-content:center;\n      transform-style:preserve-3d;\n      will-change:transform;\n      pointer-events:none;\n    }\n\n    #mdp-hero-isolated-root .mdp-content-core{\n      width:min(100%,850px);\n      padding:0 5vw;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:center;\n      text-align:center;\n      gap:14px;\n      pointer-events:auto;\n      transform:translateZ(40px);\n    }\n\n    #mdp-hero-isolated-root .mdp-overflow-hidden{\n      overflow:hidden;\n      display:inline-flex;\n      width:100%;\n      justify-content:center;\n      padding-bottom:12px;\n      margin-bottom:-12px;\n    }\n\n    #mdp-hero-isolated-root .mdp-slide-up{\n      display:inline-block;\n      transform:translateY(120%);\n      opacity:0;\n      animation:mdpSmoothSlide 1.2s cubic-bezier(.2,.8,.2,1) forwards;\n    }\n\n    @keyframes mdpSmoothSlide{\n      from{transform:translateY(120%);opacity:0}\n      to{transform:translateY(0);opacity:1}\n    }\n\n    #mdp-hero-isolated-root .mdp-delay-1{animation-delay:.08s}\n    #mdp-hero-isolated-root .mdp-delay-2{animation-delay:.22s}\n    #mdp-hero-isolated-root .mdp-delay-3{animation-delay:.36s}\n    #mdp-hero-isolated-root .mdp-delay-4{animation-delay:.5s}\n\n    #mdp-hero-isolated-root .mdp-brand-tag{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      font-size:12px;\n      letter-spacing:2px;\n      color:rgba(255,255,255,.8);\n      font-weight:600;\n    }\n\n    #mdp-hero-isolated-root .mdp-decorative-line{\n      width:30px;\n      height:1px;\n      background:linear-gradient(90deg,transparent,#fff,transparent);\n    }\n\n    #mdp-hero-isolated-root .mdp-main-heading{\n      margin:0;\n      font-size:clamp(30px,4.2vw,46px);\n      line-height:1.35;\n      font-weight:900;\n      color:#fff;\n      text-shadow:0 5px 20px rgba(0,0,0,.45);\n    }\n\n    #mdp-hero-isolated-root .mdp-exceptional-wrapper{\n      position:relative;\n      display:inline-block;\n      z-index:1;\n    }\n\n    #mdp-hero-isolated-root .mdp-exceptional-wrapper::after{\n      content:\"\";\n      position:absolute;\n      right:-3px;\n      bottom:.18em;\n      width:calc(100% + 6px);\n      height:.28em;\n      background:var(--mdp-accent);\n      border-radius:3px;\n      z-index:-1;\n      opacity:0;\n      transform:skewX(-14deg) scaleX(0);\n      transform-origin:right;\n      animation:mdpDrawHighlight 1.2s cubic-bezier(.19,1,.22,1) 1s forwards;\n    }\n\n    #mdp-hero-isolated-root.mdp-ltr .mdp-exceptional-wrapper::after{\n      right:auto;\n      left:-3px;\n      transform-origin:left;\n    }\n\n    @keyframes mdpDrawHighlight{\n      0%{opacity:0;transform:skewX(-14deg) scaleX(0)}\n      15%{opacity:.85}\n      100%{opacity:.85;transform:skewX(-14deg) scaleX(1)}\n    }\n\n    #mdp-hero-isolated-root .mdp-subtext{\n      margin:8px auto 22px;\n      max-width:760px;\n      font-size:clamp(15px,1.25vw,18px);\n      line-height:1.9;\n      color:rgba(255,255,255,.86);\n      font-weight:300;\n    }\n\n    #mdp-hero-isolated-root .mdp-action-area{\n      position:relative;\n      padding:14px;\n      margin:-14px;\n    }\n\n    #mdp-hero-isolated-root .mdp-action-area::before{\n      content:\"\";\n      position:absolute;\n      inset:50% auto auto 50%;\n      width:60%;\n      height:60%;\n      transform:translate(-50%,-50%);\n      background:rgba(160,144,207,.28);\n      filter:blur(25px);\n      border-radius:50%;\n      z-index:-1;\n      animation:mdpBtnPulse 4s infinite alternate;\n    }\n\n    @keyframes mdpBtnPulse{\n      from{transform:translate(-50%,-50%) scale(.9);opacity:.35}\n      to{transform:translate(-50%,-50%) scale(1.25);opacity:.7}\n    }\n\n    #mdp-hero-isolated-root .mdp-creative-btn{\n      display:inline-flex;\n      align-items:center;\n      gap:18px;\n      height:56px;\n      padding:0 34px 0 8px;\n      border-radius:999px;\n      text-decoration:none;\n      color:#fff;\n      background:rgba(255,255,255,.10);\n      border:1px solid rgba(255,255,255,.2);\n      position:relative;\n      overflow:hidden;\n      transition:.35s ease;\n      transform:translate3d(0,0,0);\n      will-change:transform;\n    }\n\n    #mdp-hero-isolated-root.mdp-ltr .mdp-creative-btn{ padding:0 8px 0 34px; }\n\n    #mdp-hero-isolated-root .mdp-creative-btn::before{\n      content:\"\";\n      position:absolute;\n      top:7px;\n      left:7px;\n      width:40px;\n      height:40px;\n      border-radius:999px;\n      background:#fff;\n      z-index:0;\n      transition:.45s cubic-bezier(.19,1,.22,1);\n    }\n\n    #mdp-hero-isolated-root.mdp-ltr .mdp-creative-btn::before{\n      left:auto;\n      right:7px;\n    }\n\n    #mdp-hero-isolated-root .mdp-btn-text,\n    #mdp-hero-isolated-root .mdp-btn-icon{\n      position:relative;\n      z-index:1;\n    }\n\n    #mdp-hero-isolated-root .mdp-btn-text{\n      font-size:15px;\n      font-weight:800;\n      transition:.3s ease;\n    }\n\n    #mdp-hero-isolated-root .mdp-btn-icon{\n      width:40px;\n      height:40px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      color:#111;\n      flex-shrink:0;\n    }\n\n    #mdp-hero-isolated-root .mdp-creative-btn:hover{\n      border-color:rgba(255,255,255,.55);\n      box-shadow:0 10px 30px rgba(160,144,207,.26);\n    }\n\n    #mdp-hero-isolated-root .mdp-creative-btn:hover::before{\n      width:calc(100% - 14px);\n    }\n\n    #mdp-hero-isolated-root .mdp-creative-btn:hover .mdp-btn-text,\n    #mdp-hero-isolated-root .mdp-creative-btn:hover .mdp-btn-icon{\n      color:#111;\n    }\n\n    #mdp-hero-isolated-root .mdp-scroll-indicator{\n      position:absolute;\n      bottom:18px;\n      left:50%;\n      transform:translateX(-50%);\n      z-index:5;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      gap:6px;\n      color:rgba(255,255,255,.6);\n    }\n\n    #mdp-hero-isolated-root .mdp-mouse-shape{\n      width:22px;\n      height:36px;\n      border:1.5px solid rgba(255,255,255,.5);\n      border-radius:15px;\n      position:relative;\n    }\n\n    #mdp-hero-isolated-root .mdp-mouse-wheel{\n      width:3px;\n      height:6px;\n      border-radius:999px;\n      background:#fff;\n      position:absolute;\n      top:5px;\n      left:50%;\n      transform:translateX(-50%);\n      animation:mdpScrollWheelAnim 1.5s infinite;\n    }\n\n    @keyframes mdpScrollWheelAnim{\n      from{top:5px;opacity:1}\n      to{top:16px;opacity:0}\n    }\n\n    #mdp-hero-isolated-root .mdp-scroll-text{\n      font-size:10px;\n      font-weight:600;\n      letter-spacing:1px;\n      text-transform:uppercase;\n    }\n\n    #mdp-hero-isolated-root .mdp-badge-scene{\n      position:absolute;\n      z-index:4;\n      transition:.35s cubic-bezier(.19,1,.22,1);\n      will-change:transform;\n    }\n\n    #mdp-hero-isolated-root .mdp-pos-1{top:14%;right:8%}\n    #mdp-hero-isolated-root .mdp-pos-2{bottom:44%;left:5%}\n    #mdp-hero-isolated-root .mdp-pos-3{top:20%;left:10%}\n    #mdp-hero-isolated-root .mdp-pos-4{bottom:40%;right:4%}\n\n    #mdp-hero-isolated-root.mdp-ltr .mdp-pos-1{right:auto;left:8%}\n    #mdp-hero-isolated-root.mdp-ltr .mdp-pos-2{left:auto;right:5%}\n    #mdp-hero-isolated-root.mdp-ltr .mdp-pos-3{left:auto;right:10%}\n    #mdp-hero-isolated-root.mdp-ltr .mdp-pos-4{right:auto;left:4%}\n\n    #mdp-hero-isolated-root .mdp-depth-1{opacity:1}\n    #mdp-hero-isolated-root .mdp-depth-2{opacity:.92;transform:scale(.92)}\n    #mdp-hero-isolated-root .mdp-depth-3{opacity:.82;transform:scale(.78)}\n\n    #mdp-hero-isolated-root .mdp-f-badge{\n      display:flex;\n      align-items:center;\n      gap:12px;\n      padding:12px 20px;\n      border-radius:14px;\n      background:rgba(255,255,255,.06);\n      border:1px solid rgba(255,255,255,.14);\n      backdrop-filter:blur(15px);\n      -webkit-backdrop-filter:blur(15px);\n      box-shadow:inset 0 0 20px rgba(255,255,255,.02),0 15px 35px rgba(0,0,0,.22);\n      animation:mdpIdleFloat 7s ease-in-out infinite;\n      transition:.3s ease;\n    }\n\n    @keyframes mdpIdleFloat{\n      0%,100%{transform:translateY(0) rotateX(5deg) rotateY(-4deg)}\n      33%{transform:translateY(-10px) rotateX(-2deg) rotateY(3deg)}\n      66%{transform:translateY(8px) rotateX(2deg) rotateY(7deg)}\n    }\n\n    #mdp-hero-isolated-root .mdp-badge-scene:hover{\n      z-index:10;\n      transform:scale(1.06)!important;\n      opacity:1!important;\n    }\n\n    #mdp-hero-isolated-root .mdp-badge-scene:hover .mdp-f-badge{\n      border-color:rgba(160,144,207,.75);\n      box-shadow:0 0 30px rgba(160,144,207,.35), inset 0 0 15px rgba(160,144,207,.12);\n      animation-play-state:paused;\n      transform:none;\n    }\n\n    #mdp-hero-isolated-root .mdp-f-icon{\n      width:40px;\n      height:40px;\n      border-radius:50%;\n      background:rgba(160,144,207,.25);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      flex-shrink:0;\n      box-shadow:0 0 15px rgba(160,144,207,.25);\n    }\n\n    #mdp-hero-isolated-root .mdp-f-text{\n      display:flex;\n      flex-direction:column;\n      text-align:right;\n    }\n\n    #mdp-hero-isolated-root.mdp-ltr .mdp-f-text{ text-align:left; }\n\n    #mdp-hero-isolated-root .mdp-f-text strong{\n      font-size:17px;\n      line-height:1.1;\n      font-weight:800;\n    }\n\n    #mdp-hero-isolated-root .mdp-f-text span{\n      font-size:11px;\n      color:rgba(255,255,255,.82);\n    }\n\n    @media (max-width: 900px){\n      #mdp-hero-isolated-root .mdp-pos-3,\n      #mdp-hero-isolated-root .mdp-pos-4{ display:none !important; }\n      #mdp-hero-isolated-root .mdp-3d-space{ opacity:.3; }\n    }\n\n    @media (max-width: 768px){\n      #mdp-hero-isolated-root .mdp-content-core{ gap:10px; }\n      #mdp-hero-isolated-root .mdp-main-heading{ font-size:30px; }\n      #mdp-hero-isolated-root .mdp-subtext{ font-size:14px; max-width:100%; margin:12px auto 20px; }\n      #mdp-hero-isolated-root .mdp-creative-btn{ height:50px; padding:0 24px 0 6px; }\n      #mdp-hero-isolated-root .mdp-creative-btn::before{ width:36px; height:36px; top:6px; left:6px; }\n      #mdp-hero-isolated-root.mdp-ltr .mdp-creative-btn::before{ left:auto; right:6px; }\n      #mdp-hero-isolated-root .mdp-btn-icon{ width:36px; height:36px; }\n      #mdp-hero-isolated-root .mdp-scroll-indicator{ bottom:14px; }\n      #mdp-hero-isolated-root .mdp-pos-1{ top:8%; right:-2%; transform:scale(.65); }\n      #mdp-hero-isolated-root .mdp-pos-2{ bottom:28%; left:-2%; transform:scale(.65); }\n      #mdp-hero-isolated-root.mdp-ltr .mdp-pos-1{ right:auto; left:-2%; }\n      #mdp-hero-isolated-root.mdp-ltr .mdp-pos-2{ left:auto; right:-2%; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      #mdp-hero-isolated-root *,\n      #mdp-hero-isolated-root *::before,\n      #mdp-hero-isolated-root *::after{\n        animation:none !important;\n        transition:none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"mdp-video-wrapper\" id=\"mdp-bg-wrapper\">\n    <video class=\"mdp-bg-video\" muted loop playsinline preload=\"metadata\">\n      <source src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0647\u064a\u0631\u0648-\u0645\u062f\u062f-\u0627\u0644\u0642\u0627\u0645\u0629-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n  <\/div>\n\n  <div class=\"mdp-vignette\"><\/div>\n  <div class=\"mdp-3d-space\"><div class=\"mdp-grid-floor\"><\/div><\/div>\n  <div class=\"mdp-spotlight\"><\/div>\n  <div class=\"mdp-particles\"><\/div>\n\n  <div class=\"mdp-tilt-box\">\n    <div class=\"mdp-content-core\">\n      <div class=\"mdp-overflow-hidden\">\n        <div class=\"mdp-brand-tag mdp-slide-up mdp-delay-1\">\n          <span class=\"mdp-decorative-line\"><\/span>\n          <span>\u0645\u062f\u062f \u0644\u0625\u0642\u0627\u0645\u0629 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a<\/span>\n          <span class=\"mdp-decorative-line\"><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"mdp-overflow-hidden\">\n        <h1 class=\"mdp-main-heading mdp-slide-up mdp-delay-2\">\n          \u0646\u0635\u0646\u0639 \u0644\u0643 <span class=\"mdp-exceptional-wrapper\">\u062a\u062c\u0631\u0628\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/span>\n        <\/h1>\n      <\/div>\n\n      <div class=\"mdp-overflow-hidden\">\n        <p class=\"mdp-subtext mdp-slide-up mdp-delay-3\">\n          \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u062a\u062c\u0627\u0631\u0628 \u0645\u062a\u0642\u0646\u0629 \u062a\u0636\u0645\u0646 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0641\u0639\u0627\u0644\u064a\u062a\u0643 \u0623\u0643\u062b\u0631 \u062a\u0623\u062b\u064a\u0631\u064b\u0627\u060c \u0623\u0643\u062b\u0631 \u062a\u0646\u0638\u064a\u0645\u064b\u0627\u060c \u0648\u0623\u0643\u062b\u0631 \u062a\u0645\u064a\u0632\u064b\u0627.\n        <\/p>\n      <\/div>\n\n      <div class=\"mdp-overflow-hidden\">\n        <div class=\"mdp-action-area mdp-slide-up mdp-delay-4\">\n          <a href=\"https:\/\/mddoec.com\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\" class=\"mdp-creative-btn\">\n            <span class=\"mdp-btn-text\">\u0627\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631 <\/span>\n            <span class=\"mdp-btn-icon\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"mdp-scroll-indicator\">\n    <div class=\"mdp-mouse-shape\"><div class=\"mdp-mouse-wheel\"><\/div><\/div>\n    <div class=\"mdp-scroll-text\">Scroll<\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      function initMdpHeroSection() {\n        const root = document.getElementById(\"mdp-hero-isolated-root\");\n        if (!root || root.dataset.mdpHeroInit === \"true\") return;\n        root.dataset.mdpHeroInit = \"true\";\n\n        const isLTR = ((document.documentElement.getAttribute(\"dir\") || \"\").toLowerCase() === \"ltr\") ||\n                      ((document.documentElement.getAttribute(\"lang\") || \"\").toLowerCase().indexOf(\"en\") === 0) ||\n                      ((document.body && (document.body.getAttribute(\"dir\") || \"\").toLowerCase()) === \"ltr\") ||\n                      ((document.body && (document.body.getAttribute(\"lang\") || \"\").toLowerCase().indexOf(\"en\") === 0));\n\n        if (isLTR) {\n          root.classList.add(\"mdp-ltr\");\n          root.setAttribute(\"dir\", \"ltr\");\n        }\n\n        const video = root.querySelector(\".mdp-bg-video\");\n        const spotlight = root.querySelector(\".mdp-spotlight\");\n        const particlesContainer = root.querySelector(\".mdp-particles\");\n        const tiltBox = root.querySelector(\".mdp-tilt-box\");\n        const bgWrapper = root.querySelector(\".mdp-video-wrapper\");\n        const btnArea = root.querySelector(\".mdp-action-area\");\n        const magneticBtn = root.querySelector(\".mdp-creative-btn\");\n        const parallaxBadges = root.querySelectorAll(\".mdp-badge-parallax\");\n\n        const supportsPointer = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n        const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n        const isMobile = window.innerWidth <= 768;\n        let sectionInView = false;\n\n        if (!prefersReducedMotion && particlesContainer) {\n          const particleCount = isMobile ? 7 : 12;\n          const frag = document.createDocumentFragment();\n\n          for (let i = 0; i < particleCount; i++) {\n            const p = document.createElement(\"div\");\n            p.className = \"mdp-particle\";\n            const size = Math.random() * 2.5 + 1;\n            const left = Math.random() * 100;\n            const duration = Math.random() * 15 + 12;\n            const delay = Math.random() * 10;\n            const maxOpacity = Math.random() * 0.3 + 0.1;\n            p.style.cssText =\n              \"width:\" + size + \"px;\" +\n              \"height:\" + size + \"px;\" +\n              \"left:\" + left + \"%;\" +\n              \"--duration:\" + duration + \"s;\" +\n              \"--max-opacity:\" + maxOpacity + \";\" +\n              \"animation-delay:-\" + delay + \"s;\";\n            frag.appendChild(p);\n          }\n          particlesContainer.appendChild(frag);\n        }\n\n        function playVideo() {\n          if (!video) return;\n          const promise = video.play();\n          if (promise && typeof promise.catch === \"function\") promise.catch(function () {});\n        }\n\n        function pauseVideo() {\n          if (!video) return;\n          try { video.pause(); } catch (e) {}\n        }\n\n        if (\"IntersectionObserver\" in window) {\n          const sectionObserver = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n              if (entry.target !== root) return;\n              sectionInView = entry.isIntersecting || entry.intersectionRatio > 0;\n              if (sectionInView) playVideo(); else pauseVideo();\n            });\n          }, { threshold: [0, 0.15, 0.35] });\n\n          sectionObserver.observe(root);\n        } else {\n          sectionInView = true;\n          playVideo();\n        }\n\n        if (supportsPointer && !prefersReducedMotion && !isMobile) {\n          root.classList.add(\"mdp-pointer-active\");\n          let ticking = false;\n\n          root.addEventListener(\"mousemove\", function (e) {\n            if (!sectionInView || ticking) return;\n            ticking = true;\n\n            window.requestAnimationFrame(function () {\n              const rect = root.getBoundingClientRect();\n              const mouseX = e.clientX - rect.left;\n              const mouseY = e.clientY - rect.top;\n              const centerX = rect.width \/ 2;\n              const centerY = rect.height \/ 2;\n\n              const percentX = (mouseX - centerX) \/ centerX;\n              const percentY = (mouseY - centerY) \/ centerY;\n\n              if (spotlight) {\n                root.style.setProperty(\"--mouse-x\", mouseX + \"px\");\n                root.style.setProperty(\"--mouse-y\", mouseY + \"px\");\n              }\n\n              if (tiltBox) {\n                tiltBox.style.transform = \"rotateY(\" + (percentX * 2.5) + \"deg) rotateX(\" + (percentY * -2.5) + \"deg)\";\n              }\n\n              if (bgWrapper) {\n                bgWrapper.style.transform = \"translate3d(\" + (percentX * -6) + \"px,\" + (percentY * -6) + \"px,0)\";\n              }\n\n              parallaxBadges.forEach(function (badge) {\n                const speed = parseFloat(badge.getAttribute(\"data-speed\") || \"0\");\n                badge.style.transform = \"translate3d(\" + (percentX * speed) + \"px,\" + (percentY * speed) + \"px,0)\";\n              });\n\n              ticking = false;\n            });\n          }, { passive: true });\n\n          root.addEventListener(\"mouseleave\", function () {\n            if (tiltBox) tiltBox.style.transform = \"rotateY(0deg) rotateX(0deg)\";\n            if (bgWrapper) bgWrapper.style.transform = \"translate3d(0,0,0)\";\n            root.style.setProperty(\"--mouse-x\", \"50%\");\n            root.style.setProperty(\"--mouse-y\", \"50%\");\n            parallaxBadges.forEach(function (badge) {\n              badge.style.transform = \"\";\n            });\n          }, { passive: true });\n\n          if (btnArea && magneticBtn) {\n            let btnTicking = false;\n\n            btnArea.addEventListener(\"mousemove\", function (e) {\n              if (!sectionInView || btnTicking) return;\n              btnTicking = true;\n\n              window.requestAnimationFrame(function () {\n                const rect = btnArea.getBoundingClientRect();\n                const x = e.clientX - rect.left - rect.width \/ 2;\n                const y = e.clientY - rect.top - rect.height \/ 2;\n                magneticBtn.style.transform = \"translate3d(\" + (x * 0.25) + \"px,\" + (y * 0.25) + \"px,0)\";\n                btnTicking = false;\n              });\n            }, { passive: true });\n\n            btnArea.addEventListener(\"mouseleave\", function () {\n              magneticBtn.style.transform = \"translate3d(0,0,0)\";\n            }, { passive: true });\n          }\n        }\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initMdpHeroSection);\n      } else {\n        initMdpHeroSection();\n      }\n    })();\n  <\/script>\n<\/section>\n\n<!-- ===== MDP SECTION BREAK ===== -->\n\n<!-- Optional: remove these if already loaded globally -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<section id=\"xev-about-isolated-root-standalone\" dir=\"rtl\">\n  <style>\n    #xev-about-isolated-root-standalone,\n    #xev-about-isolated-root-standalone *{\n      box-sizing:border-box;\n    }\n\n    #xev-about-isolated-root-standalone{\n      --mdp-accent:#A090CF;\n      --mdp-accent-2:#5C4994;\n      position:relative;\n      width:100%;\n      min-height:100vh;\n      padding:clamp(70px,10vw,120px) 0;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      overflow:hidden;\n      isolation:isolate;\n      font-family:'Tajawal',sans-serif !important;\n      color:#fff;\n      background:transparent !important;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr{\n      direction:ltr !important;\n      font-family:'Inter','Segoe UI',Arial,sans-serif !important;\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-grid{\n      position:absolute;\n      inset:0;\n      background-image:\n        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);\n      background-size:50px 50px;\n      opacity:.2;\n      pointer-events:none;\n      z-index:0;\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-shell{\n      position:relative;\n      z-index:2;\n      width:min(92%,1300px);\n      display:grid;\n      grid-template-columns:1.1fr .9fr;\n      gap:clamp(40px,8vw,100px);\n      align-items:center;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-about-shell{\n      grid-template-columns:.9fr 1.1fr;\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-shell > *{\n      min-width:0;\n      max-width:100%;\n    }\n\n    #xev-about-isolated-root-standalone .xev-visual-composition{\n      position:relative;\n      height:clamp(390px,50vw,560px);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      transform:translateX(80px);\n      opacity:0;\n      transition:1.05s cubic-bezier(.19,1,.22,1);\n      will-change:transform,opacity;\n      min-width:0;\n      max-width:100%;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-visual-composition{\n      transform:translateX(-80px);\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-shell.xev-is-visible .xev-visual-composition{\n      transform:translateX(0);\n      opacity:1;\n    }\n\n    #xev-about-isolated-root-standalone .xev-photo-main,\n    #xev-about-isolated-root-standalone .xev-photo-alt{\n      position:absolute;\n      overflow:hidden;\n      will-change:transform;\n      transform:translate3d(0,0,0);\n    }\n\n    #xev-about-isolated-root-standalone .xev-photo-main{\n      width:75%;\n      height:85%;\n      top:0;\n      right:0;\n      border-radius:30px;\n      box-shadow:0 40px 80px rgba(0,0,0,.2);\n      z-index:2;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-photo-main{\n      right:auto;\n      left:0;\n    }\n\n    #xev-about-isolated-root-standalone .xev-photo-alt{\n      width:55%;\n      height:60%;\n      left:0;\n      bottom:-20px;\n      border-radius:24px;\n      border:8px solid rgba(255,255,255,.18);\n      box-shadow:0 30px 60px rgba(0,0,0,.15);\n      z-index:3;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-photo-alt{\n      left:auto;\n      right:0;\n    }\n\n    #xev-about-isolated-root-standalone .xev-photo-main img,\n    #xev-about-isolated-root-standalone .xev-photo-alt img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      display:block;\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-copy{\n      display:flex;\n      flex-direction:column;\n      gap:28px;\n      text-align:right;\n      min-width:0;\n      max-width:100%;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-about-copy{\n      text-align:left;\n      align-items:flex-start;\n    }\n\n    #xev-about-isolated-root-standalone .xev-section-marker{\n      display:flex;\n      align-items:center;\n      gap:20px;\n      margin-bottom:5px;\n      min-width:0;\n      max-width:100%;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-section-marker{\n      justify-content:flex-start;\n    }\n\n    #xev-about-isolated-root-standalone .xev-marker-line{\n      width:0;\n      height:2px;\n      background:linear-gradient(to left,#fff,transparent);\n      transition:width 1.2s ease .35s;\n      flex-shrink:0;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-marker-line{\n      background:linear-gradient(to right,#fff,transparent);\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-shell.xev-is-visible .xev-marker-line{\n      width:60px;\n    }\n\n    #xev-about-isolated-root-standalone .xev-marker-text{\n      font-size:14px;\n      font-weight:700;\n      letter-spacing:3px;\n      text-transform:uppercase;\n      color:#fff;\n      max-width:100%;\n      overflow-wrap:anywhere;\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-heading{\n      font-size:clamp(30px,4vw,46px);\n      line-height:1.2;\n      font-weight:900;\n      margin:0;\n      color:#fff;\n      max-width:100%;\n      overflow-wrap:anywhere;\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-text{\n      margin:0;\n      max-width:620px;\n      font-size:clamp(15px,1.2vw,18px);\n      line-height:1.85;\n      color:rgba(255,255,255,.85);\n      overflow-wrap:anywhere;\n    }\n\n    #xev-about-isolated-root-standalone .xev-reveal-item{\n      transform:translateX(-70px);\n      opacity:0;\n      transition:1.05s cubic-bezier(.19,1,.22,1);\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-reveal-item{\n      transform:translateX(70px);\n    }\n\n    #xev-about-isolated-root-standalone .xev-about-shell.xev-is-visible .xev-reveal-item{\n      transform:translateX(0);\n      opacity:1;\n    }\n\n    #xev-about-isolated-root-standalone .xev-delay-1{transition-delay:.1s}\n    #xev-about-isolated-root-standalone .xev-delay-2{transition-delay:.25s}\n    #xev-about-isolated-root-standalone .xev-delay-3{transition-delay:.4s}\n    #xev-about-isolated-root-standalone .xev-delay-4{transition-delay:.55s}\n\n    #xev-about-isolated-root-standalone .xev-feature-grid{\n      display:grid;\n      grid-template-columns:repeat(auto-fit,minmax(200px,1fr));\n      gap:20px;\n      margin-top:8px;\n      width:100%;\n      min-width:0;\n    }\n\n    #xev-about-isolated-root-standalone .xev-feature-card{\n      display:flex;\n      align-items:center;\n      gap:15px;\n      padding:18px;\n      border-radius:18px;\n      background:rgba(255,255,255,.10);\n      border:1px solid rgba(255,255,255,.18);\n      backdrop-filter:blur(12px);\n      -webkit-backdrop-filter:blur(12px);\n      box-shadow:0 8px 32px rgba(0,0,0,.06);\n      transition:.35s cubic-bezier(.175,.885,.32,1.2);\n      min-width:0;\n      max-width:100%;\n    }\n\n    #xev-about-isolated-root-standalone.xev-ltr .xev-feature-card{\n      text-align:left;\n      justify-content:flex-start;\n    }\n\n    #xev-about-isolated-root-standalone .xev-feature-card:hover{\n      transform:translateY(-8px) scale(1.02);\n      background:rgba(255,255,255,.16);\n      border-color:rgba(255,255,255,.38);\n      box-shadow:0 15px 35px rgba(0,0,0,.15);\n    }\n\n    #xev-about-isolated-root-standalone .xev-feature-icon{\n      width:44px;\n      height:44px;\n      border-radius:14px;\n      flex-shrink:0;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      background:rgba(255,255,255,.92);\n      color:var(--mdp-accent);\n      box-shadow:0 5px 15px rgba(0,0,0,.1);\n    }\n\n    #xev-about-isolated-root-standalone .xev-feature-card span{\n      font-size:15px;\n      font-weight:700;\n      color:#fff;\n      line-height:1.5;\n      min-width:0;\n      max-width:100%;\n      overflow-wrap:anywhere;\n    }\n\n    @media screen and (max-width: 991px){\n      #xev-about-isolated-root-standalone{\n        overflow-x:hidden !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-about-shell{\n        display:flex !important;\n        flex-direction:column !important;\n        grid-template-columns:none !important;\n        gap:70px !important;\n        text-align:center !important;\n        width:min(92%,1300px) !important;\n      }\n\n      #xev-about-isolated-root-standalone.xev-ltr .xev-about-shell{\n        display:flex !important;\n        flex-direction:column !important;\n        grid-template-columns:none !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-visual-composition,\n      #xev-about-isolated-root-standalone .xev-about-copy{\n        width:100% !important;\n        max-width:100% !important;\n        flex:0 0 auto !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-about-copy{\n        text-align:center !important;\n        align-items:center !important;\n      }\n\n      #xev-about-isolated-root-standalone.xev-ltr .xev-about-copy{\n        text-align:center !important;\n        align-items:center !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-section-marker,\n      #xev-about-isolated-root-standalone.xev-ltr .xev-section-marker{\n        justify-content:center !important;\n        width:100% !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-marker-line{\n        display:none !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-about-heading,\n      #xev-about-isolated-root-standalone .xev-about-text,\n      #xev-about-isolated-root-standalone .xev-marker-text{\n        text-align:center !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-about-text{\n        margin-inline:auto !important;\n        max-width:100% !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-feature-grid{\n        width:100% !important;\n        max-width:550px !important;\n        margin-inline:auto !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-visual-composition{\n        height:420px !important;\n        min-height:420px !important;\n        display:block !important;\n        overflow:visible !important;\n        transform:none !important;\n        opacity:1 !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-photo-main{\n        width:74% !important;\n        height:78% !important;\n        top:0 !important;\n        right:0 !important;\n        left:auto !important;\n      }\n\n      #xev-about-isolated-root-standalone.xev-ltr .xev-photo-main{\n        left:0 !important;\n        right:auto !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-photo-alt{\n        width:52% !important;\n        height:52% !important;\n        left:0 !important;\n        right:auto !important;\n        bottom:0 !important;\n      }\n\n      #xev-about-isolated-root-standalone.xev-ltr .xev-photo-alt{\n        right:0 !important;\n        left:auto !important;\n      }\n    }\n\n    @media screen and (max-width: 480px){\n      #xev-about-isolated-root-standalone{\n        overflow-x:hidden !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-about-shell{\n        gap:52px !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-visual-composition{\n        height:320px !important;\n        min-height:320px !important;\n        display:block !important;\n        overflow:visible !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-photo-main{\n        width:78% !important;\n        height:78% !important;\n        top:0 !important;\n        right:0 !important;\n        left:auto !important;\n        border-radius:24px !important;\n      }\n\n      #xev-about-isolated-root-standalone.xev-ltr .xev-photo-main{\n        left:0 !important;\n        right:auto !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-photo-alt{\n        width:58% !important;\n        height:48% !important;\n        left:0 !important;\n        right:auto !important;\n        bottom:0 !important;\n        border-radius:20px !important;\n      }\n\n      #xev-about-isolated-root-standalone.xev-ltr .xev-photo-alt{\n        right:0 !important;\n        left:auto !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-feature-grid{\n        display:grid !important;\n        grid-template-columns:1fr !important;\n        max-width:100% !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-feature-card{\n        width:100% !important;\n      }\n\n      #xev-about-isolated-root-standalone .xev-about-heading,\n      #xev-about-isolated-root-standalone .xev-about-text,\n      #xev-about-isolated-root-standalone .xev-marker-text,\n      #xev-about-isolated-root-standalone .xev-feature-card span{\n        overflow-wrap:anywhere !important;\n        word-break:normal !important;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      #xev-about-isolated-root-standalone *,\n      #xev-about-isolated-root-standalone *::before,\n      #xev-about-isolated-root-standalone *::after{\n        animation:none !important;\n        transition:none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"xev-about-grid\"><\/div>\n\n  <div class=\"xev-about-shell\">\n    <div class=\"xev-visual-composition\">\n      <div class=\"xev-photo-main\">\n        <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo-scaled.webp\" alt=\"event main\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"xev-photo-alt\">\n        <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo2-scaled.webp\" alt=\"event alt\" decoding=\"async\">\n      <\/div>\n    <\/div>\n\n    <div class=\"xev-about-copy\">\n      <div class=\"xev-section-marker xev-reveal-item xev-delay-1\">\n        <div class=\"xev-marker-line\"><\/div>\n        <div class=\"xev-marker-text\">\u0645\u0646 \u0646\u062d\u0646<\/div>\n      <\/div>\n\n      <h2 class=\"xev-about-heading xev-reveal-item xev-delay-2\">\n        \u0646\u062d\u0648\u0644 \u0643\u0644 \u0641\u0639\u0627\u0644\u064a\u0629 \u0625\u0644\u0649 <span style=\"color:White;\">\u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span>\n      <\/h2>\n\n      <p class=\"xev-about-text xev-reveal-item xev-delay-3\">\n        \u0646\u0624\u0645\u0646 \u0623\u0646 \u0646\u062c\u0627\u062d \u0623\u064a \u0641\u0639\u0627\u0644\u064a\u0629 \u0644\u0627 \u064a\u0639\u062a\u0645\u062f \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0634\u0643\u0644\u060c \u0628\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0630\u0643\u064a \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u062d\u062a\u0631\u0641 \u0648\u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0644\u0623\u0635\u063a\u0631 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644. \u0644\u0630\u0644\u0643 \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0648\u0627\u0632\u0646\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u060c \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0627\u0644\u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629.\n      <\/p>\n\n      <p class=\"xev-about-text xev-reveal-item xev-delay-3\">\n        \u0633\u0648\u0627\u0621 \u0643\u0627\u0646\u062a \u0641\u0639\u0627\u0644\u064a\u0629 \u0645\u0624\u0633\u0633\u064a\u0629\u060c \u062a\u062c\u0631\u0628\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629\u060c \u0623\u0648 \u062d\u062f\u062b\u064b\u0627 \u062c\u0645\u0627\u0647\u064a\u0631\u064a\u064b\u0627\u060c \u0641\u0646\u062d\u0646 \u0646\u0636\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u0646\u0628\u0646\u064a \u062d\u0644\u0648\u0644\u064b\u0627 \u062a\u0646\u0627\u0633\u0628 \u0637\u0628\u064a\u0639\u0629 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0644\u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0646\u062a\u064a\u062c\u0629 \u0645\u0645\u0643\u0646\u0629.\n      <\/p>\n\n      <div class=\"xev-feature-grid xev-reveal-item xev-delay-4\">\n        <div class=\"xev-feature-card\">\n          <div class=\"xev-feature-icon\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\n          <span>\u062d\u0644\u0648\u0644 \u0627\u0628\u062a\u0643\u0627\u0631\u064a\u0629<\/span>\n        <\/div>\n\n        <div class=\"xev-feature-card\">\n          <div class=\"xev-feature-icon\"><i class=\"fa-solid fa-users-viewfinder\"><\/i><\/div>\n          <span>\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635<\/span>\n        <\/div>\n\n        <div class=\"xev-feature-card\">\n          <div class=\"xev-feature-icon\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\n          <span>\u062e\u0637\u0637 \u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/span>\n        <\/div>\n\n        <div class=\"xev-feature-card\">\n          <div class=\"xev-feature-icon\"><i class=\"fa-solid fa-ranking-star\"><\/i><\/div>\n          <span>\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      function initXevAboutStandalone() {\n        const root = document.getElementById(\"xev-about-isolated-root-standalone\");\n        if (!root || root.dataset.xevAboutInit === \"true\") return;\n        root.dataset.xevAboutInit = \"true\";\n\n        const shell = root.querySelector(\".xev-about-shell\");\n        const img1 = root.querySelector(\".xev-photo-main\");\n        const img2 = root.querySelector(\".xev-photo-alt\");\n\n        const htmlDir = ((document.documentElement.getAttribute(\"dir\") || \"\").toLowerCase());\n        const htmlLang = ((document.documentElement.getAttribute(\"lang\") || \"\").toLowerCase());\n        const bodyDir = ((document.body && document.body.getAttribute(\"dir\")) || \"\").toLowerCase();\n        const bodyLang = ((document.body && document.body.getAttribute(\"lang\")) || \"\").toLowerCase();\n\n        const isLTR =\n          htmlDir === \"ltr\" ||\n          htmlLang.indexOf(\"en\") === 0 ||\n          bodyDir === \"ltr\" ||\n          bodyLang.indexOf(\"en\") === 0;\n\n        if (isLTR) {\n          root.classList.add(\"xev-ltr\");\n          root.setAttribute(\"dir\", \"ltr\");\n        } else {\n          root.classList.remove(\"xev-ltr\");\n          root.setAttribute(\"dir\", \"rtl\");\n        }\n\n        if (shell && \"IntersectionObserver\" in window) {\n          const observer = new IntersectionObserver(function(entries, obs) {\n            entries.forEach(function(entry) {\n              if (entry.isIntersecting) {\n                shell.classList.add(\"xev-is-visible\");\n                obs.unobserve(entry.target);\n              }\n            });\n          }, { threshold: 0.12 });\n\n          observer.observe(shell);\n        } else if (shell) {\n          shell.classList.add(\"xev-is-visible\");\n        }\n\n        const supportsPointer = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n        const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n        let sectionInView = false;\n\n        if (\"IntersectionObserver\" in window) {\n          const sectionObserver = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n              if (entry.target !== root) return;\n              sectionInView = entry.isIntersecting || entry.intersectionRatio > 0;\n            });\n          }, { threshold: [0, 0.1, 0.2] });\n\n          sectionObserver.observe(root);\n        } else {\n          sectionInView = true;\n        }\n\n        if (supportsPointer && !prefersReducedMotion && window.innerWidth > 991 && img1 && img2) {\n          let ticking = false;\n\n          window.addEventListener(\"mousemove\", function(e) {\n            if (!sectionInView || ticking) return;\n            ticking = true;\n\n            window.requestAnimationFrame(function() {\n              const rect = root.getBoundingClientRect();\n              const localX = e.clientX - rect.left;\n              const localY = e.clientY - rect.top;\n              const centerX = rect.width \/ 2;\n              const centerY = rect.height \/ 2;\n              const percentX = (localX - centerX) \/ centerX;\n              const percentY = (localY - centerY) \/ centerY;\n\n              img1.style.transform = \"translate3d(\" + (percentX * 20) + \"px,\" + (percentY * 20) + \"px,0)\";\n              img2.style.transform = \"translate3d(\" + (percentX * -30) + \"px,\" + (percentY * -30) + \"px,0)\";\n              ticking = false;\n            });\n          }, { passive: true });\n        } else {\n          if (img1) img1.style.transform = \"translate3d(0,0,0)\";\n          if (img2) img2.style.transform = \"translate3d(0,0,0)\";\n        }\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initXevAboutStandalone);\n      } else {\n        initXevAboutStandalone();\n      }\n    })();\n  <\/script>\n<\/section>\n\n<!-- ===== MDP SECTION BREAK ===== -->\n\n<!-- Optional: remove these if already loaded globally -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section id=\"mdp-stats-isolated-root\" dir=\"rtl\">\n  <style>\n    #mdp-stats-isolated-root,\n    #mdp-stats-isolated-root * {\n      box-sizing: border-box;\n    }\n\n    #mdp-stats-isolated-root {\n      --mdp-accent: #8E82D9;\n      --mdp-accent-2: #6E5FC7;\n      --mouse-x: 50%;\n      --mouse-y: 50%;\n      position: relative;\n      width: 100%;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 100px 0;\n      overflow: hidden;\n      isolation: isolate;\n      font-family: 'Tajawal', sans-serif !important;\n      color: #fff;\n      background: rgba(212, 212, 246, .36) !important;\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n    }\n\n    #mdp-stats-isolated-root::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: rgba(212, 212, 246, .12);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    #mdp-stats-isolated-root.mdp-stats-ltr {\n      direction: ltr !important;\n      font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;\n    }\n\n    #mdp-stats-isolated-root .mdp-background-fx {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    #mdp-stats-isolated-root .mdp-corner-light {\n      position: absolute;\n      width: 60vw;\n      height: 60vw;\n      border-radius: 50%;\n      filter: blur(140px);\n      opacity: .22;\n    }\n\n    #mdp-stats-isolated-root .mdp-light-top-right {\n      top: -20%;\n      right: -10%;\n      background: radial-gradient(circle at center, rgba(110, 95, 199, .55) 0%, transparent 70%);\n    }\n\n    #mdp-stats-isolated-root .mdp-light-bottom-left {\n      left: -10%;\n      bottom: -20%;\n      background: radial-gradient(circle at center, rgba(110, 95, 199, .55) 0%, transparent 70%);\n    }\n\n    #mdp-stats-isolated-root .mdp-mesh-glow {\n      position: absolute;\n      width: 40vw;\n      height: 40vh;\n      left: 30%;\n      top: 25%;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(110, 95, 199, .12) 0%, transparent 70%);\n      filter: blur(80px);\n      animation: mdpGlowFloat 18s ease-in-out infinite alternate;\n    }\n\n    @keyframes mdpGlowFloat {\n      from {\n        transform: translate3d(-10%, -10%, 0) scale(1);\n      }\n\n      to {\n        transform: translate3d(10%, 10%, 0) scale(1.18);\n      }\n    }\n\n    #mdp-stats-isolated-root .mdp-cursor-spotlight {\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle 500px at var(--mouse-x) var(--mouse-y), rgba(110, 95, 199, .15), transparent 80%);\n      opacity: 0;\n      transition: opacity .25s ease;\n    }\n\n    #mdp-stats-isolated-root.mdp-pointer-active .mdp-cursor-spotlight {\n      opacity: 1;\n    }\n\n    #mdp-stats-isolated-root .mdp-container {\n      position: relative;\n      z-index: 2;\n      text-align: center;\n      width: min(92%, 1300px);\n      margin-inline: auto;\n    }\n\n    #mdp-stats-isolated-root .mdp-stats-header {\n      margin-bottom: clamp(55px, 10vh, 95px);\n      opacity: 0;\n      transform: none;\n      transition: opacity 1.1s cubic-bezier(.19, 1, .22, 1);\n    }\n\n    #mdp-stats-isolated-root .mdp-stats-header.mdp-visible {\n      opacity: 1;\n      transform: none;\n    }\n\n    #mdp-stats-isolated-root .mdp-header-small {\n      display: block;\n      margin-bottom: 20px;\n      color: var(--mdp-accent-2);\n      font-size: 13px;\n      letter-spacing: 8px;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    #mdp-stats-isolated-root .mdp-header-large {\n      margin: 0;\n      color: #fff;\n      font-size: clamp(30px, 4.5vw, 50px);\n      font-weight: 900;\n      text-shadow: 0 5px 15px rgba(0, 0, 0, .18);\n    }\n\n    #mdp-stats-isolated-root .mdp-accent {\n      color: var(--mdp-accent-2);\n    }\n\n    #mdp-stats-isolated-root .mdp-stats-grid {\n      display: flex;\n      justify-content: center;\n      align-items: flex-start;\n      flex-wrap: wrap;\n      gap: clamp(28px, 4vw, 70px);\n    }\n\n    #mdp-stats-isolated-root .mdp-stat-item {\n      min-width: 160px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      opacity: 0;\n      transform: none;\n      transition: opacity 1s cubic-bezier(.19, 1, .22, 1);\n      transition-delay: var(--delay);\n      will-change: opacity;\n    }\n\n    #mdp-stats-isolated-root .mdp-stats-grid.mdp-visible .mdp-stat-item {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* Normal state = filled *\/\n    #mdp-stats-isolated-root .mdp-stat-number {\n      font-size: clamp(52px, 7vw, 82px);\n      line-height: .9;\n      font-weight: 900;\n      letter-spacing: -2px;\n      color: var(--mdp-accent-2);\n      -webkit-text-stroke: 2px var(--mdp-accent-2);\n      filter: drop-shadow(0 0 10px rgba(142, 130, 217, .2));\n      text-shadow: 0 0 45px rgba(142, 130, 217, .45);\n      margin-bottom: 14px;\n      transition: .45s ease;\n    }\n\n    \/* Hover state = outline *\/\n    #mdp-stats-isolated-root .mdp-stat-item:hover .mdp-stat-number {\n      color: transparent;\n      -webkit-text-stroke: 2px var(--mdp-accent-2);\n      text-shadow: none;\n      transform: scale(1.08) translateY(-8px);\n    }\n\n    #mdp-stats-isolated-root .mdp-stat-label {\n      font-size: clamp(16px, 1.2vw, 22px);\n      font-weight: 700;\n      color: #fff;\n      opacity: .92;\n      transition: .3s ease;\n    }\n\n    #mdp-stats-isolated-root .mdp-stat-item:hover .mdp-stat-label {\n      transform: translateY(-4px);\n      opacity: 1;\n    }\n\n    #mdp-stats-isolated-root .mdp-stat-divider {\n      width: 2px;\n      height: 80px;\n      margin-top: 14px;\n      background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .24), transparent);\n    }\n\n    @media (max-width: 1024px) {\n      #mdp-stats-isolated-root .mdp-stat-divider {\n        display: none;\n      }\n\n      #mdp-stats-isolated-root .mdp-corner-light {\n        width: 80vw;\n        opacity: .18;\n      }\n    }\n\n    @media (max-width: 768px) {\n      #mdp-stats-isolated-root {\n        min-height: auto;\n        padding: 90px 0;\n      }\n\n      #mdp-stats-isolated-root .mdp-stat-number {\n        -webkit-text-stroke: 1.5px var(--mdp-accent-2);\n      }\n\n      #mdp-stats-isolated-root .mdp-stat-item:hover .mdp-stat-number {\n        -webkit-text-stroke: 1.5px var(--mdp-accent-2);\n      }\n\n      #mdp-stats-isolated-root .mdp-stats-header {\n        margin-bottom: 50px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      #mdp-stats-isolated-root .mdp-header-large {\n        font-size: 28px;\n      }\n\n      #mdp-stats-isolated-root .mdp-stats-grid {\n        gap: 38px;\n      }\n\n      #mdp-stats-isolated-root .mdp-stat-number {\n        font-size: 60px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #mdp-stats-isolated-root *,\n      #mdp-stats-isolated-root *::before,\n      #mdp-stats-isolated-root *::after {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"mdp-background-fx\">\n    <div class=\"mdp-corner-light mdp-light-top-right\"><\/div>\n    <div class=\"mdp-corner-light mdp-light-bottom-left\"><\/div>\n    <div class=\"mdp-mesh-glow\"><\/div>\n    <div class=\"mdp-cursor-spotlight\"><\/div>\n  <\/div>\n\n  <div class=\"mdp-container\">\n    <div class=\"mdp-stats-header\">\n      <span class=\"mdp-header-small\">OUR SUCCESS IN NUMBERS<\/span>\n      <h2 class=\"mdp-header-large\">\u0646\u0633\u0637\u0631 \u0627\u0644\u0646\u062c\u0627\u062d <span class=\"mdp-accent\">\u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/span><\/h2>\n    <\/div>\n\n    <div class=\"mdp-stats-grid\">\n\n      <div class=\"mdp-stat-item\" style=\"--delay:.2s\">\n        <div class=\"mdp-stat-number\" data-target=\"450\" data-suffix=\"+\">0<\/div>\n        <div class=\"mdp-stat-label\">\u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n      <\/div>\n\n      <div class=\"mdp-stat-divider\"><\/div>\n\n      <div class=\"mdp-stat-item\" style=\"--delay:.4s\">\n        <div class=\"mdp-stat-number\" data-target=\"500\" data-suffix=\"+\">0<\/div>\n        <div class=\"mdp-stat-label\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/div>\n      <\/div>\n\n      <div class=\"mdp-stat-divider\"><\/div>\n\n      <div class=\"mdp-stat-item\" style=\"--delay:.6s\">\n        <div class=\"mdp-stat-number\" data-target=\"10\" data-suffix=\"\">0<\/div>\n        <div class=\"mdp-stat-label\">\u0627\u0644\u0645\u0646\u0627\u0637\u0642<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      function initMdpStatsStandalone() {\n        const root = document.getElementById(\"mdp-stats-isolated-root\");\n        if (!root || root.dataset.mdpStatsInit === \"true\") return;\n        root.dataset.mdpStatsInit = \"true\";\n\n        const header = root.querySelector(\".mdp-stats-header\");\n        const grid = root.querySelector(\".mdp-stats-grid\");\n        const statsNumbers = root.querySelectorAll(\".mdp-stat-number\");\n        const statItems = root.querySelectorAll(\".mdp-stat-item\");\n\n        const isLTR = ((document.documentElement.getAttribute(\"dir\") || \"\").toLowerCase() === \"ltr\") ||\n                      ((document.documentElement.getAttribute(\"lang\") || \"\").toLowerCase().indexOf(\"en\") === 0) ||\n                      ((document.body && (document.body.getAttribute(\"dir\") || \"\").toLowerCase()) === \"ltr\") ||\n                      ((document.body && (document.body.getAttribute(\"lang\") || \"\").toLowerCase().indexOf(\"en\") === 0));\n\n        if (isLTR) {\n          root.classList.add(\"mdp-stats-ltr\");\n          root.setAttribute(\"dir\", \"ltr\");\n        }\n\n        const supportsPointer = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n        const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n        let sectionInView = false;\n\n        if (\"IntersectionObserver\" in window) {\n          const revealObserver = new IntersectionObserver(function(entries, obs) {\n            entries.forEach(function(entry) {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"mdp-visible\");\n                obs.unobserve(entry.target);\n              }\n            });\n          }, { threshold: 0.12 });\n\n          if (header) revealObserver.observe(header);\n          if (grid) revealObserver.observe(grid);\n\n          const sectionObserver = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n              if (entry.target !== root) return;\n              sectionInView = entry.isIntersecting || entry.intersectionRatio > 0;\n            });\n          }, { threshold: [0, 0.1, 0.2] });\n\n          sectionObserver.observe(root);\n        } else {\n          if (header) header.classList.add(\"mdp-visible\");\n          if (grid) grid.classList.add(\"mdp-visible\");\n          sectionInView = true;\n        }\n\n        if (supportsPointer && !prefersReducedMotion && window.innerWidth > 991) {\n          root.classList.add(\"mdp-pointer-active\");\n          let statsTicking = false;\n\n          root.addEventListener(\"mousemove\", function (e) {\n            if (!sectionInView || statsTicking) return;\n            statsTicking = true;\n\n            window.requestAnimationFrame(function () {\n              const rect = root.getBoundingClientRect();\n              const x = e.clientX - rect.left;\n              const y = e.clientY - rect.top;\n              root.style.setProperty(\"--mouse-x\", x + \"px\");\n              root.style.setProperty(\"--mouse-y\", y + \"px\");\n\n              const centerX = rect.width \/ 2;\n              const centerY = rect.height \/ 2;\n              const moveX = (x - centerX) \/ 120;\n              const moveY = (y - centerY) \/ 120;\n\n              statItems.forEach(function (item, index) {\n                const factor = (index + 1) * 0.22;\n                item.style.transform = \"translate3d(\" + (moveX * factor) + \"px,\" + (moveY * factor) + \"px,0)\";\n              });\n\n              statsTicking = false;\n            });\n          }, { passive: true });\n\n          root.addEventListener(\"mouseleave\", function () {\n            statItems.forEach(function (item) {\n              item.style.transform = \"\";\n            });\n            root.style.setProperty(\"--mouse-x\", \"50%\");\n            root.style.setProperty(\"--mouse-y\", \"50%\");\n          }, { passive: true });\n        }\n\n        function countUp(element) {\n          const target = parseInt(element.getAttribute(\"data-target\") || \"0\", 10);\n          const suffix = element.getAttribute(\"data-suffix\") || \"\";\n          const duration = 2000;\n          let startTime = null;\n\n          function step(timestamp) {\n            if (!startTime) startTime = timestamp;\n            const progress = Math.min((timestamp - startTime) \/ duration, 1);\n            const easeProgress = 1 - Math.pow(2, -10 * progress);\n            const current = Math.floor(easeProgress * target);\n            element.textContent = current + suffix;\n\n            if (progress < 1) {\n              requestAnimationFrame(step);\n            } else {\n              element.textContent = target + suffix;\n            }\n          }\n\n          requestAnimationFrame(step);\n        }\n\n        if (statsNumbers.length && \"IntersectionObserver\" in window) {\n          const statsObserver = new IntersectionObserver(function(entries, obs) {\n            entries.forEach(function(entry) {\n              if (entry.isIntersecting && !entry.target.classList.contains(\"counted\")) {\n                countUp(entry.target);\n                entry.target.classList.add(\"counted\");\n                obs.unobserve(entry.target);\n              }\n            });\n          }, { threshold: 0.5 });\n\n          statsNumbers.forEach(function(num) {\n            statsObserver.observe(num);\n          });\n        } else {\n          statsNumbers.forEach(function(num) {\n            if (!num.classList.contains(\"counted\")) {\n              countUp(num);\n              num.classList.add(\"counted\");\n            }\n          });\n        }\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initMdpStatsStandalone);\n      } else {\n        initMdpStatsStandalone();\n      }\n    })();\n  <\/script>\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a068437 elementor-widget elementor-widget-shortcode\" data-id=\"a068437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <!-- Swiper CSS & Fonts (Loaded once) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        html, body {\n            max-width: 100%;\n            overflow-x: hidden;\n        }\n\n        .mhs-explore:hover {\n            background: #6751A3 !important;\n            border-color: #6751A3 !important;\n            box-shadow: 0 8px 20px rgba(103, 81, 163, 0.4);\n            transition: all 0.3s ease !important;\n        }\n\n        .mhs-explore:hover i {\n            transform: translateX(-6px);\n        }\n\n        .mhs-explore i {\n            transition: transform 0.3s ease;\n        }\n\n        .madad-home-slider-wrapper,\n        .madad-home-slider-wrapper * { \n            box-sizing: border-box !important; \n            font-family: 'Cairo', 'Tajawal', sans-serif; \n            margin: 0; \n            padding: 0;\n        }\n\n        .madad-home-slider-wrapper {\n            width: 100% !important;\n            max-width: 100% !important;\n            position: relative;\n            margin: 0 !important;\n            direction: rtl;\n            overflow: hidden !important;\n            background: #000000;\n            isolation: isolate;\n        }\n\n        .mhs-swiper {\n            width: 100%;\n            max-width: 100%;\n            height: 100vh;\n            min-height: 600px;\n            overflow: hidden !important;\n        }\n\n        .mhs-swiper .swiper-slide {\n            position: relative;\n            background: #000;\n            overflow: hidden;\n            width: 100% !important;\n            max-width: 100% !important;\n        }\n\n        .mhs-slide-link {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            inset: 0;\n            z-index: 5;\n        }\n\n        .mhs-media-wrapper {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            overflow: hidden;\n        }\n\n        .mhs-media-wrapper img, \n        .mhs-media-wrapper video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            pointer-events: none;\n            display: block;\n        }\n\n        .mhs-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top left, rgba(0, 0, 0, 0.9) 0%, rgba(103, 81, 163, 0.3) 50%, transparent 80%);\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        .mhs-content {\n            position: absolute;\n            bottom: 12%;\n            right: 8%;\n            z-index: 10;\n            text-align: right;\n            max-width: min(800px, 84vw);\n            color: #ffffff;\n            pointer-events: none;\n            min-width: 0;\n        }\n\n        .mhs-title {\n            font-size: clamp(32px, 5vw, 64px);\n            font-weight: 900;\n            margin-bottom: 15px !important;\n            color: #ffffff !important;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.4);\n            transform: translateY(30px);\n            opacity: 0;\n            transition: 0.8s ease-out;\n            line-height: 1.15;\n            overflow-wrap: anywhere;\n        }\n\n        .mhs-client {\n            font-size: clamp(16px, 2vw, 22px);\n            color: #a289eb !important;\n            display: block;\n            margin-bottom: 40px !important;\n            transform: translateY(20px);\n            opacity: 0;\n            transition: 0.8s ease-out 0.2s;\n            overflow-wrap: anywhere;\n        }\n\n        .mhs-explore {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 16px;\n            padding: 12px 30px !important;\n            border-radius: 50px;\n            border: 1px solid rgba(255, 255, 255, 0.4);\n            color: #fff;\n            background: rgba(103, 81, 163, 0.1);\n            backdrop-filter: blur(5px);\n            transform: translateY(20px);\n            opacity: 0;\n            transition: 0.8s ease-out 0.4s;\n            pointer-events: auto;\n            text-decoration: none;\n            line-height: 1;\n            max-width: 100%;\n            white-space: nowrap;\n        }\n\n        .swiper-slide-active .mhs-title,\n        .swiper-slide-active .mhs-client,\n        .swiper-slide-active .mhs-explore {\n            transform: translateY(0);\n            opacity: 1;\n        }\n\n        .mhs-nav-wrapper {\n            position: absolute;\n            bottom: 12%;\n            left: 8%;\n            z-index: 20;\n            display: flex;\n            gap: 15px;\n            max-width: calc(100% - 16%);\n        }\n\n        .mhs-btn {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            border: 1px solid rgba(255,255,255,0.3);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            cursor: pointer;\n            transition: 0.3s;\n            flex-shrink: 0;\n        }\n\n        .mhs-btn:hover {\n            background: #6751A3;\n            border-color: #6751A3;\n        }\n\n        .swiper-pagination-progressbar {\n            background: rgba(255,255,255,0.1) !important;\n            top: 0 !important;\n            height: 4px !important;\n        }\n\n        .swiper-pagination-progressbar-fill {\n            background: #6751A3 !important;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper,\n        body:lang(en) .madad-home-slider-wrapper {\n            direction: ltr !important;\n        }\n \n        html:lang(en) .madad-home-slider-wrapper .mhs-overlay,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-overlay,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-overlay,\n        body:lang(en) .madad-home-slider-wrapper .mhs-overlay {\n            background: linear-gradient(to top right, rgba(0, 0, 0, 0.9) 0%, rgba(103, 81, 163, 0.3) 50%, transparent 80%);\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-content,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-content,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-content,\n        body:lang(en) .madad-home-slider-wrapper .mhs-content {\n            left: 8%;\n            right: auto;\n            text-align: left;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-title,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-title,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-title,\n        body:lang(en) .madad-home-slider-wrapper .mhs-title {\n            letter-spacing: -0.02em;\n            line-height: 1.08;\n            max-width: 20ch;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-client,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-client,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-client,\n        body:lang(en) .madad-home-slider-wrapper .mhs-client {\n            letter-spacing: 0.01em;\n            margin-bottom: 32px !important;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-explore,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-explore,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-explore,\n        body:lang(en) .madad-home-slider-wrapper .mhs-explore {\n            flex-direction: row;\n            gap: 10px;\n            padding: 14px 28px !important;\n            font-size: 15px;\n            letter-spacing: 0.01em;\n            justify-content: center;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-explore i,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-explore i,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-explore i,\n        body:lang(en) .madad-home-slider-wrapper .mhs-explore i {\n            transform: scaleX(-1);\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-explore:hover i,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-explore:hover i,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-explore:hover i,\n        body:lang(en) .madad-home-slider-wrapper .mhs-explore:hover i {\n            transform: scaleX(-1) translateX(-6px);\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-nav-wrapper,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-nav-wrapper,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-nav-wrapper,\n        body:lang(en) .madad-home-slider-wrapper .mhs-nav-wrapper {\n            right: 8%;\n            left: auto;\n            direction: ltr;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-btn,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-btn,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-btn,\n        body:lang(en) .madad-home-slider-wrapper .mhs-btn {\n            direction: ltr;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-btn-next i,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-btn-next i,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-btn-next i,\n        body:lang(en) .madad-home-slider-wrapper .mhs-btn-next i {\n            transform: scaleX(-1);\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-btn-prev i,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-btn-prev i,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-btn-prev i,\n        body:lang(en) .madad-home-slider-wrapper .mhs-btn-prev i {\n            transform: scaleX(-1);\n        }\n\n        @media (max-width: 768px) {\n            .madad-home-slider-wrapper {\n                width: 100% !important;\n                max-width: 100% !important;\n                margin: 0 !important;\n            }\n\n            .mhs-swiper {\n                min-height: 520px;\n            }\n\n            .mhs-content {\n                right: 5%;\n                left: 5%;\n                text-align: center;\n                bottom: 150px;\n                max-width: none;\n            }\n\n            .mhs-nav-wrapper {\n                left: 50%;\n                transform: translateX(-50%);\n                bottom: 50px;\n                max-width: 100%;\n            }\n\n            .mhs-explore {\n                margin: 0 auto;\n            }\n\n            html:lang(en) .madad-home-slider-wrapper .mhs-content,\n            html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-content,\n            html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-content,\n            body:lang(en) .madad-home-slider-wrapper .mhs-content {\n                left: 5%;\n                right: 5%;\n                text-align: center;\n            }\n\n            html:lang(en) .madad-home-slider-wrapper .mhs-nav-wrapper,\n            html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-nav-wrapper,\n            html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-nav-wrapper,\n            body:lang(en) .madad-home-slider-wrapper .mhs-nav-wrapper {\n                left: 50%;\n                right: auto;\n                transform: translateX(-50%);\n            }\n\n            html:lang(en) .madad-home-slider-wrapper .mhs-title,\n            html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-title,\n            html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-title,\n            body:lang(en) .madad-home-slider-wrapper .mhs-title {\n                max-width: 100%;\n            }\n        }\n    <\/style>\n\n    <div class=\"madad-home-slider-wrapper\">\n        <div class=\"swiper mhs-swiper\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/efsim\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/e3-scaled.webp\" alt=\"EFSIM\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">EFSIM<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/efsim\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a7%d9%83%d8%a7%d8%af%d9%8a%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%88%d8%b7%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d8%a8%d8%ad%d8%b1%d9%8a%d8%a9\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/1-scaled.jpeg\" alt=\"\u0627\u0644\u0627\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0629\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0627\u0644\u0627\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0629<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a7%d9%83%d8%a7%d8%af%d9%8a%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%88%d8%b7%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d8%a8%d8%ad%d8%b1%d9%8a%d8%a9\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a8%d9%84%d8%b2%d8%a2%d9%8a-%d9%88%d9%86%d8%aa%d8%b1%d9%88%d9%84%d8%a7%d9%86%d8%af\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS.webp\" alt=\"\u0628\u0644\u0632\u0622\u064a \u2013 \u0648\u0646\u062a\u0631\u0648\u0644\u0627\u0646\u062f\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0628\u0644\u0632\u0622\u064a \u2013 \u0648\u0646\u062a\u0631\u0648\u0644\u0627\u0646\u062f<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a8%d9%84%d8%b2%d8%a2%d9%8a-%d9%88%d9%86%d8%aa%d8%b1%d9%88%d9%84%d8%a7%d9%86%d8%af\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b1%d9%83%d8%b2-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d9%84%d9%87-%d8%a7%d9%84%d9%85%d8%a7%d9%84%d9%8a-kafd\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo21-scaled.webp\" alt=\"\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0645\u0627\u0644\u064a KAFD\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0645\u0627\u0644\u064a KAFD<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b1%d9%83%d8%b2-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d9%84%d9%87-%d8%a7%d9%84%d9%85%d8%a7%d9%84%d9%8a-kafd\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d9%88%d8%b3%d9%85-%d8%a7%d9%84%d8%af%d8%b1%d8%b9%d9%8a%d8%a9\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo-scaled.webp\" alt=\"\u0645\u0648\u0633\u0645 \u0627\u0644\u062f\u0631\u0639\u064a\u0629\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u0648\u0633\u0645 \u0627\u0644\u062f\u0631\u0639\u064a\u0629<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d9%88%d8%b3%d9%85-%d8%a7%d9%84%d8%af%d8%b1%d8%b9%d9%8a%d8%a9\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo12-scaled.webp\" alt=\"\u0632\u064a\u0646\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0632\u064a\u0646<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a5%d8%aa%d8%ad%d8%a7%d8%af-%d8%a7%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a-%d9%84%d9%84%d8%ac%d9%88%d8%af%d9%88\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0627\u062a\u062d\u0627\u062f-\u0627\u0644\u0633\u0639\u0648\u062f\u064a-\u0644\u0644\u062c\u0648\u062f\u0648.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0627\u0644\u0625\u062a\u062d\u0627\u062f \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0644\u0644\u062c\u0648\u062f\u0648<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a5%d8%aa%d8%ad%d8%a7%d8%af-%d8%a7%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a-%d9%84%d9%84%d8%ac%d9%88%d8%af%d9%88\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/iotech-%d9%85%d8%b9%d8%b1%d8%b6-leap\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/VIDEO.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">IOTECH  \u0645\u0639\u0631\u0636 LEAP<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/iotech-%d9%85%d8%b9%d8%b1%d8%b6-leap\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%b4%d8%a7%d9%8a-%d9%88%d8%a7%d9%84%d8%b3%d9%86%d8%a7%d9%83\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0647\u064a\u0631\u0648-\u0645\u062f\u062f-\u0627\u0644\u0642\u0627\u0645\u0629-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u064a \u0648\u0627\u0644\u0633\u0646\u0627\u0643<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%b4%d8%a7%d9%8a-%d9%88%d8%a7%d9%84%d8%b3%d9%86%d8%a7%d9%83\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%ac%d8%a7%d9%85%d8%b9%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b3%d8%b9%d9%88%d8%af-%d9%83%d9%84%d9%8a%d8%a9-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%b1%d9%8a%d8%a7%d8%b6%d8%a9-%d9%88\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u062c\u0627\u0645\u0639\u0629-\u0627\u0644\u0645\u0644\u0643-\u0633\u0639\u0648\u062f.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u0633\u0639\u0648\u062f \u2013 \u0643\u0644\u064a\u0629 \u0639\u0644\u0648\u0645 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0648\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%ac%d8%a7%d9%85%d8%b9%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b3%d8%b9%d9%88%d8%af-%d9%83%d9%84%d9%8a%d8%a9-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%b1%d9%8a%d8%a7%d8%b6%d8%a9-%d9%88\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%83%d9%84%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d9%81%d9%87%d8%af-%d8%a7%d9%84%d8%a3%d9%85%d9%86%d9%8a%d8%a9\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0643\u0644\u064a\u0629-\u0627\u0644\u0645\u0644\u0643-\u0641\u0647\u062f-\u0627\u0644\u0627\u0645\u0646\u064a\u0629.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0643\u0644\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0641\u0647\u062f \u0627\u0644\u0623\u0645\u0646\u064a\u0629<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%83%d9%84%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d9%81%d9%87%d8%af-%d8%a7%d9%84%d8%a3%d9%85%d9%86%d9%8a%d8%a9\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d8%a7%d9%81%d8%b8%d8%a9-%d8%a7%d9%84%d8%af%d9%84%d9%85\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0628\u0644\u062f\u064a\u0629-\u0627\u0644\u062f\u0644\u0645.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u062f\u0644\u0645<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d8%a7%d9%81%d8%b8%d8%a9-%d8%a7%d9%84%d8%af%d9%84%d9%85\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a5%d8%a8%d8%b1%d8%a7%d9%87%d9%8a%d9%85-%d8%a8%d9%86-%d9%85%d8%ad%d9%85%d8%af-%d8%a8%d9%86-%d8%b3%d8%b9%d9%8a%d8%af%d8%a7%d9%86-%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d9%8a%d8%a9\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0627\u0628\u0631\u0627\u0647\u064a\u0645-\u0628\u0646-\u0645\u062d\u0645\u062f-\u0628\u0646-\u0633\u0639\u064a\u062f\u0627\u0646-\u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0625\u0628\u0631\u0627\u0647\u064a\u0645 \u0628\u0646 \u0645\u062d\u0645\u062f \u0628\u0646 \u0633\u0639\u064a\u062f\u0627\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a5%d8%a8%d8%b1%d8%a7%d9%87%d9%8a%d9%85-%d8%a8%d9%86-%d9%85%d8%ad%d9%85%d8%af-%d8%a8%d9%86-%d8%b3%d8%b9%d9%8a%d8%af%d8%a7%d9%86-%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d9%8a%d8%a9\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d8%b9%d8%b2%d9%8a%d8%b2-%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d8%aa%d8%a3%d8%b3%d9%8a%d8%b3\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/Video-.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u062d\u0645\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u2013 \u064a\u0648\u0645 \u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/h2>\n                                                            <span class=\"mhs-client\">\u0645\u062d\u0645\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632<\/span>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d8%b9%d8%b2%d9%8a%d8%b2-%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d8%aa%d8%a3%d8%b3%d9%8a%d8%b3\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86-%d8%a7%d9%84%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d9%88%d8%b7%d9%8a\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0632\u064a\u0646-2-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0648\u0637\u0646\u064a<\/h2>\n                                                            <span class=\"mhs-client\">\u0632\u064a\u0646<\/span>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86-%d8%a7%d9%84%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d9%88%d8%b7%d9%8a\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"mhs-nav-wrapper\">\n                <div class=\"mhs-btn mhs-btn-next\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n                <div class=\"mhs-btn mhs-btn-prev\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\n            <\/div>\n\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n    <script>\n        document.addEventListener('madad_swiper_ready', function() {\n            new Swiper('.mhs-swiper', {\n                speed: 1200,\n                loop: true,\n                effect: 'fade',\n                autoplay: { delay: 6000, disableOnInteraction: false },\n                navigation: { nextEl: '.mhs-btn-next', prevEl: '.mhs-btn-prev' },\n                pagination: { el: '.swiper-pagination', type: 'progressbar' }\n            });\n        });\n\n        if (typeof Swiper !== 'undefined') {\n            document.dispatchEvent(new CustomEvent('madad_swiper_ready'));\n        }\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ca3e90 elementor-widget elementor-widget-shortcode\" data-id=\"1ca3e90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- Optional: keep these only if your site does NOT already load them -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<div id=\"xev-services-isolated-root\" dir=\"rtl\">\n    <style>\n        #xev-services-isolated-root,\n        #xev-services-isolated-root * {\n            box-sizing: border-box;\n        }\n\n        #xev-services-isolated-root {\n            position: relative;\n            width: 100%;\n            min-height: 100vh;\n            background-color: transparent !important;\n            font-family: 'Tajawal', sans-serif !important;\n            color: #ffffff !important;\n            padding: clamp(60px, 8vw, 100px) 0;\n            overflow: hidden;\n            isolation: isolate;\n        }\n\n        #xev-services-isolated-root .xev-bg-grid {\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n            background-size: 50px 50px;\n            z-index: 1;\n            pointer-events: none;\n            transform: translateZ(0);\n        }\n\n        #xev-services-isolated-root .xev-shell {\n            width: 95%;\n            max-width: 1600px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 10;\n        }\n\n        #xev-services-isolated-root .xev-topbar {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            margin-bottom: 40px;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n\n        #xev-services-isolated-root .xev-topbar-copy {\n            max-width: 700px;\n            text-align: right;\n        }\n\n        #xev-services-isolated-root .xev-mini-label {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 10px;\n        }\n\n        #xev-services-isolated-root .xev-mini-line {\n            height: 2px;\n            width: 50px;\n            background: linear-gradient(to left, #ffffff, transparent);\n        }\n\n        #xev-services-isolated-root .xev-mini-text {\n            font-size: 13px;\n            font-weight: 700;\n            color: white;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        #xev-services-isolated-root .xev-main-heading {\n            font-size: clamp(26px, 3.5vw, 40px);\n            font-weight: 900;\n            color: white;\n            line-height: 1.3;\n            margin: 0 0 10px 0;\n        }\n\n        #xev-services-isolated-root .xev-main-desc {\n            font-size: 15px;\n            color: rgba(255, 255, 255, 0.85);\n            line-height: 1.7;\n            margin: 0;\n        }\n\n        #xev-services-isolated-root .xev-more-btn {\n            display: inline-flex;\n            align-items: center;\n            height: 56px;\n            padding: 0 35px 0 8px;\n            gap: 20px;\n            font-size: 15px !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            border-radius: 50px;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            position: relative;\n            z-index: 1;\n            transition: all 0.4s ease;\n            transform: translateZ(0);\n        }\n\n        #xev-services-isolated-root .xev-more-btn::before {\n            content: '';\n            position: absolute;\n            top: 7px;\n            left: 7px;\n            width: 40px;\n            height: 40px;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 50px;\n            z-index: -1;\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\n            will-change: width, background;\n        }\n\n        #xev-services-isolated-root .xev-more-btn:hover::before {\n            width: calc(100% - 14px);\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        #xev-services-isolated-root .xev-slider {\n            width: 100%;\n            padding: 0 0 60px 0 !important;\n        }\n\n        #xev-services-isolated-root .xev-slide-box {\n            height: clamp(500px, 60vh, 600px);\n            padding: 6px;\n        }\n\n        #xev-services-isolated-root .xev-service-tile {\n            position: relative;\n            display: block;\n            text-decoration: none;\n            width: 100%;\n            height: 100%;\n            border-radius: 12px;\n            overflow: hidden;\n            background: rgba(0, 0, 0, 0.2);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(10px);\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\n            cursor: pointer;\n            transform: translateZ(0);\n        }\n\n        #xev-services-isolated-root .xev-tile-media {\n            position: absolute;\n            inset: 0;\n            z-index: 1;\n            transition: transform 1.2s ease;\n            will-change: transform;\n            transform: translateZ(0);\n        }\n\n        #xev-services-isolated-root .xev-tile-media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            opacity: 0.7;\n            display: block;\n        }\n\n        #xev-services-isolated-root .xev-tile-watermark {\n            position: absolute;\n            top: 25px;\n            left: 25px;\n            width: 60px;\n            height: 60px;\n            z-index: 2;\n            opacity: 0.4;\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\n            pointer-events: none;\n            background: rgba(255, 255, 255, 0.1);\n            padding: 10px;\n            border-radius: 50%;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(5px);\n            will-change: transform, opacity, background;\n            transform: translateZ(0);\n        }\n\n        #xev-services-isolated-root .xev-tile-watermark img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            filter: brightness(10);\n        }\n\n        #xev-services-isolated-root .xev-tile-watermark.xev-icon-badge {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #xev-services-isolated-root .xev-tile-watermark.xev-icon-badge i {\n            font-size: 28px;\n            color: #ffffff;\n            line-height: 1;\n        }\n\n        #xev-services-isolated-root .xev-service-tile:hover .xev-tile-watermark {\n            opacity: 0.9;\n            background: rgba(255, 255, 255, 0.25);\n            border-color: rgba(255, 255, 255, 0.5);\n            transform: scale(1.1) rotate(-5deg) translateZ(0);\n            box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);\n        }\n\n        #xev-services-isolated-root .xev-tile-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(\n                to bottom,\n                rgba(30, 20, 50, 0) 0%,\n                rgba(30, 20, 50, 0.4) 50%,\n                rgba(10, 5, 20, 0.9) 100%\n            );\n            z-index: 3;\n            pointer-events: none;\n        }\n\n        #xev-services-isolated-root .xev-tile-copy {\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 100%;\n            padding: clamp(25px, 3vw, 40px);\n            z-index: 4;\n            display: flex;\n            flex-direction: column;\n            text-align: right;\n        }\n\n        #xev-services-isolated-root .xev-tile-title {\n            font-size: 20px;\n            font-weight: 800;\n            color: #ffffff;\n            margin-bottom: 12px;\n            text-transform: uppercase;\n        }\n\n        #xev-services-isolated-root .xev-tile-desc {\n            font-size: 14.5px;\n            color: rgba(255, 255, 255, 0.9);\n            line-height: 1.7;\n            margin-bottom: 25px;\n            display: -webkit-box;\n            -webkit-line-clamp: 4;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        #xev-services-isolated-root .xev-controls {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 10px;\n            position: relative;\n            z-index: 20;\n        }\n\n        #xev-services-isolated-root .xev-progress-wrap {\n            width: 200px;\n            height: 3px;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 3px;\n            overflow: hidden;\n            transform: translateZ(0);\n        }\n\n        #xev-services-isolated-root .xev-progress-fill {\n            width: 0%;\n            height: 100%;\n            background: #ffffff;\n            transition: width 0.4s ease;\n            will-change: width;\n        }\n\n        #xev-services-isolated-root .xev-navs {\n            display: flex;\n            gap: 12px;\n        }\n\n        #xev-services-isolated-root .xev-nav {\n            width: 50px;\n            height: 50px;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(8px);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            color: #ffffff;\n            transform: translateZ(0);\n        }\n\n        #xev-services-isolated-root .xev-nav:hover {\n            background: #ffffff;\n            color: #000;\n        }\n\n        #xev-services-isolated-root .xev-anim-right {\n            opacity: 0;\n            transform: translate3d(80px, 0, 0);\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\n            will-change: transform, opacity;\n        }\n\n        #xev-services-isolated-root .xev-anim-left {\n            opacity: 0;\n            transform: translate3d(-80px, 0, 0);\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\n            will-change: transform, opacity;\n        }\n\n        #xev-services-isolated-root.xev-is-visible .xev-anim-right,\n        #xev-services-isolated-root.xev-is-visible .xev-anim-left {\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n\n        \/* TranslatePress \/ LTR support *\/\n        #xev-services-isolated-root.xev-ltr {\n            direction: ltr !important;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-topbar-copy {\n            text-align: left;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-mini-label {\n            flex-direction: row;\n            justify-content: flex-start;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-mini-line {\n            background: linear-gradient(to right, #ffffff, transparent);\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-mini-text {\n            letter-spacing: 1.5px;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-main-heading {\n            line-height: 1.15;\n            letter-spacing: -0.02em;\n            max-width: 24ch;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-main-desc {\n            line-height: 1.8;\n            max-width: 58ch;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-more-btn {\n            padding: 0 8px 0 35px;\n            gap: 16px;\n            flex-direction: row;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-more-btn::before {\n            left: auto;\n            right: 7px;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-more-btn-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            direction: ltr;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-more-btn-icon i {\n            transform: scaleX(-1);\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-tile-watermark {\n            left: auto;\n            right: 25px;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-tile-copy {\n            right: auto;\n            left: 0;\n            text-align: left;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-tile-title {\n            letter-spacing: -0.01em;\n            line-height: 1.25;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-tile-desc {\n            line-height: 1.75;\n            font-size: 14px;\n            margin-bottom: 22px;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-controls,\n        #xev-services-isolated-root.xev-ltr .xev-navs {\n            direction: ltr;\n        }\n\n        #xev-services-isolated-root.xev-ltr .xev-nav i {\n            transform: scaleX(-1);\n        }\n\n        @media (max-width: 991px) {\n            #xev-services-isolated-root .xev-topbar {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            #xev-services-isolated-root .xev-progress-wrap {\n                display: none;\n            }\n\n            #xev-services-isolated-root .xev-tile-watermark {\n                top: 15px;\n                left: 15px;\n                width: 50px;\n                height: 50px;\n                padding: 8px;\n            }\n\n            #xev-services-isolated-root .xev-tile-watermark.xev-icon-badge i {\n                font-size: 24px;\n            }\n\n            #xev-services-isolated-root.xev-ltr .xev-tile-watermark {\n                left: auto;\n                right: 15px;\n            }\n\n            #xev-services-isolated-root.xev-ltr .xev-topbar-copy {\n                text-align: center;\n            }\n\n            #xev-services-isolated-root.xev-ltr .xev-mini-label {\n                justify-content: center;\n            }\n\n            #xev-services-isolated-root.xev-ltr .xev-main-heading,\n            #xev-services-isolated-root.xev-ltr .xev-main-desc {\n                max-width: 100%;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #xev-services-isolated-root *,\n            #xev-services-isolated-root *::before,\n            #xev-services-isolated-root *::after {\n                animation: none !important;\n                transition: none !important;\n                scroll-behavior: auto !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"xev-bg-grid\"><\/div>\n\n    <div class=\"xev-shell\">\n        <div class=\"xev-topbar\">\n            <div class=\"xev-topbar-copy xev-anim-right\">\n                <div class=\"xev-mini-label\">\n                    <span class=\"xev-mini-line\"><\/span>\n                    <span class=\"xev-mini-text\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\n                <\/div>\n                <h2 class=\"xev-main-heading\">\u0646\u0635\u0645\u0645 \u0648\u0646\u0646\u0641\u0630 \u0641\u0639\u0627\u0644\u064a\u0627\u062a <span style=\"color: #ffffff; text-shadow: 0 0 15px rgba(255,255,255,0.5);\">\u062a\u062a\u0631\u0643 \u0628\u0635\u0645\u0629<\/span><\/h2>\n                <p class=\"xev-main-desc\">\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0641\u0646\u064a \u0648\u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.<\/p>\n            <\/div>\n\n            <div class=\"xev-topbar-action xev-anim-left\">\n                <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-more-btn\">\n                    <span class=\"xev-more-btn-label\">\u0643\u0627\u0641\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span>\n                    <div class=\"xev-more-btn-icon\"><i class=\"fa-solid fa-arrow-left-long\"><\/i><\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"swiper xev-slider js-xev-services-swiper xev-anim-right\">\n            <div class=\"swiper-wrapper\">\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062a\u0646\u0638\u064a\u0645-\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a-1.webp\" alt=\"Conferences\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062a\u0646\u0638\u064a\u0645-\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a.webp\" alt=\"Icon\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a<\/h3>\n                                <p class=\"xev-tile-desc\">\u0625\u062f\u0627\u0631\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u062a\u062d\u062f\u062b\u064a\u0646\u060c \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u0632\u0645\u0646\u064a\u0629\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 \u0627\u0644\u062d\u062f\u062b.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062a\u0646\u0638\u064a\u0645-\u0627\u0644\u0645\u0639\u0627\u0631\u0636.webp\" alt=\"Exhibitions\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062a\u0646\u0638\u064a\u0645-\u0627\u0644\u0645\u0639\u0627\u0631\u0636-1.webp\" alt=\"Icon\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0639\u0627\u0631\u0636<\/h3>\n                                <p class=\"xev-tile-desc\">\u062a\u0635\u0645\u064a\u0645 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0623\u062c\u0646\u062d\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u062d\u0631\u0643\u0629 \u0627\u0644\u0639\u0627\u0631\u0636\u064a\u0646 \u0648\u0627\u0644\u0632\u0648\u0627\u0631 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a-\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629.webp\" alt=\"Corporate\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a-\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629-1.webp\" alt=\"Icon\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h3>\n                                <p class=\"xev-tile-desc\">\u062d\u0641\u0644\u0627\u062a \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0627\u0644\u0645\u0644\u062a\u0642\u064a\u0627\u062a \u0627\u0644\u0633\u0646\u0648\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0647\u0648\u064a\u062a\u0643\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u0646\u0641\u064a\u0630-\u0627\u0644\u062a\u0642\u0646\u064a-1.webp\" alt=\"Technical\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u0646\u0641\u064a\u0630-\u0627\u0644\u062a\u0642\u0646\u064a-2.webp\" alt=\"Icon\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062a\u0642\u0646\u064a<\/h3>\n                                <p class=\"xev-tile-desc\">\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0635\u0648\u062a \u0648\u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629\u060c \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0639\u0645\u0644\u0627\u0642\u0629\u060c \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u062a\u0633\u062c\u064a\u0644.webp\" alt=\"Registration\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u062a\u0633\u062c\u064a\u0644-1.webp\" alt=\"Icon\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/h3>\n                                <p class=\"xev-tile-desc\">\u0623\u0646\u0638\u0645\u0629 \u062a\u0633\u062c\u064a\u0644 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0625\u0635\u062f\u0627\u0631 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u062a\u0641\u0627\u0642-\u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a-\u0645\u0639\u062f\u0644.webp\" alt=\"Sponsorship\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u0631\u0639\u0627\u064a\u0629.webp\" alt=\"Icon\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a<\/h3>\n                                <p class=\"xev-tile-desc\">\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0646\u0627\u062c\u062d\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0631\u0639\u0627\u0629\u060c \u0648\u0636\u0645\u0627\u0646 \u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0642\u064a\u0645\u0629 \u0645\u0636\u0627\u0641\u0629.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/Whisk_bcb9f83b1156b1eabd240f5c3a6fe99adr.webp\" alt=\"Photography\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark xev-icon-badge\">\n                                <i class=\"fa-solid fa-camera\"><\/i>\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0641\u0648\u062a\u0648\u063a\u0631\u0627\u0641\u064a<\/h3>\n                                <p class=\"xev-tile-desc\">\u0646\u0648\u062b\u0642 \u0623\u0647\u0645 \u0627\u0644\u0644\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0644\u0646\u0642\u062f\u0645 \u0635\u0648\u0631\u064b\u0627 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0627\u0644\u062d\u062f\u062b \u0648\u062c\u0648\u062f\u0629 \u062a\u0646\u0638\u064a\u0645\u0647 \u0648\u062a\u0628\u0631\u0632 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0628\u0623\u0641\u0636\u0644 \u0634\u0643\u0644 \u0645\u0645\u0643\u0646.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/Whisk_d754f6f9a9cf19780e34b09431ad5595dr.webp\" alt=\"Videography\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark xev-icon-badge\">\n                                <i class=\"fa-solid fa-video\"><\/i>\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/h3>\n                                <p class=\"xev-tile-desc\">\u0646\u0642\u062f\u0645 \u062a\u063a\u0637\u064a\u0629 \u0641\u064a\u062f\u064a\u0648 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a\u060c \u062a\u0634\u0645\u0644 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u062d\u062f\u062b \u0648\u0625\u0628\u0631\u0627\u0632 \u0631\u0633\u0627\u0644\u062a\u0647 \u0648\u062a\u0623\u062b\u064a\u0631\u0647 \u0628\u0634\u0643\u0644 \u062c\u0630\u0627\u0628.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <div class=\"xev-slide-box\">\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\n                            <div class=\"xev-tile-media\">\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/Whisk_daa499de3fd2e13b40b4a53aed382855dr.webp\" alt=\"Drone Photography\" decoding=\"async\">\n                            <\/div>\n                            <div class=\"xev-tile-watermark xev-icon-badge\">\n                                <i class=\"fa-solid fa-helicopter\"><\/i>\n                            <\/div>\n                            <div class=\"xev-tile-overlay\"><\/div>\n                            <div class=\"xev-tile-copy\">\n                                <h3 class=\"xev-tile-title\">\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0648\u064a (\u0627\u0644\u062f\u0631\u0648\u0646)<\/h3>\n                                <p class=\"xev-tile-desc\">\u0646\u0648\u0641\u0631 \u0644\u0642\u0637\u0627\u062a \u062c\u0648\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0636\u064a\u0641 \u0628\u0639\u062f\u064b\u0627 \u0628\u0635\u0631\u064a\u064b\u0627 \u0645\u0645\u064a\u0632\u064b\u0627 \u0644\u0644\u062d\u062f\u062b\u060c \u0648\u062a\u0638\u0647\u0631 \u062d\u062c\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0648\u062a\u0646\u0638\u064a\u0645\u0647\u0627 \u0645\u0646 \u0632\u0648\u0627\u064a\u0627 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u062a\u0639\u0632\u0632 \u0645\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0648\u062b\u064a\u0642 \u0648\u0627\u0644\u0627\u0646\u0637\u0628\u0627\u0639 \u0627\u0644\u0639\u0627\u0645.<\/p>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"xev-controls\">\n                <div class=\"xev-progress-wrap\">\n                    <div class=\"xev-progress-fill\"><\/div>\n                <\/div>\n                <div class=\"xev-navs\">\n                    <div class=\"xev-nav xev-nav-prev\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\n                    <div class=\"xev-nav xev-nav-next\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function () {\n            function initXevServicesSection() {\n                const isolatedRoot = document.querySelector(\"#xev-services-isolated-root\");\n                if (!isolatedRoot || isolatedRoot.dataset.xevInitialized === \"true\") return;\n                isolatedRoot.dataset.xevInitialized = \"true\";\n\n                const docEl = document.documentElement;\n                const bodyEl = document.body;\n\n                const docDir = (docEl.getAttribute(\"dir\") || \"\").toLowerCase();\n                const bodyDir = (bodyEl && bodyEl.getAttribute(\"dir\") || \"\").toLowerCase();\n                const docLang = (docEl.getAttribute(\"lang\") || \"\").toLowerCase();\n                const bodyLang = (bodyEl && bodyEl.getAttribute(\"lang\") || \"\").toLowerCase();\n\n                const isLTR =\n                    docDir === \"ltr\" ||\n                    bodyDir === \"ltr\" ||\n                    docLang.indexOf(\"en\") === 0 ||\n                    bodyLang.indexOf(\"en\") === 0;\n\n                isolatedRoot.classList.toggle(\"xev-ltr\", isLTR);\n                isolatedRoot.setAttribute(\"dir\", isLTR ? \"ltr\" : \"rtl\");\n\n                if (\"IntersectionObserver\" in window) {\n                    const observer = new IntersectionObserver((entries, observerInstance) => {\n                        entries.forEach((entry) => {\n                            if (entry.isIntersecting) {\n                                isolatedRoot.classList.add(\"xev-is-visible\");\n                                observerInstance.unobserve(entry.target);\n                            }\n                        });\n                    }, { threshold: 0.15 });\n\n                    const shell = isolatedRoot.querySelector(\".xev-shell\");\n                    if (shell) observer.observe(shell);\n                } else {\n                    isolatedRoot.classList.add(\"xev-is-visible\");\n                }\n\n                const sliderEl = isolatedRoot.querySelector(\".js-xev-services-swiper\");\n                const progressBar = isolatedRoot.querySelector(\".xev-progress-fill\");\n                const nextBtn = isolatedRoot.querySelector(\".xev-nav-next\");\n                const prevBtn = isolatedRoot.querySelector(\".xev-nav-prev\");\n\n                if (!sliderEl || typeof Swiper !== \"function\") return;\n\n                const swiperConfig = {\n                    slidesPerView: 1.2,\n                    spaceBetween: 10,\n                    loop: true,\n                    speed: 1000,\n                    autoplay: {\n                        delay: 5000,\n                        disableOnInteraction: false\n                    },\n                    navigation: {\n                        nextEl: nextBtn,\n                        prevEl: prevBtn\n                    },\n                    breakpoints: {\n                        640: { slidesPerView: 2, spaceBetween: 15 },\n                        1024: { slidesPerView: 3.2, spaceBetween: 15 },\n                        1300: { slidesPerView: 4, spaceBetween: 12 }\n                    },\n                    on: {\n                        init: function () {\n                            updateXevProgress(this);\n                        },\n                        slideChange: function () {\n                            updateXevProgress(this);\n                        }\n                    }\n                };\n\n                new Swiper(sliderEl, swiperConfig);\n\n                function updateXevProgress(swiperObj) {\n                    const total = swiperObj.slides.length - (swiperObj.loopedSlides * 2);\n                    const current = swiperObj.realIndex + 1;\n                    const progress = total > 0 ? (current \/ total) * 100 : 0;\n\n                    if (progressBar) {\n                        progressBar.style.width = Math.min(100, Math.max(0, progress)) + \"%\";\n                    }\n                }\n            }\n\n            if (document.readyState === \"loading\") {\n                document.addEventListener(\"DOMContentLoaded\", initXevServicesSection);\n            } else {\n                initXevServicesSection();\n            }\n        })();\n    <\/script>\n<\/div>\n\n<!-- Optional: keep these only if your theme\/site does NOT already load them -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div id=\"madad-tl-section\" dir=\"rtl\">\n\n    <style>\n        #madad-tl-section,\n        #madad-tl-section * {\n            box-sizing: border-box;\n        }\n\n        #madad-tl-section {\n            position: relative;\n            width: 100%;\n            min-height: 100vh;\n            background-color: #0d0614 !important;\n            font-family: 'Tajawal', sans-serif !important;\n            color: #ffffff;\n            padding: clamp(80px, 10vw, 150px) 0;\n            overflow: hidden;\n            isolation: isolate;\n        }\n\n        #madad-tl-section.madad-ltr{\n            direction:ltr !important;\n            font-family:'Inter','Segoe UI',Arial,sans-serif !important;\n        }\n\n        #madad-tl-section .tl-video-container {\n            position: absolute;\n            inset: 0;\n            z-index: 0;\n            pointer-events: none;\n            transform: translateZ(0);\n        }\n\n        #madad-tl-section .tl-bg-video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            opacity: 0.25;\n            filter: grayscale(20%) contrast(115%);\n            display: block;\n        }\n\n        #madad-tl-section .tl-video-overlay {\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at center, rgba(160, 144, 207, 0.4) 0%, #0d0614 100%);\n            z-index: 1;\n        }\n\n        #madad-tl-section .tl-ambient-glow {\n            position: absolute;\n            width: 80vw;\n            height: 80vw;\n            background: radial-gradient(circle, rgba(160, 144, 207, 0.2), transparent 70%);\n            filter: blur(140px);\n            z-index: 2;\n            pointer-events: none;\n            opacity: 0.8;\n            transform: translateZ(0);\n        }\n\n        #madad-tl-section .glow-top-right {\n            top: -25%;\n            right: -15%;\n        }\n\n        #madad-tl-section .glow-bottom-left {\n            bottom: -25%;\n            left: -15%;\n        }\n\n        #madad-tl-section .tl-main-container {\n            width: 92%;\n            max-width: 1300px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 10;\n        }\n\n        #madad-tl-section .tl-header-wrapper {\n            text-align: center;\n            margin-bottom: clamp(60px, 12vh, 120px);\n            opacity: 0;\n            transform: translate3d(80px, 0, 0);\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\n            will-change: transform, opacity;\n        }\n\n        #madad-tl-section .tl-header-wrapper.tl-is-visible {\n            opacity: 1;\n            transform: translate3d(0, 0, 0) !important;\n        }\n\n        #madad-tl-section .tl-section-meta {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            margin-bottom: 15px;\n            min-width: 0;\n            flex-wrap: wrap;\n            text-align: center;\n        }\n\n        #madad-tl-section .tl-meta-idx {\n            font-size: 16px;\n            font-weight: 800;\n            color: #ffffff;\n        }\n\n        #madad-tl-section .tl-meta-line {\n            height: 2px;\n            width: 60px;\n            background: linear-gradient(to left, #A090CF, transparent);\n            flex-shrink: 0;\n        }\n\n        #madad-tl-section .tl-meta-text {\n            font-size: 14px;\n            font-weight: 700;\n            color: #ffffff;\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            overflow-wrap: anywhere;\n            text-align: center;\n        }\n\n        #madad-tl-section .tl-main-title {\n            font-size: clamp(30px, 5vw, 48px);\n            font-weight: 900;\n            color: #ffffff;\n            line-height: 1.2;\n            margin: 0;\n            text-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\n            overflow-wrap: anywhere;\n            text-align: center;\n            width: 100%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        #madad-tl-section .tl-steps-layout {\n            position: relative;\n            padding: 40px 0;\n        }\n\n        #madad-tl-section .tl-track-bg {\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translate3d(-50%, 0, 0);\n            width: 2px;\n            height: 100%;\n            background: rgba(255, 255, 255, 0.1);\n            z-index: 1;\n        }\n\n        #madad-tl-section .tl-track-fill {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0%;\n            background: #ffffff;\n            box-shadow: 0 0 30px rgba(255, 255, 255, 1), 0 0 40px rgba(160, 144, 207, 0.8);\n            transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n            will-change: height;\n        }\n\n        #madad-tl-section .tl-milestone-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            width: 100%;\n            margin-bottom: clamp(80px, 12vh, 130px);\n            position: relative;\n            z-index: 2;\n        }\n\n        #madad-tl-section .tl-milestone-row:last-child {\n            margin-bottom: 0;\n        }\n\n        #madad-tl-section .tl-milestone-side {\n            width: 45%;\n            position: relative;\n            min-width: 0;\n        }\n\n        #madad-tl-section .tl-glass-card {\n            background: rgba(255, 255, 255, 0.04);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            padding: clamp(30px, 5vw, 50px);\n            border-radius: 30px;\n            transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n            opacity: 0;\n            will-change: transform, opacity, background-color;\n            min-width: 0;\n            max-width: 100%;\n        }\n\n        #madad-tl-section .tl-milestone-row:nth-child(odd) .tl-glass-card {\n            text-align: right;\n            transform: translate3d(80px, 0, 0);\n        }\n\n        #madad-tl-section .tl-milestone-row:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n\n        #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card {\n            text-align: left;\n            transform: translate3d(-80px, 0, 0);\n        }\n\n        #madad-tl-section .tl-milestone-row.is-active .tl-glass-card {\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n            background: rgba(255, 255, 255, 0.08);\n            border-color: rgba(255, 255, 255, 0.3);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\n        }\n\n        #madad-tl-section .tl-central-node {\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            width: 16px;\n            height: 16px;\n            background: #110921;\n            border: 2px solid rgba(255, 255, 255, 0.4);\n            border-radius: 50%;\n            transform: translate3d(-50%, -50%, 0);\n            z-index: 5;\n            transition: all 0.6s ease;\n            will-change: transform, background-color, box-shadow;\n            flex-shrink: 0;\n        }\n\n        #madad-tl-section .tl-milestone-row.is-active .tl-central-node {\n            background: #ffffff;\n            border-color: #ffffff;\n            box-shadow: 0 0 30px #ffffff, 0 0 40px rgba(160, 144, 207, 1);\n            transform: translate3d(-50%, -50%, 0) scale(1.8);\n        }\n\n        #madad-tl-section .tl-step-icon-box {\n            font-size: clamp(30px, 4vw, 40px);\n            color: #ffffff;\n            margin-bottom: 25px;\n            display: inline-block;\n            transition: all 0.6s ease;\n            opacity: 0.8;\n            will-change: transform, opacity;\n        }\n\n        #madad-tl-section .tl-milestone-row.is-active .tl-step-icon-box {\n            opacity: 1;\n            transform: scale(1.1) rotate(-8deg) translateZ(0);\n            text-shadow: 0 0 25px rgba(255, 255, 255, 0.8);\n        }\n\n        #madad-tl-section .tl-step-heading {\n            font-size: clamp(22px, 2.5vw, 28px);\n            font-weight: 900;\n            margin: 0 0 15px 0;\n            color: #ffffff;\n            letter-spacing: 0.5px;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-tl-section .tl-step-paragraph {\n            font-size: clamp(15px, 1.3vw, 17px);\n            color: rgba(255, 255, 255, 0.9);\n            line-height: 1.9;\n            margin: 0;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-tl-section .tl-phase-label {\n            font-size: 14px;\n            font-weight: 800;\n            color: rgba(255, 255, 255, 0.6);\n            margin-bottom: 12px;\n            display: block;\n            letter-spacing: 2px;\n            transition: color 0.6s ease, opacity 0.6s ease;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-tl-section .tl-milestone-row.is-active .tl-phase-label {\n            color: #A090CF;\n            opacity: 1;\n        }\n\n        #madad-tl-section.madad-ltr .tl-header-wrapper {\n            transform: translate3d(-80px, 0, 0);\n            text-align: center !important;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #madad-tl-section.madad-ltr .tl-header-wrapper.tl-is-visible {\n            transform: translate3d(0, 0, 0) !important;\n            opacity: 1 !important;\n        }\n\n        #madad-tl-section.madad-ltr .tl-section-meta {\n            direction: ltr;\n            justify-content: center !important;\n            align-items: center !important;\n            text-align: center !important;\n            width: 100%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        #madad-tl-section.madad-ltr .tl-meta-line {\n            background: linear-gradient(to right, #A090CF, transparent);\n        }\n\n        #madad-tl-section.madad-ltr .tl-meta-text {\n            letter-spacing: 3px;\n            text-align: center !important;\n        }\n\n        #madad-tl-section.madad-ltr .tl-main-title {\n            line-height: 1.15;\n            letter-spacing: -0.02em;\n            text-align: center !important;\n            width: 100%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        #madad-tl-section.madad-ltr .tl-milestone-row:nth-child(odd) .tl-glass-card {\n            text-align: left;\n            transform: translate3d(-80px, 0, 0);\n        }\n\n        #madad-tl-section.madad-ltr .tl-milestone-row:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n\n        #madad-tl-section.madad-ltr .tl-milestone-row:nth-child(even) .tl-glass-card {\n            text-align: left;\n            transform: translate3d(80px, 0, 0);\n        }\n\n        #madad-tl-section.madad-ltr .tl-phase-label {\n            letter-spacing: 1.5px;\n        }\n\n        #madad-tl-section.madad-ltr .tl-step-heading {\n            line-height: 1.3;\n            letter-spacing: -0.01em;\n        }\n\n        #madad-tl-section.madad-ltr .tl-step-paragraph {\n            line-height: 1.75;\n            text-align: start;\n            max-width: 38ch;\n        }\n\n        #madad-tl-section.madad-ltr .tl-step-icon-box {\n            margin-bottom: 22px;\n        }\n\n        #madad-tl-section.madad-ltr .tl-milestone-row.is-active .tl-step-icon-box {\n            transform: scale(1.1) rotate(8deg) translateZ(0);\n        }\n\n        @media screen and (max-width: 991px) {\n            #madad-tl-section{\n                overflow-x:hidden !important;\n            }\n\n            #madad-tl-section .tl-main-container{\n                width:92% !important;\n            }\n\n            #madad-tl-section .tl-steps-layout{\n                padding:20px 0 !important;\n            }\n\n            #madad-tl-section .tl-track-bg {\n                left: 32px !important;\n                transform: none !important;\n            }\n\n            #madad-tl-section .tl-central-node {\n                left: 32px !important;\n                transform: translate3d(0, -50%, 0) !important;\n            }\n\n            #madad-tl-section .tl-milestone-row.is-active .tl-central-node {\n                transform: translate3d(0, -50%, 0) scale(1.8) !important;\n            }\n\n            #madad-tl-section .tl-milestone-row,\n            #madad-tl-section .tl-milestone-row:nth-child(even) {\n                display:flex !important;\n                flex-direction: row !important;\n                align-items: flex-start !important;\n                justify-content: flex-start !important;\n                margin-bottom: 48px !important;\n                min-width: 0 !important;\n            }\n\n            #madad-tl-section .tl-milestone-side {\n                width: calc(100% - 72px) !important;\n                margin-right: 0 !important;\n                margin-left: 72px !important;\n                min-width: 0 !important;\n                max-width: calc(100% - 72px) !important;\n            }\n\n            #madad-tl-section .tl-milestone-row .tl-glass-card,\n            #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card {\n                text-align: right !important;\n                transform: translate3d(50px, 0, 0);\n            }\n\n            #madad-tl-section .tl-milestone-row.is-active .tl-glass-card {\n                transform: translate3d(0, 0, 0) !important;\n            }\n\n            #madad-tl-section .tl-step-paragraph,\n            #madad-tl-section .tl-step-heading,\n            #madad-tl-section .tl-phase-label{\n                max-width:100% !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-track-bg {\n                left: 32px !important;\n                right: auto !important;\n                transform: none !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-central-node {\n                left: 32px !important;\n                right: auto !important;\n                transform: translate3d(0, -50%, 0) !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-milestone-row.is-active .tl-central-node {\n                transform: translate3d(0, -50%, 0) scale(1.8) !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-milestone-side {\n                width: calc(100% - 72px) !important;\n                margin-left: 72px !important;\n                margin-right: 0 !important;\n                max-width: calc(100% - 72px) !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-milestone-row,\n            #madad-tl-section.madad-ltr .tl-milestone-row:nth-child(even) {\n                flex-direction: row !important;\n                align-items: flex-start !important;\n                justify-content: flex-start !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-milestone-row .tl-glass-card,\n            #madad-tl-section.madad-ltr .tl-milestone-row:nth-child(even) .tl-glass-card {\n                text-align: left !important;\n                transform: translate3d(50px, 0, 0);\n            }\n\n            #madad-tl-section.madad-ltr .tl-milestone-row.is-active .tl-glass-card {\n                transform: translate3d(0, 0, 0) !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-step-paragraph{\n                text-align:left !important;\n                max-width:100% !important;\n            }\n\n            #madad-tl-section .tl-header-wrapper,\n            #madad-tl-section.madad-ltr .tl-header-wrapper{\n                text-align:center !important;\n                display:flex !important;\n                flex-direction:column !important;\n                align-items:center !important;\n                justify-content:center !important;\n                transform:translate3d(0,0,0) !important;\n            }\n\n            #madad-tl-section .tl-section-meta,\n            #madad-tl-section.madad-ltr .tl-section-meta{\n                justify-content:center !important;\n                align-items:center !important;\n                text-align:center !important;\n                width:100% !important;\n                margin-left:auto !important;\n                margin-right:auto !important;\n            }\n\n            #madad-tl-section .tl-meta-text,\n            #madad-tl-section .tl-main-title,\n            #madad-tl-section.madad-ltr .tl-meta-text,\n            #madad-tl-section.madad-ltr .tl-main-title{\n                text-align:center !important;\n                margin-left:auto !important;\n                margin-right:auto !important;\n            }\n        }\n\n        @media screen and (max-width: 600px) {\n            #madad-tl-section {\n                padding: 70px 0 !important;\n            }\n\n            #madad-tl-section .tl-header-wrapper{\n                margin-bottom: 42px !important;\n                text-align: center !important;\n                display: flex !important;\n                flex-direction: column !important;\n                align-items: center !important;\n                justify-content: center !important;\n                transform: translate3d(0,0,0) !important;\n            }\n\n            #madad-tl-section .tl-section-meta{\n                gap:12px !important;\n                justify-content: center !important;\n                align-items: center !important;\n                text-align: center !important;\n                width: 100% !important;\n                margin-left: auto !important;\n                margin-right: auto !important;\n            }\n\n            #madad-tl-section .tl-meta-text{\n                letter-spacing: 2px !important;\n                font-size: 12px !important;\n                text-align: center !important;\n            }\n\n            #madad-tl-section .tl-meta-line{\n                width:36px !important;\n            }\n\n            #madad-tl-section .tl-main-title {\n                font-size: 26px !important;\n                text-align: center !important;\n                margin-left: auto !important;\n                margin-right: auto !important;\n                width: 100% !important;\n            }\n\n            #madad-tl-section .tl-track-bg {\n                left: 22px !important;\n            }\n\n            #madad-tl-section .tl-central-node {\n                left: 22px !important;\n                width: 14px !important;\n                height: 14px !important;\n            }\n\n            #madad-tl-section .tl-milestone-side {\n                width: calc(100% - 54px) !important;\n                max-width: calc(100% - 54px) !important;\n                margin-left: 54px !important;\n            }\n\n            #madad-tl-section .tl-glass-card {\n                padding: 26px 18px !important;\n                border-radius: 20px !important;\n            }\n\n            #madad-tl-section .tl-step-icon-box{\n                margin-bottom: 16px !important;\n            }\n\n            #madad-tl-section .tl-step-heading{\n                font-size: 20px !important;\n                margin-bottom: 10px !important;\n            }\n\n            #madad-tl-section .tl-step-paragraph{\n                font-size: 14px !important;\n                line-height: 1.8 !important;\n            }\n\n            #madad-tl-section .tl-phase-label{\n                font-size: 12px !important;\n                letter-spacing: 1px !important;\n                margin-bottom: 10px !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-header-wrapper{\n                text-align: center !important;\n                display: flex !important;\n                flex-direction: column !important;\n                align-items: center !important;\n                justify-content: center !important;\n                transform: translate3d(0,0,0) !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-section-meta{\n                justify-content: center !important;\n                align-items: center !important;\n                text-align: center !important;\n                width: 100% !important;\n                margin-left: auto !important;\n                margin-right: auto !important;\n                direction: ltr !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-meta-text{\n                text-align: center !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-track-bg {\n                left: 22px !important;\n                right: auto !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-central-node {\n                left: 22px !important;\n                right: auto !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-milestone-side {\n                width: calc(100% - 54px) !important;\n                max-width: calc(100% - 54px) !important;\n                margin-left: 54px !important;\n                margin-right: 0 !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-main-title {\n                font-size: 26px !important;\n                text-align: center !important;\n                width: 100% !important;\n                margin-left: auto !important;\n                margin-right: auto !important;\n            }\n\n            #madad-tl-section.madad-ltr .tl-step-paragraph {\n                max-width: 100% !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #madad-tl-section *,\n            #madad-tl-section *::before,\n            #madad-tl-section *::after {\n                animation: none !important;\n                transition: none !important;\n                scroll-behavior: auto !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"tl-video-container\" aria-hidden=\"true\">\n        <video class=\"tl-bg-video\" loop muted playsinline preload=\"none\">\n            <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0646\u062d\u0648\u0644-\u0627\u0644\u0631\u0624\u064a\u0629-\u0627\u0644\u0649-\u0648\u0627\u0642\u0639-\u0645\u0644\u0645\u0648\u0633.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"tl-video-overlay\"><\/div>\n    <\/div>\n\n    <div class=\"tl-ambient-glow glow-top-right\"><\/div>\n    <div class=\"tl-ambient-glow glow-bottom-left\"><\/div>\n\n    <div class=\"tl-main-container\">\n        <div class=\"tl-header-wrapper\" id=\"madad-tl-header\">\n            <div class=\"tl-section-meta\">\n                <span class=\"tl-meta-line\"><\/span>\n                <span class=\"tl-meta-text\">\u0622\u0644\u064a\u0629 \u0627\u0644\u0639\u0645\u0644<\/span>\n            <\/div>\n            <h2 class=\"tl-main-title\">\u0646\u062d\u0648\u0644 \u0627\u0644\u0631\u0624\u064a\u0629 \u0625\u0644\u0649 <span style=\"color: #ffffff; text-shadow: 0 0 25px rgba(255, 255, 255, 0.6);\">\u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633<\/span><\/h2>\n        <\/div>\n\n        <div class=\"tl-steps-layout\" id=\"madad-tl-main-layout\">\n            <div class=\"tl-track-bg\">\n                <div class=\"tl-track-fill\" id=\"madad-tl-active-bar\"><\/div>\n            <\/div>\n\n            <div class=\"tl-milestone-row\">\n                <div class=\"tl-central-node\"><\/div>\n                <div class=\"tl-milestone-side\">\n                    <div class=\"tl-glass-card\">\n                        <span class=\"tl-phase-label\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/span>\n                        <div class=\"tl-step-icon-box\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\n                        <h3 class=\"tl-step-heading\">\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c<\/h3>\n                        <p class=\"tl-step-paragraph\">\u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0645\u0642 \u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0644\u0648\u0636\u0639 \u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0636\u0645\u0646 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0631\u062c\u0648\u0629 \u0628\u0643\u0644 \u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tl-milestone-row\">\n                <div class=\"tl-central-node\"><\/div>\n                <div class=\"tl-milestone-side\">\n                    <div class=\"tl-glass-card\">\n                        <span class=\"tl-phase-label\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/span>\n                        <div class=\"tl-step-icon-box\"><i class=\"fa-solid fa-bezier-curve\"><\/i><\/div>\n                        <h3 class=\"tl-step-heading\">\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/h3>\n                        <p class=\"tl-step-paragraph\">\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u0631\u0633\u0645 \u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a \u062f\u0642\u064a\u0642 \u0644\u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629 \u062a\u0642\u0646\u064a\u0629 \u0648\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u062e\u062f\u0645 \u0631\u0624\u064a\u062a\u0643\u0645.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tl-milestone-row\">\n                <div class=\"tl-central-node\"><\/div>\n                <div class=\"tl-milestone-side\">\n                    <div class=\"tl-glass-card\">\n                        <span class=\"tl-phase-label\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629<\/span>\n                        <div class=\"tl-step-icon-box\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n                        <h3 class=\"tl-step-heading\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a<\/h3>\n                        <p class=\"tl-step-paragraph\">\u0625\u062f\u0627\u0631\u0629 \u062d\u064a\u0629 \u0648\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0644\u0643\u0627\u0641\u0629 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629\u060c \u0646\u0636\u0645\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644\u0647\u0627 \u062f\u0642\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0633\u0644\u0627\u0633\u0629 \u0627\u0644\u062a\u062f\u0641\u0642 \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u062a\u0641\u0648\u0642 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tl-milestone-row\">\n                <div class=\"tl-central-node\"><\/div>\n                <div class=\"tl-milestone-side\">\n                    <div class=\"tl-glass-card\">\n                        <span class=\"tl-phase-label\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629<\/span>\n                        <div class=\"tl-step-icon-box\"><i class=\"fa-solid fa-file-contract\"><\/i><\/div>\n                        <h3 class=\"tl-step-heading\">\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631<\/h3>\n                        <p class=\"tl-step-paragraph\">\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0646\u062c\u0627\u062d \u0639\u0628\u0631 \u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0627\u0645\u0644\u0629 \u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062d\u0644\u064a\u0644 \u0623\u062b\u0631 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0641\u0627\u0626\u062f\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 \u0645\u0646 \u0627\u0644\u062d\u062f\u062b.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function () {\n            function initMadadTimelineSection() {\n                const root = document.getElementById('madad-tl-section');\n                if (!root || root.dataset.madadTlInit === 'true') return;\n                root.dataset.madadTlInit = 'true';\n\n                const header = root.querySelector('#madad-tl-header');\n                const layoutGrid = root.querySelector('#madad-tl-main-layout');\n                const progressBar = root.querySelector('#madad-tl-active-bar');\n                const milestones = Array.from(root.querySelectorAll('.tl-milestone-row'));\n                const videoEl = root.querySelector('.tl-bg-video');\n\n                const docEl = document.documentElement;\n                const bodyEl = document.body;\n\n                const docDir = (docEl.getAttribute('dir') || '').toLowerCase();\n                const bodyDir = ((bodyEl && bodyEl.getAttribute('dir')) || '').toLowerCase();\n                const docLang = (docEl.getAttribute('lang') || '').toLowerCase();\n                const bodyLang = ((bodyEl && bodyEl.getAttribute('lang')) || '').toLowerCase();\n\n                const isLTR =\n                    docDir === 'ltr' ||\n                    bodyDir === 'ltr' ||\n                    docLang.indexOf('en') === 0 ||\n                    bodyLang.indexOf('en') === 0;\n\n                root.classList.toggle('madad-ltr', isLTR);\n                root.setAttribute('dir', isLTR ? 'ltr' : 'rtl');\n\n                let ticking = false;\n                let sectionInView = false;\n                let videoLoaded = false;\n\n                function playVideo() {\n                    if (!videoEl) return;\n\n                    if (!videoLoaded) {\n                        try {\n                            videoEl.load();\n                        } catch (e) {}\n                        videoLoaded = true;\n                    }\n\n                    const playPromise = videoEl.play();\n                    if (playPromise && typeof playPromise.catch === 'function') {\n                        playPromise.catch(function () {});\n                    }\n                }\n\n                function pauseVideo() {\n                    if (!videoEl) return;\n                    try {\n                        videoEl.pause();\n                    } catch (e) {}\n                }\n\n                function updateTimelineProgress() {\n                    if (!layoutGrid || !progressBar) return;\n\n                    const rect = layoutGrid.getBoundingClientRect();\n                    const windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n                    const distance = (windowHeight \/ 2) - rect.top;\n                    const progress = rect.top < (windowHeight \/ 2) ? (distance \/ rect.height) * 100 : 0;\n                    progressBar.style.height = Math.min(Math.max(progress, 0), 100) + '%';\n\n                    milestones.forEach(function (row) {\n                        const rowRect = row.getBoundingClientRect();\n                        const isActive = rowRect.top < windowHeight * 0.65 && rowRect.bottom > 0;\n                        row.classList.toggle('is-active', isActive);\n                    });\n                }\n\n                function requestTimelineUpdate() {\n                    if (!sectionInView || ticking) return;\n\n                    ticking = true;\n                    window.requestAnimationFrame(function () {\n                        updateTimelineProgress();\n                        ticking = false;\n                    });\n                }\n\n                if ('IntersectionObserver' in window) {\n                    if (header) {\n                        const headerObserver = new IntersectionObserver(function (entries, observerInstance) {\n                            entries.forEach(function (entry) {\n                                if (entry.isIntersecting) {\n                                    entry.target.classList.add('tl-is-visible');\n                                    observerInstance.unobserve(entry.target);\n                                }\n                            });\n                        }, { threshold: 0.1 });\n\n                        headerObserver.observe(header);\n                    } else {\n                        root.classList.add('tl-is-visible');\n                    }\n\n                    const sectionObserver = new IntersectionObserver(function (entries) {\n                        entries.forEach(function (entry) {\n                            if (entry.target !== root) return;\n\n                            sectionInView = entry.isIntersecting || entry.intersectionRatio > 0;\n\n                            if (sectionInView) {\n                                requestTimelineUpdate();\n                                playVideo();\n                            } else {\n                                pauseVideo();\n                            }\n                        });\n                    }, { threshold: [0, 0.15, 0.35] });\n\n                    sectionObserver.observe(root);\n                } else {\n                    if (header) header.classList.add('tl-is-visible');\n                    sectionInView = true;\n                    playVideo();\n                    updateTimelineProgress();\n                }\n\n                window.addEventListener('scroll', requestTimelineUpdate, { passive: true });\n                window.addEventListener('resize', requestTimelineUpdate, { passive: true });\n\n                setTimeout(function () {\n                    if (sectionInView) {\n                        updateTimelineProgress();\n                    }\n                }, 100);\n            }\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initMadadTimelineSection);\n            } else {\n                initMadadTimelineSection();\n            }\n        })();\n    <\/script>\n\n<\/div>\n\n<!-- Optional: keep these only if your site does NOT already load them -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div id=\"madad-stack-wrapper\" dir=\"rtl\">\n\n    <style>\n        #madad-stack-wrapper,\n        #madad-stack-wrapper * {\n            box-sizing: border-box;\n        }\n\n        #madad-stack-wrapper {\n            background-color: transparent !important;\n            font-family: 'Tajawal', sans-serif !important;\n            color: #ffffff !important;\n            position: relative;\n            overflow: visible;\n            isolation: isolate;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr{\n            direction:ltr !important;\n            font-family:'Inter','Segoe UI',Arial,sans-serif !important;\n        }\n\n        #madad-stack-wrapper .stack-blueprint-bg {\n            position: absolute;\n            inset: 0;\n            background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1.2px, transparent 1.2px);\n            background-size: 40px 40px;\n            z-index: 1;\n            pointer-events: none;\n            transform: translateZ(0);\n        }\n\n        #madad-stack-wrapper .stack-container {\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 5%;\n            position: relative;\n            z-index: 10;\n            min-width: 0;\n        }\n\n        #madad-stack-wrapper .stack-header {\n            padding-top: clamp(80px, 12vh, 120px);\n            margin-bottom: 60px;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transform: translate3d(80px, 0, 0);\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\n            will-change: transform, opacity;\n            width: 100%;\n            min-width: 0;\n        }\n\n        #madad-stack-wrapper .stack-header.stack-is-visible {\n            opacity: 1;\n            transform: translate3d(0, 0, 0) !important;\n        }\n\n        #madad-stack-wrapper .stack-indicator {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            margin-bottom: 25px;\n            width: 100%;\n            text-align: center;\n            flex-wrap: wrap;\n            min-width: 0;\n        }\n\n        #madad-stack-wrapper .stack-idx {\n            font-size: 16px;\n            font-weight: 900;\n            color: #ffffff;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(5px);\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 6px;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            flex-shrink: 0;\n        }\n\n        #madad-stack-wrapper .stack-line {\n            height: 2px;\n            width: 50px;\n            background: linear-gradient(to left, #ffffff, transparent);\n            flex-shrink: 0;\n        }\n\n        #madad-stack-wrapper .stack-indicator-text {\n            font-size: 14px;\n            font-weight: 700;\n            color: white;\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            text-align: center;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-stack-wrapper .stack-title {\n            font-size: clamp(30px, 4.5vw, 54px);\n            font-weight: 900;\n            color: white;\n            margin: 0 0 25px 0;\n            line-height: 1.1;\n            text-align: center;\n            width: 100%;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-stack-wrapper .stack-header-desc {\n            font-size: clamp(15px, 1.2vw, 18px);\n            color: rgba(255, 255, 255, 0.9);\n            max-width: 800px;\n            line-height: 1.8;\n            margin: 0;\n            text-align: center;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-stack-wrapper .stack-main-content {\n            display: flex;\n            gap: 40px;\n            position: relative;\n            align-items: flex-start;\n            min-width: 0;\n        }\n\n        #madad-stack-wrapper .stack-progress-track {\n            position: sticky;\n            top: 35vh;\n            height: 300px;\n            width: 3px;\n            background: rgba(255, 255, 255, 0.15);\n            z-index: 100;\n            border-radius: 3px;\n            flex: 0 0 3px;\n        }\n\n        #madad-stack-wrapper .stack-progress-bar {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0%;\n            background: #ffffff;\n            box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);\n            transition: height 0.1s linear;\n            border-radius: 3px;\n            will-change: height;\n        }\n\n        #madad-stack-wrapper .stack-cards-area {\n            flex-grow: 1;\n            position: relative;\n            padding-top: 20px;\n            padding-bottom: 100px;\n            min-width: 0;\n        }\n\n        #madad-stack-wrapper .stack-card {\n            position: sticky;\n            top: 5vh;\n            width: 100%;\n            height: 85vh;\n            max-height: 95vh;\n            background: rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border-radius: 12px;\n            margin-bottom: 10vh;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            overflow: hidden;\n            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.2);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            will-change: transform, opacity;\n            transform: translate3d(0, 0, 0);\n            min-width: 0;\n        }\n\n        #madad-stack-wrapper .stack-card::before,\n        #madad-stack-wrapper .stack-card::after {\n            content: '';\n            position: absolute;\n            width: clamp(40px, 6vw, 80px);\n            height: clamp(40px, 6vw, 80px);\n            z-index: 20;\n            pointer-events: none;\n            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n            opacity: 0.8;\n            will-change: width, height, border-color;\n        }\n\n        #madad-stack-wrapper .stack-card::before {\n            top: -2px;\n            right: -2px;\n            border-top: 4px solid rgba(255, 255, 255, 0.6);\n            border-right: 4px solid rgba(255, 255, 255, 0.6);\n            border-top-right-radius: 12px;\n        }\n\n        #madad-stack-wrapper .stack-card::after {\n            bottom: -2px;\n            left: -2px;\n            border-bottom: 4px solid rgba(255, 255, 255, 0.6);\n            border-left: 4px solid rgba(255, 255, 255, 0.6);\n            border-bottom-left-radius: 12px;\n        }\n\n        #madad-stack-wrapper .stack-card:hover::before,\n        #madad-stack-wrapper .stack-card:hover::after {\n            width: clamp(60px, 8vw, 120px);\n            height: clamp(60px, 8vw, 120px);\n            opacity: 1;\n            border-color: #ffffff;\n        }\n\n        #madad-stack-wrapper .card-info {\n            padding: clamp(30px, 5vw, 80px);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            background: transparent;\n            position: relative;\n            z-index: 5;\n            overflow-y: auto;\n            opacity: 0;\n            transform: translate3d(80px, 0, 0);\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;\n            will-change: transform, opacity;\n            min-width: 0;\n        }\n\n        #madad-stack-wrapper .card-tag {\n            font-size: 11px;\n            font-weight: 800;\n            color: #ffffff;\n            background: rgba(255, 255, 255, 0.15);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            padding: 8px 18px;\n            border-radius: 4px;\n            align-self: flex-start;\n            margin-bottom: clamp(15px, 2vw, 35px);\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-stack-wrapper .card-icon {\n            font-size: clamp(36px, 4vw, 52px);\n            color: #ffffff;\n            margin-bottom: clamp(20px, 2.5vw, 30px);\n            opacity: 1;\n            text-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\n        }\n\n        #madad-stack-wrapper .card-heading {\n            font-size: 22px;\n            font-weight: 900;\n            color: #ffffff;\n            line-height: 1.4;\n            margin-bottom: 20px;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-stack-wrapper .card-desc {\n            font-size: clamp(15px, 1.2vw, 19px);\n            color: rgba(255, 255, 255, 0.85);\n            line-height: 1.8;\n            margin: 0;\n            max-width: 95%;\n            overflow-wrap: anywhere;\n        }\n\n        #madad-stack-wrapper .card-visual {\n            position: relative;\n            overflow: hidden;\n            background: transparent;\n            opacity: 0;\n            transform: translate3d(-80px, 0, 0);\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;\n            will-change: transform, opacity;\n            min-width: 0;\n        }\n\n        #madad-stack-wrapper .card-visual img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            opacity: 0.9;\n            display: block;\n        }\n\n        #madad-stack-wrapper .visual-overlay-layer {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, rgba(30, 20, 50, 0.1) 0%, rgba(30, 20, 50, 0.5) 100%);\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        #madad-stack-wrapper .visual-overlay-layer.custom-purple-tint {\n            background: rgba(115, 91, 123, 0.35) !important;\n        }\n\n        #madad-stack-wrapper .stack-card.stack-is-visible .card-info,\n        #madad-stack-wrapper .stack-card.stack-is-visible .card-visual {\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-header {\n            transform: translate3d(-80px, 0, 0);\n            text-align: center !important;\n            align-items: center !important;\n            justify-content: center !important;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-header.stack-is-visible{\n            transform: translate3d(0, 0, 0) !important;\n            opacity: 1 !important;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-indicator {\n            direction: ltr;\n            justify-content: center !important;\n            align-items: center !important;\n            text-align: center !important;\n            width: 100%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-line {\n            background: linear-gradient(to right, #ffffff, transparent);\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-indicator-text {\n            letter-spacing: 3px;\n            text-align: center !important;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-title {\n            line-height: 1.08;\n            letter-spacing: -0.02em;\n            text-align: center !important;\n            width: 100%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-header-desc {\n            line-height: 1.75;\n            max-width: 760px;\n            text-align: center !important;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-main-content {\n            flex-direction: row;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-progress-bar {\n            left: 0;\n            right: auto;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-card::before {\n            right: auto;\n            left: -2px;\n            border-top: 4px solid rgba(255, 255, 255, 0.6);\n            border-right: none;\n            border-left: 4px solid rgba(255, 255, 255, 0.6);\n            border-top-right-radius: 0;\n            border-top-left-radius: 12px;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .stack-card::after {\n            left: auto;\n            right: -2px;\n            border-bottom: 4px solid rgba(255, 255, 255, 0.6);\n            border-left: none;\n            border-right: 4px solid rgba(255, 255, 255, 0.6);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 12px;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .card-info {\n            text-align: left;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .card-tag {\n            align-self: flex-start;\n            letter-spacing: 1.5px;\n            padding: 8px 16px;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .card-icon {\n            margin-bottom: clamp(18px, 2vw, 28px);\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .card-heading {\n            line-height: 1.3;\n            letter-spacing: -0.01em;\n            margin-bottom: 18px;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .card-desc {\n            line-height: 1.7;\n            max-width: 92%;\n            text-align: left;\n        }\n\n        #madad-stack-wrapper.madad-stack-ltr .card-visual {\n            transform: translate3d(80px, 0, 0);\n        }\n\n        @media screen and (max-width: 1024px) {\n            #madad-stack-wrapper{\n                overflow-x:hidden !important;\n            }\n\n            #madad-stack-wrapper .stack-progress-track {\n                display: none;\n            }\n\n            #madad-stack-wrapper .stack-main-content{\n                display:block !important;\n                min-width:0 !important;\n            }\n\n            #madad-stack-wrapper .stack-cards-area{\n                width:100% !important;\n                min-width:0 !important;\n            }\n\n            #madad-stack-wrapper .stack-card {\n                grid-template-columns: 1fr;\n                height: auto;\n                max-height: none;\n                min-height: 500px;\n                top: 8vh !important;\n                width:100% !important;\n            }\n\n            #madad-stack-wrapper .card-visual {\n                height: 320px;\n                order: -1;\n            }\n\n            #madad-stack-wrapper .card-info {\n                padding: 40px 30px;\n                text-align: center;\n                align-items:center;\n            }\n\n            #madad-stack-wrapper .card-tag {\n                align-self: center;\n            }\n\n            #madad-stack-wrapper .card-desc{\n                max-width:100%;\n                text-align:center;\n            }\n\n            #madad-stack-wrapper .stack-card::before,\n            #madad-stack-wrapper .stack-card::after {\n                width: 50px;\n                height: 50px;\n            }\n\n            #madad-stack-wrapper .card-heading {\n                font-size: 22px;\n                text-align:center;\n            }\n\n            #madad-stack-wrapper .stack-header,\n            #madad-stack-wrapper.madad-stack-ltr .stack-header{\n                text-align:center !important;\n                display:flex !important;\n                flex-direction:column !important;\n                align-items:center !important;\n                justify-content:center !important;\n                transform:translate3d(0,0,0) !important;\n                width:100% !important;\n                margin-left:auto !important;\n                margin-right:auto !important;\n            }\n\n            #madad-stack-wrapper .stack-indicator,\n            #madad-stack-wrapper.madad-stack-ltr .stack-indicator,\n            #madad-stack-wrapper .stack-title,\n            #madad-stack-wrapper.madad-stack-ltr .stack-title,\n            #madad-stack-wrapper .stack-header-desc,\n            #madad-stack-wrapper.madad-stack-ltr .stack-header-desc,\n            #madad-stack-wrapper .stack-indicator-text,\n            #madad-stack-wrapper.madad-stack-ltr .stack-indicator-text{\n                text-align:center !important;\n                justify-content:center !important;\n                align-items:center !important;\n                margin-left:auto !important;\n                margin-right:auto !important;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .card-info {\n                text-align: center;\n                align-items:center;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .card-tag {\n                align-self: center;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .card-desc {\n                text-align: center;\n                max-width: 100%;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .card-heading{\n                text-align:center;\n            }\n        }\n\n        @media screen and (max-width: 600px) {\n            #madad-stack-wrapper .stack-header {\n                padding-top: 60px;\n                margin-bottom: 40px !important;\n                text-align:center !important;\n                display:flex !important;\n                flex-direction:column !important;\n                align-items:center !important;\n                justify-content:center !important;\n                transform:translate3d(0,0,0) !important;\n            }\n\n            #madad-stack-wrapper .stack-indicator{\n                gap:12px !important;\n                justify-content:center !important;\n                align-items:center !important;\n                text-align:center !important;\n                width:100% !important;\n            }\n\n            #madad-stack-wrapper .stack-line{\n                width:36px !important;\n            }\n\n            #madad-stack-wrapper .stack-indicator-text{\n                letter-spacing:2px !important;\n                font-size:12px !important;\n                text-align:center !important;\n            }\n\n            #madad-stack-wrapper .stack-title {\n                font-size: 26px !important;\n                line-height: 1.18 !important;\n                text-align:center !important;\n                width:100% !important;\n                margin-left:auto !important;\n                margin-right:auto !important;\n            }\n\n            #madad-stack-wrapper .stack-header-desc{\n                font-size:14px !important;\n                line-height:1.8 !important;\n                text-align:center !important;\n                width:100% !important;\n                margin-left:auto !important;\n                margin-right:auto !important;\n            }\n\n            #madad-stack-wrapper .stack-card {\n                margin-bottom: 12vh;\n                border-radius: 8px;\n            }\n\n            #madad-stack-wrapper .stack-card::before,\n            #madad-stack-wrapper .stack-card::after {\n                width: 40px;\n                height: 40px;\n                border-width: 3px;\n            }\n\n            #madad-stack-wrapper .card-info{\n                padding:28px 18px !important;\n            }\n\n            #madad-stack-wrapper .card-visual{\n                height:260px !important;\n            }\n\n            #madad-stack-wrapper .card-heading {\n                font-size: 22px;\n                text-align:center !important;\n            }\n\n            #madad-stack-wrapper .card-desc {\n                font-size: 16px;\n                max-width: 100%;\n                text-align:center !important;\n            }\n\n            #madad-stack-wrapper .card-tag{\n                align-self:center !important;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .stack-header{\n                text-align:center !important;\n                display:flex !important;\n                flex-direction:column !important;\n                align-items:center !important;\n                justify-content:center !important;\n                transform:translate3d(0,0,0) !important;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .stack-indicator{\n                justify-content:center !important;\n                align-items:center !important;\n                text-align:center !important;\n                width:100% !important;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .stack-indicator-text {\n                letter-spacing: 2px;\n                text-align:center !important;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .stack-title {\n                line-height: 1.15;\n                text-align:center !important;\n                width:100% !important;\n                margin-left:auto !important;\n                margin-right:auto !important;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .stack-header-desc{\n                text-align:center !important;\n                width:100% !important;\n                margin-left:auto !important;\n                margin-right:auto !important;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .card-heading {\n                font-size: 22px;\n                text-align:center !important;\n            }\n\n            #madad-stack-wrapper.madad-stack-ltr .card-desc {\n                font-size: 16px;\n                text-align:center !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #madad-stack-wrapper *,\n            #madad-stack-wrapper *::before,\n            #madad-stack-wrapper *::after {\n                animation: none !important;\n                transition: none !important;\n                scroll-behavior: auto !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"stack-blueprint-bg\"><\/div>\n\n    <div class=\"stack-container\">\n\n        <div class=\"stack-header\" id=\"stack-main-header\">\n            <div class=\"stack-indicator\">\n                <span class=\"stack-line\"><\/span>\n                <span class=\"stack-indicator-text\">\u0633\u0631 \u0627\u0644\u062a\u0645\u064a\u0632<\/span>\n            <\/div>\n            <h2 class=\"stack-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 <br> <span style=\"color:#ffffff; text-shadow: 0 0 15px rgba(255,255,255,0.4);\">\u0645\u062f\u062f<\/span>\u061f<\/h2>\n            <p class=\"stack-header-desc\">\n                \u062e\u0644\u0641 \u0643\u0644 \u062a\u062c\u0631\u0628\u0629 \u0646\u0627\u062c\u062d\u0629\u060c \u062a\u062e\u0637\u064a\u0637 \u062f\u0642\u064a\u0642 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u062a\u0642\u0646.\n                \u0641\u064a \u0645\u062f\u062f\u060c \u0646\u0635\u0646\u0639 \u062a\u062c\u0627\u0631\u0628 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0648\u0627\u0643\u0628 \u0637\u0645\u0648\u062d\u0627\u062a\u0647\u0645 \u0639\u0628\u0631 \u0631\u0643\u0627\u0626\u0632\u0646\u0627 \u0627\u0644\u062e\u0645\u0633 \u0644\u0644\u062a\u0645\u064a\u0632.\n            <\/p>\n        <\/div>\n\n        <div class=\"stack-main-content\">\n\n            <div class=\"stack-progress-track\">\n                <div class=\"stack-progress-bar\" id=\"stack-scroll-fill\"><\/div>\n            <\/div>\n\n            <div class=\"stack-cards-area\">\n\n                <div class=\"stack-card\">\n                    <div class=\"card-info\">\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u0623\u0648\u0644<\/span>\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-chess-knight\"><\/i><\/div>\n                        <h3 class=\"card-heading\">\u062a\u062e\u0637\u064a\u0637 \u062f\u0642\u064a\u0642 \u064a\u0636\u0645\u0646 \u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n                        <p class=\"card-desc\">\u0646\u0628\u062f\u0623 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u062f\u0631\u0627\u0633\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0623\u0647\u062f\u0627\u0641\u0647\u060c \u0648\u0646\u0628\u0646\u064a \u062e\u0637\u0629 \u062a\u0646\u0641\u064a\u0630 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0636\u0645\u0646 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.<\/p>\n                    <\/div>\n                    <div class=\"card-visual\">\n                        <img src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u062e\u0637\u064a\u0637-\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a.webp\" alt=\"Strategy Planning\" decoding=\"async\">\n                        <div class=\"visual-overlay-layer custom-purple-tint\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stack-card\">\n                    <div class=\"card-info\">\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u062b\u0627\u0646\u064a<\/span>\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-clock-rotate-left\"><\/i><\/div>\n                        <h3 class=\"card-heading\">\u0625\u062f\u0627\u0631\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/h3>\n                        <p class=\"card-desc\">\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0636\u0645\u0646 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629\u060c \u0645\u0639 \u0636\u0628\u0637 \u0643\u0627\u0645\u0644 \u0644\u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.<\/p>\n                    <\/div>\n                    <div class=\"card-visual\">\n                        <img src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629-\u0648\u0627\u0644\u0648\u0642\u062a.webp\" alt=\"Budget Management\" decoding=\"async\">\n                        <div class=\"visual-overlay-layer custom-purple-tint\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stack-card\">\n                    <div class=\"card-info\">\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u062b\u0627\u0644\u062b<\/span>\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-user-tie\"><\/i><\/div>\n                        <h3 class=\"card-heading\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0628\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0645\u062a\u0631\u0627\u0643\u0645\u0629<\/h3>\n                        <p class=\"card-desc\">\u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0643\u0628\u0631\u0649\u060c \u062a\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u062a\u0644\u064a\u0642 \u0628\u0645\u0643\u0627\u0646\u062a\u0643\u0645.<\/p>\n                    <\/div>\n                    <div class=\"card-visual\">\n                        <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0641\u0631\u064a\u0642-\u0645\u062a\u062e\u0635\u0635.webp\" alt=\"Expert Team\" decoding=\"async\">\n                        <div class=\"visual-overlay-layer\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stack-card\">\n                    <div class=\"card-info\">\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u0631\u0627\u0628\u0639<\/span>\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-shapes\"><\/i><\/div>\n                        <h3 class=\"card-heading\">\u062d\u0644\u0648\u0644 \u0645\u0631\u0646\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a<\/h3>\n                        <p class=\"card-desc\">\u0645\u0647\u0645\u0627 \u0643\u0627\u0646\u062a \u0637\u0628\u064a\u0639\u0629 \u0645\u0634\u0631\u0648\u0639\u0643\u060c \u0646\u0648\u0641\u0631 \u0644\u0643 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u062e\u0635\u0635\u0629 \u062a\u062a\u0643\u064a\u0641 \u0628\u0630\u0643\u0627\u0621 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0642\u0637\u0627\u0639\u0643 \u0648\u062a\u0636\u0645\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0628\u062f\u0642\u0629.<\/p>\n                    <\/div>\n                    <div class=\"card-visual\">\n                        <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062d\u0644\u0648\u0644-\u0645\u0631\u0646\u0629.webp\" alt=\"Flexible Solutions\" decoding=\"async\">\n                        <div class=\"visual-overlay-layer\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stack-card\">\n                    <div class=\"card-info\">\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u062e\u0627\u0645\u0633<\/span>\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n                        <h3 class=\"card-heading\">\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h3>\n                        <p class=\"card-desc\">\u0646\u0637\u0628\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0636\u064a\u0648\u0641 \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0645\u0646\u0638\u0645\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629.<\/p>\n                    <\/div>\n                    <div class=\"card-visual\">\n                        <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062c\u0648\u062f\u0629-\u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629-2.webp\" alt=\"Safety and Quality\" decoding=\"async\">\n                        <div class=\"visual-overlay-layer\"><\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        (function () {\n            function initMadadStackSection() {\n                const root = document.getElementById('madad-stack-wrapper');\n                if (!root || root.dataset.stackInit === 'true') return;\n                root.dataset.stackInit = 'true';\n\n                const cards = Array.from(root.querySelectorAll('.stack-card'));\n                const progressLine = root.querySelector('#stack-scroll-fill');\n                const cardsArea = root.querySelector('.stack-cards-area');\n                const header = root.querySelector('#stack-main-header');\n\n                const docEl = document.documentElement;\n                const bodyEl = document.body;\n\n                const docDir = (docEl.getAttribute('dir') || '').toLowerCase();\n                const bodyDir = ((bodyEl && bodyEl.getAttribute('dir')) || '').toLowerCase();\n                const docLang = (docEl.getAttribute('lang') || '').toLowerCase();\n                const bodyLang = ((bodyEl && bodyEl.getAttribute('lang')) || '').toLowerCase();\n\n                const isLTR =\n                    docDir === 'ltr' ||\n                    bodyDir === 'ltr' ||\n                    docLang.indexOf('en') === 0 ||\n                    bodyLang.indexOf('en') === 0;\n\n                root.classList.toggle('madad-stack-ltr', isLTR);\n                root.setAttribute('dir', isLTR ? 'ltr' : 'rtl');\n\n                cards.forEach(function (card, index) {\n                    card.style.zIndex = String(10 + index);\n                });\n\n                let sectionInView = false;\n                let isTicking = false;\n\n                function revealElements() {\n                    if ('IntersectionObserver' in window) {\n                        const entranceObserver = new IntersectionObserver(function (entries, observerInstance) {\n                            entries.forEach(function (entry) {\n                                if (entry.isIntersecting) {\n                                    entry.target.classList.add('stack-is-visible');\n                                    observerInstance.unobserve(entry.target);\n                                }\n                            });\n                        }, { threshold: 0.15 });\n\n                        if (header) entranceObserver.observe(header);\n                        cards.forEach(function (card) {\n                            entranceObserver.observe(card);\n                        });\n                    } else {\n                        if (header) header.classList.add('stack-is-visible');\n                        cards.forEach(function (card) {\n                            card.classList.add('stack-is-visible');\n                        });\n                    }\n                }\n\n                function resetCardState(card) {\n                    if (!card.classList.contains('stack-is-visible')) return;\n                    card.style.transform = 'translate3d(0, 0, 0) scale(1)';\n                    card.style.opacity = '1';\n                }\n\n                function updateScrollEffects() {\n                    if (!cardsArea) {\n                        isTicking = false;\n                        return;\n                    }\n\n                    const windowHeight = window.innerHeight || document.documentElement.clientHeight;\n                    const containerRect = cardsArea.getBoundingClientRect();\n                    const scrollableDistance = Math.max(containerRect.height - windowHeight, 1);\n                    const progress = Math.max(0, Math.min(100, (-containerRect.top \/ scrollableDistance) * 100));\n\n                    if (progressLine) {\n                        progressLine.style.height = progress + '%';\n                    }\n\n                    cards.forEach(function (card) {\n                        const rect = card.getBoundingClientRect();\n                        const cardTop = rect.top;\n\n                        if (cardTop < 100 && cardTop > -600) {\n                            const factor = (100 - cardTop) \/ 1000;\n                            const scaleDown = 1 - (factor * 0.12);\n                            const fadeOut = 1 - (factor * 0.4);\n\n                            card.style.transform = 'translate3d(0, ' + (factor * 25) + 'px, 0) scale(' + Math.max(scaleDown, 0.92) + ')';\n                            card.style.opacity = String(Math.max(fadeOut, 0.7));\n                        } else if (cardTop >= 100) {\n                            resetCardState(card);\n                        } else if (cardTop <= -600) {\n                            card.style.transform = 'translate3d(0, 15px, 0) scale(0.92)';\n                            card.style.opacity = '0.7';\n                        }\n                    });\n\n                    isTicking = false;\n                }\n\n                function requestUpdate() {\n                    if (!sectionInView || isTicking) return;\n                    isTicking = true;\n                    window.requestAnimationFrame(updateScrollEffects);\n                }\n\n                revealElements();\n\n                if ('IntersectionObserver' in window) {\n                    const sectionObserver = new IntersectionObserver(function (entries) {\n                        entries.forEach(function (entry) {\n                            if (entry.target !== root) return;\n                            sectionInView = entry.isIntersecting || entry.intersectionRatio > 0;\n                            if (sectionInView) {\n                                requestUpdate();\n                            }\n                        });\n                    }, { threshold: [0, 0.1, 0.2] });\n\n                    sectionObserver.observe(root);\n                } else {\n                    sectionInView = true;\n                }\n\n                window.addEventListener('scroll', requestUpdate, { passive: true });\n                window.addEventListener('resize', requestUpdate, { passive: true });\n\n                window.requestAnimationFrame(function () {\n                    if (sectionInView || !('IntersectionObserver' in window)) {\n                        updateScrollEffects();\n                    }\n                });\n            }\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initMadadStackSection);\n            } else {\n                initMadadStackSection();\n            }\n        })();\n    <\/script>\n\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0201da elementor-widget elementor-widget-shortcode\" data-id=\"a0201da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n    <div id=\"madad-partners-wrapper\" dir=\"rtl\">\n        <style>\n            #madad-partners-wrapper, #madad-partners-wrapper * { box-sizing: border-box; }\n            #madad-partners-wrapper {\n                position: relative; width: 100%; padding: 100px 0; min-height: 600px;\n                background: rgba(212, 212, 246, 0.8) !important; font-family: 'Tajawal', sans-serif !important;\n                color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center;\n                overflow: hidden; isolation: isolate; --mouse-x: 50%; --mouse-y: 50%;\n            }\n            #madad-partners-wrapper::before { content: \"\"; position: absolute; inset: 0; background: rgba(212, 212, 246, 0.18); z-index: 0; pointer-events: none; }\n            #madad-partners-wrapper .mp-background-fx { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }\n            #madad-partners-wrapper .mp-corner-light { position: absolute; width: 60vw; height: 60vw; filter: blur(130px); opacity: 0.18; z-index: 1; border-radius: 50%; transform: translateZ(0); }\n            #madad-partners-wrapper .mp-light-top-right { top: -20%; right: -10%; background: radial-gradient(circle at center, rgba(92, 73, 148, 0.75) 0%, transparent 70%); }\n            #madad-partners-wrapper .mp-light-bottom-left { bottom: -20%; left: -10%; background: radial-gradient(circle at center, rgba(92, 73, 148, 0.75) 0%, transparent 70%); }\n            #madad-partners-wrapper .mp-animated-glow { position: absolute; border-radius: 50%; filter: blur(90px); z-index: 2; background: rgba(92, 73, 148, 0.28); mix-blend-mode: screen; will-change: transform; transform: translateZ(0); }\n            #madad-partners-wrapper .mp-glow-1 { width: 300px; height: 300px; top: 20%; left: 20%; animation: mpFloatGlow1 25s infinite alternate ease-in-out; }\n            #madad-partners-wrapper .mp-glow-2 { width: 400px; height: 400px; bottom: 10%; right: 15%; background: rgba(140, 114, 207, 0.24); animation: mpFloatGlow2 30s infinite alternate-reverse ease-in-out; }\n            #madad-partners-wrapper .mp-glow-3 { width: 250px; height: 250px; top: 50%; left: 60%; animation: mpFloatGlow3 20s infinite alternate ease-in-out; }\n            @keyframes mpFloatGlow1 { 0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.25; } 100% { transform: translate3d(40vw, 20vh, 0) scale(1.5); opacity: 0.45; } }\n            @keyframes mpFloatGlow2 { 0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.3; } 100% { transform: translate3d(-30vw, -30vh, 0) scale(1.2); opacity: 0.5; } }\n            @keyframes mpFloatGlow3 { 0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.35; } 100% { transform: translate3d(-20vw, 40vh, 0) scale(0.8); opacity: 0.18; } }\n            #madad-partners-wrapper .mp-cursor-spotlight { position: absolute; inset: 0; background: radial-gradient(circle 420px at var(--mouse-x) var(--mouse-y), rgba(92, 73, 148, 0.12), transparent 80%); z-index: 3; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; }\n            #madad-partners-wrapper.mp-pointer-active .mp-cursor-spotlight { opacity: 1; }\n            #madad-partners-wrapper .mp-container { position: relative; z-index: 10; width: 100%; max-width: 100vw; padding: 0 20px; text-align: center; }\n            #madad-partners-wrapper .mp-header { margin-bottom: 60px; opacity: 0; transform: translate3d(80px, 0, 0); transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform, opacity; }\n            #madad-partners-wrapper .mp-header.mp-visible { opacity: 1; transform: translate3d(0, 0, 0); }\n            #madad-partners-wrapper .mp-header-small { font-size: 14px; font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 8px; display: block; margin-bottom: 20px; }\n            #madad-partners-wrapper .mp-header-large { font-size: clamp(40px, 6vw, 70px); font-weight: 900; letter-spacing: 1px; margin: 0; color: #ffffff; text-shadow: 0 5px 15px rgba(0,0,0,0.12); }\n            #madad-partners-wrapper .mp-accent { color: white; }\n            #madad-partners-wrapper .mp-marquee-wrapper { width: 100%; position: relative; overflow: hidden; padding: 30px 0; direction: ltr; background: rgba(255, 255, 255, 0.88); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); opacity: 0; transform: translate3d(0, 50px, 0); transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; will-change: transform, opacity; z-index: 10; }\n            #madad-partners-wrapper .mp-marquee-wrapper.mp-visible { opacity: 1; transform: translate3d(0, 0, 0); }\n            #madad-partners-wrapper .mp-marquee-track { display: flex; align-items: center; width: max-content; gap: 40px; padding-left: 40px; animation: mpMarqueeScroll 45s linear infinite; animation-play-state: paused; will-change: transform; }\n            #madad-partners-wrapper.mp-in-view .mp-marquee-track { animation-play-state: running; }\n            #madad-partners-wrapper .mp-marquee-track:hover { animation-play-state: paused; }\n            @keyframes mpMarqueeScroll { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } }\n            #madad-partners-wrapper .mp-logo-item { height: 160px; flex-shrink: 0; background: transparent; display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 12px; transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; position: relative; will-change: transform; }\n            #madad-partners-wrapper .mp-logo-item img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.35s ease, filter 0.35s ease; filter: drop-shadow(0 0 0 rgba(0,0,0,0)); will-change: transform, filter; display: block; }\n            #madad-partners-wrapper .mp-logo-item:hover { transform: scale(1.15); z-index: 10; }\n            #madad-partners-wrapper .mp-logo-item:hover img { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.25)); transform: scale(1.05); }\n            #madad-partners-wrapper.mp-ltr { direction: ltr !important; }\n            #madad-partners-wrapper.mp-ltr .mp-header-small { letter-spacing: 5px; line-height: 1.4; }\n            #madad-partners-wrapper.mp-ltr .mp-header-large { letter-spacing: -0.02em; line-height: 1.08; }\n            #madad-partners-wrapper.mp-ltr .mp-container { text-align: center; }\n            #madad-partners-wrapper.mp-ltr .mp-marquee-wrapper { direction: ltr; }\n            #madad-partners-wrapper.mp-ltr .mp-marquee-track { gap: 48px; padding-left: 40px; padding-right: 0; }\n            #madad-partners-wrapper.mp-ltr .mp-logo-item { padding: 18px; border-radius: 14px; }\n            #madad-partners-wrapper.mp-ltr .mp-logo-item:hover { transform: scale(1.12); }\n            #madad-partners-wrapper.mp-ltr .mp-logo-item:hover img { transform: scale(1.04); }\n            @media (max-width: 1024px) { #madad-partners-wrapper .mp-corner-light { width: 80vw; opacity: 0.14; } #madad-partners-wrapper .mp-logo-item { width: 180px; height: 110px; } }\n            @media (max-width: 768px) { #madad-partners-wrapper { padding: 80px 0; min-height: 500px; } #madad-partners-wrapper .mp-header { margin-bottom: 40px; } #madad-partners-wrapper .mp-marquee-wrapper { padding: 22px 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } #madad-partners-wrapper .mp-logo-item { width: 180px; height: 110px; padding: 12px; } #madad-partners-wrapper .mp-marquee-track { gap: 34px; padding-left: 34px; animation-duration: 35s; } #madad-partners-wrapper .mp-corner-light { filter: blur(90px); } #madad-partners-wrapper .mp-animated-glow { animation-duration: 0s !important; animation: none !important; opacity: 0.18; } }\n            @media (max-width: 480px) { #madad-partners-wrapper .mp-header-large { font-size: 40px; } #madad-partners-wrapper .mp-logo-item { width: 165px; height: 100px; padding: 10px; } #madad-partners-wrapper .mp-marquee-track { gap: 26px; padding-left: 26px; } }\n            @media (prefers-reduced-motion: reduce) { #madad-partners-wrapper *, #madad-partners-wrapper *::before, #madad-partners-wrapper *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } #madad-partners-wrapper .mp-marquee-track { animation: none !important; transform: none !important; } }\n        <\/style>\n\n        <div class=\"mp-background-fx\">\n            <div class=\"mp-corner-light mp-light-top-right\"><\/div>\n            <div class=\"mp-corner-light mp-light-bottom-left\"><\/div>\n            <div class=\"mp-animated-glow mp-glow-1\"><\/div>\n            <div class=\"mp-animated-glow mp-glow-2\"><\/div>\n            <div class=\"mp-animated-glow mp-glow-3\"><\/div>\n            <div class=\"mp-cursor-spotlight\"><\/div>\n        <\/div>\n\n        <div class=\"mp-container\">\n            <div class=\"mp-header\" id=\"mp-header\">\n                <span class=\"mp-header-small\">OUR PARTNERS<\/span>\n                <h2 class=\"mp-header-large\">\u0634\u0631\u0643\u0627\u0621 <span class=\"mp-accent\">\u0627\u0644\u0646\u062c\u0627\u062d<\/span><\/h2>\n            <\/div>\n        <\/div>\n\n        <div class=\"mp-marquee-wrapper\" id=\"mp-marquee\">\n            <div class=\"mp-marquee-track\">\n                <div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-34-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-37-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-33-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-38-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-40-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-31-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-23-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-25-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-32-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-21-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-22-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-20-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-41-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-36-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-35-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-30-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-28-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-27-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-26-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-24-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-16-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-34-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-37-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-33-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-38-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-40-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-31-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-23-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-25-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-32-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-21-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-22-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-20-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-41-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-36-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-35-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-30-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-28-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-27-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-26-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-24-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div><div class=\"mp-logo-item\"><img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631\u0627\u062a-16-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\"><\/div>            <\/div>\n        <\/div>\n\n        <script>\n            (function () {\n                function initMadadPartnersSection() {\n                    const wrapper = document.getElementById('madad-partners-wrapper');\n                    if (!wrapper || wrapper.dataset.mpInit === 'true') return;\n                    wrapper.dataset.mpInit = 'true';\n                    const header = wrapper.querySelector('#mp-header');\n                    const marquee = wrapper.querySelector('#mp-marquee');\n                    const track = wrapper.querySelector('.mp-marquee-track');\n                    const docEl = document.documentElement;\n                    const bodyEl = document.body;\n                    const docDir = (docEl.getAttribute('dir') || '').toLowerCase();\n                    const bodyDir = ((bodyEl && bodyEl.getAttribute('dir')) || '').toLowerCase();\n                    const docLang = (docEl.getAttribute('lang') || '').toLowerCase();\n                    const bodyLang = ((bodyEl && bodyEl.getAttribute('lang')) || '').toLowerCase();\n                    const isLTR = docDir === 'ltr' || bodyDir === 'ltr' || docLang.indexOf('en') === 0 || bodyLang.indexOf('en') === 0;\n                    wrapper.classList.toggle('mp-ltr', isLTR);\n                    wrapper.setAttribute('dir', isLTR ? 'ltr' : 'rtl');\n                    const supportsPointerFX = window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n                    let isInView = false;\n                    let mouseTicking = false;\n                    if (supportsPointerFX) {\n                        wrapper.classList.add('mp-pointer-active');\n                        wrapper.addEventListener('mousemove', function (e) {\n                            if (!isInView || mouseTicking) return;\n                            mouseTicking = true;\n                            window.requestAnimationFrame(function () {\n                                const rect = wrapper.getBoundingClientRect();\n                                const x = e.clientX - rect.left;\n                                const y = e.clientY - rect.top;\n                                wrapper.style.setProperty('--mouse-x', x + 'px');\n                                wrapper.style.setProperty('--mouse-y', y + 'px');\n                                mouseTicking = false;\n                            });\n                        }, { passive: true });\n                        wrapper.addEventListener('mouseleave', function () {\n                            wrapper.style.setProperty('--mouse-x', '50%');\n                            wrapper.style.setProperty('--mouse-y', '50%');\n                        }, { passive: true });\n                    }\n                    if ('IntersectionObserver' in window) {\n                        const revealObserver = new IntersectionObserver(function (entries, observerInstance) {\n                            entries.forEach(function (entry) {\n                                if (entry.isIntersecting) {\n                                    entry.target.classList.add('mp-visible');\n                                    observerInstance.unobserve(entry.target);\n                                }\n                            });\n                        }, { threshold: 0.1 });\n                        if (header) revealObserver.observe(header);\n                        if (marquee) revealObserver.observe(marquee);\n                        const sectionObserver = new IntersectionObserver(function (entries) {\n                            entries.forEach(function (entry) {\n                                if (entry.target !== wrapper) return;\n                                isInView = entry.isIntersecting || entry.intersectionRatio > 0;\n                                wrapper.classList.toggle('mp-in-view', isInView);\n                            });\n                        }, { threshold: [0, 0.15, 0.35] });\n                        sectionObserver.observe(wrapper);\n                    } else {\n                        if (header) header.classList.add('mp-visible');\n                        if (marquee) marquee.classList.add('mp-visible');\n                        wrapper.classList.add('mp-in-view');\n                        isInView = true;\n                    }\n                    if (track && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n                        track.style.animation = 'none';\n                    }\n                }\n                if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initMadadPartnersSection); } else { initMadadPartnersSection(); }\n            })();\n        <\/script>\n    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":571,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/1304"}],"wp:attachment":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}