{"id":8189,"date":"2026-09-28T11:26:59","date_gmt":"2026-09-28T11:26:59","guid":{"rendered":"https:\/\/alssarh.com\/?page_id=8189"},"modified":"2026-09-28T11:33:48","modified_gmt":"2026-09-28T11:33:48","slug":"8189-2","status":"publish","type":"page","link":"https:\/\/alssarh.com\/?page_id=8189","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\" class=\"scroll-smooth\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a | Al Sarh Institute<\/title>\n  \n  <!-- Fonts -->\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=Cairo:wght@300;400;600;700;800;900&#038;family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n  \n  <!-- Tailwind CSS CDN -->\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  \n  <!-- Tailwind Custom Config -->\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            primary: '#0B5FA5',\n            secondary: '#1E8E5A',\n            gold: '#B89047',\n            navyDark: '#0B1E33',\n            slateGray: '#5C6F84'\n          },\n          fontFamily: {\n            cairo: ['Cairo', 'sans-serif'],\n            inter: ['Inter', 'sans-serif']\n          }\n        }\n      }\n    }\n  <\/script>\n\n  <!-- Custom CSS for language handling & animation -->\n  <style>\n    \/* Prevent layout shifting during font load *\/\n    body {\n      font-family: 'Cairo', 'Inter', sans-serif;\n      transition: background-color 0.3s ease;\n    }\n    \n    \/* Active language visibility helper *\/\n    [lang=\"en\"] .lang-ar { display: none !important; }\n    [lang=\"ar\"] .lang-en { display: none !important; }\n\n    \/* Custom Scrollbar *\/\n    ::-webkit-scrollbar {\n      width: 8px;\n    }\n    ::-webkit-scrollbar-track {\n      background: #f1f5f9;\n    }\n    ::-webkit-scrollbar-thumb {\n      background: #0B5FA5;\n      border-radius: 4px;\n    }\n    ::-webkit-scrollbar-thumb:hover {\n      background: #1E8E5A;\n    }\n  <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 antialiased overflow-x-hidden\" id=\"app-body\">\n\n  <!-- ======================== HEADER \/ NAVIGATION ======================== -->\n  <header class=\"sticky top-0 z-40 w-full bg-white\/90 backdrop-blur-md border-b border-slate-100 shadow-sm\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"flex items-center justify-between h-20\">\n        \n        <!-- Logo Unit -->\n        <a href=\"#\" onclick=\"showPage('home'); return false;\" class=\"flex items-center space-x-3 rtl:space-x-reverse\">\n          <div class=\"flex-shrink-0 flex items-center\">\n            <img decoding=\"async\" \n              src=\"logo.png\" \n              alt=\"\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d\" \n              class=\"h-14 w-auto object-contain max-w-[170px]\" \n              onerror=\"this.style.display='none'; document.getElementById('logo-fallback').style.display='flex';\"\n            \/>\n            <div id=\"logo-fallback\" style=\"display: none;\" class=\"items-center justify-center w-12 h-12 rounded-xl bg-gradient-to-tr from-[#0B5FA5] via-[#1E8E5A] to-[#B89047] text-white font-extrabold shadow-md\">\n              <span class=\"text-xl\">\u0635<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"hidden sm:block\">\n            <span class=\"block text-sm font-black text-primary tracking-tight lang-ar\">\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628<\/span>\n            <span class=\"block text-sm font-black text-primary tracking-tight lang-en\">Al Sarh Institute<\/span>\n            <span class=\"block text-[9px] font-bold text-slate-400 tracking-wider uppercase\">KHDA &#8211; Permit No. 631162<\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Desktop Navigation Links -->\n        <nav class=\"hidden lg:flex space-x-1 xl:space-x-2 rtl:space-x-reverse\">\n          <button onclick=\"showPage('home')\" class=\"nav-btn active px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-primary bg-slate-100\/80 border-b-2 border-secondary\" data-page=\"home\">\n            <span class=\"lang-ar\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span><span class=\"lang-en\">Home<\/span>\n          <\/button>\n          <button onclick=\"showPage('about')\" class=\"nav-btn px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-slate-600 hover:text-primary hover:bg-slate-50\" data-page=\"about\">\n            <span class=\"lang-ar\">\u0639\u0646 \u0627\u0644\u0645\u0639\u0647\u062f<\/span><span class=\"lang-en\">About Us<\/span>\n          <\/button>\n          <button onclick=\"showPage('programs')\" class=\"nav-btn px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-slate-600 hover:text-primary hover:bg-slate-50\" data-page=\"programs\">\n            <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/span><span class=\"lang-en\">Training Programs<\/span>\n          <\/button>\n          <button onclick=\"showPage('corporate')\" class=\"nav-btn px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-slate-600 hover:text-primary hover:bg-slate-50\" data-page=\"corporate\">\n            <span class=\"lang-ar\">\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span><span class=\"lang-en\">Corporate Training<\/span>\n          <\/button>\n          <button onclick=\"showPage('courses')\" class=\"nav-btn px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-slate-600 hover:text-primary hover:bg-slate-50\" data-page=\"courses\">\n            <span class=\"lang-ar\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/span><span class=\"lang-en\">Upcoming Courses<\/span>\n          <\/button>\n          <button onclick=\"showPage('trainers')\" class=\"nav-btn px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-slate-600 hover:text-primary hover:bg-slate-50\" data-page=\"trainers\">\n            <span class=\"lang-ar\">\u062e\u0628\u0631\u0627\u0624\u0646\u0627<\/span><span class=\"lang-en\">Our Trainers<\/span>\n          <\/button>\n          <button onclick=\"showPage('news')\" class=\"nav-btn px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-slate-600 hover:text-primary hover:bg-slate-50\" data-page=\"news\">\n            <span class=\"lang-ar\">\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span><span class=\"lang-en\">News &#038; Insights<\/span>\n          <\/button>\n          <button onclick=\"showPage('gallery')\" class=\"nav-btn px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-slate-600 hover:text-primary hover:bg-slate-50\" data-page=\"gallery\">\n            <span class=\"lang-ar\">\u0627\u0644\u0645\u0639\u0631\u0636<\/span><span class=\"lang-en\">Gallery<\/span>\n          <\/button>\n          <button onclick=\"showPage('contact')\" class=\"nav-btn px-3 py-2 rounded-lg text-xs xl:text-sm font-semibold text-slate-600 hover:text-primary hover:bg-slate-50\" data-page=\"contact\">\n            <span class=\"lang-ar\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span><span class=\"lang-en\">Contact Us<\/span>\n          <\/button>\n        <\/nav>\n\n        <!-- Actions -->\n        <div class=\"hidden lg:flex items-center space-x-4 rtl:space-x-reverse\">\n          <!-- Language Switcher Button -->\n          <button \n            onclick=\"toggleLanguage()\"\n            class=\"flex items-center px-3 py-1.5 border border-slate-200 rounded-full hover:bg-slate-100 transition-colors text-xs font-semibold space-x-1.5 rtl:space-x-reverse\"\n          >\n            <svg class=\"w-4 h-4 text-slate-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9h18\" \/><\/svg>\n            <span class=\"lang-ar font-inter\">English<\/span>\n            <span class=\"lang-en font-cairo\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/span>\n          <\/button>\n\n          <!-- Enquiry CTA Button -->\n          <button\n            onclick=\"openRegModal()\"\n            class=\"bg-gradient-to-r from-[#0B5FA5] to-[#1E8E5A] text-white px-5 py-2.5 rounded-lg text-xs font-bold shadow-sm hover:shadow-lg hover:from-[#1E8E5A] hover:to-[#0B5FA5] transition-all duration-300 transform active:scale-95\"\n          >\n            <span class=\"lang-ar\">\u0633\u062c\u0644 \u0627\u0647\u062a\u0645\u0627\u0645\u0643<\/span>\n            <span class=\"lang-en\">Enquire Now<\/span>\n          <\/button>\n        <\/div>\n\n        <!-- Mobile Menu Toggle -->\n        <div class=\"flex lg:hidden items-center space-x-3 rtl:space-x-reverse\">\n          <button \n            onclick=\"toggleLanguage()\"\n            class=\"px-2.5 py-1 border border-slate-200 rounded-full hover:bg-slate-100 text-xs font-bold\"\n          >\n            <span class=\"lang-ar font-inter\">EN<\/span>\n            <span class=\"lang-en font-cairo\">\u0639\u0631\u0628\u064a<\/span>\n          <\/button>\n          <button \n            onclick=\"toggleMobileMenu()\"\n            class=\"p-2 text-slate-600 hover:text-primary focus:outline-none\"\n            aria-label=\"Toggle Menu\"\n          >\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/><\/svg>\n          <\/button>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Mobile Drawer -->\n    <div id=\"mobile-drawer\" class=\"hidden lg:hidden border-t border-slate-100 bg-white\/95 backdrop-blur-lg\">\n      <div class=\"px-2 pt-2 pb-4 space-y-1 text-right rtl:text-right ltr:text-left\">\n        <button onclick=\"showPage('home'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-bold text-primary bg-slate-50\"><span class=\"lang-ar\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span><span class=\"lang-en\">Home<\/span><\/button>\n        <button onclick=\"showPage('about'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-semibold text-slate-700 hover:bg-slate-50\"><span class=\"lang-ar\">\u0639\u0646 \u0627\u0644\u0645\u0639\u0647\u062f<\/span><span class=\"lang-en\">About Us<\/span><\/button>\n        <button onclick=\"showPage('programs'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-semibold text-slate-700 hover:bg-slate-50\"><span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/span><span class=\"lang-en\">Training Programs<\/span><\/button>\n        <button onclick=\"showPage('corporate'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-semibold text-slate-700 hover:bg-slate-50\"><span class=\"lang-ar\">\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span><span class=\"lang-en\">Corporate Training<\/span><\/button>\n        <button onclick=\"showPage('courses'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-semibold text-slate-700 hover:bg-slate-50\"><span class=\"lang-ar\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/span><span class=\"lang-en\">Upcoming Courses<\/span><\/button>\n        <button onclick=\"showPage('trainers'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-semibold text-slate-700 hover:bg-slate-50\"><span class=\"lang-ar\">\u062e\u0628\u0631\u0627\u0624\u0646\u0627<\/span><span class=\"lang-en\">Our Trainers<\/span><\/button>\n        <button onclick=\"showPage('news'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-semibold text-slate-700 hover:bg-slate-50\"><span class=\"lang-ar\">\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span><span class=\"lang-en\">News &#038; Insights<\/span><\/button>\n        <button onclick=\"showPage('gallery'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-semibold text-slate-700 hover:bg-slate-50\"><span class=\"lang-ar\">\u0627\u0644\u0645\u0639\u0631\u0636<\/span><span class=\"lang-en\">Gallery<\/span><\/button>\n        <button onclick=\"showPage('contact'); toggleMobileMenu();\" class=\"block w-full px-4 py-2.5 rounded-md text-base font-semibold text-slate-700 hover:bg-slate-50\"><span class=\"lang-ar\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span><span class=\"lang-en\">Contact Us<\/span><\/button>\n        \n        <button onclick=\"openRegModal(); toggleMobileMenu();\" class=\"w-full text-center bg-gradient-to-r from-[#0B5FA5] to-[#1E8E5A] text-white block px-3 py-3 rounded-md text-base font-bold shadow-sm mt-4\">\n          <span class=\"lang-ar\">\u0633\u062c\u0644 \u0627\u0644\u0622\u0646 \u0648\u0645\u0628\u0627\u0634\u0631\u0629<\/span>\n          <span class=\"lang-en\">Enquire &#038; Register Now<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ======================== MAIN SECTION HOLDER ======================== -->\n  <main>\n    \n    <!-- ======================== PAGE: HOME ======================== -->\n    <div id=\"page-home\" class=\"page-view\">\n      \n      <!-- HERO BANNER -->\n      <section class=\"relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-indigo-950 text-white py-16 lg:py-24\">\n        \n        <!-- Premium Geometric Accents -->\n        <div class=\"absolute inset-0 opacity-5 pointer-events-none mix-blend-overlay\">\n          <div class=\"absolute top-10 left-10 w-96 h-96 rounded-full border-8 border-dashed border-white\"><\/div>\n          <div class=\"absolute bottom-10 right-10 w-96 h-96 rounded-full border-8 border-dashed border-white\"><\/div>\n        <\/div>\n\n        <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n            \n            <!-- Hero Left Content -->\n            <div class=\"lg:col-span-6 space-y-6\">\n              <span class=\"inline-flex items-center px-3.5 py-1.5 rounded-full text-xs font-bold tracking-wide uppercase bg-[#1E8E5A]\/20 text-emerald-400 border border-emerald-500\/30\">\n                \ud83c\udf1f <span class=\"lang-ar\">\u0645\u0639\u0647\u062f \u062a\u062f\u0631\u064a\u0628 \u0645\u0631\u062e\u0635 \u0645\u0646 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 (KHDA) | \u062a\u0635\u0631\u064a\u062d 631162<\/span>\n                <span class=\"lang-en\">KHDA Authorized Executive Training Center | Permit 631162<\/span>\n              <\/span>\n              \n              <h1 class=\"text-3xl sm:text-5xl lg:text-6xl font-black leading-tight tracking-tight text-white\">\n                <span class=\"lang-ar\">\u0646\u0635\u0646\u0639 \u0642\u0627\u062f\u0629 \u0627\u0644\u063a\u062f \u0627\u0644\u064a\u0648\u0645<\/span>\n                <span class=\"lang-en\">Shaping the Leaders of Tomorrow<\/span>\n                <br \/>\n                <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-sky-400 to-[#B89047] font-extrabold\">\n                  <span class=\"lang-ar\">\u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/span>\n                  <span class=\"lang-en\">with Modern Executive &#038; Tech Insights<\/span>\n                <\/span>\n              <\/h1>\n              \n              <p class=\"text-base sm:text-lg text-slate-300 max-w-xl leading-relaxed\">\n                <span class=\"lang-ar\">\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u0647\u0646\u064a\u064a\u0646 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u064a\u0646 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0628\u0631 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629\u060c \u0648\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u0639\u062a\u0645\u062f\u0629\u060c \u0648\u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a.<\/span>\n                <span class=\"lang-en\">Empowering professionals, executives, and organizations with cutting-edge training programs, certified executive paths, and strategic capability development.<\/span>\n              <\/p>\n\n              <!-- CTA Combo -->\n              <div class=\"flex flex-wrap gap-4 pt-2\">\n                <button \n                  onclick=\"showPage('programs')\"\n                  class=\"px-8 py-4 bg-gradient-to-r from-[#0B5FA5] to-[#1E8E5A] hover:from-[#1E8E5A] hover:to-[#0B5FA5] text-white font-extrabold rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 active:translate-y-0 flex items-center space-x-2 rtl:space-x-reverse\"\n                >\n                  <span class=\"lang-ar\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0628\u0631\u0627\u0645\u062c\u0646\u0627<\/span><span class=\"lang-en\">Explore Programs<\/span>\n                  <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/><\/svg>\n                <\/button>\n                <button \n                  onclick=\"openRegModal()\"\n                  class=\"px-8 py-4 bg-slate-800\/80 hover:bg-slate-700\/80 text-[#B89047] font-extrabold rounded-xl border border-slate-700 hover:border-slate-600 transition-all duration-300\"\n                >\n                  <span class=\"lang-ar\">\u0627\u0633\u062a\u0639\u0644\u0645 \u0627\u0644\u0622\u0646<\/span><span class=\"lang-en\">Enquire Now<\/span>\n                <\/button>\n              <\/div>\n\n              <div class=\"pt-4 border-t border-slate-700\/50 flex items-center space-x-3 rtl:space-x-reverse text-slate-400\">\n                <span class=\"text-sm font-semibold italic text-[#B89047]\">\n                  <span class=\"lang-ar\">&#8220;\u0646\u0637\u0648\u0631 \u0627\u0644\u0642\u062f\u0631\u0627\u062a .. \u0644\u0646\u0635\u0646\u0639 \u0627\u0644\u0642\u064a\u0627\u062f\u0627\u062a&#8221;<\/span>\n                  <span class=\"lang-en\">&#8220;Developing Capabilities&#8230; Building Leaders&#8221;<\/span>\n                <\/span>\n              <\/div>\n            <\/div>\n\n            <!-- Hero Right Content (Premium Executive Image & Dashboard) -->\n            <div class=\"lg:col-span-6 relative\">\n              <div class=\"absolute -inset-1 rounded-3xl bg-gradient-to-r from-[#0B5FA5] to-[#B89047] opacity-35 blur-xl\"><\/div>\n              <div class=\"relative bg-slate-900 border border-slate-700\/50 p-3 rounded-3xl shadow-2xl overflow-hidden\">\n                \n                <!-- Premium Header Image Container -->\n                <div class=\"relative h-64 sm:h-80 w-full rounded-2xl overflow-hidden mb-4\">\n                  <img decoding=\"async\" \n                    src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?auto=format&#038;fit=crop&#038;w=1000&#038;q=80\" \n                    alt=\"Executive Training Boardroom at Al Sarh Institute\" \n                    class=\"w-full h-full object-cover transform hover:scale-105 transition-transform duration-700\"\n                  \/>\n                  <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950\/20 to-transparent\"><\/div>\n                  <div class=\"absolute bottom-4 left-4 right-4 text-left rtl:text-right\">\n                    <span class=\"px-2 py-1 bg-[#1E8E5A] text-white text-[10px] font-bold rounded uppercase\">\n                      <span class=\"lang-ar\">\u0645\u0642\u0631 \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d<\/span><span class=\"lang-en\">Al Sarh Corporate Hub<\/span>\n                    <\/span>\n                    <h4 class=\"text-sm font-bold text-white mt-1\">\n                      <span class=\"lang-ar\">\u0628\u064a\u0626\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u0627\u0644\u0642\u064a\u0627\u062f\u064a \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/span>\n                      <span class=\"lang-en\">An Interactive Hub for Knowledge and Corporate Leadership Growth<\/span>\n                    <\/h4>\n                  <\/div>\n                <\/div>\n\n                <!-- Showcase Metrics (No Progress bar as requested) -->\n                <div class=\"space-y-3 px-3 pb-3\">\n                  <div class=\"p-3.5 bg-slate-800\/40 rounded-xl border border-slate-800 flex items-center justify-between hover:bg-slate-800\/80 transition-all\">\n                    <div>\n                      <span class=\"block text-[11px] text-slate-400\">\n                        <span class=\"lang-ar\">\u0623\u0647\u0645 \u0648\u0623\u0628\u0631\u0632 \u0628\u0631\u0646\u0627\u0645\u062c \u062d\u0627\u0644\u064a<\/span><span class=\"lang-en\">Highlighted Masterclass<\/span>\n                      <\/span>\n                      <span class=\"text-sm font-extrabold text-[#B89047]\">\n                        <span class=\"lang-ar\">\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0648\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span><span class=\"lang-en\">Executive Leadership &#038; Strategic Mgmt<\/span>\n                      <\/span>\n                    <\/div>\n                    <span class=\"px-2.5 py-1 text-[10px] font-bold uppercase rounded bg-[#1E8E5A]\/20 text-emerald-400 border border-emerald-500\/20\">\n                      <span class=\"lang-ar\">\u0645\u062a\u0627\u062d \u0644\u0644\u062a\u0633\u062c\u064a\u0644<\/span><span class=\"lang-en\">Open<\/span>\n                    <\/span>\n                  <\/div>\n\n                  <div class=\"p-3.5 bg-slate-800\/40 rounded-xl border border-slate-800 flex items-center justify-between hover:bg-slate-800\/80 transition-all\">\n                    <div>\n                      <span class=\"block text-[11px] text-slate-400\">\n                        <span class=\"lang-ar\">\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/span><span class=\"lang-en\">Advanced Automation Tech<\/span>\n                      <\/span>\n                      <span class=\"text-sm font-extrabold text-sky-400\">\n                        <span class=\"lang-ar\">\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/span><span class=\"lang-en\">Applied AI &#038; Business Growth<\/span>\n                      <\/span>\n                    <\/div>\n                    <span class=\"px-2.5 py-1 text-[10px] font-bold uppercase rounded bg-sky-500\/10 text-sky-400 border border-sky-500\/20\">\n                      <span class=\"lang-ar\">\u0645\u062a\u0627\u062d<\/span><span class=\"lang-en\">Active<\/span>\n                    <\/span>\n                  <\/div>\n                <\/div>\n\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- Animated Stat Badges Footer -->\n          <div class=\"mt-16 pt-8 border-t border-slate-800 grid grid-cols-2 md:grid-cols-4 gap-6 text-center\">\n            <div class=\"p-4 bg-slate-800\/30 rounded-xl hover:bg-slate-800\/50 transition-colors\">\n              <span class=\"block text-3xl sm:text-4xl font-extrabold text-[#B89047]\">80+<\/span>\n              <span class=\"text-xs text-slate-400 font-medium uppercase mt-1 block\">\n                <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/span><span class=\"lang-en\">Active Programs<\/span>\n              <\/span>\n            <\/div>\n            <div class=\"p-4 bg-slate-800\/30 rounded-xl hover:bg-slate-800\/50 transition-colors\">\n              <span class=\"block text-3xl sm:text-4xl font-extrabold text-white\">45,000+<\/span>\n              <span class=\"text-xs text-slate-400 font-medium uppercase mt-1 block\">\n                <span class=\"lang-ar\">\u0627\u0644\u062e\u0631\u064a\u062c\u0648\u0646 \u0648\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0645\u0645\u0643\u0646\u0629<\/span><span class=\"lang-en\">Graduates<\/span>\n              <\/span>\n            <\/div>\n            <div class=\"p-4 bg-slate-800\/30 rounded-xl hover:bg-slate-800\/50 transition-colors\">\n              <span class=\"block text-3xl sm:text-4xl font-extrabold text-white\">350+<\/span>\n              <span class=\"text-xs text-slate-400 font-medium uppercase mt-1 block\">\n                <span class=\"lang-ar\">\u0627\u0644\u062c\u0647\u0627\u062a \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u0629<\/span><span class=\"lang-en\">Corporate Clients<\/span>\n              <\/span>\n            <\/div>\n            <div class=\"p-4 bg-slate-800\/30 rounded-xl hover:bg-slate-800\/50 transition-colors\">\n              <span class=\"block text-3xl sm:text-4xl font-extrabold text-emerald-400\">180,000+<\/span>\n              <span class=\"text-xs text-slate-400 font-medium uppercase mt-1 block\">\n                <span class=\"lang-ar\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0641\u0639\u0644\u064a<\/span><span class=\"lang-en\">Training Hours<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/section>\n\n      <!-- KHDA ACCREDITATION BAR -->\n      <section class=\"bg-white py-12 border-b border-slate-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          <div class=\"bg-gradient-to-br from-slate-50 to-slate-100\/50 p-8 rounded-2xl border border-slate-200\/60 flex flex-col md:flex-row items-center justify-between gap-6\">\n            \n            <div class=\"flex items-center space-x-4 rtl:space-x-reverse\">\n              <div class=\"flex-shrink-0 w-16 h-16 rounded-full bg-gradient-to-tr from-[#0B5FA5] to-[#B89047] p-[3px] shadow-sm\">\n                <div class=\"w-full h-full bg-white rounded-full flex items-center justify-center\">\n                  <span class=\"text-slate-900 font-extrabold text-xs sm:text-sm tracking-widest uppercase\">KHDA<\/span>\n                <\/div>\n              <\/div>\n              <div>\n                <span class=\"block text-xs uppercase tracking-widest font-extrabold text-[#B89047]\">\n                  <span class=\"lang-ar\">\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0642\u0628\u0644<\/span><span class=\"lang-en\">Accredited by<\/span>\n                <\/span>\n                <h4 class=\"text-lg font-bold text-slate-800\">\n                  <span class=\"lang-ar\">\u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0628\u062f\u0628\u064a<\/span>\n                  <span class=\"lang-en\">Knowledge &#038; Human Development Authority<\/span>\n                <\/h4>\n                <p class=\"text-xs text-slate-500\">\n                  <span class=\"lang-ar\">\u062d\u0643\u0648\u0645\u0629 \u062f\u0628\u064a (KHDA)<\/span>\n                  <span class=\"lang-en\">Government of Dubai (KHDA)<\/span>\n                <\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"text-center md:text-right border-t md:border-t-0 md:border-s border-slate-200 pt-4 md:pt-0 md:ps-8\">\n              <div class=\"text-[11px] uppercase tracking-wider text-slate-400 font-bold mb-1\">\n                <span class=\"lang-ar\">\u0631\u0642\u0645 \u062a\u0635\u0631\u064a\u062d \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0631\u0633\u0645\u064a<\/span>\n                <span class=\"lang-en\">OFFICIAL TRAINING PERMIT NO<\/span>\n              <\/div>\n              <div class=\"inline-block bg-[#1E8E5A]\/10 text-[#1E8E5A] px-3.5 py-1.5 rounded text-xs font-extrabold border border-[#1E8E5A]\/20\">\n                KHDA &#8211; permit no. 631162\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- ABOUT BRIEF -->\n      <section class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n            \n            <!-- Left Text Info -->\n            <div class=\"space-y-6\">\n              <div class=\"inline-block px-3.5 py-1.5 rounded-full text-xs font-bold text-[#1E8E5A] bg-[#1E8E5A]\/10 uppercase tracking-widest\">\n                <span class=\"lang-ar\">\u0631\u0648\u0627\u062f \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u0627\u0644\u0642\u064a\u0627\u062f\u064a<\/span>\n                <span class=\"lang-en\">Leading Training Provider<\/span>\n              <\/div>\n              <h2 class=\"text-2xl sm:text-4xl font-extrabold text-slate-900 tracking-tight leading-tight\">\n                <span class=\"lang-ar\">\u0628\u0648\u0627\u0628\u062a\u0643\u0645 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0642\u064a\u0627\u062f\u064a<\/span>\n                <span class=\"lang-en\">Your Gateway to Professional Distinction<\/span>\n              <\/h2>\n              <p class=\"text-slate-600 leading-relaxed text-base\">\n                <span class=\"lang-ar\">\u064a\u0639\u062f \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0645\u0624\u0633\u0633\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0631\u0645\u0648\u0642\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0641\u064a \u062f\u0628\u064a (KHDA). \u0646\u062d\u0646 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0633\u062f \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u0646\u0638\u0631\u064a\u0627\u062a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0646\u0627\u0647\u062c \u0639\u0645\u0644\u064a\u0629 \u062a\u062e\u062f\u0645 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629.<\/span>\n                <span class=\"lang-en\">Al Sarh Institute for Training &#038; Professional Development is an elite educational institution accredited by the Dubai Knowledge and Human Development Authority (KHDA). We specialize in bridging the gap between theory and executive application.<\/span>\n              <\/p>\n              <p class=\"text-slate-600 leading-relaxed text-base\">\n                <span class=\"lang-ar\">\u0646\u0639\u0645\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0648\u0631\u0634 \u0639\u0645\u0644 \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u0648\u0645\u0628\u062a\u0643\u0631\u0629 \u0639\u0644\u0649 \u0635\u064a\u0627\u063a\u0629 \u0645\u0633\u0627\u0631\u0627\u062a \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0648\u0646\u0645\u0648 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644.<\/span>\n                <span class=\"lang-en\">Through highly immersive modern learning systems, we foster visionary executive leadership, practical AI implementation, and outstanding business development capacity.<\/span>\n              <\/p>\n\n              <!-- Quick Mission \/ Vision Grid -->\n              <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 pt-4\">\n                <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-100\">\n                  <h4 class=\"font-extrabold text-slate-800 text-sm mb-1\">\n                    <span class=\"lang-ar\">\u0631\u0624\u064a\u062a\u0646\u0627<\/span><span class=\"lang-en\">Our Vision<\/span>\n                  <\/h4>\n                  <p class=\"text-xs text-slate-500\">\n                    <span class=\"lang-ar\">\u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u0645\u0631\u062c\u0639 \u0627\u0644\u0623\u0648\u0644 \u0644\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0648\u0627\u0644\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0641\u0631\u062f\u064a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637.<\/span>\n                    <span class=\"lang-en\">To be the ultimate benchmark for capability development and leadership acceleration in the Middle East.<\/span>\n                  <\/p>\n                <\/div>\n                <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-100\">\n                  <h4 class=\"font-extrabold text-slate-800 text-sm mb-1\">\n                    <span class=\"lang-ar\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/span><span class=\"lang-en\">Our Mission<\/span>\n                  <\/h4>\n                  <p class=\"text-xs text-slate-500\">\n                    <span class=\"lang-ar\">\u062a\u0642\u062f\u064a\u0645 \u0628\u0631\u0627\u0645\u062c \u0645\u0647\u0646\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0633\u062a\u0646\u062f \u0625\u0644\u0649 \u0623\u0647\u0645\u064a\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0648\u0633\u0627\u0626\u0644 \u0639\u0644\u0645\u064a\u0629 \u0648\u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a \u062d\u0642\u064a\u0642\u064a.<\/span>\n                    <span class=\"lang-en\">Delivering world-class professional training programs built upon strategic relevance and practical application.<\/span>\n                  <\/p>\n                <\/div>\n              <\/div>\n\n              <div class=\"pt-2\">\n                <button \n                  onclick=\"showPage('about')\"\n                  class=\"text-[#0B5FA5] hover:text-[#1E8E5A] font-extrabold text-sm transition-colors duration-200 flex items-center space-x-1\"\n                >\n                  <span class=\"lang-ar\">\u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u062a\u0627\u0631\u064a\u062e\u0646\u0627 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 &larr;<\/span>\n                  <span class=\"lang-en\">More About Our History &rarr;<\/span>\n                <\/button>\n              <\/div>\n            <\/div>\n\n            <!-- Right Interactive Graphic -->\n            <div class=\"relative\">\n              <div class=\"absolute inset-0 bg-gradient-to-tr from-[#0B5FA5] to-[#1E8E5A] rounded-3xl transform rotate-2 scale-95 opacity-5 pointer-events-none\"><\/div>\n              <div class=\"relative bg-gradient-to-br from-slate-900 to-indigo-950 p-8 rounded-3xl shadow-xl text-white overflow-hidden\">\n                <div class=\"absolute inset-0 opacity-10 bg-[radial-gradient(#ffffff_1px,transparent_1px)] [background-size:16px_16px]\"><\/div>\n\n                <div class=\"relative z-10 space-y-6\">\n                  <div class=\"flex items-center space-x-3 rtl:space-x-reverse\">\n                    <span class=\"text-2xl\">\u2728<\/span>\n                    <h3 class=\"text-xl font-bold\">\n                      <span class=\"lang-ar\">\u0631\u0643\u0627\u0626\u0632\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/span><span class=\"lang-en\">Our Core Pillars<\/span>\n                    <\/h3>\n                  <\/div>\n\n                  <div class=\"space-y-4\">\n                    <div class=\"flex items-start space-x-3 rtl:space-x-reverse bg-white\/5 p-4 rounded-xl border border-white\/10 hover:bg-white\/10 transition-colors\">\n                      <span class=\"text-[#B89047] font-extrabold text-base\">01<\/span>\n                      <p class=\"text-sm text-slate-200 font-semibold\">\n                        <span class=\"lang-ar\">\u0645\u0633\u0627\u0631\u0627\u062a \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0645\u0631\u0646\u0629<\/span>\n                        <span class=\"lang-en\">Innovative &#038; Flexible Learning Paths<\/span>\n                      <\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-3 rtl:space-x-reverse bg-white\/5 p-4 rounded-xl border border-white\/10 hover:bg-white\/10 transition-colors\">\n                      <span class=\"text-[#B89047] font-extrabold text-base\">02<\/span>\n                      <p class=\"text-sm text-slate-200 font-semibold\">\n                        <span class=\"lang-ar\">\u0645\u0639\u0627\u064a\u064a\u0631 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0647\u0646\u064a\u0629 \u0645\u0631\u0645\u0648\u0642\u0629<\/span>\n                        <span class=\"lang-en\">Prestigious &#038; Applied Professional Standards<\/span>\n                      <\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-3 rtl:space-x-reverse bg-white\/5 p-4 rounded-xl border border-white\/10 hover:bg-white\/10 transition-colors\">\n                      <span class=\"text-[#B89047] font-extrabold text-base\">03<\/span>\n                      <p class=\"text-sm text-slate-200 font-semibold\">\n                        <span class=\"lang-ar\">\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u062f\u0639\u0645 \u0646\u0645\u0648 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/span>\n                        <span class=\"lang-en\">Strategic Enterprise Solutions for Business Growth<\/span>\n                      <\/p>\n                    <\/div>\n                  <\/div>\n\n                  <div class=\"pt-4 border-t border-white\/10 text-center\">\n                    <span class=\"text-xs text-[#B89047] font-bold tracking-widest uppercase\">\n                      INTEGRATED EXECUTIVE DEVELOPMENT\n                    <\/span>\n                  <\/div>\n                <\/div>\n\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- FEATURED SPECIALIZED PROGRAMS -->\n      <section class=\"py-20 bg-slate-50 border-y border-slate-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-3\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-primary block\">\n              <span class=\"lang-ar\">\u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a<\/span><span class=\"lang-en\">TRAINING EXCELLENCE<\/span>\n            <\/span>\n            <h2 class=\"text-2xl sm:text-4xl font-extrabold text-slate-900\">\n              <span class=\"lang-ar\">\u0628\u0631\u0627\u0645\u062c\u0646\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629<\/span>\n              <span class=\"lang-en\">Our Specialized Training Programs<\/span>\n            <\/h2>\n            <p class=\"text-slate-500 text-sm sm:text-base\">\n              <span class=\"lang-ar\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0623\u062d\u062f\u062b \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0623\u0643\u062b\u0631 \u062a\u0623\u062b\u064a\u0631\u0627\u064b \u0644\u062a\u0639\u0632\u064a\u0632 \u0643\u0641\u0627\u0621\u062a\u0643 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0648\u0645\u0648\u0627\u0643\u0628\u0629 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644.<\/span>\n              <span class=\"lang-en\">Explore professional certifications across high-impact business fields designed for high-potential talents.<\/span>\n            <\/p>\n          <\/div>\n\n          <!-- Dynamic Program Cards Container (Rendered via JS for searchability and interactive details modal) -->\n          <div id=\"home-programs-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n            <!-- Loaded dynamically in JavaScript -->\n          <\/div>\n\n          <div class=\"mt-12 text-center\">\n            <button \n              onclick=\"showPage('programs')\"\n              class=\"inline-flex items-center space-x-2 rtl:space-x-reverse bg-white border border-slate-300 hover:border-slate-400 text-slate-700 px-8 py-3.5 rounded-xl text-sm font-bold shadow-sm transition-all hover:bg-slate-50\"\n            >\n              <span class=\"lang-ar\">\u0639\u0631\u0636 \u0643\u0627\u0641\u0629 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644<\/span>\n              <span class=\"lang-en\">Explore All Training Programs<\/span>\n              <svg class=\"w-4 h-4 mx-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/><\/svg>\n            <\/button>\n          <\/div>\n\n        <\/div>\n      <\/section>\n\n      <!-- WHY CHOOSE US -->\n      <section class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-3\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-secondary block\">\n              <span class=\"lang-ar\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0641\u0636\u0644\u061f<\/span><span class=\"lang-en\">WHY CHOOSE US?<\/span>\n            <\/span>\n            <h2 class=\"text-2xl sm:text-4xl font-extrabold text-slate-900\">\n              <span class=\"lang-ar\">\u0644\u0645\u0627\u0630\u0627 \u064a\u062e\u062a\u0627\u0631\u0646\u0627 \u0627\u0644\u0646\u062e\u0628\u0629 \u0648\u0627\u0644\u0631\u0648\u0627\u062f\u061f<\/span>\n              <span class=\"lang-en\">Why Elite Professionals Choose Us<\/span>\n            <\/h2>\n            <p class=\"text-slate-500 text-sm sm:text-base\">\n              <span class=\"lang-ar\">\u0627\u0643\u062a\u0634\u0641 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u064a \u0648\u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0630\u064a \u064a\u0645\u064a\u0632 \u0628\u0631\u0627\u0645\u062c \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d.<\/span>\n              <span class=\"lang-en\">Discover the standard of quality, practical rigor, and professional authority that defines our training programs.<\/span>\n            <\/p>\n          <\/div>\n\n          <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n            <!-- Card 1 -->\n            <div class=\"bg-slate-50\/50 p-6 rounded-2xl border border-slate-200\/50 hover:bg-white hover:shadow-lg hover:border-[#B89047]\/30 transition-all duration-300 group\">\n              <div class=\"w-12 h-12 rounded-xl bg-primary\/10 text-primary flex items-center justify-center mb-4 group-hover:bg-primary group-hover:text-white\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/><\/svg>\n              <\/div>\n              <h3 class=\"text-base font-extrabold text-slate-900 mb-2\">\n                <span class=\"lang-ar\">\u0627\u0639\u062a\u0645\u0627\u062f \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span><span class=\"lang-en\">KHDA Approved<\/span>\n              <\/h3>\n              <p class=\"text-xs text-slate-500 leading-relaxed\">\n                <span class=\"lang-ar\">\u062c\u0645\u064a\u0639 \u0634\u0647\u0627\u062f\u0627\u062a\u0646\u0627 \u0645\u0639\u062a\u0645\u062f\u0629 \u0648\u0631\u0633\u0645\u064a\u0629 \u0648\u0645\u0633\u062c\u0644\u0629 \u0628\u0645\u0648\u062c\u0628 \u062a\u0631\u062e\u064a\u0635 \u0648\u062a\u0635\u0631\u064a\u062d \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0631\u0642\u0645 631162 \u0628\u062f\u0628\u064a.<\/span>\n                <span class=\"lang-en\">All credentials carry official validation through Dubai&#8217;s KHDA guidelines (Permit: 631162).<\/span>\n              <\/p>\n            <\/div>\n            \n            <!-- Card 2 -->\n            <div class=\"bg-slate-50\/50 p-6 rounded-2xl border border-slate-200\/50 hover:bg-white hover:shadow-lg hover:border-[#B89047]\/30 transition-all duration-300 group\">\n              <div class=\"w-12 h-12 rounded-xl bg-primary\/10 text-primary flex items-center justify-center mb-4 group-hover:bg-primary group-hover:text-white\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\" \/><\/svg>\n              <\/div>\n              <h3 class=\"text-base font-extrabold text-slate-900 mb-2\">\n                <span class=\"lang-ar\">\u0645\u062f\u0631\u0628\u0648\u0646 \u062e\u0628\u0631\u0627\u0621 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0648\u0646<\/span><span class=\"lang-en\">Expert Trainers<\/span>\n              <\/h3>\n              <p class=\"text-xs text-slate-500 leading-relaxed\">\n                <span class=\"lang-ar\">\u0646\u062e\u0628\u0629 \u0645\u0646 \u062d\u0645\u0644\u0629 \u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0648\u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u064a\u0646 \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u064a \u0627\u0644\u062d\u0642\u064a\u0642\u064a.<\/span>\n                <span class=\"lang-en\">Led by Ph.D. holders, corporate consultants, and distinguished international scholars.<\/span>\n              <\/p>\n            <\/div>\n\n            <!-- Card 3 -->\n            <div class=\"bg-slate-50\/50 p-6 rounded-2xl border border-slate-200\/50 hover:bg-white hover:shadow-lg hover:border-[#B89047]\/30 transition-all duration-300 group\">\n              <div class=\"w-12 h-12 rounded-xl bg-primary\/10 text-primary flex items-center justify-center mb-4 group-hover:bg-primary group-hover:text-white\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/><\/svg>\n              <\/div>\n              <h3 class=\"text-base font-extrabold text-slate-900 mb-2\">\n                <span class=\"lang-ar\">\u0648\u0631\u0634 \u0639\u0645\u0644 \u062a\u0637\u0628\u064a\u0642\u064a\u0629<\/span><span class=\"lang-en\">Practical Workshops<\/span>\n              <\/h3>\n              <p class=\"text-xs text-slate-500 leading-relaxed\">\n                <span class=\"lang-ar\">\u0646\u0639\u062a\u0645\u062f \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0639\u064a\u062f\u0627\u064b \u0639\u0646 \u0645\u062c\u0631\u062f \u0627\u0644\u062a\u0644\u0642\u064a\u0646 \u0627\u0644\u0633\u0644\u0628\u064a \u0648\u0627\u0644\u0646\u0638\u0631\u064a.<\/span>\n                <span class=\"lang-en\">Engage with interactive simulations, actual business scenarios, and case studies.<\/span>\n              <\/p>\n            <\/div>\n\n            <!-- Card 4 -->\n            <div class=\"bg-slate-50\/50 p-6 rounded-2xl border border-slate-200\/50 hover:bg-white hover:shadow-lg hover:border-[#B89047]\/30 transition-all duration-300 group\">\n              <div class=\"w-12 h-12 rounded-xl bg-primary\/10 text-primary flex items-center justify-center mb-4 group-hover:bg-primary group-hover:text-white\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 5h10a2 2 0 012 2v10a2 2 0 01-2 2H7a2 2 0 01-2-2V7a2 2 0 012-2z\" \/><\/svg>\n              <\/div>\n              <h3 class=\"text-base font-extrabold text-slate-900 mb-2\">\n                <span class=\"lang-ar\">\u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span><span class=\"lang-en\">AI-Driven Curricula<\/span>\n              <\/h3>\n              <p class=\"text-xs text-slate-500 leading-relaxed\">\n                <span class=\"lang-ar\">\u0646\u0648\u0627\u0643\u0628 \u0623\u062d\u062f\u062b \u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0644\u0636\u0645\u0627\u0646 \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a.<\/span>\n                <span class=\"lang-en\">We integrate state-of-the-art AI modules and digital growth frameworks into our paths.<\/span>\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/section>\n\n      <!-- CORPORATE B2B HUB -->\n      <section class=\"py-20 bg-gradient-to-br from-slate-900 via-indigo-950 to-slate-900 text-white relative overflow-hidden\">\n        <div class=\"absolute inset-0 opacity-10 pointer-events-none bg-[radial-gradient(#ffffff_1px,transparent_1px)] [background-size:24px_24px]\"><\/div>\n        \n        <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n            \n            <!-- Info Column -->\n            <div class=\"space-y-6\">\n              <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#B89047]\/20 text-[#B89047] border border-[#B89047]\/30\">\n                \ud83c\udfe2 <span class=\"lang-ar\">\u062d\u0644\u0648\u0644 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span><span class=\"lang-en\">B2B Solutions<\/span>\n              <\/span>\n              <h2 class=\"text-2xl sm:text-4xl font-extrabold text-white leading-snug\">\n                <span class=\"lang-ar\">\u062d\u0644\u0648\u0644 \u0631\u0623\u0633 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0628\u0634\u0631\u064a \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0644\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0635\u0629<\/span>\n                <span class=\"lang-en\">Transformative Capacity Solutions for Corporates &#038; Governments<\/span>\n              <\/h2>\n              <p class=\"text-slate-300 leading-relaxed text-sm sm:text-base\">\n                <span class=\"lang-ar\">\u0646\u0635\u0645\u0645 \u0641\u064a \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0645\u0646\u0627\u0647\u062c \u0648\u062d\u0644\u0648\u0644 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u062d\u0635\u0631\u064a\u0629 \u0644\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0644\u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a \u0648\u0627\u0644\u0645\u0647\u0646\u064a \u0644\u0641\u0631\u0642\u0643\u0645.<\/span>\n                <span class=\"lang-en\">At Al Sarh Institute, we design exclusive, bespoke corporate curricula to supercharge the efficiency, agility, and modern capacity of government departments and private enterprise units.<\/span>\n              <\/p>\n\n              <div class=\"space-y-3 pt-2\">\n                <div class=\"flex items-center space-x-2 rtl:space-x-reverse text-emerald-400 text-sm font-bold\">\n                  <span>\u2714<\/span>\n                  <span><span class=\"lang-ar\">\u062a\u0634\u062e\u064a\u0635 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0628\u062f\u0642\u0629<\/span><span class=\"lang-en\">Corporate Diagnostic Analysis<\/span><\/span>\n                <\/div>\n                <div class=\"flex items-center space-x-2 rtl:space-x-reverse text-emerald-400 text-sm font-bold\">\n                  <span>\u2714<\/span>\n                  <span><span class=\"lang-ar\">\u062c\u062f\u0627\u0648\u0644 \u0645\u0631\u0646\u0629 \u062a\u0646\u0627\u0633\u0628 \u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/span><span class=\"lang-en\">Customized Flexible Schedules<\/span><\/span>\n                <\/div>\n                <div class=\"flex items-center space-x-2 rtl:space-x-reverse text-emerald-400 text-sm font-bold\">\n                  <span>\u2714<\/span>\n                  <span><span class=\"lang-ar\">\u0645\u0642\u0631\u0631\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0648\u0641\u0642 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0644\u062f\u064a\u0643<\/span><span class=\"lang-en\">On-site or Immersive Virtual Hubs<\/span><\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"pt-2\">\n                <button \n                  onclick=\"showPage('corporate')\"\n                  class=\"px-6 py-3.5 bg-gradient-to-r from-[#1E8E5A] to-[#0B5FA5] hover:from-[#0B5FA5] hover:to-[#1E8E5A] text-white font-extrabold rounded-xl text-sm transition-all duration-300\"\n                >\n                  <span class=\"lang-ar\">\u0627\u0637\u0644\u0628 \u0645\u0642\u062a\u0631\u062d\u064b\u0627 \u0645\u062e\u0635\u0635\u064b\u0627 \u0644\u0645\u0624\u0633\u0633\u062a\u0643<\/span>\n                  <span class=\"lang-en\">Request Custom Proposal<\/span>\n                <\/button>\n              <\/div>\n            <\/div>\n\n            <!-- Custom Form Card -->\n            <div class=\"bg-white\/5 border border-white\/10 p-6 sm:p-8 rounded-2xl backdrop-blur-md\">\n              <h3 class=\"text-lg font-bold text-white mb-4\">\n                <span class=\"lang-ar\">\u0637\u0644\u0628 \u0639\u0631\u0636 \u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0623\u0647\u064a\u0644 \u0633\u0631\u064a\u0639 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span>\n                <span class=\"lang-en\">Get a Quick Corporate Quote<\/span>\n              <\/h3>\n\n              <form onsubmit=\"handleCorporateForm(event)\" class=\"space-y-4\">\n                <div>\n                  <label class=\"block text-xs text-slate-300 mb-1 font-semibold\">\n                    <span class=\"lang-ar\">\u0627\u0633\u0645 \u0627\u0644\u062c\u0647\u0629 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629<\/span><span class=\"lang-en\">Organization Name<\/span>\n                  <\/label>\n                  <input \n                    type=\"text\" \n                    id=\"corp-company\"\n                    required \n                    class=\"w-full bg-slate-900\/50 border border-slate-700 rounded-lg p-2.5 text-xs text-white focus:outline-none focus:border-[#B89047]\"\n                  \/>\n                <\/div>\n\n                <div class=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <label class=\"block text-xs text-slate-300 mb-1 font-semibold\">\n                      <span class=\"lang-ar\">\u0639\u062f\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/span><span class=\"lang-en\">Expected Delegates<\/span>\n                    <\/label>\n                    <input \n                      type=\"text\" \n                      id=\"corp-size\"\n                      placeholder=\"e.g. 15 - 50\"\n                      required \n                      class=\"w-full bg-slate-900\/50 border border-slate-700 rounded-lg p-2.5 text-xs text-white focus:outline-none focus:border-[#B89047]\"\n                    \/>\n                  <\/div>\n                  <div>\n                    <label class=\"block text-xs text-slate-300 mb-1 font-semibold\">\n                      <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/span><span class=\"lang-en\">Work Email<\/span>\n                    <\/label>\n                    <input \n                      type=\"email\" \n                      id=\"corp-email\"\n                      required \n                      class=\"w-full bg-slate-900\/50 border border-slate-700 rounded-lg p-2.5 text-xs text-white focus:outline-none focus:border-[#B89047]\"\n                    \/>\n                  <\/div>\n                <\/div>\n\n                <div>\n                  <label class=\"block text-xs text-slate-300 mb-1 font-semibold\">\n                    <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/span><span class=\"lang-en\">Target Training Field<\/span>\n                  <\/label>\n                  <select \n                    id=\"corp-target\"\n                    class=\"w-full bg-slate-900 text-xs border border-slate-700 rounded-lg p-2.5 text-white focus:outline-none focus:border-[#B89047]\"\n                  >\n                    <option value=\"leadership\">\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0648\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/option>\n                    <option value=\"ai\">\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u0629<\/option>\n                    <option value=\"bizdev\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/option>\n                  <\/select>\n                <\/div>\n\n                <div>\n                  <label class=\"block text-xs text-slate-300 mb-1 font-semibold\">\n                    <span class=\"lang-ar\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0623\u0648 \u0623\u0647\u062f\u0627\u0641 \u062e\u0627\u0635\u0629<\/span><span class=\"lang-en\">Brief Training Goals<\/span>\n                  <\/label>\n                  <textarea \n                    id=\"corp-details\"\n                    rows=\"2\" \n                    class=\"w-full bg-slate-900\/50 border border-slate-700 rounded-lg p-2.5 text-xs text-white focus:outline-none focus:border-[#B89047]\"\n                  ><\/textarea>\n                <\/div>\n\n                <button \n                  type=\"submit\" \n                  class=\"w-full py-2.5 bg-gradient-to-r from-[#B89047] to-[#1E8E5A] hover:from-[#1E8E5A] hover:to-[#B89047] text-white rounded-lg text-xs font-bold transition-all\"\n                >\n                  <span class=\"lang-ar\">\u0627\u0631\u0633\u0644 \u0637\u0644\u0628 \u0627\u0644\u0645\u0642\u062a\u0631\u062d \u0627\u0644\u0645\u0627\u0644\u064a \u0648\u0627\u0644\u0641\u0646\u064a<\/span>\n                  <span class=\"lang-en\">Request Proposal<\/span>\n                <\/button>\n              <\/form>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- TESTIMONIALS (With clean executive job titles only - no specific names of external firms as requested) -->\n      <section class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center max-w-3xl mx-auto mb-12 space-y-3\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-primary block\">\n              <span class=\"lang-ar\">\u0622\u0631\u0627\u0621 \u0648\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0646\u062e\u0628\u0629<\/span><span class=\"lang-en\">EXECUTIVE TESTIMONIALS<\/span>\n            <\/span>\n            <h2 class=\"text-2xl sm:text-4xl font-extrabold text-slate-900\">\n              <span class=\"lang-ar\">\u0642\u0635\u0635 \u0627\u0644\u0646\u062c\u0627\u062d \u0648\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0642\u064a\u0627\u062f\u064a<\/span>\n              <span class=\"lang-en\">Stories of Leadership and Transformation<\/span>\n            <\/h2>\n            <p class=\"text-slate-500 text-sm sm:text-base\">\n              <span class=\"lang-ar\">\u0622\u0631\u0627\u0621 \u0645\u0644\u0647\u0645\u0629 \u0645\u0646 \u0642\u0627\u062f\u0629 \u0648\u0645\u0633\u0624\u0648\u0644\u064a \u0625\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0630\u064a\u0646 \u062d\u0642\u0642\u0648\u0627 \u0637\u0645\u0648\u062d\u0627\u062a\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0645\u0639\u0646\u0627.<\/span>\n              <span class=\"lang-en\">Read testimonies from outstanding executives and training directors who reached new milestones with us.<\/span>\n            <\/p>\n          <\/div>\n\n          <!-- Slider -->\n          <div class=\"max-w-4xl mx-auto bg-slate-50 border border-slate-200\/60 p-8 sm:p-12 rounded-3xl relative\">\n            <span class=\"absolute top-4 left-6 text-6xl text-slate-200 pointer-events-none font-serif\">\u201c<\/span>\n\n            <div class=\"relative z-10 space-y-6\">\n              <div id=\"testimonial-content\" class=\"text-lg sm:text-xl text-slate-700 italic leading-relaxed font-medium\">\n                <!-- Loaded via JS -->\n              <\/div>\n\n              <div class=\"flex items-center justify-between pt-6 border-t border-slate-200\">\n                <div>\n                  <h4 id=\"testimonial-author\" class=\"font-extrabold text-[#0B5FA5] text-base\">\n                    <!-- Loaded via JS -->\n                  <\/h4>\n                  <p id=\"testimonial-role\" class=\"text-xs text-slate-500 font-semibold\">\n                    <!-- Loaded via JS -->\n                  <\/p>\n                <\/div>\n\n                <!-- Controls -->\n                <div class=\"flex space-x-2 rtl:space-x-reverse\" id=\"testimonial-dots\">\n                  <!-- Generated via JS -->\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/section>\n\n      <!-- TRUSTED PARTNERS -->\n      <section class=\"py-12 bg-slate-50 border-t border-slate-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n          <h4 class=\"text-xs font-extrabold uppercase tracking-widest text-slate-400 mb-8\">\n            <span class=\"lang-ar\">\u0645\u0648\u0636\u0639 \u062b\u0642\u0629 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u064f\u0645\u0643\u0651\u064e\u0646\u0629 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u0621<\/span>\n            <span class=\"lang-en\">TRUSTED BY PUBLIC &#038; PRIVATE SECTORS<\/span>\n          <\/h4>\n          <div class=\"flex flex-wrap justify-center items-center gap-8 md:gap-16 opacity-75\">\n            <div class=\"flex items-center space-x-2 rtl:space-x-reverse grayscale hover:grayscale-0 transition-all duration-300\">\n              <div class=\"w-10 h-10 rounded-lg bg-slate-200 text-[#0B5FA5] font-black flex items-center justify-center text-sm border border-slate-300\">DGP<\/div>\n              <span class=\"text-xs font-bold text-slate-500 tracking-wider\">Dubai Government Partner<\/span>\n            <\/div>\n            <div class=\"flex items-center space-x-2 rtl:space-x-reverse grayscale hover:grayscale-0 transition-all duration-300\">\n              <div class=\"w-10 h-10 rounded-lg bg-slate-200 text-[#0B5FA5] font-black flex items-center justify-center text-sm border border-slate-300\">SFC<\/div>\n              <span class=\"text-xs font-bold text-slate-500 tracking-wider\">Sovereign Wealth Entities<\/span>\n            <\/div>\n            <div class=\"flex items-center space-x-2 rtl:space-x-reverse grayscale hover:grayscale-0 transition-all duration-300\">\n              <div class=\"w-10 h-10 rounded-lg bg-slate-200 text-[#0B5FA5] font-black flex items-center justify-center text-sm border border-slate-300\">UHC<\/div>\n              <span class=\"text-xs font-bold text-slate-500 tracking-wider\">UAE Health Care Providers<\/span>\n            <\/div>\n            <div class=\"flex items-center space-x-2 rtl:space-x-reverse grayscale hover:grayscale-0 transition-all duration-300\">\n              <div class=\"w-10 h-10 rounded-lg bg-slate-200 text-[#0B5FA5] font-black flex items-center justify-center text-sm border border-slate-300\">CDA<\/div>\n              <span class=\"text-xs font-bold text-slate-500 tracking-wider\">Corporate Development Associations<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- NEWS \/ ARTICLES BRIEF -->\n      <section class=\"py-20 bg-white border-t border-slate-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-12\">\n            <div>\n              <span class=\"text-xs uppercase tracking-widest font-extrabold text-[#1E8E5A] block mb-2\">\n                <span class=\"lang-ar\">\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u062a\u0648\u062c\u064a\u0647\u0627\u062a \u0642\u064a\u0627\u062f\u064a\u0629 \u0648\u0628\u062d\u062b\u064a\u0629<\/span><span class=\"lang-en\">INSIGHTS &#038; RESEARCH<\/span>\n              <\/span>\n              <h2 class=\"text-2xl sm:text-4xl font-extrabold text-slate-900\">\n                <span class=\"lang-ar\">\u0622\u062e\u0631 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span>\n                <span class=\"lang-en\">Latest Executive Insights &#038; Institute News<\/span>\n              <\/h2>\n            <\/div>\n            <button \n              onclick=\"showPage('news')\"\n              class=\"mt-4 md:mt-0 text-[#0B5FA5] hover:text-[#1E8E5A] font-extrabold text-sm flex items-center space-x-1\"\n            >\n              <span class=\"lang-ar\">\u062a\u0635\u0641\u062d \u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a &rarr;<\/span>\n              <span class=\"lang-en\">View All Articles &rarr;<\/span>\n            <\/button>\n          <\/div>\n\n          <div id=\"home-articles-grid\" class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n            <!-- Loaded via JS -->\n          <\/div>\n\n        <\/div>\n      <\/section>\n\n    <\/div>\n\n    <!-- ======================== PAGE: ABOUT ======================== -->\n    <div id=\"page-about\" class=\"page-view hidden\">\n      <div class=\"py-16 bg-white\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center mb-12 space-y-3\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-[#0B5FA5] block\">\n              <span class=\"lang-ar\">\u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a \u0644\u0644\u0645\u0639\u0647\u062f<\/span><span class=\"lang-en\">AL SARH INSTITUTE PROFILE<\/span>\n            <\/span>\n            <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900\">\n              <span class=\"lang-ar\">\u0639\u0646 \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628<\/span><span class=\"lang-en\">About Al Sarh Institute<\/span>\n            <\/h1>\n            <p class=\"text-[#B89047] font-bold italic text-sm sm:text-base\">\n              <span class=\"lang-ar\">&#8220;\u0646\u0637\u0648\u0631 \u0627\u0644\u0642\u062f\u0631\u0627\u062a .. \u0644\u0646\u0635\u0646\u0639 \u0627\u0644\u0642\u064a\u0627\u062f\u0627\u062a&#8221;<\/span>\n              <span class=\"lang-en\">&#8220;Developing Capabilities&#8230; Building Leaders&#8221;<\/span>\n            <\/p>\n          <\/div>\n\n          <div class=\"prose prose-slate max-w-none space-y-8 text-slate-600 leading-relaxed text-right rtl:text-right ltr:text-left\">\n            \n            <section class=\"bg-slate-50 p-6 sm:p-8 rounded-2xl border border-slate-200\/60\">\n              <h3 class=\"text-xl font-bold text-slate-900 mb-3 border-b pb-2\">\n                <span class=\"lang-ar\">\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0648\u0627\u0644\u062a\u0631\u062e\u064a\u0635 \u0627\u0644\u0645\u0647\u0646\u064a<\/span>\n                <span class=\"lang-en\">Government KHDA Licensing Standard<\/span>\n              <\/h3>\n              <p class=\"text-sm\">\n                <span class=\"lang-ar\">\u062a\u0645 \u062a\u0623\u0633\u064a\u0633 \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0643\u062c\u0647\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0631\u062e\u0635\u0629 \u0645\u0646 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0628\u062d\u0643\u0648\u0645\u0629 \u062f\u0628\u064a (\u062a\u0635\u0631\u064a\u062d \u0631\u0642\u0645 631162). \u0646\u062d\u0646 \u0646\u0639\u0645\u0644 \u0643\u062d\u0644\u0642\u0629 \u0648\u0635\u0644 \u0644\u0646\u0642\u0644 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0644\u0631\u0641\u0639 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0648\u0627\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629.<\/span>\n                <span class=\"lang-en\">Al Sarh Institute is an elite professional training provider licensed by the Dubai Knowledge and Human Development Authority (KHDA) under permit no. 631162. We bridge theoretical frameworks with high-stakes practical implementation.<\/span>\n              <\/p>\n            <\/section>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n              <div class=\"border border-slate-200 p-6 rounded-xl\">\n                <h3 class=\"text-lg font-bold text-[#0B5FA5] mb-2\">\ud83c\udfaf <span class=\"lang-ar\">\u0631\u0624\u064a\u062a\u0646\u0627<\/span><span class=\"lang-en\">Our Vision<\/span><\/h3>\n                <p class=\"text-xs\">\n                  <span class=\"lang-ar\">\u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u0645\u0631\u062c\u0639 \u0627\u0644\u0623\u0648\u0644 \u0644\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0648\u0627\u0644\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0641\u0631\u062f\u064a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637.<\/span>\n                  <span class=\"lang-en\">To be the ultimate benchmark for capability development and leadership acceleration in the Middle East.<\/span>\n                <\/p>\n              <\/div>\n              <div class=\"border border-slate-200 p-6 rounded-xl\">\n                <h3 class=\"text-lg font-bold text-[#1E8E5A] mb-2\">\u26a1 <span class=\"lang-ar\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/span><span class=\"lang-en\">Our Mission<\/span><\/h3>\n                <p class=\"text-xs\">\n                  <span class=\"lang-ar\">\u062a\u0642\u062f\u064a\u0645 \u0628\u0631\u0627\u0645\u062c \u0645\u0647\u0646\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0633\u062a\u0646\u062f \u0625\u0644\u0649 \u0623\u0647\u0645\u064a\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0648\u0633\u0627\u0626\u0644 \u0639\u0644\u0645\u064a\u0629 \u0648\u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a \u062d\u0642\u064a\u0642\u064a.<\/span>\n                  <span class=\"lang-en\">Delivering world-class professional training programs built upon strategic relevance and practical application.<\/span>\n                <\/p>\n              <\/div>\n            <\/div>\n\n            <section class=\"space-y-4\">\n              <h3 class=\"text-xl font-bold text-slate-900\">\n                <span class=\"lang-ar\">\u0643\u0644\u0645\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629<\/span><span class=\"lang-en\">Executive Message<\/span>\n              <\/h3>\n              <blockquote class=\"border-s-4 border-[#B89047] ps-4 text-xs sm:text-sm italic font-medium bg-slate-50 p-4 rounded-r-lg\">\n                <span class=\"lang-ar\">&#8220;\u0646\u0647\u062f\u0641 \u0641\u064a \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0625\u0644\u0649 \u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0642\u0627\u062f\u0629 \u0628\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0645\u0648\u0627\u062c\u0647\u0629 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u0636\u0631 \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u060c \u0648\u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0642\u0648\u0629 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0628\u0646\u062c\u0627\u062d \u0645\u0644\u0645\u0648\u0633 \u0648\u0645\u0633\u062a\u062f\u0627\u0645.&#8221;<\/span>\n                <span class=\"lang-en\">&#8220;Our primary objective is to empower modern professionals with the concrete strategies required to maneuver complex ecosystems, marrying human talent with generative AI seamlessly.&#8221;<\/span>\n              <\/blockquote>\n            <\/section>\n\n            <section class=\"space-y-4 pt-4\">\n              <h3 class=\"text-lg font-extrabold text-slate-900\">\n                <span class=\"lang-ar\">\u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062d\u0627\u0643\u0645\u0629<\/span><span class=\"lang-en\">Our Guiding Principles<\/span>\n              <\/h3>\n              <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n                <div class=\"p-4 bg-slate-50 rounded-lg text-center\">\n                  <span class=\"text-2xl block mb-2\">\ud83e\udd1d<\/span>\n                  <h4 class=\"font-bold text-xs text-slate-900 mb-1\"><span class=\"lang-ar\">\u0627\u0644\u0623\u0645\u0627\u0646\u0629 \u0648\u0627\u0644\u0646\u0632\u0627\u0647\u0629<\/span><span class=\"lang-en\">Professional Rigor<\/span><\/h4>\n                  <p class=\"text-[10px] text-slate-500\"><span class=\"lang-ar\">\u062a\u0637\u0648\u064a\u0631 \u062d\u0642\u0627\u0626\u0628 \u0639\u0644\u0645\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span><span class=\"lang-en\">Sincere certified educational curricula<\/span><\/p>\n                <\/div>\n                <div class=\"p-4 bg-slate-50 rounded-lg text-center\">\n                  <span class=\"text-2xl block mb-2\">\ud83d\ude80<\/span>\n                  <h4 class=\"font-bold text-xs text-slate-900 mb-1\"><span class=\"lang-ar\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0631\u064a\u0627\u062f\u0629<\/span><span class=\"lang-en\">Innovation &#038; Scale<\/span><\/h4>\n                  <p class=\"text-[10px] text-slate-500\"><span class=\"lang-ar\">\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span><span class=\"lang-en\">Constant integration of digital trends<\/span><\/p>\n                <\/div>\n                <div class=\"p-4 bg-slate-50 rounded-lg text-center\">\n                  <span class=\"text-2xl block mb-2\">\ud83c\udf0d<\/span>\n                  <h4 class=\"font-bold text-xs text-slate-900 mb-1\"><span class=\"lang-ar\">\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0645\u0644\u0645\u0648\u0633<\/span><span class=\"lang-en\">Measurable Impact<\/span><\/h4>\n                  <p class=\"text-[10px] text-slate-500\"><span class=\"lang-ar\">\u062a\u062d\u0642\u064a\u0642 \u0646\u0642\u0644\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0645\u0631\u0634\u062d\u064a\u0646\u0627 \u0628\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644<\/span><span class=\"lang-en\">Securing instant career progression<\/span><\/p>\n                <\/div>\n              <\/div>\n            <\/section>\n\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ======================== PAGE: PROGRAMS ======================== -->\n    <div id=\"page-programs\" class=\"page-view hidden\">\n      <div class=\"py-16 bg-slate-50\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center max-w-3xl mx-auto mb-12 space-y-3\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-[#0B5FA5] block\">\n              <span class=\"lang-ar\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/span><span class=\"lang-en\">COMPLETE TRAINING PROGRAM DIRECTORY<\/span>\n            <\/span>\n            <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900\">\n              <span class=\"lang-ar\">\u0628\u0631\u0627\u0645\u062c\u0646\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629<\/span><span class=\"lang-en\">Training Programs<\/span>\n            <\/h1>\n            <p class=\"text-slate-500 text-sm\">\n              <span class=\"lang-ar\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0645\u0633\u0627\u0631\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644 \u0648\u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u0627\u0648\u0631 \u0648\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629.<\/span>\n              <span class=\"lang-en\">Filter and explore detailed axes and audience targets for all our licensed training paths.<\/span>\n            <\/p>\n          <\/div>\n\n          <!-- Advanced Filter Tab -->\n          <div class=\"bg-white p-4 rounded-xl shadow-sm border border-slate-200 mb-8 flex flex-wrap items-center justify-between gap-4\">\n            <div id=\"filter-bar\" class=\"flex flex-wrap gap-2 justify-center w-full\">\n              <!-- Loaded dynamically via JS -->\n            <\/div>\n          <\/div>\n\n          <!-- Programs Grid -->\n          <div id=\"programs-directory-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n            <!-- Loaded via JS -->\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ======================== PAGE: CORPORATE ======================== -->\n    <div id=\"page-corporate\" class=\"page-view hidden\">\n      <div class=\"py-16 bg-white\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center mb-12 space-y-2\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-secondary block\">\n              <span class=\"lang-ar\">\u062a\u0637\u0648\u064a\u0631 \u0631\u0623\u0633 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0628\u0634\u0631\u064a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span><span class=\"lang-en\">ENTERPRISE CAPACITY DESIGNS<\/span>\n            <\/span>\n            <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900\">\n              <span class=\"lang-ar\">\u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span><span class=\"lang-en\">Corporate Training Solutions<\/span>\n            <\/h1>\n          <\/div>\n\n          <div class=\"space-y-8 text-right rtl:text-right ltr:text-left\">\n            <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200\/60\">\n              <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                <span class=\"lang-ar\">\u0628\u0646\u0627\u0621 \u0648\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a<\/span>\n                <span class=\"lang-en\">Enterprise Competency Framework<\/span>\n              <\/h3>\n              <p class=\"text-sm text-slate-600 leading-relaxed\">\n                <span class=\"lang-ar\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0644\u0644\u0648\u0632\u0627\u0631\u0627\u062a\u060c \u0627\u0644\u062f\u0648\u0627\u0626\u0631 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629\u060c \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u062f\u0628\u064a \u0648\u062f\u0648\u0644\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a. \u062a\u062a\u0636\u0645\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0635\u064a\u0627\u063a\u0629 \u0628\u0631\u0627\u0645\u062c \u0645\u062e\u0635\u0635\u0629\u060c \u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0627\u0644\u0629 \u0645\u0633\u062a\u0644\u0647\u0645\u0629 \u0645\u0646 \u062a\u062d\u062f\u064a\u0627\u062a\u0643\u0645\u060c \u0648\u062a\u0642\u064a\u064a\u0645 \u0634\u0627\u0645\u0644 \u0644\u0644\u0623\u062b\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0645\u0637\u0627\u0628\u0642\u062a\u0647\u0627 \u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621.<\/span>\n                <span class=\"lang-en\">We design customized training models for public departments and leading firms across the region. Our frameworks address local market trends, operational optimization, and detailed pre-and-post performance diagnostics.<\/span>\n              <\/p>\n            <\/div>\n\n            <div class=\"space-y-4\">\n              <h3 class=\"text-lg font-bold text-slate-900\">\n                <span class=\"lang-ar\">\u0645\u0631\u0627\u062d\u0644 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0648\u0627\u0644\u0641\u0631\u0642<\/span><span class=\"lang-en\">Our Custom B2B Cycle<\/span>\n              <\/h3>\n              <div class=\"grid grid-cols-1 sm:grid-cols-4 gap-4 text-center\">\n                <div class=\"p-4 border rounded-xl bg-white shadow-sm\">\n                  <span class=\"text-xl block mb-1\">1\ufe0f\u20e3<\/span>\n                  <h4 class=\"font-bold text-xs mb-1\"><span class=\"lang-ar\">\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644<\/span><span class=\"lang-en\">Diagnostic Audit<\/span><\/h4>\n                  <p class=\"text-[10px] text-slate-500\"><span class=\"lang-ar\">\u062f\u0631\u0627\u0633\u0629 \u0645\u0647\u0627\u0631\u0627\u062a \u0645\u0648\u0638\u0641\u064a\u0643\u0645 \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/span><span class=\"lang-en\">Identify competency gaps<\/span><\/p>\n                <\/div>\n                <div class=\"p-4 border rounded-xl bg-white shadow-sm\">\n                  <span class=\"text-xl block mb-1\">2\ufe0f\u20e3<\/span>\n                  <h4 class=\"font-bold text-xs mb-1\"><span class=\"lang-ar\">\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0645\u0646\u0647\u062c<\/span><span class=\"lang-en\">Syllabus Customization<\/span><\/h4>\n                  <p class=\"text-[10px] text-slate-500\"><span class=\"lang-ar\">\u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u062d\u0642\u064a\u0628\u0629 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641\u0643\u0645<\/span><span class=\"lang-en\">Build custom scenarios<\/span><\/p>\n                <\/div>\n                <div class=\"p-4 border rounded-xl bg-white shadow-sm\">\n                  <span class=\"text-xl block mb-1\">3\ufe0f\u20e3<\/span>\n                  <h4 class=\"font-bold text-xs mb-1\"><span class=\"lang-ar\">\u0627\u0644\u0648\u0631\u0634 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u0629<\/span><span class=\"lang-en\">Execution &#038; Lab<\/span><\/h4>\n                  <p class=\"text-[10px] text-slate-500\"><span class=\"lang-ar\">\u062a\u062f\u0631\u064a\u0628 \u062a\u0641\u0627\u0639\u0644\u064a \u0645\u0645\u062a\u0639 \u0648\u0639\u0645\u0644\u064a<\/span><span class=\"lang-en\">Conduct interactive workshops<\/span><\/p>\n                <\/div>\n                <div class=\"p-4 border rounded-xl bg-white shadow-sm\">\n                  <span class=\"text-xl block mb-1\">4\ufe0f\u20e3<\/span>\n                  <h4 class=\"font-bold text-xs mb-1\"><span class=\"lang-ar\">\u0642\u064a\u0627\u0633 \u0627\u0644\u0623\u062b\u0631<\/span><span class=\"lang-en\">Evaluation &#038; Impact<\/span><\/h4>\n                  <p class=\"text-[10px] text-slate-500\"><span class=\"lang-ar\">\u062a\u0633\u0644\u064a\u0645 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0648\u062b\u0642\u0629<\/span><span class=\"lang-en\">Evaluate ROI metrics<\/span><\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Custom Form Card (Separate B2B Proposal request) -->\n            <div class=\"bg-primary\/5 p-6 sm:p-8 rounded-2xl border border-primary\/10\">\n              <h3 class=\"text-lg font-bold text-slate-900 mb-4\">\n                <span class=\"lang-ar\">\u0627\u0637\u0644\u0628 \u0645\u0642\u062a\u0631\u062d\u064b\u0627 \u062a\u062f\u0631\u064a\u0628\u064a\u064b\u0627 \u0645\u062e\u0635\u0635\u064b\u0627 \u0644\u0645\u0648\u0638\u0641\u064a \u0634\u0631\u0643\u062a\u0643<\/span>\n                <span class=\"lang-en\">Request Bespoke B2B Training Proposal<\/span>\n              <\/h3>\n              \n              <form onsubmit=\"handleCorporateForm(event)\" class=\"space-y-4\">\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                      <span class=\"lang-ar\">\u0627\u0633\u0645 \u0627\u0644\u062c\u0647\u0629 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629<\/span><span class=\"lang-en\">Company \/ Organization<\/span>\n                    <\/label>\n                    <input type=\"text\" required class=\"w-full bg-white border border-slate-300 rounded-lg p-2.5 text-xs outline-none\" \/>\n                  <\/div>\n                  <div>\n                    <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                      <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/span><span class=\"lang-en\">Official Work Email<\/span>\n                    <\/label>\n                    <input type=\"email\" required class=\"w-full bg-white border border-slate-300 rounded-lg p-2.5 text-xs outline-none\" \/>\n                  <\/div>\n                <\/div>\n                <button type=\"submit\" class=\"w-full py-3 bg-[#1E8E5A] hover:bg-[#0B5FA5] text-white text-xs font-bold rounded-lg transition-colors\">\n                  <span class=\"lang-ar\">\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u0645\u0642\u062a\u0631\u062d \u0645\u0627\u0644\u064a \u0648\u0641\u0646\u064a<\/span>\n                  <span class=\"lang-en\">Submit RFP &#038; Contact Training Advisor<\/span>\n                <\/button>\n              <\/form>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ======================== PAGE: UPCOMING COURSES ======================== -->\n    <div id=\"page-courses\" class=\"page-view hidden\">\n      <div class=\"py-16 bg-slate-50\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center mb-12 space-y-2\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-primary block\">\n              <span class=\"lang-ar\">\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0641\u0648\u0631\u064a \u0644\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629<\/span>\n              <span class=\"lang-en\">REAL-TIME COHORT ENROLLMENT STATUS<\/span>\n            <\/span>\n            <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900\">\n              <span class=\"lang-ar\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a<\/span>\n              <span class=\"lang-en\">Upcoming Courses<\/span>\n            <\/h1>\n          <\/div>\n\n          <div class=\"bg-white border border-slate-200 rounded-2xl shadow-sm overflow-hidden\">\n            <div class=\"p-4 bg-primary text-white font-extrabold text-sm text-right rtl:text-right ltr:text-left\">\n              <span class=\"lang-ar\">\u062c\u062f\u0648\u0644 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0642\u0627\u062f\u0645\u0629 (\u0627\u0644\u0631\u0628\u0639 \u0627\u0644\u062d\u0627\u0644\u064a)<\/span>\n              <span class=\"lang-en\">Active Training Cohort Calendar<\/span>\n            <\/div>\n\n            <div id=\"upcoming-courses-list\" class=\"divide-y divide-slate-100\">\n              <!-- Loaded dynamically via JS -->\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ======================== PAGE: TRAINERS ======================== -->\n    <div id=\"page-trainers\" class=\"page-view hidden\">\n      <div class=\"py-16 bg-white\">\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center mb-12 space-y-2\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-gold block\">\n              <span class=\"lang-ar\">\u0645\u0633\u062a\u0634\u0627\u0631\u0648 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u062f\u0648\u0644\u064a\u0648\u0646 \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/span>\n              <span class=\"lang-en\">EXECUTIVE FACULTY DIRECTORY<\/span>\n            <\/span>\n            <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900\">\n              <span class=\"lang-ar\">\u0637\u0627\u0642\u0645\u0646\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f<\/span><span class=\"lang-en\">Our Expert Trainers<\/span>\n            <\/h1>\n          <\/div>\n\n          <div id=\"trainers-grid\" class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n            <!-- Loaded dynamically via JS -->\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ======================== PAGE: NEWS ======================== -->\n    <div id=\"page-news\" class=\"page-view hidden\">\n      <div class=\"py-16 bg-slate-50\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center mb-12 space-y-2\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-primary block\">\n              <span class=\"lang-ar\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u064a\u0629 \u0648\u0627\u0644\u0628\u062d\u0648\u062b \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629<\/span>\n              <span class=\"lang-en\">EXECUTIVE REVIEWS &#038; TRENDS<\/span>\n            <\/span>\n            <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900\">\n              <span class=\"lang-ar\">\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/span><span class=\"lang-en\">News &#038; Insights<\/span>\n            <\/h1>\n          <\/div>\n\n          <div id=\"news-list\" class=\"space-y-8 text-right rtl:text-right ltr:text-left\">\n            <!-- Loaded dynamically via JS -->\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ======================== PAGE: GALLERY ======================== -->\n    <div id=\"page-gallery\" class=\"page-view hidden\">\n      <div class=\"py-16 bg-white\">\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center mb-12 space-y-2\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-secondary block\">\n              <span class=\"lang-ar\">\u0623\u0644\u0628\u0648\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/span>\n              <span class=\"lang-en\">LIFE AT AL SARH<\/span>\n            <\/span>\n            <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900\">\n              <span class=\"lang-ar\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/span><span class=\"lang-en\">Gallery<\/span>\n            <\/h1>\n          <\/div>\n\n          <div id=\"gallery-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n            <!-- Loaded dynamically via JS -->\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ======================== PAGE: CONTACT ======================== -->\n    <div id=\"page-contact\" class=\"page-view hidden\">\n      <div class=\"py-16 bg-slate-50\">\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n          \n          <div class=\"text-center mb-12 space-y-2\">\n            <span class=\"text-xs uppercase tracking-widest font-extrabold text-primary block\">\n              <span class=\"lang-ar\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/span>\n              <span class=\"lang-en\">ADMISSIONS ADVISORY CENTERS<\/span>\n            <\/span>\n            <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900\">\n              <span class=\"lang-ar\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0644\u0644\u0628\u062f\u0621 \u0641\u064a \u0645\u0633\u0627\u0631\u0643<\/span><span class=\"lang-en\">Contact Us<\/span>\n            <\/h1>\n          <\/div>\n\n          <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n            \n            <!-- Contact details -->\n            <div class=\"space-y-8 text-right rtl:text-right ltr:text-left\">\n              <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm space-y-6\">\n                <h3 class=\"text-xl font-bold text-slate-900\">\n                  <span class=\"lang-ar\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0628\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d<\/span>\n                  <span class=\"lang-en\">Direct Contacts<\/span>\n                <\/h3>\n                \n                <div class=\"flex items-start space-x-3 rtl:space-x-reverse\">\n                  <div class=\"text-primary mt-1\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/><\/svg>\n                  <\/div>\n                  <div>\n                    <strong class=\"block text-xs text-slate-400\">\n                      <span class=\"lang-ar\">\u0645\u0642\u0631\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0628\u062f\u0628\u064a<\/span><span class=\"lang-en\">Location<\/span>\n                    <\/strong>\n                    <span class=\"text-xs font-semibold text-slate-700\">\n                      <span class=\"lang-ar\">\u0634\u0627\u0631\u0639 \u0627\u0644\u0634\u064a\u062e \u0632\u0627\u064a\u062f\u060c \u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629\u060c \u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/span>\n                      <span class=\"lang-en\">Sheikh Zayed Road, Elite Corporate Hubs, Dubai, United Arab Emirates<\/span>\n                    <\/span>\n                  <\/div>\n                <\/div>\n\n                <div class=\"flex items-start space-x-3 rtl:space-x-reverse\">\n                  <div class=\"text-secondary mt-1\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2a1 1 0 01-.321.988l-1.305.98a10.582 10.582 0 004.872 4.872l.98-1.305a1 1 0 01.988-.321l2.2.548a1 1 0 01.725.94V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/><\/svg>\n                  <\/div>\n                  <div>\n                    <strong class=\"block text-xs text-slate-400\">\n                      <span class=\"lang-ar\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/span><span class=\"lang-en\">Phone \/ WhatsApp<\/span>\n                    <\/strong>\n                    <span class=\"text-xs font-semibold text-slate-700\" dir=\"ltr\">+971 50 409 1842<\/span>\n                  <\/div>\n                <\/div>\n\n                <div class=\"flex items-start space-x-3 rtl:space-x-reverse\">\n                  <div class=\"text-gold mt-1\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\n                  <\/div>\n                  <div>\n                    <strong class=\"block text-xs text-slate-400\">\n                      <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645<\/span><span class=\"lang-en\">Email Address<\/span>\n                    <\/strong>\n                    <span class=\"text-xs font-semibold text-slate-700 font-inter\">info@alssarh.com<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <!-- WhatsApp Quick Access -->\n              <div class=\"bg-emerald-600 text-white p-6 rounded-2xl flex items-center justify-between\">\n                <div>\n                  <h4 class=\"font-bold text-sm sm:text-base\">\n                    <span class=\"lang-ar\">\u0645\u062d\u0627\u062f\u062b\u0629 \u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n                    <span class=\"lang-en\">Chat via WhatsApp<\/span>\n                  <\/h4>\n                  <p class=\"text-xs text-emerald-100\">\n                    <span class=\"lang-ar\">\u0645\u0633\u062a\u0634\u0627\u0631\u0648 \u0627\u0644\u0642\u0628\u0648\u0644 \u0645\u062a\u0635\u0644\u0648\u0646 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u062a\u0633\u0627\u0624\u0644\u0627\u062a\u0643 \u0648\u062a\u0648\u0636\u064a\u062d \u0631\u0642\u0645 \u0627\u0644\u062a\u0635\u0631\u064a\u062d.<\/span>\n                    <span class=\"lang-en\">Advisors are online to answer questions and clarify KHDA permit guidelines.<\/span>\n                  <\/p>\n                <\/div>\n                <a \n                  href=\"https:\/\/wa.me\/971504091842\" \n                  target=\"_blank\" \n                  rel=\"noopener noreferrer\"\n                  class=\"px-4 py-2 bg-white text-emerald-600 hover:bg-slate-100 font-extrabold text-xs rounded-xl transition-colors shrink-0\"\n                >\n                  <span class=\"lang-ar\">\u0645\u062d\u0627\u062f\u062b\u0629<\/span><span class=\"lang-en\">Chat Now<\/span>\n                <\/a>\n              <\/div>\n\n              <!-- Simulated Map Location -->\n              <div class=\"h-64 rounded-2xl bg-slate-200 border border-slate-300 relative overflow-hidden flex items-center justify-center text-center p-4\">\n                <div class=\"absolute inset-0 bg-gradient-to-tr from-slate-100 to-slate-200 flex flex-col items-center justify-center\">\n                  <svg class=\"w-12 h-12 text-[#0B5FA5] mb-2 animate-bounce\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/><\/svg>\n                  <span class=\"font-extrabold text-xs text-slate-800 block\">Sheikh Zayed Road, Dubai Hub<\/span>\n                  <span class=\"text-[10px] text-slate-400 block mt-1\">Simulated Map Location Marker<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Custom Interactive Form -->\n            <div class=\"bg-white p-6 sm:p-8 rounded-2xl border border-slate-200 shadow-sm\">\n              <h3 class=\"text-xl font-bold text-slate-900 mb-6\">\n                <span class=\"lang-ar\">\u0627\u0633\u062a\u0645\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0648\u0627\u0644\u0642\u0628\u0648\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/span>\n                <span class=\"lang-en\">Admissions Advisory Enquiry<\/span>\n              <\/h3>\n\n              <form onsubmit=\"handleRegistrationSubmit(event)\" class=\"space-y-4\">\n                <div>\n                  <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                    <span class=\"lang-ar\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/span><span class=\"lang-en\">Your Full Name<\/span>\n                  <\/label>\n                  <input type=\"text\" required class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs focus:ring-1 focus:ring-primary outline-none\" \/>\n                <\/div>\n\n                <div class=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                      <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u0647\u0646\u064a<\/span><span class=\"lang-en\">Work Email<\/span>\n                    <\/label>\n                    <input type=\"email\" required class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs focus:ring-1 focus:ring-primary outline-none\" \/>\n                  <\/div>\n                  <div>\n                    <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                      <span class=\"lang-ar\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/span><span class=\"lang-en\">WhatsApp \/ Phone<\/span>\n                    <\/label>\n                    <input type=\"tel\" required class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs focus:ring-1 focus:ring-primary outline-none\" \/>\n                  <\/div>\n                <\/div>\n\n                <div>\n                  <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                    <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/span><span class=\"lang-en\">Select Training Program<\/span>\n                  <\/label>\n                  <select id=\"contact-program-select\" class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs focus:ring-1 focus:ring-primary outline-none\">\n                    <!-- Options loaded from PROGRAMS_DATA -->\n                  <\/select>\n                <\/div>\n\n                <div>\n                  <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                    <span class=\"lang-ar\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0648\u0627\u0644\u0647\u062f\u0641 \u0645\u0646 \u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/span><span class=\"lang-en\">Brief Training Goals<\/span>\n                  <\/label>\n                  <textarea rows=\"4\" class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs focus:ring-1 focus:ring-primary outline-none\"><\/textarea>\n                <\/div>\n\n                <button \n                  type=\"submit\" \n                  class=\"w-full py-3 bg-gradient-to-r from-[#0B5FA5] to-[#1E8E5A] hover:from-[#1E8E5A] hover:to-[#0B5FA5] text-white text-xs font-bold rounded-lg transition-all shadow-sm\"\n                >\n                  <span class=\"lang-ar\">\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0648\u0627\u0644\u0642\u0628\u0648\u0644<\/span>\n                  <span class=\"lang-en\">Submit Secure Request<\/span>\n                <\/button>\n              <\/form>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/main>\n\n  <!-- ======================== FOOTER ======================== -->\n  <footer class=\"bg-[#0B1E33] text-slate-400 py-16 border-t border-slate-800 text-right rtl:text-right ltr:text-left\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      \n      <div class=\"grid grid-cols-1 md:grid-cols-12 gap-12 mb-12\">\n        \n        <!-- Corporate block -->\n        <div class=\"md:col-span-5 space-y-6\">\n          <div class=\"flex items-center space-x-3 rtl:space-x-reverse\">\n            <img decoding=\"async\" \n              src=\"logo.png\" \n              alt=\"\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d\" \n              class=\"h-12 w-auto object-contain max-w-[150px] bg-white\/10 p-1.5 rounded-lg\" \n              onerror=\"this.style.display='none'; document.getElementById('footer-logo-fallback').style.display='flex';\"\n            \/>\n            <div id=\"footer-logo-fallback\" style=\"display: none;\" class=\"w-10 h-10 rounded-xl bg-primary text-white flex items-center justify-center text-lg font-black shadow-sm\">\n              <span>\u0635<\/span>\n            <\/div>\n            <div>\n              <span class=\"block text-base font-extrabold text-white tracking-tight\">\n                <span class=\"lang-ar\">\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a<\/span>\n                <span class=\"lang-en\">Al Sarh Institute<\/span>\n              <\/span>\n              <span class=\"block text-[10px] text-slate-500 uppercase\">\n                KHDA &#8211; permit no. 631162\n              <\/span>\n            <\/div>\n          <\/div>\n          <p class=\"text-xs text-slate-400 leading-relaxed max-w-sm\">\n            <span class=\"lang-ar\">\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0647\u0648 \u0645\u0646\u0635\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0631\u0627\u0626\u062f\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0628\u062f\u0628\u064a\u060c \u062a\u0642\u062f\u0645 \u0623\u0641\u0636\u0644 \u0628\u0631\u0627\u0645\u062c \u0648\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0642\u064a\u0627\u062f\u064a \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629.<\/span>\n            <span class=\"lang-en\">Al Sarh Institute is a premium training provider in Dubai providing state-of-the-art professional development pathways accredited by Dubai KHDA.<\/span>\n          <\/p>\n          <div class=\"inline-flex items-center px-3.5 py-1 rounded-full text-[10px] bg-emerald-500\/10 text-emerald-400 border border-emerald-500\/20 font-bold\">\n            Dubai Government Accredited Setup\n          <\/div>\n        <\/div>\n\n        <!-- Quick Links -->\n        <div class=\"md:col-span-3 space-y-4\">\n          <h4 class=\"text-xs uppercase tracking-widest font-extrabold text-white\">\n            <span class=\"lang-ar\">\u0631\u0648\u0627\u0628\u0637 \u062a\u0647\u0645\u0643<\/span><span class=\"lang-en\">Useful Links<\/span>\n          <\/h4>\n          <ul class=\"space-y-2 text-xs\">\n            <li><button onclick=\"showPage('home')\" class=\"hover:text-white block transition-colors text-slate-400\"><span class=\"lang-ar\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span><span class=\"lang-en\">Home<\/span><\/button><\/li>\n            <li><button onclick=\"showPage('about')\" class=\"hover:text-white block transition-colors text-slate-400\"><span class=\"lang-ar\">\u0639\u0646 \u0627\u0644\u0645\u0639\u0647\u062f<\/span><span class=\"lang-en\">About Us<\/span><\/button><\/li>\n            <li><button onclick=\"showPage('programs')\" class=\"hover:text-white block transition-colors text-slate-400\"><span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/span><span class=\"lang-en\">Training Programs<\/span><\/button><\/li>\n            <li><button onclick=\"showPage('corporate')\" class=\"hover:text-white block transition-colors text-slate-400\"><span class=\"lang-ar\">\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0635\u0629<\/span><span class=\"lang-en\">Corporate Training<\/span><\/button><\/li>\n            <li><button onclick=\"showPage('contact')\" class=\"hover:text-white block transition-colors text-slate-400\"><span class=\"lang-ar\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0644\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/span><span class=\"lang-en\">Contact Us<\/span><\/button><\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Top programs links -->\n        <div class=\"md:col-span-4 space-y-4\">\n          <h4 class=\"text-xs uppercase tracking-widest font-extrabold text-white\">\n            <span class=\"lang-ar\">\u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/span><span class=\"lang-en\">Key Specialized Programs<\/span>\n          <\/h4>\n          <ul class=\"space-y-2 text-xs\" id=\"footer-programs-list\">\n            <!-- Loaded from JS -->\n          <\/ul>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"pt-8 border-t border-slate-800 flex flex-col sm:flex-row items-center justify-between text-xs gap-4 text-slate-500\">\n        <span>\n          <span class=\"lang-ar\">\u00a9 2026 \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629. \u062a\u0631\u062e\u064a\u0635 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 631162.<\/span>\n          <span class=\"lang-en\">\u00a9 2026 Al Sarh Institute for Training &#038; Professional Development. All Rights Reserved. KHDA permit 631162.<\/span>\n        <\/span>\n        <div class=\"flex space-x-4 rtl:space-x-reverse font-semibold text-slate-500 text-xs\">\n          <a href=\"https:\/\/www.linkedin.com\/company\/alsarh-uae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-all\">LinkedIn<\/a>\n          <a href=\"https:\/\/www.instagram.com\/alsrh.ae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-all\">Instagram<\/a>\n          <a href=\"https:\/\/www.facebook.com\/alsrh.ae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-all\">Facebook<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/footer>\n\n  <!-- ======================== DETAILED INTERACTIVE PROGRAM MODAL ======================== -->\n  <div id=\"program-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-900\/75 backdrop-blur-sm\">\n    <div class=\"bg-white rounded-3xl shadow-2xl border border-slate-100 max-w-2xl w-full max-h-[85vh] overflow-y-auto transform transition-all duration-300\">\n      \n      <!-- Modal Head -->\n      <div class=\"p-6 bg-[#0B5FA5] text-white flex items-center justify-between sticky top-0 z-10\">\n        <div>\n          <span id=\"modal-category\" class=\"text-[10px] uppercase font-bold tracking-widest text-sky-200\">\n            Field Category\n          <\/span>\n          <h3 id=\"modal-title\" class=\"text-lg sm:text-xl font-extrabold mt-1\">\n            Program title\n          <\/h3>\n        <\/div>\n        <button \n          onclick=\"closeProgramModal()\"\n          class=\"text-white hover:bg-white\/15 p-2 rounded-full focus:outline-none bg-white\/10\"\n        >\n          <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>\n        <\/button>\n      <\/div>\n\n      <!-- Modal Body -->\n      <div class=\"p-6 sm:p-8 space-y-6 text-right rtl:text-right ltr:text-left\">\n        \n        <!-- Duration and Level info -->\n        <div class=\"grid grid-cols-2 gap-4 bg-slate-50 p-4 rounded-2xl border border-slate-100 text-xs\">\n          <div>\n            <span class=\"block text-slate-400 uppercase font-semibold text-[10px]\">\n              <span class=\"lang-ar\">\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0644\u0644\u0628\u0631\u0646\u0627\u0645\u062c<\/span><span class=\"lang-en\">Program Duration<\/span>\n            <\/span>\n            <span id=\"modal-duration\" class=\"text-slate-800 font-bold text-sm\">&#8212;<\/span>\n          <\/div>\n          <div>\n            <span class=\"block text-slate-400 uppercase font-semibold text-[10px]\">\n              <span class=\"lang-ar\">\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a<\/span><span class=\"lang-en\">Program Level<\/span>\n            <\/span>\n            <span id=\"modal-level\" class=\"text-[#B89047] font-bold text-sm\">&#8212;<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Details -->\n        <div class=\"space-y-2\">\n          <h4 class=\"font-extrabold text-slate-900 text-sm sm:text-base border-s-4 border-primary px-2.5\">\n            <span class=\"lang-ar\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0648\u0645\u0642\u062f\u0645\u0629 \u0627\u0644\u0645\u0633\u0627\u0631<\/span>\n            <span class=\"lang-en\">Program Description &#038; Insights<\/span>\n          <\/h4>\n          <p id=\"modal-desc\" class=\"text-xs sm:text-sm text-slate-600 leading-relaxed\">\n            Description\n          <\/p>\n        <\/div>\n\n        <!-- Curriculum Axes -->\n        <div class=\"space-y-3\">\n          <h4 class=\"font-extrabold text-slate-900 text-sm sm:text-base border-s-4 border-secondary px-2.5\">\n            <span class=\"lang-ar\">\u0645\u062d\u0627\u0648\u0631 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/span>\n            <span class=\"lang-en\">Core Syllabus Axes &#038; Pillars<\/span>\n          <\/h4>\n          <div id=\"modal-axes-container\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-2.5\">\n            <!-- Dynamic checkboxes loaded via JS -->\n          <\/div>\n        <\/div>\n\n        <!-- Target Audience -->\n        <div class=\"space-y-2\">\n          <h4 class=\"font-extrabold text-slate-900 text-sm sm:text-base border-s-4 border-[#B89047] px-2.5\">\n            <span class=\"lang-ar\">\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0628\u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0648\u0627\u0644\u062a\u0645\u0643\u064a\u0646<\/span>\n            <span class=\"lang-en\">Target Audience<\/span>\n          <\/h4>\n          <p id=\"modal-audience\" class=\"text-xs sm:text-sm text-slate-600 font-medium\">\n            Audience\n          <\/p>\n        <\/div>\n\n        <!-- CTA Booking section inside Modal -->\n        <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between gap-4\">\n          <span class=\"text-xs text-slate-400 font-bold\">\n            KHDA permit 631162\n          <\/span>\n          <button\n            id=\"modal-book-btn\"\n            class=\"px-6 py-3 bg-gradient-to-r from-[#0B5FA5] to-[#1E8E5A] text-white text-xs font-bold rounded-xl shadow-md hover:opacity-90 transition-all\"\n          >\n            <span class=\"lang-ar\">\u062a\u0623\u0643\u064a\u062f \u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0628\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c<\/span>\n            <span class=\"lang-en\">Book &#038; Enquire Now<\/span>\n          <\/button>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ======================== DETAILED INTERACTIVE ARTICLE MODAL ======================== -->\n  <div id=\"article-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-900\/70 backdrop-blur-sm\">\n    <div class=\"bg-white rounded-3xl shadow-2xl border border-slate-100 max-w-2xl w-full max-h-[85vh] overflow-y-auto transform transition-all duration-300\">\n      \n      <!-- Modal Header -->\n      <div class=\"p-6 bg-slate-900 text-white flex items-center justify-between sticky top-0 z-10\">\n        <div>\n          <span class=\"text-[10px] uppercase font-bold tracking-widest text-[#B89047]\">\n            <span class=\"lang-ar\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u064a\u0629 \u0648\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0645\u0639\u0647\u062f<\/span>\n            <span class=\"lang-en\">Al Sarh Institute Insights<\/span>\n          <\/span>\n          <h3 id=\"art-modal-title\" class=\"text-base sm:text-lg font-bold mt-1\">\n            Article Title\n          <\/h3>\n        <\/div>\n        <button \n          onclick=\"closeArticleModal()\"\n          class=\"text-white hover:bg-white\/10 p-2 rounded-full focus:outline-none bg-white\/5\"\n        >\n          <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>\n        <\/button>\n      <\/div>\n\n      <!-- Modal Body -->\n      <div class=\"p-6 sm:p-8 space-y-6 text-right rtl:text-right ltr:text-left\">\n        \n        <div class=\"flex items-center space-x-2 rtl:space-x-reverse text-xs text-slate-400 font-semibold\">\n          <span id=\"art-modal-date\">Date<\/span>\n          <span>\u2022<\/span>\n          <span id=\"art-modal-readtime\">Read Time<\/span>\n        <\/div>\n\n        <div class=\"text-slate-700 text-sm leading-relaxed space-y-4\">\n          <p id=\"art-modal-summary\" class=\"font-semibold text-slate-900 text-base\">\n            Summary\n          <\/p>\n          <div id=\"art-modal-body\" class=\"whitespace-pre-line text-slate-600\">\n            Full body paragraph content&#8230;\n          <\/div>\n        <\/div>\n\n        <div class=\"pt-6 border-t border-slate-100 flex flex-col sm:flex-row items-center justify-between gap-4\">\n          <span class=\"text-xs text-slate-400\">\n            Al Sarh Executive Training Center (Dubai KHDA Authorized)\n          <\/span>\n          <button\n            onclick=\"closeArticleModal(); showPage('contact');\"\n            class=\"px-6 py-2.5 bg-[#0B5FA5] text-white text-xs font-bold rounded-lg transition-all\"\n          >\n            <span class=\"lang-ar\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0644\u0644\u0628\u0631\u0627\u0645\u062c \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629<\/span>\n            <span class=\"lang-en\">Contact Advisor for Related Courses<\/span>\n          <\/button>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ======================== SEAT REGISTRATION \/ INQUIRY MODAL ======================== -->\n  <div id=\"reg-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-900\/60 backdrop-blur-sm\">\n    <div class=\"bg-white rounded-2xl shadow-2xl border border-slate-200 max-w-lg w-full overflow-hidden transform transition-all duration-300\">\n      \n      <div class=\"px-6 py-4 bg-primary text-white flex items-center justify-between\">\n        <div>\n          <h3 class=\"text-base font-extrabold\">\n            <span class=\"lang-ar\">\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u062d\u062c\u0632 \u0627\u0644\u0645\u0642\u0627\u0639\u062f \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629<\/span>\n            <span class=\"lang-en\">Register Interest &#038; Seat Booking<\/span>\n          <\/h3>\n          <span id=\"reg-modal-subtitle\" class=\"text-[10px] text-sky-200 block\">\n            Direct Admission Advisor Request\n          <\/span>\n        <\/div>\n        <button \n          onclick=\"closeRegModal()\"\n          class=\"text-white hover:text-slate-200 focus:outline-none p-1.5 rounded-full bg-white\/10\"\n        >\n          <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>\n        <\/button>\n      <\/div>\n\n      <div class=\"p-6\">\n        <form onsubmit=\"handleRegistrationSubmit(event)\" class=\"space-y-4 text-right rtl:text-right ltr:text-left\">\n          <div>\n            <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n              <span class=\"lang-ar\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0634\u0627\u0631\u0643<\/span><span class=\"lang-en\">Full Name<\/span>\n            <\/label>\n            <input type=\"text\" required class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs outline-none focus:ring-1 focus:ring-primary\" \/>\n          <\/div>\n\n          <div class=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u0647\u0646\u064a<\/span><span class=\"lang-en\">Business Email<\/span>\n              <\/label>\n              <input type=\"email\" required class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs outline-none focus:ring-1 focus:ring-primary\" \/>\n            <\/div>\n            <div>\n              <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n                <span class=\"lang-ar\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/span><span class=\"lang-en\">Phone \/ WhatsApp<\/span>\n              <\/label>\n              <input type=\"tel\" required class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs outline-none focus:ring-1 focus:ring-primary\" \/>\n            <\/div>\n          <\/div>\n\n          <div>\n            <label class=\"block text-xs text-slate-700 font-bold mb-1\">\n              <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/span><span class=\"lang-en\">Target Training Program<\/span>\n            <\/label>\n            <select id=\"modal-program-select\" class=\"w-full bg-slate-50 border border-slate-300 rounded-lg p-2.5 text-xs outline-none focus:ring-1 focus:ring-primary\">\n              <!-- Options loaded dynamically -->\n            <\/select>\n          <\/div>\n\n          <div class=\"pt-2\">\n            <button \n              type=\"submit\" \n              class=\"w-full py-3 bg-gradient-to-r from-primary to-secondary text-white text-xs font-bold rounded-lg transition-all shadow-md\"\n            >\n              <span class=\"lang-ar\">\u062a\u0623\u0643\u064a\u062f \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u0622\u0645\u0646 \u0627\u0644\u0622\u0646<\/span>\n              <span class=\"lang-en\">Register Securely Now<\/span>\n            <\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ======================== NOTIFICATION CUSTOM ALERT DIALOG ======================== -->\n  <div id=\"notification-toast\" class=\"hidden fixed bottom-5 right-5 left-5 sm:left-auto z-50 bg-[#1E8E5A] text-white px-6 py-4 rounded-xl shadow-2xl flex items-center space-x-3 rtl:space-x-reverse max-w-sm\">\n    <span class=\"text-xl\">\ud83c\udf89<\/span>\n    <div>\n      <h5 class=\"font-bold text-xs\"><span class=\"lang-ar\">\u062a\u0645 \u0628\u0646\u062c\u0627\u062d!<\/span><span class=\"lang-en\">Success!<\/span><\/h5>\n      <p class=\"text-[10px] text-emerald-100 leading-snug\">\n        <span class=\"lang-ar\">\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0628\u0646\u062c\u0627\u062d. \u0633\u064a\u0642\u0648\u0645 \u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u0642\u0628\u0648\u0644 \u0628\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0641\u064a \u063a\u0636\u0648\u0646 24 \u0633\u0627\u0639\u0629.<\/span>\n        <span class=\"lang-en\">We have received your advisory request. Our academic specialist will reach out within 24 hours.<\/span>\n      <\/p>\n    <\/div>\n  <\/div>\n\n\n  <!-- ======================== DATA ENGINE & GLOBAL INTERACTIVE SCRIPT ======================== -->\n  <script>\n    \/\/ --- GLOBAL STATE ---\n    let currentLang = 'ar'; \/\/ Default language Arabic\n    let currentCategory = 'all';\n    let currentTestimonialIdx = 0;\n\n    \/\/ --- STATIC BILINGUAL DATABASE ---\n    const PROGRAMS_DATA = [\n      { \n        id: \"p1\", \n        cat: \"management\", \n        en: { \n          title: \"Executive Leadership & Strategic Governance\", \n          desc: \"An advanced masterclass crafted for C-suite directors seeking highly resilient strategic decision-making paradigms.\",\n          details: \"This comprehensive leadership program is designed to cultivate agile management capabilities, robust vision statement designs, and executive adaptability in global volatile business landscapes.\",\n          axes: [\"Strategic Governance Models\", \"Crisis Leadership & Resilience\", \"Dynamic Decision-making Frameworks\", \"Organizational Trust Architectures\"],\n          audience: \"Board Directors, Chief Executive Officers, General Managers, Senior Executives\"\n        }, \n        ar: { \n          title: \"\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\", \n          desc: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062a\u0643\u0627\u0645\u0644 \u0645\u0635\u0645\u0645 \u0644\u0623\u0639\u0636\u0627\u0621 \u0645\u062c\u0627\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u064a\u0646 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.\",\n          details: \"\u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u0644\u0649 \u0635\u0642\u0644 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627 \u0648\u062a\u0637\u0648\u064a\u0631 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0631\u0634\u064a\u0642\u0629 \u0644\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0641\u064a \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0648\u0645\u0648\u0627\u0626\u0645\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629.\",\n          axes: [\"\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\", \"\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0632\u0645\u0627\u062a \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629\", \"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0641\u064a \u0638\u0631\u0648\u0641 \u0627\u0644\u063a\u0645\u0648\u0636 \u0648\u0627\u0644\u062a\u0642\u0644\u0628\", \"\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0628\u0646\u0627\u0621 \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629\"],\n          audience: \"\u0623\u0639\u0636\u0627\u0621 \u0645\u062c\u0627\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629\u060c \u0627\u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0648\u0646\u060c \u0631\u0624\u0633\u0627\u0621 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0648\u0645\"\n        },\n        durationEn: \"5 Days\", durationAr: \"\u0665 \u0623\u064a\u0627\u0645\", levelEn: \"Executive Level\", levelAr: \"\u0645\u0633\u062a\u0648\u0649 \u062a\u0646\u0641\u064a\u0630\u064a\"\n      },\n      { \n        id: \"p2\", \n        cat: \"ai\", \n        en: { \n          title: \"Applied Generative AI for Executive Management\", \n          desc: \"No-code implementation frameworks of Generative AI, GPT agents, and process automation tools for modern managers.\",\n          details: \"Gain immediate leverage in workflow automation, content creation cycles, predictive business modeling, and automated executive dashboards without coding barriers.\",\n          axes: [\"Generative AI & LLM Core Concepts\", \"Workflow Optimization via Custom GPT Agents\", \"AI-driven Data Analysis for Executives\", \"Ethical AI Boundaries & Privacy\"],\n          audience: \"Executive Directors, Head of Operations, Digital Transformation Officers, Strategic Leads\"\n        }, \n        ar: { \n          title: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a \u0644\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629\", \n          desc: \"\u0623\u0637\u0631 \u0639\u0645\u0644 \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u0628\u062f\u0648\u0646 \u0628\u0631\u0645\u062c\u0629 \u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062a\u0648\u0644\u064a\u062f\u064a\u060c \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629\u060c \u0648\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0644\u0645\u062f\u0631\u0627\u0621.\",\n          details: \"\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0642\u0627\u062f\u0629 \u0648\u0627\u0644\u0645\u062f\u0631\u0627\u0621 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u063a\u0644\u0627\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0631\u0641\u0639 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.\",\n          axes: [\"\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062a\u0648\u0644\u064a\u062f\u064a \u0648\u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0644\u063a\u0648\u064a\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629\", \"\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0648\u0643\u0644\u0627\u0621 GPT \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0644\u0645\u062f\u064a\u0631\", \"\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\", \"\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u0645\u0646 \u0648\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 \u0648\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\"],\n          audience: \"\u0627\u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0648\u0646\u060c \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0631\u0624\u0633\u0627\u0621 \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c \u0648\u0645\u0633\u0624\u0648\u0644\u0648 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\"\n        },\n        durationEn: \"4 Days\", durationAr: \"\u0664 \u0623\u064a\u0627\u0645\", levelEn: \"Advanced Tech\", levelAr: \"\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0645\u062a\u0642\u062f\u0645\u0629\"\n      },\n      { \n        id: \"p3\", \n        cat: \"bizdev\", \n        en: { \n          title: \"Strategic Business Development & Market Expansion\", \n          desc: \"Equip your business development teams with tools to map new segments, scale operations, and secure high-yield partnerships.\",\n          details: \"An intensive pathway detailing competitive intelligence, negotiation techniques for high-value contracts, and go-to-market strategies aligned with modern commercial ecosystems.\",\n          axes: [\"Competitive Landscape Mapping\", \"Value Proposition Design & Pricing Models\", \"Strategic Partner Alignment\", \"B2B Sales Optimization & CRM Integration\"],\n          audience: \"Business Development Directors, Sales Managers, Corporate Growth Planners, Entrepreneurs\"\n        }, \n        ar: { \n          title: \"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642\", \n          desc: \"\u062a\u0645\u0643\u064a\u0646 \u0641\u0631\u0642 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0645\u0646 \u0631\u0633\u0645 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u060c \u0648\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0643\u0628\u0631\u0649 \u0628\u0633\u0644\u0627\u0633\u0629.\",\n          details: \"\u0645\u0633\u0627\u0631 \u062a\u062f\u0631\u064a\u0628\u064a \u0645\u0643\u062b\u0641 \u064a\u0642\u062f\u0645 \u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0641\u064a \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646\u060c \u0635\u064a\u0627\u063a\u0629 \u0639\u0631\u0648\u0636 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u062e\u062f\u0645\u0627\u062a\u060c \u0648\u0641\u0646\u0648\u0646 \u0627\u0644\u062a\u0641\u0627\u0648\u0636 \u0648\u0625\u0628\u0631\u0627\u0645 \u0627\u0644\u0635\u0641\u0642\u0627\u062a \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629.\",\n          axes: [\"\u062a\u062d\u0644\u064a\u0644 \u0648\u0631\u0633\u0645 \u062e\u0631\u0627\u0626\u0637 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0648\u0627\u0644\u0641\u0631\u0635\", \"\u062a\u0635\u0645\u064a\u0645 \u0639\u0631\u0648\u0636 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u062a\u0633\u0639\u064a\u0631\", \"\u0627\u0644\u062a\u062d\u0627\u0644\u0641\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0625\u0628\u0631\u0627\u0645 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629\", \"\u0623\u062f\u0648\u0627\u062a \u0645\u0628\u064a\u0639\u0627\u062a B2B \u0648\u062a\u0637\u0648\u064a\u0631 \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u062f\u0641\u0642 \u0627\u0644\u0645\u0627\u0644\u064a\"],\n          audience: \"\u0645\u062f\u0631\u0627\u0621 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0645\u0633\u0624\u0648\u0644\u0648 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0648\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\"\n        },\n        durationEn: \"4 Weeks\", durationAr: \"\u0664 \u0623\u0633\u0627\u0628\u064a\u0639\", levelEn: \"Professional\", levelAr: \"\u0645\u0647\u0646\u064a \u0645\u062a\u062e\u0635\u0635\"\n      },\n      { \n        id: \"p4\", \n        cat: \"hr\", \n        en: { \n          title: \"Human Capital Strategy & HR Predictive Analytics\", \n          desc: \"Shift HR functions into analytical strategic contributors with data science integration and workforce planning.\",\n          details: \"Deploy advanced retention models, predictive hiring architectures, and high-impact performance auditing models within your team.\",\n          axes: [\"Workforce Analytics & Metrics\", \"Predictive Talent Retention Strategies\", \"Digital Transformation in HR\", \"KPI Design & Organizational Audit\"],\n          audience: \"CHROs, HR Directors, Talent Development Managers, Organization Designers\"\n        }, \n        ar: { \n          title: \"\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0631\u0623\u0633 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0628\u0634\u0631\u064a \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u062a\u0646\u0628\u0624\u064a\u0629\", \n          desc: \"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0628\u0625\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0644\u062a\u0635\u0628\u062d \u0645\u0633\u0627\u0647\u0645\u0627\u064b \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u064b \u0645\u062f\u0639\u0648\u0645\u0627\u064b \u0628\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0646\u0628\u0624 \u0627\u0644\u0630\u0643\u064a\u0629.\",\n          details: \"\u064a\u0631\u0643\u0632 \u0647\u0630\u0627 \u0627\u0644\u0645\u0633\u0627\u0631 \u0639\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0644\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629\u060c \u0648\u062a\u0635\u0645\u064a\u0645 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u0628\u0646\u0627\u0621 \u062b\u0642\u0627\u0641\u0629 \u062a\u0646\u0628\u0624\u064a\u0629 \u0644\u0644\u062d\u062f \u0645\u0646 \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0648\u0647\u0648\u0628\u0629 \u0648\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631.\",\n          axes: [\"\u0645\u0646\u0647\u062c\u064a\u0629 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0648\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621\", \"\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062a\u0646\u0628\u0626\u064a \u0644\u0644\u0645\u0648\u0627\u0647\u0628 \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u062a\u0633\u0631\u0628 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a\", \"\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641\", \"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0644\u0644\u0623\u062f\u0627\u0621\"],\n          audience: \"\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c \u0631\u0624\u0633\u0627\u0621 \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0647\u0628\u060c \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0648 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\"\n        },\n        durationEn: \"3 Days\", durationAr: \"\u0663 \u0623\u064a\u0627\u0645\", levelEn: \"Specialist\", levelAr: \"\u0623\u062e\u0635\u0627\u0626\u064a \u0645\u062a\u0645\u0643\u0646\"\n      },\n      { \n        id: \"p5\", \n        cat: \"governance\", \n        en: { \n          title: \"Corporate Risk Management & Internal Compliance\", \n          desc: \"Master risk assessment frameworks, institutional compliance auditing, and anti-fraud protocols perfectly.\",\n          details: \"Understand contemporary governance models, sovereign frameworks, and how to execute internal compliance audits safely.\",\n          axes: [\"Enterprise Risk Management (ERM)\", \"Internal Control Frameworks & COSO\", \"Regulatory Compliance Systems\", \"Fraud Prevention & Detection Standards\"],\n          audience: \"Compliance Officers, Risk Managers, Internal Auditors, Corporate Advisors\"\n        }, \n        ar: { \n          title: \"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\", \n          desc: \"\u0625\u062a\u0642\u0627\u0646 \u0646\u0645\u0627\u0630\u062c \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u060c \u0648\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0645\u0646\u0639 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0644 \u0627\u0644\u0645\u0627\u0644\u064a \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0628\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a.\",\n          details: \"\u064a\u0642\u062f\u0645 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u062f\u0644\u064a\u0644\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0627\u064b \u0644\u062a\u0637\u0628\u064a\u0642 \u0645\u0646\u0647\u062c\u064a\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0628\u0645\u0627 \u064a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0631\u0634\u064a\u062f\u0629.\",\n          axes: [\"\u0623\u0637\u0631 \u0625\u062f\u0627\u0631\u0629 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629 (ERM)\", \"\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0645\u0631\u062c\u0639\u064a\u0627\u062a COSO\", \"\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u064a \u0641\u064a \u062f\u0628\u064a\", \"\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0643\u0634\u0641 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0644 \u0648\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\"],\n          audience: \"\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629\u060c \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0627\u0644\u0645\u062f\u0642\u0642\u0648\u0646 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0648\u0646\u060c \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0648\u0646\"\n        },\n        durationEn: \"5 Days\", durationAr: \"\u0665 \u0623\u064a\u0627\u0645\", levelEn: \"Executive Level\", levelAr: \"\u0645\u0633\u062a\u0648\u0649 \u062a\u0646\u0641\u064a\u0630\u064a\"\n      },\n      { \n        id: \"p6\", \n        cat: \"healthcare\", \n        en: { \n          title: \"Healthcare Facilities Quality & Safety Management\", \n          desc: \"Equip medical administrators with certified clinical auditing methods and modern safety excellence standards.\",\n          details: \"An in-depth review of international hospital standards, patient safety KPIs, quality tools, and compliance paths.\",\n          axes: [\"Clinical Audit Methodologies\", \"Patient Safety Standards & KPIs\", \"Quality Improvement Tools (Lean\/Six Sigma)\", \"Healthcare Regulation Alignment\"],\n          audience: \"Hospital Administrators, Quality Managers, Nursing Directors, Medical Advisors\"\n        }, \n        ar: { \n          title: \"\u0625\u062f\u0627\u0631\u0629 \u062c\u0648\u062f\u0629 \u0648\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u062d\u064a\u0629\", \n          desc: \"\u062a\u0645\u0643\u064a\u0646 \u0625\u062f\u0627\u0631\u064a\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0645\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0645\u0639\u062a\u0645\u062f.\",\n          details: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u0647\u0646\u064a \u064a\u0647\u062f\u0641 \u0644\u0631\u0641\u0639 \u062c\u0648\u062f\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0637\u0628\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0639\u0631\u064a\u0641 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u062f\u0648\u0644\u064a\u0629\u060c \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\u060c \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u0642\u064a\u0627\u0633 \u062c\u0648\u062f\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.\",\n          axes: [\"\u0645\u0646\u0647\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u064a\", \"\u0645\u0639\u0627\u064a\u064a\u0631 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0637\u0628\u064a\u0629\", \"\u0623\u062f\u0648\u0627\u062a \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 (\u0645\u0646\u0647\u062c\u064a\u0629 \u0644\u064a\u0646 \u06486 \u0633\u064a\u062c\u0645\u0627)\", \"\u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0644\u064a\u0629\"],\n          audience: \"\u0625\u062f\u0627\u0631\u064a\u0648 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a\u060c \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u062c\u0648\u062f\u0629 \u0628\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u062d\u064a\u060c \u0631\u0624\u0633\u0627\u0621 \u0627\u0644\u062a\u0645\u0631\u064a\u0636\u060c \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646 \u0627\u0644\u0637\u0628\u064a\u0648\u0646\"\n        },\n        durationEn: \"6 Days\", durationAr: \"\u0666 \u0623\u064a\u0627\u0645\", levelEn: \"Specialist\", levelAr: \"\u0623\u062e\u0635\u0627\u0626\u064a \u0645\u0647\u0646\u064a\"\n      }\n    ];\n\n    const UPCOMING_COURSES = [\n      { id: \"c1\", programId: \"p1\", date: \"July 26, 2026\", arabicDate: \"\u0662\u0666 \u064a\u0648\u0644\u064a\u0648 \u0662\u0660\u0662\u0666\", format: \"Hybrid \/ Dubai Hall\", formatAr: \"\u0647\u062c\u064a\u0646 \/ \u0642\u0627\u0639\u0627\u062a \u062f\u0628\u064a\", seats: 4, fee: \"$1,200\" },\n      { id: \"c2\", programId: \"p2\", date: \"August 02, 2026\", arabicDate: \"\u0660\u0662 \u0623\u063a\u0633\u0637\u0633 \u0662\u0660\u0662\u0666\", format: \"Live Virtual Stream\", formatAr: \"\u0628\u062b \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0645\u0628\u0627\u0634\u0631\", seats: 11, fee: \"$850\" },\n      { id: \"c3\", programId: \"p4\", date: \"August 15, 2026\", arabicDate: \"\u0661\u0665 \u0623\u063a\u0633\u0637\u0633 \u0662\u0660\u0662\u0666\", format: \"In-Person \/ Dubai Hub\", formatAr: \"\u062d\u0636\u0648\u0631\u064a \/ \u062f\u0628\u064a\", seats: 6, fee: \"$1,450\" }\n    ];\n\n    const TRAINERS_DATA = [\n      {\n        id: \"t1\",\n        nameEn: \"Dr. Faris Al-Mansoori\",\n        nameAr: \"\u062f. \u0641\u0627\u0631\u0633 \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u064a\",\n        roleEn: \"Senior Executive Advisor & Leadership Consultant\",\n        roleAr: \"\u0643\u0628\u064a\u0631 \u0645\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\",\n        bioEn: \"Over 20 years leading public-sector training initiatives. Ph.D. in Strategic Management from University of London.\",\n        bioAr: \"\u062e\u0628\u0631\u0629 \u062a\u0632\u064a\u062f \u0639\u0646 \u0662\u0660 \u0639\u0627\u0645\u0627\u064b \u0641\u064a \u0642\u064a\u0627\u062f\u0629 \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0642\u064a\u0627\u062f\u064a \u0644\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649 \u0648\u0627\u0644\u0645\u062d\u0644\u064a\u0629.\",\n        img: \"\ud83d\udc54\"\n      },\n      {\n        id: \"t2\",\n        nameEn: \"Prof. Sarah Jenkins\",\n        nameAr: \"\u0623.\u062f. \u0633\u0627\u0631\u0629 \u062c\u064a\u0646\u0643\u064a\u0646\u0632\",\n        roleEn: \"Global AI & Innovation Framework Architect\",\n        roleAr: \"\u0623\u062e\u0635\u0627\u0626\u064a\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\",\n        bioEn: \"Advises enterprise boards on technology ethics & generative AI business adoption systems.\",\n        bioAr: \"\u0645\u0633\u062a\u0634\u0627\u0631\u0629 \u0643\u0628\u0631\u0649 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u062a\u0628\u0646\u064a \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0627\u0644\u062d\u062f\u064a\u062b.\",\n        img: \"\ud83d\udc69\u200d\ud83c\udfeb\"\n      },\n      {\n        id: \"t3\",\n        nameEn: \"Dr. Tariq Al-Sabah\",\n        nameAr: \"\u062f. \u0637\u0627\u0631\u0642 \u0627\u0644\u0635\u0628\u0627\u062d\",\n        roleEn: \"Corporate Governance & Compliance Executive\",\n        roleAr: \"\u062e\u0628\u064a\u0631 \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\",\n        bioEn: \"Ex-compliance auditor with a brilliant history shaping sovereign fund governance models.\",\n        bioAr: \"\u0645\u0631\u0627\u0642\u0628 \u0627\u0645\u062a\u062b\u0627\u0644 \u0645\u0627\u0644\u064a \u0633\u0627\u0628\u0642 \u0648\u0645\u0635\u0645\u0645 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0631\u0634\u064a\u062f\u0629 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0635\u0646\u0627\u062f\u064a\u0642 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629.\",\n        img: \"\ud83d\udcbc\"\n      }\n    ];\n\n    const NEWS_DATA = [\n      {\n        id: \"n1\",\n        en: { \n          title: \"How Gen-AI Re-shapes Executive Leadership\", \n          summary: \"In 2026, leadership is about co-operating with digital agents. Here is how modern boards adapt.\", \n          date: \"June 25, 2026\",\n          body: \"The landscape of executive leadership has irrevocably changed. With the emergence of cognitive agents, large language models, and automated business analytic frameworks, modern executives are shifting focus. Leading an organization in 2026 demands AI literacy. At Al Sarh Institute, our new programs empower executives to transition from passive viewers to active AI prompt orchestrators, ensuring optimal efficiency.\"\n        },\n        ar: { \n          title: \"\u0643\u064a\u0641 \u064a\u0639\u064a\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629\", \n          summary: \"\u0641\u064a \u0639\u0627\u0645 \u0662\u0660\u0662\u0666\u060c \u062a\u062a\u0645\u062d\u0648\u0631 \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u062d\u0648\u0644 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0631\u0642\u0645\u064a\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u0627\u0639\u062f\u064a\u0646 \u0627\u0644\u0623\u0630\u0643\u064a\u0627\u0621 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u062c\u0647\u0627\u062a.\", \n          date: \"\u0662\u0665 \u064a\u0648\u0646\u064a\u0648 \u0662\u0660\u0662\u0666\",\n          body: \"\u0644\u0642\u062f \u062a\u063a\u064a\u0631\u062a \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0642\u064a\u0627\u062f\u064a \u0628\u0634\u0643\u0644 \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642 \u0645\u0639 \u062a\u0637\u0648\u0631 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0644\u063a\u0648\u064a\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062d\u0648\u0633\u0628\u0629 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629. \u0644\u0645 \u064a\u0639\u062f \u0643\u0627\u0641\u064a\u0627\u064b \u0644\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a \u0623\u0646 \u064a\u0645\u062a\u0644\u0643 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629\u060c \u0628\u0644 \u0623\u0635\u0628\u062d \u0645\u0637\u0627\u0644\u0628\u0627\u064b \u0628\u0645\u0639\u0631\u0641\u0629 \u0643\u064a\u0641\u064a\u0629 \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0627\u062a \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0636\u0645\u0627\u0646 \u0623\u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062f\u0627\u062e\u0644 \u0625\u062f\u0627\u0631\u062a\u0647. \u064a\u0631\u0643\u0632 \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0641\u064a \u0628\u0631\u0627\u0645\u062c\u0647 \u0627\u0644\u0645\u062d\u062f\u062b\u0629 \u0639\u0644\u0649 \u0631\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0641\u062c\u0648\u0629 \u0648\u0628\u0646\u0627\u0621 \u0642\u0627\u062f\u0629 \u0645\u0631\u0646\u064a\u0646 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0631\u0642\u0645\u064a.\"\n        },\n        readTime: \"5 mins\"\n      },\n      {\n        id: \"n2\",\n        en: { \n          title: \"Al Sarh Institute Expands Strategic KHDA Certifications\", \n          summary: \"Three new specialized compliance and healthcare programs are approved, setting higher academic excellence.\", \n          date: \"June 12, 2026\",\n          body: \"We are thrilled to announce that the Dubai Knowledge and Human Development Authority (KHDA) has officially verified and updated our specialized training catalog under permit number 631162. These programs target high-stakes business requirements like Healthcare Facilities Quality and Strategic Corporate Compliance, promising the highest delivery standards for all executives.\"\n        },\n        ar: { \n          title: \"\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u064a\u0648\u0633\u0639 \u0646\u0637\u0627\u0642 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\", \n          summary: \"\u0627\u0639\u062a\u0645\u0627\u062f \u0645\u0633\u0627\u0631\u0627\u062a \u062a\u062e\u0635\u0635\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 \u0641\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062a\u0639\u0627\u0645\u0644\u064a\u0646 \u0641\u064a \u062f\u0628\u064a \u062a\u062d\u062a \u062a\u0631\u062e\u064a\u0635 \u0631\u0633\u0645\u064a.\", \n          date: \"\u0661\u0662 \u064a\u0648\u0646\u064a\u0648 \u0662\u0660\u0662\u0666\",\n          body: \"\u064a\u0633\u0639\u062f\u0646\u0627 \u0623\u0646 \u0646\u0639\u0644\u0646 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0639\u0646 \u0625\u0637\u0644\u0627\u0642 \u062d\u0632\u0645\u0629 \u0645\u0646 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0631\u0633\u0645\u064a\u0627\u064b \u0645\u0646 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0641\u064a \u062f\u0628\u064a (KHDA) \u0628\u0645\u0648\u062c\u0628 \u062a\u0631\u062e\u064a\u0635\u0646\u0627 \u0648\u062a\u0635\u0631\u064a\u062d\u0646\u0627 \u0631\u0642\u0645 631162. \u062a\u063a\u0637\u064a \u0647\u0630\u0647 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629\u060c \u0648\u0645\u0628\u0627\u062f\u0626 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u060c \u0644\u062a\u0648\u0641\u064a\u0631 \u0642\u064a\u0645\u0629 \u0645\u0647\u0646\u064a\u0629 \u0645\u0636\u0627\u0641\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0648\u0627\u0644\u062e\u0644\u064a\u062c\u064a\u0629.\"\n        },\n        readTime: \"3 mins\"\n      }\n    ];\n\n    const GALLERY_IMAGES = [\n      { id: \"g1\", category: \"grad\", labelEn: \"Executive Graduation Ceremony 2026\", labelAr: \"\u062d\u0641\u0644 \u062a\u062e\u0631\u062c \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0662\u0660\u0662\u0666\", color: \"from-[#0B5FA5] to-[#1E8E5A]\" },\n      { id: \"g2\", category: \"work\", labelEn: \"Interactive AI Workshop\", labelAr: \"\u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\", color: \"from-[#1E8E5A] to-[#B89047]\" },\n      { id: \"g3\", category: \"corp\", labelEn: \"Government Delegation Boardroom\", labelAr: \"\u0645\u0624\u062a\u0645\u0631 \u062e\u0627\u0635 \u0628\u0648\u0641\u062f \u0627\u0644\u0642\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629\", color: \"from-[#B89047] to-[#0B5FA5]\" }\n    ];\n\n    const TESTIMONIALS = [\n      {\n        en: { quote: \"Al Sarh completely changed my approach to Artificial Intelligence implementation. The practical cases are incredible, and the KHDA credential is highly respected.\", author: \"Hassan Al-Zarouni\", role: \"VP of Innovation\" },\n        ar: { quote: \"\u0644\u0642\u062f \u063a\u064a\u0631 \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0623\u0633\u0644\u0648\u0628 \u0639\u0645\u0644\u064a \u062a\u0645\u0627\u0645\u0627\u064b \u062a\u062c\u0627\u0647 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a. \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u062a\u0635\u0631\u064a\u062d \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u064a\u062d\u0638\u0649 \u0628\u062a\u0642\u062f\u064a\u0631 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u062c\u0647\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646.\", author: \"\u062d\u0633\u0646 \u0627\u0644\u0632\u0631\u0639\u0648\u0646\u064a\", role: \"\u0646\u0627\u0626\u0628 \u0631\u0626\u064a\u0633 \u0642\u0637\u0627\u0639 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\" }\n      },\n      {\n        en: { quote: \"The executive development program for healthcare facilities was extremely comprehensive. Our teams implemented the tools in days with remarkable success.\", author: \"Dr. Amna Al-Shaikh\", role: \"Chief of Talent Development\" },\n        ar: { quote: \"\u0643\u0627\u0646 \u0645\u0633\u0627\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062e\u0627\u0635 \u0628\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u062d\u064a \u0641\u064a \u0645\u0646\u062a\u0647\u0649 \u0627\u0644\u0634\u0645\u0648\u0644 \u0648\u0627\u0644\u062a\u0641\u0635\u064a\u0644. \u0637\u0628\u0642\u062a \u0641\u0631\u0642\u0646\u0627 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0641\u0648\u0631\u0627\u064b \u0648\u062d\u0642\u0642\u0646\u0627 \u0646\u062a\u0627\u0626\u062c \u0644\u0627\u0641\u062a\u0629.\", author: \"\u062f. \u0622\u0645\u0646\u0629 \u0627\u0644\u0634\u064a\u062e\", role: \"\u0645\u062f\u064a\u0631 \u0625\u062f\u0627\u0631\u0629 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0647\u0628\" }\n      }\n    ];\n\n    const CATEGORY_NAMES = {\n      en: {\n        all: \"All Fields\",\n        management: \"Executive Leadership & Management\",\n        ai: \"Artificial Intelligence & Tech\",\n        bizdev: \"Business Development\",\n        hr: \"Human Resources\",\n        governance: \"Governance & Compliance\",\n        healthcare: \"Healthcare Management\"\n      },\n      ar: {\n        all: \"\u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629\",\n        management: \"\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0648\u0627\u0644\u0642\u064a\u0627\u062f\u0629\",\n        ai: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\",\n        bizdev: \"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\",\n        hr: \"\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a\",\n        governance: \"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\",\n        healthcare: \"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a\"\n      }\n    };\n\n\n    \/\/ --- INITIALIZATION ---\n    window.onload = function() {\n      applyLanguage(currentLang);\n      renderHomePrograms();\n      renderHomeArticles();\n      renderProgramDirectory();\n      renderUpcomingCourses();\n      renderTrainers();\n      renderNewsPage();\n      renderGallery();\n      populateDropdowns();\n      renderTestimonial(currentTestimonialIdx);\n    };\n\n    \/\/ --- NAVIGATION CONTROLLER ---\n    function showPage(pageId) {\n      \/\/ Hide all page views\n      const views = document.querySelectorAll('.page-view');\n      views.forEach(v => v.classList.add('hidden'));\n      \n      \/\/ Show targeted view\n      const target = document.getElementById('page-' + pageId);\n      if (target) {\n        target.classList.remove('hidden');\n      }\n\n      \/\/ Update active tab styles\n      const navBtns = document.querySelectorAll('.nav-btn');\n      navBtns.forEach(btn => {\n        if (btn.getAttribute('data-page') === pageId) {\n          btn.classList.add('text-primary', 'bg-slate-100\/80', 'border-b-2', 'border-secondary');\n          btn.classList.remove('text-slate-600', 'hover:text-primary', 'hover:bg-slate-50');\n        } else {\n          btn.classList.remove('text-primary', 'bg-slate-100\/80', 'border-b-2', 'border-secondary');\n          btn.classList.add('text-slate-600', 'hover:text-primary', 'hover:bg-slate-50');\n        }\n      });\n\n      \/\/ Smooth scroll back to top on page change\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n\n    function toggleMobileMenu() {\n      const drawer = document.getElementById('mobile-drawer');\n      drawer.classList.toggle('hidden');\n    }\n\n    \/\/ --- LANGUAGE BILINGUAL ENGINE ---\n    function toggleLanguage() {\n      currentLang = currentLang === 'ar' ? 'en' : 'ar';\n      applyLanguage(currentLang);\n    }\n\n    function applyLanguage(lang) {\n      const body = document.getElementById('app-body');\n      \n      if (lang === 'ar') {\n        body.setAttribute('dir', 'rtl');\n        body.setAttribute('lang', 'ar');\n        body.style.fontFamily = \"'Cairo', sans-serif\";\n      } else {\n        body.setAttribute('dir', 'ltr');\n        body.setAttribute('lang', 'en');\n        body.style.fontFamily = \"'Inter', sans-serif\";\n      }\n\n      \/\/ Re-render components mapping translated strings\n      renderHomePrograms();\n      renderHomeArticles();\n      renderProgramDirectory();\n      renderUpcomingCourses();\n      renderTrainers();\n      renderNewsPage();\n      renderGallery();\n      populateDropdowns();\n      renderTestimonial(currentTestimonialIdx);\n    }\n\n    \/\/ --- RENDERING HANDLERS ---\n    \n    function renderHomePrograms() {\n      const container = document.getElementById('home-programs-grid');\n      if (!container) return;\n      container.innerHTML = '';\n\n      \/\/ Display first 6 programs\n      PROGRAMS_DATA.slice(0, 6).forEach(prog => {\n        const text = currentLang === 'ar' ? prog.ar : prog.en;\n        const catLabel = CATEGORY_NAMES[currentLang][prog.cat];\n        const duration = currentLang === 'ar' ? prog.durationAr : prog.durationEn;\n        const level = currentLang === 'ar' ? prog.levelAr : prog.levelEn;\n\n        const card = `\n          <div \n            onclick=\"openProgramDetails('${prog.id}')\"\n            class=\"bg-white rounded-2xl border border-slate-200\/60 p-6 shadow-sm hover:shadow-xl hover:border-slate-300 transition-all duration-300 flex flex-col justify-between group cursor-pointer\"\n          >\n            <div class=\"space-y-4 text-right rtl:text-right ltr:text-left\">\n              <div class=\"flex items-center justify-between\">\n                <span class=\"text-[10px] uppercase font-extrabold text-[#1E8E5A] bg-[#1E8E5A]\/10 px-2.5 py-1 rounded-md\">\n                  ${catLabel}\n                <\/span>\n                <span class=\"text-2xl transition-transform duration-300 group-hover:scale-110\">\ud83c\udf93<\/span>\n              <\/div>\n\n              <h3 class=\"text-lg font-bold text-slate-900 group-hover:text-[#0B5FA5] transition-colors leading-snug\">\n                ${text.title}\n              <\/h3>\n              <p class=\"text-xs text-slate-500 line-clamp-3 leading-relaxed\">\n                ${text.desc}\n              <\/p>\n            <\/div>\n\n            <div class=\"mt-6 pt-4 border-t border-slate-100 flex items-center justify-between text-xs\" onclick=\"event.stopPropagation()\">\n              <div class=\"text-slate-400 text-right rtl:text-right ltr:text-left\">\n                <span class=\"block\">${currentLang === 'ar' ? '\u0627\u0644\u0645\u062f\u0629: ' : 'Duration: '} <strong class=\"text-slate-700\">${duration}<\/strong><\/span>\n                <span class=\"block\">${currentLang === 'ar' ? '\u0627\u0644\u0645\u0633\u062a\u0648\u0649: ' : 'Level: '} <strong class=\"text-slate-700\">${level}<\/strong><\/span>\n              <\/div>\n              <button \n                onclick=\"openProgramDetails('${prog.id}')\"\n                class=\"text-[#0B5FA5] hover:text-[#1E8E5A] font-extrabold transition-colors duration-200 bg-slate-100 px-3 py-1.5 rounded-md\"\n              >\n                ${currentLang === 'ar' ? '\u0627\u0644\u0645\u062d\u0627\u0648\u0631 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \ud83d\udc41' : 'Syllabus & Axes \ud83d\udc41'}\n              <\/button>\n            <\/div>\n          <\/div>\n        `;\n        container.innerHTML += card;\n      });\n    }\n\n    function renderProgramDirectory() {\n      const container = document.getElementById('programs-directory-grid');\n      const filterBar = document.getElementById('filter-bar');\n      if (!container || !filterBar) return;\n\n      \/\/ 1. Render Filter buttons\n      filterBar.innerHTML = '';\n      Object.keys(CATEGORY_NAMES[currentLang]).forEach(catKey => {\n        const isActive = currentCategory === catKey;\n        const btn = `\n          <button \n            onclick=\"setCategoryFilter('${catKey}')\"\n            class=\"px-3.5 py-1.5 rounded-lg text-xs font-bold transition-all duration-300 ${isActive ? 'bg-[#0B5FA5] text-white shadow-sm' : 'bg-slate-100 text-slate-600 hover:bg-slate-200'}\"\n          >\n            ${CATEGORY_NAMES[currentLang][catKey]}\n          <\/button>\n        `;\n        filterBar.innerHTML += btn;\n      });\n\n      \/\/ 2. Render Cards matching filtered category\n      container.innerHTML = '';\n      const filtered = currentCategory === 'all' ? PROGRAMS_DATA : PROGRAMS_DATA.filter(p => p.cat === currentCategory);\n\n      filtered.forEach(prog => {\n        const text = currentLang === 'ar' ? prog.ar : prog.en;\n        const catLabel = CATEGORY_NAMES[currentLang][prog.cat];\n        const duration = currentLang === 'ar' ? prog.durationAr : prog.durationEn;\n        const level = currentLang === 'ar' ? prog.levelAr : prog.levelEn;\n\n        const card = `\n          <div \n            onclick=\"openProgramDetails('${prog.id}')\"\n            class=\"bg-white rounded-2xl border border-slate-200 p-6 hover:shadow-xl transition-all flex flex-col justify-between cursor-pointer\"\n          >\n            <div class=\"space-y-4 text-right rtl:text-right ltr:text-left\">\n              <div class=\"flex items-center justify-between\">\n                <span class=\"text-[10px] uppercase tracking-wider font-extrabold text-[#1E8E5A] bg-[#1E8E5A]\/10 px-2 py-0.5 rounded\">\n                  ${catLabel}\n                <\/span>\n                <span class=\"text-xs text-[#B89047] font-semibold\">${level}<\/span>\n              <\/div>\n\n              <h3 class=\"text-lg font-bold text-slate-900 leading-snug\">\n                ${text.title}\n              <\/h3>\n              <p class=\"text-xs text-slate-500 leading-relaxed\">\n                ${text.desc}\n              <\/p>\n            <\/div>\n\n            <div class=\"mt-6 pt-4 border-t border-slate-100 space-y-3\" onclick=\"event.stopPropagation()\">\n              <div class=\"flex justify-between text-xs text-slate-400\">\n                <span>\u23f1 ${currentLang === 'ar' ? '\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629: ' : 'Duration: '} <strong>${duration}<\/strong><\/span>\n                <span>\ud83c\udfe2 Mode: ${currentLang === 'ar' ? '\u0647\u062c\u064a\u0646 \u0645\u0639\u062a\u0645\u062f' : 'Approved Hybrid'}<\/span>\n              <\/div>\n              <div class=\"flex gap-2\">\n                <button \n                  onclick=\"openProgramDetails('${prog.id}')\"\n                  class=\"flex-1 py-2 bg-slate-100 hover:bg-slate-200 text-slate-800 text-xs font-bold rounded-lg transition-colors text-center\"\n                >\n                  ${currentLang === 'ar' ? '\u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u0627\u0648\u0631 \u0643\u0627\u0645\u0644\u0629' : 'Syllabus & Axes'}\n                <\/button>\n                <button \n                  onclick=\"openRegModal('${text.title}')\"\n                  class=\"py-2 px-3 bg-[#0B5FA5] hover:bg-[#1E8E5A] text-white text-xs font-bold rounded-lg transition-colors\"\n                >\n                  ${currentLang === 'ar' ? '\u062d\u062c\u0632 \u0648\u0645\u0642\u0627\u0628\u0644\u0629' : 'Book'}\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n        `;\n        container.innerHTML += card;\n      });\n    }\n\n    function setCategoryFilter(catKey) {\n      currentCategory = catKey;\n      renderProgramDirectory();\n    }\n\n    function renderUpcomingCourses() {\n      const container = document.getElementById('upcoming-courses-list');\n      if (!container) return;\n      container.innerHTML = '';\n\n      UPCOMING_COURSES.forEach(course => {\n        const parent = PROGRAMS_DATA.find(p => p.id === course.programId);\n        if (!parent) return;\n\n        const title = currentLang === 'ar' ? parent.ar.title : parent.en.title;\n        const dateStr = currentLang === 'ar' ? course.arabicDate : course.date;\n        const formatStr = currentLang === 'ar' ? course.formatAr : course.format;\n\n        const row = `\n          <div class=\"p-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4 hover:bg-slate-50 transition-colors text-right rtl:text-right ltr:text-left\">\n            <div class=\"space-y-1\">\n              <span class=\"text-[10px] text-slate-400 font-extrabold uppercase block\">\n                \ud83d\udcc5 ${dateStr}\n              <\/span>\n              <h3 class=\"font-extrabold text-slate-900 text-sm sm:text-base leading-snug\">\n                ${title}\n              <\/h3>\n              <p class=\"text-xs text-slate-500\">\n                Format: <strong class=\"text-[#0B5FA5]\">${formatStr}<\/strong>\n              <\/p>\n            <\/div>\n\n            <div class=\"flex items-center space-x-4 rtl:space-x-reverse shrink-0 justify-end\">\n              <div class=\"text-right rtl:text-right ltr:text-left\">\n                <span class=\"block text-xs font-bold text-slate-700\">${course.fee}<\/span>\n                <span class=\"block text-[10px] text-red-500 font-extrabold animate-pulse\">\n                  \u26a0\ufe0f ${course.seats} ${currentLang === 'ar' ? '\u0645\u0642\u0627\u0639\u062f \u0645\u062a\u0628\u0642\u064a\u0629 \u0641\u0642\u0637!' : 'seats remaining!'}\n                <\/span>\n              <\/div>\n\n              <button \n                onclick=\"openRegModal('${title}')\"\n                class=\"bg-[#1E8E5A] hover:bg-[#0B5FA5] text-white px-4 py-2 rounded-lg text-xs font-bold transition-all\"\n              >\n                ${currentLang === 'ar' ? '\u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643' : 'Book Seat'}\n              <\/button>\n            <\/div>\n          <\/div>\n        `;\n        container.innerHTML += row;\n      });\n    }\n\n    function renderTrainers() {\n      const container = document.getElementById('trainers-grid');\n      if (!container) return;\n      container.innerHTML = '';\n\n      TRAINERS_DATA.forEach(t => {\n        const name = currentLang === 'ar' ? t.nameAr : t.nameEn;\n        const role = currentLang === 'ar' ? t.roleAr : t.roleEn;\n        const bio = currentLang === 'ar' ? t.bioAr : t.bioEn;\n\n        const card = `\n          <div class=\"border border-slate-200 rounded-2xl p-6 text-center shadow-sm hover:shadow-lg transition-all bg-white\">\n            <div class=\"w-24 h-24 rounded-full bg-slate-100 border border-slate-200 flex items-center justify-center text-4xl mx-auto mb-4 shadow-sm\">\n              ${t.img}\n            <\/div>\n            <h3 class=\"text-lg font-extrabold text-slate-950\">\n              ${name}\n            <\/h3>\n            <span class=\"block text-xs font-bold text-secondary mb-3\">\n              ${role}\n            <\/span>\n            <p class=\"text-xs text-slate-500 leading-relaxed\">\n              ${bio}\n            <\/p>\n          <\/div>\n        `;\n        container.innerHTML += card;\n      });\n    }\n\n    function renderHomeArticles() {\n      const container = document.getElementById('home-articles-grid');\n      if (!container) return;\n      container.innerHTML = '';\n\n      NEWS_DATA.forEach(article => {\n        const text = currentLang === 'ar' ? article.ar : article.en;\n\n        const card = `\n          <div \n            onclick=\"openArticleDetails('${article.id}')\"\n            class=\"bg-slate-50 rounded-2xl p-6 border border-slate-200\/50 hover:shadow-lg transition-all flex flex-col justify-between cursor-pointer text-right rtl:text-right ltr:text-left\"\n          >\n            <div>\n              <div class=\"flex items-center justify-between text-xs text-slate-400 mb-4 font-bold\">\n                <span>${text.date}<\/span>\n                <span>${article.readTime}<\/span>\n              <\/div>\n              <h3 class=\"text-base font-extrabold text-slate-900 mb-2 leading-snug hover:text-primary transition-colors\">\n                ${text.title}\n              <\/h3>\n              <p class=\"text-xs text-slate-500 line-clamp-3 leading-relaxed\">\n                ${text.summary}\n              <\/p>\n            <\/div>\n\n            <div class=\"mt-6 pt-4 border-t border-slate-200\/50\">\n              <button \n                onclick=\"openArticleDetails('${article.id}')\"\n                class=\"text-primary hover:text-secondary font-bold text-xs\"\n              >\n                ${currentLang === 'ar' ? '\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644 \u0643\u0627\u0645\u0644\u0627\u064b &larr;' : 'Read Full Article &rarr;'}\n              <\/button>\n            <\/div>\n          <\/div>\n        `;\n        container.innerHTML += card;\n      });\n    }\n\n    function renderNewsPage() {\n      const container = document.getElementById('news-list');\n      if (!container) return;\n      container.innerHTML = '';\n\n      NEWS_DATA.forEach(article => {\n        const text = currentLang === 'ar' ? article.ar : article.en;\n\n        const item = `\n          <article \n            onclick=\"openArticleDetails('${article.id}')\"\n            class=\"bg-white p-8 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition-all cursor-pointer text-right rtl:text-right ltr:text-left\"\n          >\n            <div class=\"flex items-center space-x-2 rtl:space-x-reverse text-xs text-slate-400 font-bold mb-3\">\n              <span>\ud83d\udcc5 ${text.date}<\/span>\n              <span>\u2022<\/span>\n              <span>${article.readTime} reading time<\/span>\n              <span>\u2022<\/span>\n              <span class=\"text-secondary\">Research & Insights<\/span>\n            <\/div>\n            <h2 class=\"text-xl sm:text-2xl font-extrabold text-slate-900 mb-3 hover:text-primary transition-colors\">\n              ${text.title}\n            <\/h2>\n            <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\n              ${text.summary}\n            <\/p>\n            <div class=\"flex justify-between items-center border-t pt-4 text-xs font-semibold text-slate-500\">\n              <span>${currentLang === 'ar' ? '\u0645\u0646\u0634\u0648\u0631 \u0628\u0645\u0648\u062c\u0628 \u062a\u0635\u0631\u064a\u062d \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0628\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d' : 'Verified by Al Sarh Research Board'}<\/span>\n              <button class=\"text-primary font-extrabold\">${currentLang === 'ar' ? '\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644 \u0643\u0627\u0645\u0644\u0627\u064b \ud83d\udc41' : 'Read Full Article \ud83d\udc41'}<\/button>\n            <\/div>\n          <\/article>\n        `;\n        container.innerHTML += item;\n      });\n    }\n\n    function renderGallery() {\n      const container = document.getElementById('gallery-grid');\n      if (!container) return;\n      container.innerHTML = '';\n\n      GALLERY_IMAGES.forEach(img => {\n        const label = currentLang === 'ar' ? img.labelAr : img.labelEn;\n\n        const card = `\n          <div class=\"relative rounded-2xl overflow-hidden group shadow-sm border border-slate-200 bg-white\">\n            <div class=\"w-full h-48 bg-gradient-to-tr ${img.color} flex items-center justify-center p-4 relative\">\n              <span class=\"text-4xl\">\ud83d\udcf8<\/span>\n              <div class=\"absolute top-2 right-2 bg-slate-900\/40 text-white px-2 py-0.5 rounded text-[9px] uppercase font-semibold\">\n                ${img.category}\n              <\/div>\n            <\/div>\n            <div class=\"p-4\">\n              <h4 class=\"font-bold text-slate-800 text-xs sm:text-sm text-center\">\n                ${label}\n              <\/h4>\n            <\/div>\n          <\/div>\n        `;\n        container.innerHTML += card;\n      });\n    }\n\n    function renderTestimonial(idx) {\n      const content = document.getElementById('testimonial-content');\n      const author = document.getElementById('testimonial-author');\n      const role = document.getElementById('testimonial-role');\n      const dotsContainer = document.getElementById('testimonial-dots');\n      if (!content || !author || !role) return;\n\n      const current = TESTIMONIALS[idx][currentLang];\n      content.innerHTML = current.quote;\n      author.innerHTML = current.author;\n      role.innerHTML = current.role;\n\n      \/\/ Render navigation dots\n      dotsContainer.innerHTML = '';\n      TESTIMONIALS.forEach((_, i) => {\n        const activeClass = i === idx ? 'bg-primary scale-125' : 'bg-slate-300 hover:bg-slate-400';\n        dotsContainer.innerHTML += `\n          <button \n            onclick=\"setTestimonial(${i})\" \n            class=\"w-3.5 h-3.5 rounded-full transition-all ${activeClass}\"\n            aria-label=\"Slide ${i+1}\"\n          ><\/button>\n        `;\n      });\n    }\n\n    function setTestimonial(idx) {\n      currentTestimonialIdx = idx;\n      renderTestimonial(idx);\n    }\n\n    function populateDropdowns() {\n      const modalSelect = document.getElementById('modal-program-select');\n      const contactSelect = document.getElementById('contact-program-select');\n      if (!modalSelect || !contactSelect) return;\n\n      modalSelect.innerHTML = `<option value=\"\">${currentLang === 'ar' ? '\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u0641\u0636\u0644' : 'Select Program'}<\/option>`;\n      contactSelect.innerHTML = `<option value=\"\">${currentLang === 'ar' ? '\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u0641\u0636\u0644' : 'Select Program'}<\/option>`;\n\n      PROGRAMS_DATA.forEach(p => {\n        const title = currentLang === 'ar' ? p.ar.title : p.en.title;\n        modalSelect.innerHTML += `<option value=\"${title}\">${title}<\/option>`;\n        contactSelect.innerHTML += `<option value=\"${title}\">${title}<\/option>`;\n      });\n\n      \/\/ Populate footer links quickly\n      const footerList = document.getElementById('footer-programs-list');\n      if (footerList) {\n        footerList.innerHTML = '';\n        PROGRAMS_DATA.slice(0, 4).forEach(p => {\n          const title = currentLang === 'ar' ? p.ar.title : p.en.title;\n          footerList.innerHTML += `\n            <li>\n              <button onclick=\"showPage('programs')\" class=\"hover:text-gold block text-right rtl:text-right ltr:text-left text-slate-400 transition-colors\">\n                ${title}\n              <\/button>\n            <\/li>\n          `;\n        });\n      }\n    }\n\n\n    \/\/ --- ACTION AND MODAL INTERACTIVITY CONTROLS ---\n\n    function openProgramDetails(id) {\n      const prog = PROGRAMS_DATA.find(p => p.id === id);\n      if (!prog) return;\n\n      const text = currentLang === 'ar' ? prog.ar : prog.en;\n      const catLabel = CATEGORY_NAMES[currentLang][prog.cat];\n      const duration = currentLang === 'ar' ? prog.durationAr : prog.durationEn;\n      const level = currentLang === 'ar' ? prog.levelAr : prog.levelEn;\n\n      document.getElementById('modal-category').innerText = catLabel;\n      document.getElementById('modal-title').innerText = text.title;\n      document.getElementById('modal-duration').innerText = duration;\n      document.getElementById('modal-level').innerText = level;\n      document.getElementById('modal-desc').innerText = text.details;\n      document.getElementById('modal-audience').innerText = text.audience;\n\n      \/\/ Populate axes checkmark items\n      const axesContainer = document.getElementById('modal-axes-container');\n      axesContainer.innerHTML = '';\n      text.axes.forEach(axis => {\n        axesContainer.innerHTML += `\n          <div class=\"flex items-start space-x-2 rtl:space-x-reverse bg-slate-50 p-3 rounded-lg border border-slate-100\">\n            <span class=\"text-emerald-500 font-bold text-xs mt-0.5\">\u2714<\/span>\n            <span class=\"text-xs text-slate-700 font-semibold\">${axis}<\/span>\n          <\/div>\n        `;\n      });\n\n      \/\/ Bind dynamic course selection booking button\n      const bookBtn = document.getElementById('modal-book-btn');\n      bookBtn.onclick = function() {\n        closeProgramModal();\n        openRegModal(text.title);\n      };\n\n      document.getElementById('program-modal').classList.remove('hidden');\n    }\n\n    function closeProgramModal() {\n      document.getElementById('program-modal').classList.add('hidden');\n    }\n\n    function openArticleDetails(id) {\n      const article = NEWS_DATA.find(a => a.id === id);\n      if (!article) return;\n\n      const text = currentLang === 'ar' ? article.ar : article.en;\n      \n      document.getElementById('art-modal-title').innerText = text.title;\n      document.getElementById('art-modal-date').innerText = `\ud83d\udcc5 ${text.date}`;\n      document.getElementById('art-modal-readtime').innerText = article.readTime;\n      document.getElementById('art-modal-summary').innerText = text.summary;\n      document.getElementById('art-modal-body').innerText = text.body;\n\n      document.getElementById('article-modal').classList.remove('hidden');\n    }\n\n    function closeArticleModal() {\n      document.getElementById('article-modal').classList.add('hidden');\n    }\n\n    function openRegModal(preSelectedCourse = '') {\n      const subtitle = document.getElementById('reg-modal-subtitle');\n      if (preSelectedCourse) {\n        subtitle.innerText = `${currentLang === 'ar' ? '\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u062e\u062a\u0627\u0631: ' : 'Selected Course: '} ${preSelectedCourse}`;\n        document.getElementById('modal-program-select').value = preSelectedCourse;\n      } else {\n        subtitle.innerText = currentLang === 'ar' ? '\u0637\u0644\u0628 \u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644' : 'Direct Admission Advisor Request';\n        document.getElementById('modal-program-select').value = '';\n      }\n\n      document.getElementById('reg-modal').classList.remove('hidden');\n    }\n\n    function closeRegModal() {\n      document.getElementById('reg-modal').classList.add('hidden');\n    }\n\n    \/\/ --- FORM HANDLING (Mocked securely without alert() popup) ---\n    function handleRegistrationSubmit(event) {\n      event.preventDefault();\n      closeRegModal();\n      showToastAlert();\n    }\n\n    function handleCorporateForm(event) {\n      event.preventDefault();\n      showToastAlert();\n    }\n\n    function showToastAlert() {\n      const toast = document.getElementById('notification-toast');\n      toast.classList.remove('hidden');\n      setTimeout(() => {\n        toast.classList.add('hidden');\n      }, 5000);\n    }\n  <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a | Al Sarh Institute \u0635 \u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0631\u062d \u0644\u0644\u062a\u062f\u0631\u064a\u0628 Al Sarh Institute KHDA &#8211; Permit No. 631162 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629Home \u0639\u0646 \u0627\u0644\u0645\u0639\u0647\u062fAbout Us \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629Training Programs \u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062aCorporate Training \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629Upcoming Courses \u062e\u0628\u0631\u0627\u0624\u0646\u0627Our Trainers \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629News &#038; Insights \u0627\u0644\u0645\u0639\u0631\u0636Gallery \u0627\u062a\u0635\u0644 \u0628\u0646\u0627Contact Us English \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0633\u062c\u0644 \u0627\u0647\u062a\u0645\u0627\u0645\u0643 Enquire Now EN \u0639\u0631\u0628\u064a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629Home \u0639\u0646 \u0627\u0644\u0645\u0639\u0647\u062fAbout [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-8189","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alssarh.com\/index.php?rest_route=\/wp\/v2\/pages\/8189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alssarh.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alssarh.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alssarh.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alssarh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8189"}],"version-history":[{"count":2,"href":"https:\/\/alssarh.com\/index.php?rest_route=\/wp\/v2\/pages\/8189\/revisions"}],"predecessor-version":[{"id":8194,"href":"https:\/\/alssarh.com\/index.php?rest_route=\/wp\/v2\/pages\/8189\/revisions\/8194"}],"wp:attachment":[{"href":"https:\/\/alssarh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}