{"id":150,"date":"2026-03-08T12:05:41","date_gmt":"2026-03-08T12:05:41","guid":{"rendered":"https:\/\/almahab.store\/?page_id=150"},"modified":"2026-04-16T11:53:08","modified_gmt":"2026-04-16T11:53:08","slug":"%d9%85%d8%b9%d9%84%d9%88%d9%85%d8%a7%d8%aa%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/almahab.store\/en\/%d9%85%d8%b9%d9%84%d9%88%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/","title":{"rendered":"\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0646\u0627"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0645\u0646 \u0646\u062d\u0646<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --overlay-dark: rgba(7, 10, 18, 0.55);\r\n --overlay-soft: rgba(7, 10, 18, 0.28);\r\n --text: #ffffff;\r\n }\r\n\r\n html,\r\n body {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n body {\r\n font-family: \"Cairo\", sans-serif;\r\n background: #000;\r\n overflow-x: hidden;\r\n }\r\n\r\n .inner-hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n background: url(\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/about-scaled.webp\") center center \/ cover no-repeat;\r\n }\r\n\r\n .inner-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 180deg,\r\n var(--overlay-soft) 0%,\r\n var(--overlay-dark) 100%\r\n );\r\n }\r\n\r\n .content {\r\n position: relative;\r\n text-align: center;\r\n padding: 30px;\r\n z-index: 1;\r\n }\r\n\r\n .title {\r\n color: #ffffff;\r\n font-size: clamp(42px, 7vw, 90px);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n letter-spacing: 0.5px;\r\n text-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .inner-hero {\r\n min-height: 100vh;\r\n background-position: center center;\r\n }\r\n\r\n .content {\r\n padding: 20px;\r\n }\r\n\r\n .title {\r\n font-size: clamp(30px, 10vw, 52px);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"inner-hero\">\r\n <div class=\"content\">\r\n <h1 class=\"title\">\u0645\u0646 \u0646\u062d\u0646<\/h1>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe1ca5d elementor-widget elementor-widget-html\" data-id=\"fe1ca5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700;900&family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --vision-about-page-bg: #ffffff;\r\n --vision-about-page-accent: #111111;\r\n --vision-about-page-text: #111111;\r\n --vision-about-page-muted: #666666;\r\n --vision-about-page-card-bg: #ffffff;\r\n --vision-about-page-card-border: #ededed;\r\n --vision-about-page-shadow: rgba(0, 0, 0, 0.08);\r\n --vision-about-page-soft-shadow: rgba(0, 0, 0, 0.04);\r\n --vision-about-page-line: #e9e9e9;\r\n --vision-about-page-radius: 26px;\r\n --vision-about-page-font-ar: 'Tajawal', sans-serif;\r\n --vision-about-page-font-en: 'Inter', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background: var(--vision-about-page-bg);\r\n font-family: var(--vision-about-page-font-ar);\r\n color: var(--vision-about-page-text);\r\n }\r\n\r\n .vision-about-page-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 115px 0;\r\n background:\r\n radial-gradient(circle at top right, rgba(0,0,0,0.035), transparent 28%),\r\n linear-gradient(180deg, #ffffff 0%, #fafafa 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .vision-about-page-section::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 80px;\r\n left: -100px;\r\n width: 280px;\r\n height: 280px;\r\n border-radius: 50%;\r\n background: rgba(0,0,0,0.025);\r\n filter: blur(10px);\r\n pointer-events: none;\r\n }\r\n\r\n .vision-about-page-section::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -120px;\r\n right: -60px;\r\n width: 320px;\r\n height: 320px;\r\n border-radius: 50%;\r\n background: rgba(0,0,0,0.02);\r\n filter: blur(12px);\r\n pointer-events: none;\r\n }\r\n\r\n .vision-about-page-background-art {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .vision-about-page-background-art::before {\r\n content: \"VISION\";\r\n position: absolute;\r\n left: 24px;\r\n bottom: 24px;\r\n font-family: var(--vision-about-page-font-en);\r\n font-size: clamp(55px, 9vw, 130px);\r\n font-weight: 900;\r\n color: rgba(0,0,0,0.025);\r\n letter-spacing: 3px;\r\n line-height: 1;\r\n white-space: nowrap;\r\n }\r\n\r\n .vision-about-page-inner {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1380px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n }\r\n\r\n .vision-about-page-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 58px;\r\n text-align: center;\r\n }\r\n\r\n .vision-about-page-header-main {\r\n width: 100%;\r\n max-width: 1100px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .vision-about-page-title-wrap {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 28px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .vision-about-page-title-line {\r\n width: 100%;\r\n max-width: 110px;\r\n height: 1px;\r\n background: #2a2a2a;\r\n border-radius: 999px;\r\n flex-shrink: 1;\r\n }\r\n\r\n .vision-about-page-title {\r\n font-family: var(--vision-about-page-font-ar);\r\n font-size: 38px;\r\n font-weight: 800;\r\n line-height: 1.3;\r\n color: var(--vision-about-page-accent);\r\n letter-spacing: 0;\r\n text-align: center;\r\n white-space: nowrap;\r\n margin: 0;\r\n }\r\n\r\n .vision-about-page-subtitle {\r\n font-size: 15px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n color: var(--vision-about-page-muted);\r\n max-width: 1000px;\r\n text-align: center;\r\n white-space: nowrap;\r\n }\r\n\r\n .vision-about-page-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .vision-about-page-card {\r\n position: relative;\r\n background: var(--vision-about-page-card-bg);\r\n border: 1px solid var(--vision-about-page-card-border);\r\n border-radius: var(--vision-about-page-radius);\r\n padding: 34px 28px 28px;\r\n min-height: 360px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n box-shadow: 0 12px 32px var(--vision-about-page-soft-shadow);\r\n transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .vision-about-page-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--vision-about-page-accent);\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.35s ease;\r\n }\r\n\r\n .vision-about-page-card::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.012), transparent 35%);\r\n pointer-events: none;\r\n }\r\n\r\n .vision-about-page-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 26px 50px var(--vision-about-page-shadow);\r\n border-color: #dddddd;\r\n background: #ffffff;\r\n }\r\n\r\n .vision-about-page-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .vision-about-page-card-top {\r\n position: relative;\r\n margin-bottom: 26px;\r\n padding-top: 8px;\r\n }\r\n\r\n .vision-about-page-card-index {\r\n position: absolute;\r\n top: -8px;\r\n left: 0;\r\n font-family: var(--vision-about-page-font-en);\r\n font-size: 72px;\r\n font-weight: 900;\r\n line-height: 1;\r\n color: rgba(17, 17, 17, 0.10);\r\n letter-spacing: -3px;\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n\r\n .vision-about-page-card-icon {\r\n position: relative;\r\n z-index: 2;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 18px;\r\n background: #f8f8f8;\r\n border: 1px solid #efefef;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n color: var(--vision-about-page-accent);\r\n margin-top: 34px;\r\n margin-bottom: 22px;\r\n transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease, color 0.35s ease;\r\n }\r\n\r\n .vision-about-page-card:hover .vision-about-page-card-icon {\r\n transform: translateY(-3px) rotate(-6deg);\r\n background: #111111;\r\n color: #ffffff;\r\n border-color: #111111;\r\n }\r\n\r\n .vision-about-page-card-title {\r\n position: relative;\r\n z-index: 2;\r\n font-family: var(--vision-about-page-font-ar);\r\n font-size: 34px;\r\n font-weight: 800;\r\n color: var(--vision-about-page-text);\r\n line-height: 1.3;\r\n margin-bottom: 14px;\r\n max-width: 90%;\r\n letter-spacing: 0;\r\n }\r\n\r\n .vision-about-page-card-desc {\r\n position: relative;\r\n z-index: 2;\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: var(--vision-about-page-muted);\r\n line-height: 1.95;\r\n max-width: 95%;\r\n }\r\n\r\n .vision-about-page-card-footer {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 14px;\r\n margin-top: 18px;\r\n }\r\n\r\n .vision-about-page-card-line {\r\n width: 42px;\r\n height: 2px;\r\n background: var(--vision-about-page-accent);\r\n border-radius: 999px;\r\n transition: width 0.35s ease, opacity 0.35s ease;\r\n opacity: 0.85;\r\n }\r\n\r\n .vision-about-page-card:hover .vision-about-page-card-line {\r\n width: 100%;\r\n }\r\n\r\n .vision-about-page-card-arrow {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n border: 1px solid #ececec;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #999;\r\n font-size: 12px;\r\n flex-shrink: 0;\r\n transition: all 0.35s ease;\r\n background: #fff;\r\n }\r\n\r\n .vision-about-page-card:hover .vision-about-page-card-arrow {\r\n background: #111111;\r\n color: #ffffff;\r\n border-color: #111111;\r\n transform: translateX(-2px);\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .vision-about-page-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .vision-about-page-title,\r\n .vision-about-page-card-title {\r\n font-size: 34px;\r\n }\r\n\r\n .vision-about-page-title-line {\r\n max-width: 90px;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .vision-about-page-section {\r\n padding: 85px 0;\r\n }\r\n\r\n .vision-about-page-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .vision-about-page-title,\r\n .vision-about-page-card-title {\r\n font-size: 30px;\r\n }\r\n\r\n .vision-about-page-subtitle {\r\n font-size: 14px;\r\n white-space: normal;\r\n }\r\n\r\n .vision-about-page-card-index {\r\n font-size: 62px;\r\n }\r\n\r\n .vision-about-page-title-wrap {\r\n gap: 18px;\r\n }\r\n\r\n .vision-about-page-title-line {\r\n max-width: 70px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .vision-about-page-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .vision-about-page-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .vision-about-page-card {\r\n min-height: auto;\r\n padding: 28px 20px 22px;\r\n border-radius: 20px;\r\n }\r\n\r\n .vision-about-page-title,\r\n .vision-about-page-card-title {\r\n font-size: 26px;\r\n }\r\n\r\n .vision-about-page-card-title {\r\n max-width: 100%;\r\n }\r\n\r\n .vision-about-page-card-desc {\r\n font-size: 14px;\r\n max-width: 100%;\r\n }\r\n\r\n .vision-about-page-card-index {\r\n font-size: 56px;\r\n top: -2px;\r\n }\r\n\r\n .vision-about-page-card-icon {\r\n width: 54px;\r\n height: 54px;\r\n margin-top: 28px;\r\n }\r\n\r\n .vision-about-page-background-art::before {\r\n font-size: 72px;\r\n left: 12px;\r\n bottom: 12px;\r\n }\r\n\r\n .vision-about-page-title-wrap {\r\n gap: 14px;\r\n }\r\n\r\n .vision-about-page-title-line {\r\n max-width: 50px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .vision-about-page-section {\r\n padding: 70px 0;\r\n }\r\n\r\n .vision-about-page-title,\r\n .vision-about-page-card-title {\r\n font-size: 22px;\r\n }\r\n\r\n .vision-about-page-subtitle {\r\n font-size: 13px;\r\n line-height: 1.8;\r\n }\r\n\r\n .vision-about-page-card-index {\r\n font-size: 48px;\r\n }\r\n\r\n .vision-about-page-card-icon {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 18px;\r\n border-radius: 16px;\r\n }\r\n\r\n .vision-about-page-title-wrap {\r\n gap: 10px;\r\n }\r\n\r\n .vision-about-page-title-line {\r\n max-width: 36px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"vision-about-page-section\">\r\n <div class=\"vision-about-page-background-art\"><\/div>\r\n\r\n <div class=\"vision-about-page-inner\">\r\n\r\n <header class=\"vision-about-page-header\">\r\n <div class=\"vision-about-page-header-main\">\r\n <div class=\"vision-about-page-title-wrap\">\r\n <span class=\"vision-about-page-title-line\"><\/span>\r\n <h2 class=\"vision-about-page-title\">\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h2>\r\n <span class=\"vision-about-page-title-line\"><\/span>\r\n <\/div>\r\n <p class=\"vision-about-page-subtitle\">\r\n \u0646\u0639\u0645\u0644 \u0648\u0641\u0642 \u0645\u0646\u0638\u0648\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0642\u064a\u0645\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629\u060c \u0648\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0637\u0648\u0631 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0634\u064a\u064a\u062f \u0648\u0627\u0644\u0628\u0646\u0627\u0621 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"vision-about-page-grid\">\r\n\r\n <article class=\"vision-about-page-card\">\r\n <div class=\"vision-about-page-card-top\">\r\n <div class=\"vision-about-page-card-index\">01<\/div>\r\n <div class=\"vision-about-page-card-icon\">\r\n <i class=\"fa-solid fa-gem\"><\/i>\r\n <\/div>\r\n <h3 class=\"vision-about-page-card-title\">\u0648\u0636\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u062f\u064a\u062f\u0629<\/h3>\r\n <p class=\"vision-about-page-card-desc\">\r\n \u0646\u062d\u0646 \u0644\u0627 \u0646\u0643\u062a\u0641\u064a \u0628\u0627\u0644\u062a\u0645\u064a\u0632\u060c \u0628\u0644 \u0646\u0633\u0639\u0649 \u0625\u0644\u0649 \u0648\u0636\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u062f\u064a\u062f\u0629 \u0641\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\r\n <\/p>\r\n <\/div>\r\n <div class=\"vision-about-page-card-footer\">\r\n <div class=\"vision-about-page-card-line\"><\/div>\r\n <div class=\"vision-about-page-card-arrow\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"vision-about-page-card\">\r\n <div class=\"vision-about-page-card-top\">\r\n <div class=\"vision-about-page-card-index\">02<\/div>\r\n <div class=\"vision-about-page-card-icon\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n <\/div>\r\n <h3 class=\"vision-about-page-card-title\">\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644<\/h3>\r\n <p class=\"vision-about-page-card-desc\">\r\n \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0641\u064a \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u0628\u0646\u0627\u0626\u064a\u0629 \u0628\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0639\u0628\u0631 \u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0630\u0643\u064a\u0629 \u062a\u062a\u0628\u0646\u0649 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u062a\u062f\u0639\u0645 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u062a\u0648\u0627\u0643\u0628 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.\r\n <\/p>\r\n <\/div>\r\n <div class=\"vision-about-page-card-footer\">\r\n <div class=\"vision-about-page-card-line\"><\/div>\r\n <div class=\"vision-about-page-card-arrow\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"vision-about-page-card\">\r\n <div class=\"vision-about-page-card-top\">\r\n <div class=\"vision-about-page-card-index\">03<\/div>\r\n <div class=\"vision-about-page-card-icon\">\r\n <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n <\/div>\r\n <h3 class=\"vision-about-page-card-title\">\u0627\u0644\u0625\u0644\u0647\u0627\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u064a<\/h3>\r\n <p class=\"vision-about-page-card-desc\">\r\n \u0623\u0646 \u0646\u0643\u0648\u0646 \u0645\u0635\u062f\u0631 \u0625\u0644\u0647\u0627\u0645 \u0644\u0644\u0623\u062c\u064a\u0627\u0644 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0645\u0646 \u0627\u0644\u0645\u0628\u062f\u0639\u064a\u0646 \u0639\u0628\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0646\u0648\u0639\u064a\u0629 \u062a\u064f\u0638\u0647\u0631 \u0627\u0644\u0641\u0646 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0628\u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <div class=\"vision-about-page-card-footer\">\r\n <div class=\"vision-about-page-card-line\"><\/div>\r\n <div class=\"vision-about-page-card-arrow\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"vision-about-page-card\">\r\n <div class=\"vision-about-page-card-top\">\r\n <div class=\"vision-about-page-card-index\">04<\/div>\r\n <div class=\"vision-about-page-card-icon\">\r\n <i class=\"fa-solid fa-city\"><\/i>\r\n <\/div>\r\n <h3 class=\"vision-about-page-card-title\">\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0646\u0627\u0628\u0636\u0629<\/h3>\r\n <p class=\"vision-about-page-card-desc\">\r\n \u0627\u0644\u0625\u0633\u0647\u0627\u0645 \u0641\u064a \u0635\u064a\u0627\u063a\u0629 \u0645\u062c\u062a\u0645\u0639\u0627\u062a \u062d\u064a\u0648\u064a\u0629 \u0648\u0645\u0632\u062f\u0647\u0631\u0629 \u062a\u0631\u0641\u0639 \u062c\u0648\u062f\u0629 \u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0648\u062a\u062c\u0639\u0644 \u0645\u0646 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0642\u064a\u0645\u0629 \u0645\u0636\u0627\u0641\u0629 \u062a\u0639\u0643\u0633 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629.\r\n <\/p>\r\n <\/div>\r\n <div class=\"vision-about-page-card-footer\">\r\n <div class=\"vision-about-page-card-line\"><\/div>\r\n <div class=\"vision-about-page-card-arrow\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7557d11 elementor-widget elementor-widget-html\" data-id=\"7557d11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n .bw-gm-section,\r\n .bw-gm-section * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .bw-gm-section {\r\n --text: #ffffff;\r\n --muted: rgba(255,255,255,0.72);\r\n --shadow: 0 30px 80px rgba(0,0,0,0.55);\r\n --radius-xl: 34px;\r\n --radius-lg: 26px;\r\n\r\n position: relative;\r\n overflow: hidden;\r\n padding: 110px 24px;\r\n background:\r\n radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08), transparent 22%),\r\n radial-gradient(circle at 80% 10%, rgba(255,255,255,0.06), transparent 18%),\r\n linear-gradient(135deg, #000000 0%, #080808 45%, #111111 100%);\r\n color: var(--text);\r\n font-family: \"Tajawal\", sans-serif;\r\n isolation: isolate;\r\n }\r\n\r\n .bw-gm-section::before,\r\n .bw-gm-section::after {\r\n content: \"\";\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .bw-gm-section::before {\r\n width: 380px;\r\n height: 380px;\r\n top: -40px;\r\n right: -80px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.12), transparent 68%);\r\n animation: sectionGlowOne 9s ease-in-out infinite alternate;\r\n }\r\n\r\n .bw-gm-section::after {\r\n width: 320px;\r\n height: 320px;\r\n bottom: -40px;\r\n left: -70px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);\r\n animation: sectionGlowTwo 11s ease-in-out infinite alternate;\r\n }\r\n\r\n .bw-gm-noise,\r\n .bw-gm-lines,\r\n .bw-gm-orbs,\r\n .bw-gm-wave {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .bw-gm-noise {\r\n opacity: 0.045;\r\n background-image: radial-gradient(rgba(255,255,255,0.95) 0.45px, transparent 0.45px);\r\n background-size: 8px 8px;\r\n mix-blend-mode: soft-light;\r\n z-index: 0;\r\n }\r\n\r\n .bw-gm-lines {\r\n opacity: 0.08;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,0.10) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.10) 1px, transparent 1px);\r\n background-size: 52px 52px;\r\n mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);\r\n animation: gridMove 18s linear infinite;\r\n z-index: 0;\r\n }\r\n\r\n .bw-gm-wave {\r\n z-index: 0;\r\n opacity: 0.22;\r\n background:\r\n radial-gradient(circle at 50% 50%, rgba(255,255,255,0.12), transparent 45%),\r\n radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08), transparent 60%);\r\n transform-origin: center;\r\n animation: wavePulse 8s ease-in-out infinite;\r\n }\r\n\r\n .bw-gm-orbs {\r\n overflow: hidden;\r\n z-index: 0;\r\n }\r\n\r\n .bw-gm-orbs span {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.16), transparent 70%);\r\n filter: blur(8px);\r\n animation: orbFloat 12s ease-in-out infinite;\r\n }\r\n\r\n .bw-gm-orbs span:nth-child(1) { width: 150px; height: 150px; top: 10%; left: 7%; animation-delay: 0s; }\r\n .bw-gm-orbs span:nth-child(2) { width: 220px; height: 220px; top: 48%; right: 8%; animation-delay: 2s; }\r\n .bw-gm-orbs span:nth-child(3) { width: 130px; height: 130px; bottom: 8%; left: 38%; animation-delay: 4s; }\r\n .bw-gm-orbs span:nth-child(4) { width: 90px; height: 90px; top: 24%; right: 36%; animation-delay: 1s; }\r\n\r\n .bw-gm-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n }\r\n\r\n .bw-gm-section-head {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n position: relative;\r\n }\r\n\r\n .bw-gm-main-title {\r\n margin: 0;\r\n font-family: \"Tajawal\", sans-serif;\r\n font-size: 38px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 0;\r\n color: #fff;\r\n display: inline-block;\r\n position: relative;\r\n animation: none;\r\n }\r\n\r\n .bw-gm-main-title::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: -10px -18px;\r\n border-radius: 999px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);\r\n z-index: -1;\r\n filter: blur(8px);\r\n animation: none;\r\n }\r\n\r\n .bw-gm-main-title::after {\r\n content: \"\";\r\n position: absolute;\r\n right: 50%;\r\n transform: translateX(50%);\r\n bottom: -14px;\r\n width: 130px;\r\n height: 2px;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent);\r\n box-shadow: 0 0 16px rgba(255,255,255,0.38);\r\n animation: none;\r\n }\r\n\r\n .bw-gm-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.32fr);\r\n gap: 30px;\r\n align-items: stretch;\r\n }\r\n\r\n .bw-gm-media,\r\n .bw-gm-content {\r\n min-height: 100%;\r\n align-self: stretch;\r\n }\r\n\r\n .bw-gm-media {\r\n position: relative;\r\n display: flex;\r\n height: 100%;\r\n width: 100%;\r\n max-width: 430px;\r\n margin-left: auto;\r\n animation: mediaFloat 5.5s ease-in-out infinite;\r\n }\r\n\r\n .bw-gm-media-shell {\r\n position: relative;\r\n padding: 10px;\r\n border-radius: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));\r\n border: 1px solid rgba(255,255,255,0.11);\r\n box-shadow: var(--shadow);\r\n backdrop-filter: blur(8px);\r\n overflow: hidden;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: stretch;\r\n }\r\n\r\n .bw-gm-media-shell::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 10px;\r\n border-radius: calc(var(--radius-xl) - 8px);\r\n border: 1px solid rgba(255,255,255,0.06);\r\n pointer-events: none;\r\n }\r\n\r\n .bw-gm-media-shell::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: -35%;\r\n background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.08) 45%, transparent 68%);\r\n transform: translateX(-120%) rotate(10deg);\r\n animation: shineMove 6.5s linear infinite;\r\n pointer-events: none;\r\n }\r\n\r\n .bw-gm-media-frame {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: auto;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: #0d0d0d;\r\n transform-style: preserve-3d;\r\n transition: transform 0.35s ease;\r\n will-change: transform;\r\n }\r\n\r\n .bw-gm-media-frame img {\r\n width: 100%;\r\n height: 100%;\r\n min-height: auto;\r\n object-fit: cover;\r\n display: block;\r\n filter: grayscale(100%) contrast(1.08) brightness(0.92);\r\n transform: scale(1.02);\r\n animation: imageBreath 7s ease-in-out infinite;\r\n }\r\n\r\n .bw-gm-media-shade {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.28) 38%, rgba(0,0,0,0.10) 100%),\r\n linear-gradient(to left, rgba(255,255,255,0.10), transparent 36%);\r\n pointer-events: none;\r\n }\r\n\r\n .bw-gm-media-glow {\r\n position: absolute;\r\n width: 240px;\r\n height: 240px;\r\n left: -70px;\r\n bottom: -70px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.14), transparent 68%);\r\n filter: blur(22px);\r\n opacity: 0.58;\r\n pointer-events: none;\r\n animation: glowPulse 3.8s ease-in-out infinite;\r\n }\r\n\r\n .bw-gm-content {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n height: 100%;\r\n }\r\n\r\n .bw-gm-quote,\r\n .bw-gm-text-card {\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.10);\r\n box-shadow: 0 18px 50px rgba(0,0,0,0.30);\r\n animation: cardFloat 5.5s ease-in-out infinite;\r\n }\r\n\r\n .bw-gm-quote {\r\n margin-bottom: 18px;\r\n padding: 22px 24px 20px;\r\n border-radius: var(--radius-lg);\r\n background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .bw-gm-quote::before,\r\n .bw-gm-text-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to left, rgba(255,255,255,0.08), transparent 45%);\r\n pointer-events: none;\r\n }\r\n\r\n .bw-gm-quote-mark {\r\n position: absolute;\r\n top: -8px;\r\n left: 16px;\r\n font-size: 78px;\r\n line-height: 1;\r\n font-weight: 700;\r\n color: rgba(255,255,255,0.08);\r\n pointer-events: none;\r\n }\r\n\r\n .bw-gm-quote p {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0;\r\n padding-left: 18px;\r\n font-size: clamp(15px, 1.45vw, 20px);\r\n line-height: 1.8;\r\n font-weight: 800;\r\n color: #fff;\r\n }\r\n\r\n .bw-gm-text-card {\r\n padding: 28px;\r\n border-radius: var(--radius-xl);\r\n background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\r\n animation-delay: 0.7s;\r\n }\r\n\r\n .bw-gm-text-card::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: -30%;\r\n background: linear-gradient(120deg, transparent 25%, rgba(255,255,255,0.045) 50%, transparent 75%);\r\n transform: translateX(-120%);\r\n animation: shineMove 8s linear infinite;\r\n pointer-events: none;\r\n }\r\n\r\n .bw-gm-body p {\r\n margin: 0 0 14px;\r\n font-size: clamp(13.2px, 1vw, 15px);\r\n line-height: 2;\r\n color: var(--muted);\r\n text-align: justify;\r\n }\r\n\r\n .bw-gm-body p:last-child { margin-bottom: 0; }\r\n\r\n .bw-strong {\r\n color: #fff;\r\n font-weight: 800;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .bw-strong::after {\r\n content: \"\";\r\n position: absolute;\r\n right: 0;\r\n left: 0;\r\n bottom: 1px;\r\n height: 6px;\r\n background: rgba(255,255,255,0.10);\r\n border-radius: 999px;\r\n z-index: -1;\r\n animation: strongPulse 2.8s ease-in-out infinite;\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(46px) scale(0.985);\r\n transition: opacity 0.95s cubic-bezier(.22,1,.36,1), transform 0.95s cubic-bezier(.22,1,.36,1);\r\n will-change: transform, opacity;\r\n }\r\n\r\n .reveal-right { transform: translateX(52px) scale(0.985); }\r\n .reveal-left { transform: translateX(-52px) scale(0.985); }\r\n .reveal.is-visible { opacity: 1; transform: none !important; }\r\n\r\n .split-line,\r\n .split-word { display: inline-block; will-change: transform, opacity, filter; }\r\n\r\n .split-line {\r\n opacity: 0;\r\n transform: translateY(34px);\r\n filter: blur(8px);\r\n transition: opacity 0.9s cubic-bezier(.22,1,.36,1), transform 0.9s cubic-bezier(.22,1,.36,1), filter 0.9s cubic-bezier(.22,1,.36,1);\r\n }\r\n\r\n .is-visible .split-line {\r\n opacity: 1;\r\n transform: translateY(0);\r\n filter: blur(0);\r\n }\r\n\r\n .split-word {\r\n opacity: 0;\r\n transform: translateY(26px) rotate(0.001deg);\r\n filter: blur(6px);\r\n transition: opacity 0.8s cubic-bezier(.22,1,.36,1), transform 0.8s cubic-bezier(.22,1,.36,1), filter 0.8s cubic-bezier(.22,1,.36,1);\r\n }\r\n\r\n .is-visible .split-word {\r\n opacity: 1;\r\n transform: translateY(0);\r\n filter: blur(0);\r\n }\r\n\r\n .bw-gm-main-title .split-word { margin-inline: 0.08em; }\r\n .bw-gm-quote p .split-word { font-weight: inherit; }\r\n .bw-gm-body p .split-word { margin-inline: 0.02em; }\r\n .bw-word-space { display: inline-block; width: 0.32em; }\r\n\r\n @keyframes gridMove {\r\n 0% { transform: translate3d(0, 0, 0); }\r\n 100% { transform: translate3d(0, 20px, 0); }\r\n }\r\n\r\n @keyframes sectionGlowOne {\r\n 0% { transform: translate3d(0,0,0) scale(1); opacity: 0.55; }\r\n 100% { transform: translate3d(-24px,22px,0) scale(1.12); opacity: 0.9; }\r\n }\r\n\r\n @keyframes sectionGlowTwo {\r\n 0% { transform: translate3d(0,0,0) scale(1); opacity: 0.45; }\r\n 100% { transform: translate3d(22px,-18px,0) scale(1.1); opacity: 0.78; }\r\n }\r\n\r\n @keyframes orbFloat {\r\n 0%, 100% { transform: translateY(0) scale(1); opacity: 0.35; }\r\n 50% { transform: translateY(-26px) scale(1.1); opacity: 0.75; }\r\n }\r\n\r\n @keyframes wavePulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.10; }\r\n 50% { transform: scale(1.08); opacity: 0.26; }\r\n }\r\n\r\n @keyframes mediaFloat {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-8px); }\r\n }\r\n\r\n @keyframes imageBreath {\r\n 0%, 100% { transform: scale(1.02); }\r\n 50% { transform: scale(1.045); }\r\n }\r\n\r\n @keyframes glowPulse {\r\n 0%, 100% { opacity: 0.4; transform: scale(1); }\r\n 50% { opacity: 0.78; transform: scale(1.14); }\r\n }\r\n\r\n @keyframes shineMove {\r\n 0% { transform: translateX(-120%) rotate(10deg); }\r\n 100% { transform: translateX(120%) rotate(10deg); }\r\n }\r\n\r\n @keyframes cardFloat {\r\n 0%, 100% { transform: translateY(0); box-shadow: 0 18px 50px rgba(0,0,0,0.26); }\r\n 50% { transform: translateY(-5px); box-shadow: 0 24px 62px rgba(0,0,0,0.34); }\r\n }\r\n\r\n @keyframes strongPulse {\r\n 0%, 100% { opacity: 0.45; }\r\n 50% { opacity: 0.95; }\r\n }\r\n\r\n @media (max-width: 1180px) {\r\n .bw-gm-grid {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n }\r\n\r\n .bw-gm-media {\r\n max-width: 100%;\r\n margin-left: 0;\r\n height: auto;\r\n }\r\n\r\n .bw-gm-content,\r\n .bw-gm-media-shell,\r\n .bw-gm-media-frame {\r\n height: auto;\r\n }\r\n\r\n .bw-gm-media-frame {\r\n height: 620px;\r\n }\r\n\r\n .bw-gm-media-frame img {\r\n height: 100%;\r\n }\r\n\r\n .bw-gm-section-head {\r\n margin-bottom: 34px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .bw-gm-section { padding: 78px 16px; }\r\n .bw-gm-main-title {\r\n font-size: 24px;\r\n line-height: 1.3;\r\n }\r\n .bw-gm-main-title::after { bottom: -12px; width: 98px; }\r\n .bw-gm-grid { gap: 20px; }\r\n .bw-gm-media-shell { padding: 12px; border-radius: 24px; }\r\n .bw-gm-media-frame { height: 500px; border-radius: 18px; }\r\n .bw-gm-media-frame img { height: 100%; border-radius: 18px; }\r\n .bw-gm-quote { padding: 18px 16px 16px; border-radius: 20px; }\r\n .bw-gm-quote-mark { left: 10px; top: -2px; font-size: 60px; }\r\n .bw-gm-quote p { padding-left: 10px; font-size: 15px; line-height: 1.85; }\r\n .bw-gm-text-card { padding: 20px 16px; border-radius: 22px; }\r\n .bw-gm-body p { font-size: 13.5px; line-height: 1.95; text-align: right; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .bw-gm-section { padding: 64px 14px; }\r\n .bw-gm-section-head { margin-bottom: 26px; }\r\n .bw-gm-main-title {\r\n font-size: 22px;\r\n }\r\n .bw-gm-media-frame img { height: 100%; }\r\n .bw-gm-quote p { font-size: 14px; }\r\n .bw-gm-body p { font-size: 13px; line-height: 1.9; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .reveal,\r\n .split-line,\r\n .split-word,\r\n .bw-gm-section::before,\r\n .bw-gm-section::after,\r\n .bw-gm-lines,\r\n .bw-gm-wave,\r\n .bw-gm-orbs span,\r\n .bw-gm-main-title,\r\n .bw-gm-main-title::before,\r\n .bw-gm-main-title::after,\r\n .bw-gm-media,\r\n .bw-gm-media-shell::after,\r\n .bw-gm-media-frame img,\r\n .bw-gm-media-glow,\r\n .bw-gm-quote,\r\n .bw-gm-text-card,\r\n .bw-gm-text-card::after,\r\n .bw-strong::after {\r\n animation: none !important;\r\n transition: none !important;\r\n transform: none !important;\r\n opacity: 1 !important;\r\n filter: none !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"bw-gm-section\" dir=\"rtl\">\r\n <div class=\"bw-gm-noise\"><\/div>\r\n <div class=\"bw-gm-lines\"><\/div>\r\n <div class=\"bw-gm-wave\"><\/div>\r\n\r\n <div class=\"bw-gm-orbs\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n\r\n <div class=\"bw-gm-container\">\r\n <div class=\"bw-gm-section-head reveal\">\r\n <h2 class=\"bw-gm-main-title js-split-words\">\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645<\/h2>\r\n <\/div>\r\n\r\n <div class=\"bw-gm-grid\">\r\n <div class=\"bw-gm-media reveal reveal-right\">\r\n <div class=\"bw-gm-media-shell\">\r\n <div class=\"bw-gm-media-frame\" id=\"bwTiltCard\">\r\n <img decoding=\"async\" src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-10.07.42-AM.jpeg\" alt=\"\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645\" \/>\r\n <span class=\"bw-gm-media-shade\"><\/span>\r\n <span class=\"bw-gm-media-glow\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bw-gm-content reveal reveal-left\">\r\n <div class=\"bw-gm-quote reveal-text-block\">\r\n <span class=\"bw-gm-quote-mark\">\u201c<\/span>\r\n <p class=\"js-split-words\">\u0628\u0633\u0645 \u0627\u0644\u0644\u0647 \u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u062d\u064a\u0645\u060c \u0648\u0627\u0644\u0635\u0644\u0627\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u0649 \u0623\u0634\u0631\u0641 \u0627\u0644\u0623\u0646\u0628\u064a\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0633\u0644\u064a\u0646 \u0633\u064a\u062f\u0646\u0627 \u0645\u062d\u0645\u062f\u060c \u0635\u0644\u0649 \u0627\u0644\u0644\u0647 \u0639\u0644\u064a\u0647 \u0648\u0633\u0644\u0645.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bw-gm-text-card reveal-text-block\">\r\n <div class=\"bw-gm-body\">\r\n <p class=\"js-split-lines\">\u062a\u0633\u064a\u0631 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0628\u062e\u0637\u0649 \u0648\u0627\u062b\u0642\u0629 \u0646\u062d\u0648 \u0646\u0647\u0636\u0629 \u0634\u0627\u0645\u0644\u0629\u060c \u062a\u0642\u0648\u062f\u0647\u0627 \u0631\u0624\u064a\u0629 \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062d\u0643\u064a\u0645\u0629 \u0644\u062a\u0646\u0645\u064a\u0629 \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0634\u064a\u064a\u062f \u0648\u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0647 \u0631\u0643\u064a\u0632\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u062d\u0636\u0631\u064a \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a. \u0648\u0641\u064a \u0642\u0644\u0628 \u0647\u0630\u0647 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a\u060c \u062a\u0628\u0631\u0632 <span class=\"bw-strong\">\u0634\u0631\u0643\u0629 SWAT \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a<\/span> \u0628\u062a\u062c\u0633\u064a\u062f \u0631\u0624\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\r\n <p class=\"js-split-lines\">\u0646\u062d\u0646 \u0641\u064a SWAT \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0628\u0646\u0627\u0621 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u062a\u0634\u064a\u064a\u062f \u0647\u064a\u0627\u0643\u0644\u060c \u0628\u0644 \u0647\u0648 <span class=\"bw-strong\">\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0628\u062f\u0623 \u0628\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0630\u0643\u064a<\/span> \u0648\u062a\u0645\u062a\u062f \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u062a\u0642\u0646 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631. \u0644\u0630\u0644\u0643 \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062d\u062f\u064a\u062b\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u062a\u0645\u064a\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\r\n <p class=\"js-split-lines\">\u0643\u0645\u0627 \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u064a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u060c \u0648\u0644\u0630\u0644\u0643 \u0646\u0648\u0644\u064a \u0627\u0647\u062a\u0645\u0627\u0645\u064b\u0627 \u0643\u0628\u064a\u0631\u064b\u0627 \u0628\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629\u060c \u0648\u062a\u0645\u0643\u064a\u0646\u0647\u0627 \u0644\u062a\u0643\u0648\u0646 \u0639\u0646\u0635\u0631\u064b\u0627 \u0645\u062d\u0648\u0631\u064a\u064b\u0627 \u0641\u064a \u0628\u0646\u0627\u0621 \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\r\n <p class=\"js-split-lines\">\u0648\u0646\u0633\u0639\u0649 \u0644\u0623\u0646 \u0646\u0643\u0648\u0646 \u0634\u0631\u064a\u0643\u064b\u0627 \u0641\u0627\u0639\u0644\u064b\u0627 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 <span class=\"bw-strong\">\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 2030<\/span> \u0639\u0628\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u062a\u0633\u0645 \u0628\u0627\u0644\u062f\u0642\u0629\u060c \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629\u060c \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f\u060c \u0648\u062a\u064f\u0633\u0647\u0645 \u0641\u064a \u062f\u0639\u0645 \u0645\u0633\u064a\u0631\u0629 \u0627\u0644\u0648\u0637\u0646 \u0646\u062d\u0648 \u0631\u064a\u0627\u062f\u0629 \u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0648\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0645\u0633\u062a\u062d\u0642\u0629.<\/p>\r\n <p class=\"js-split-lines\">\u0648\u0641\u064a \u0627\u0644\u062e\u062a\u0627\u0645\u060c \u0646\u0624\u0643\u062f \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629\u060c \u0644\u062a\u0642\u062f\u064a\u0645 \u0623\u0639\u0645\u0627\u0644 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a \u0648\u062a\u0639\u0643\u0633 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062b\u0642\u0629 \u0627\u0644\u062a\u064a \u064a\u0636\u0639\u0647\u0627 \u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u0641\u064a\u0646\u0627.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n function splitWords(element, baseDelay, step) {\r\n if (!element || element.dataset.splitted === \"true\") return;\r\n var text = element.textContent.trim();\r\n if (!text) return;\r\n var words = text.split(\/\\s+\/);\r\n var html = \"\";\r\n words.forEach(function(word, index) {\r\n html += '<span class=\"split-word\" style=\"transition-delay:' + (baseDelay + index * step).toFixed(2) + 's;\">' + word + '<\/span>';\r\n if (index !== words.length - 1) html += '<span class=\"bw-word-space\"><\/span>';\r\n });\r\n element.innerHTML = html;\r\n element.dataset.splitted = \"true\";\r\n }\r\n\r\n function splitLinesPseudo(element, baseDelay, step) {\r\n if (!element || element.dataset.linesplitted === \"true\") return;\r\n var childNodes = Array.prototype.slice.call(element.childNodes);\r\n var lineIndex = 0;\r\n\r\n childNodes.forEach(function(node) {\r\n if (node.nodeType === 3) {\r\n var text = node.textContent;\r\n var parts = text.split(\/(?<=[\u060c.!\u061f])\/).filter(function(part) {\r\n return part.trim() !== \"\";\r\n });\r\n\r\n if (parts.length) {\r\n var fragment = document.createDocumentFragment();\r\n parts.forEach(function(part) {\r\n var span = document.createElement(\"span\");\r\n span.className = \"split-line\";\r\n span.style.transitionDelay = (baseDelay + lineIndex * step).toFixed(2) + \"s\";\r\n span.textContent = part.trim() + \" \";\r\n fragment.appendChild(span);\r\n lineIndex++;\r\n });\r\n node.parentNode.replaceChild(fragment, node);\r\n }\r\n } else if (node.nodeType === 1 && node.classList.contains(\"bw-strong\")) {\r\n node.classList.add(\"split-line\");\r\n node.style.transitionDelay = (baseDelay + lineIndex * step).toFixed(2) + \"s\";\r\n lineIndex++;\r\n }\r\n });\r\n\r\n element.dataset.linesplitted = \"true\";\r\n }\r\n\r\n document.querySelectorAll(\".js-split-words\").forEach(function(el) {\r\n splitWords(el, 0.06, 0.06);\r\n });\r\n\r\n document.querySelectorAll(\".js-split-lines\").forEach(function(el, idx) {\r\n splitLinesPseudo(el, 0.12 + (idx * 0.08), 0.16);\r\n });\r\n\r\n var revealItems = document.querySelectorAll(\".reveal, .reveal-text-block\");\r\n if (\"IntersectionObserver\" in window) {\r\n var revealObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"is-visible\");\r\n } else {\r\n entry.target.classList.remove(\"is-visible\");\r\n }\r\n });\r\n }, { threshold: 0.18, rootMargin: \"0px 0px -8% 0px\" });\r\n\r\n revealItems.forEach(function(item) {\r\n revealObserver.observe(item);\r\n });\r\n } else {\r\n revealItems.forEach(function(item) {\r\n item.classList.add(\"is-visible\");\r\n });\r\n }\r\n\r\n var card = document.getElementById(\"bwTiltCard\");\r\n if (card && window.innerWidth > 991) {\r\n var maxTilt = 6;\r\n card.addEventListener(\"mousemove\", function(e) {\r\n var rect = card.getBoundingClientRect();\r\n var x = e.clientX - rect.left;\r\n var y = e.clientY - rect.top;\r\n var rotateY = ((x \/ rect.width) - 0.5) * (maxTilt * 2);\r\n var rotateX = ((y \/ rect.height) - 0.5) * (-maxTilt * 2);\r\n card.style.transform = \"perspective(1200px) rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg) scale3d(1.015,1.015,1.015)\";\r\n });\r\n\r\n card.addEventListener(\"mouseleave\", function() {\r\n card.style.transform = \"perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1,1,1)\";\r\n });\r\n }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ca5951 e-con-full e-flex e-con e-parent\" data-id=\"3ca5951\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b0afb1 elementor-widget elementor-widget-html\" data-id=\"1b0afb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>\u0641\u0631\u064a\u0642 \u0645\u062c\u0645\u0648\u0639\u0629 \u0633\u0648\u0627\u062a<\/title>\r\n\r\n <style>\r\n :root {\r\n --section-bg: #ffffff;\r\n --card-bg: #ffffff;\r\n --avatar-bg: #f2f2f2;\r\n --text: #111111;\r\n --role: #2f6b55;\r\n --container-width: 1280px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: Arial, sans-serif;\r\n background: #ffffff;\r\n color: var(--text);\r\n \r\n }\r\n\r\n .team-section {\r\n padding: 40px 20px 30px;\r\n background: var(--section-bg);\r\n }\r\n\r\n .team-container {\r\n max-width: var(--container-width);\r\n margin: 0 auto;\r\n }\r\n\r\n .section-heading {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 28px;\r\n margin-bottom: 38px;\r\n }\r\n\r\n .section-heading::before,\r\n .section-heading::after {\r\n content: \"\";\r\n width: 140px;\r\n height: 1.5px;\r\n background: #222222;\r\n display: block;\r\n }\r\n\r\n .section-heading h2 {\r\n margin: 0;\r\n font-size: 38px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n text-align: center;\r\n color: #111111;\r\n }\r\n\r\n .team-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 26px 28px;\r\n direction: rtl;\r\n }\r\n\r\n .team-card {\r\n background: var(--card-bg);\r\n direction: ltr;\r\n text-align: left;\r\n }\r\n\r\n .team-avatar {\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n background: #fff;\r\n border: 2px solid var(--avatar-bg);\r\n border-radius: 15px;\r\n overflow: hidden;\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .team-avatar img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n object-position: center top;\r\n filter: grayscale(100%);\r\n }\r\n\r\n .team-avatar.placeholder img {\r\n object-fit: contain;\r\n object-position: center;\r\n padding: 22px;\r\n filter: none;\r\n }\r\n\r\n .team-name {\r\n font-size: 24px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n color: var(--text);\r\n text-transform: uppercase;\r\n margin: 0 0 10px;\r\n letter-spacing: 0;\r\n }\r\n\r\n .team-role {\r\n font-size: 18px;\r\n font-weight: 500;\r\n line-height: 1.25;\r\n color: var(--role);\r\n text-transform: uppercase;\r\n margin: 0;\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .team-grid {\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n }\r\n\r\n .section-heading h2 {\r\n font-size: 40px;\r\n }\r\n\r\n .section-heading::before,\r\n .section-heading::after {\r\n width: 90px;\r\n }\r\n\r\n .team-name {\r\n font-size: 21px;\r\n }\r\n\r\n .team-role {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 860px) {\r\n .team-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 575px) {\r\n .team-section {\r\n padding: 24px 14px;\r\n }\r\n\r\n .section-heading {\r\n gap: 14px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .section-heading h2 {\r\n font-size: 24px;\r\n }\r\n\r\n .section-heading::before,\r\n .section-heading::after {\r\n width: 45px;\r\n }\r\n\r\n .team-grid {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n }\r\n\r\n .team-name {\r\n font-size: 18px;\r\n }\r\n\r\n .team-role {\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"team-section\">\r\n <div class=\"team-container\">\r\n\r\n <div class=\"section-heading\">\r\n <h2> \u0641\u0631\u064a\u0642 \u0645\u062c\u0645\u0648\u0639\u0629 \u0633\u0648\u0627\u062a<\/h2>\r\n <\/div>\r\n\r\n <div class=\"team-grid\" id=\"teamGrid\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const ICONS = {\r\n female: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/Whisk_be20217f8231c1382944c479fea5a32bdr-Photoroom.webp\",\r\n engineerMale: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_nwvf76nwvf76nwvf-Photoroom.webp\",\r\n brickWorker: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/Whisk_33d8642f1ca64ae99ed40079566ff3ffdr-Photoroom-1.webp\",\r\n support: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_zfrdibzfrdibzfrd-Photoroom.webp\",\r\n femaleEngineer: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/Whisk_d16a1ea7dd33c01a8894aa6d1bf74b8bdr-Photoroom.webp\"\r\n };\r\n\r\n const teamMembers = [\r\n {\r\n name: \"ENG. MOHMAED SAMER ALSEBAI KODEER\",\r\n role: \"PROJECT DIRECTOR\",\r\n image: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-11.04.14-AM.jpeg\"\r\n },\r\n {\r\n name: \"ENG.ABDULLAH SAAD\",\r\n role: \"ENG DEPARTMENT MANAGER\",\r\n image: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-11.25.22-AM-1.jpeg\"\r\n },\r\n {\r\n name: \"ENG. AHMED ESSAM\",\r\n role: \"PROJECT ENGINEER\",\r\n image: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-11.04.15-AM-2.jpeg\"\r\n },\r\n {\r\n name: \"EMG.MUHAMMAD AWAIS\",\r\n role: \"MEP ENGINEE\",\r\n image: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-11.25.22-AM.jpeg\"\r\n },\r\n {\r\n name: \"MOHAMED EZZAT ATTIA\",\r\n role: \"FINANCIAL MANAGER\",\r\n image: \"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-11.04.15-AM-1.jpeg\"\r\n },\r\n \r\n {\r\n name: \"MEISAR MAHMMOUD\",\r\n role: \"HEAD OF SURVEYING&MAPPING\",\r\n placeholder: ICONS.engineerMale\r\n },\r\n {\r\n name: \"SIKANDER HAYAT\",\r\n role: \"CONSTRUCTION COORDINATOR\",\r\n placeholder: ICONS.engineerMale\r\n },\r\n {\r\n name: \"MOHAMMED MUSA\",\r\n role: \"HEAD OF WELDING WORKSHOP\",\r\n placeholder: ICONS.engineerMale\r\n },\r\n {\r\n name: \"ABDULGADER AL SABAGH\",\r\n role: \"HEAD OF CARPENTRY SECTION\",\r\n placeholder: ICONS.brickWorker\r\n },\r\n {\r\n name: \"FAISAL AKRAM\",\r\n role: \"HEAD OF LOGISTICS OPERATIONS\",\r\n placeholder: ICONS.support\r\n },\r\n {\r\n name: \"MOHAMMED KHAN\",\r\n role: \"MEP PLUMBING COORDINATOR\",\r\n placeholder: ICONS.engineerMale\r\n },\r\n {\r\n name: \"MUHAMMED ATTIQUE\",\r\n role: \"HEAT OF MEATAL WORKSHOP\",\r\n placeholder: ICONS.engineerMale\r\n },\r\n {\r\n name: \"NAJWA AL-MUSAABI\",\r\n role: \"HR OPERATOR\",\r\n placeholder: ICONS.female\r\n },\r\n {\r\n name: \"LOLO ABDULJBAR\",\r\n role: \"ADMIN OFFICER\",\r\n placeholder: ICONS.female\r\n },\r\n {\r\n name: \"MASSARH AL MASOUMI\",\r\n role: \"ACCOUNTANT\",\r\n placeholder: ICONS.female\r\n },\r\n {\r\n name: \"REFAL ALTOWALEEI\",\r\n role: \"HR OPERATIONS SPECIALIST\",\r\n placeholder: ICONS.female\r\n },\r\n {\r\n name: \"JAWAHER BAWAZIR\",\r\n role: \"ACCOUNTANT\",\r\n placeholder: ICONS.female\r\n },\r\n {\r\n name: \"TAIF ALSYWED\",\r\n role: \"DESIGNER AND MEDIA COORDINATOR\",\r\n placeholder: ICONS.femaleEngineer\r\n },\r\n {\r\n name: \"ENG.SOMAIA ALFI\",\r\n role: \"HEAD OF DESIGNING DEPARTMENT\",\r\n placeholder: ICONS.femaleEngineer\r\n }\r\n ];\r\n\r\n const teamGrid = document.getElementById(\"teamGrid\");\r\n\r\n teamMembers.forEach(member => {\r\n const card = document.createElement(\"div\");\r\n card.className = \"team-card\";\r\n\r\n const avatar = document.createElement(\"div\");\r\n avatar.className = \"team-avatar\";\r\n\r\n const img = document.createElement(\"img\");\r\n img.alt = member.name;\r\n img.loading = \"lazy\";\r\n\r\n if (member.image) {\r\n img.src = member.image;\r\n } else {\r\n avatar.classList.add(\"placeholder\");\r\n img.src = member.placeholder;\r\n }\r\n\r\n const name = document.createElement(\"h3\");\r\n name.className = \"team-name\";\r\n name.textContent = member.name;\r\n\r\n const role = document.createElement(\"p\");\r\n role.className = \"team-role\";\r\n role.textContent = member.role;\r\n\r\n avatar.appendChild(img);\r\n card.appendChild(avatar);\r\n card.appendChild(name);\r\n card.appendChild(role);\r\n teamGrid.appendChild(card);\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 \u0645\u0646 \u0646\u062d\u0646 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0646\u0639\u0645\u0644 \u0648\u0641\u0642 \u0645\u0646\u0638\u0648\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0642\u064a\u0645\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629\u060c \u0648\u0642\u064a\u0627\u062f\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-150","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":145,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/150\/revisions"}],"predecessor-version":[{"id":2298,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/150\/revisions\/2298"}],"wp:attachment":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/media?parent=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}