{"id":2700,"date":"2019-10-08T03:41:55","date_gmt":"2019-10-08T00:41:55","guid":{"rendered":"https:\/\/roayae.org\/?page_id=2700"},"modified":"2026-05-05T18:25:39","modified_gmt":"2026-05-05T15:25:39","slug":"aden","status":"publish","type":"page","link":"https:\/\/roayae.org\/ar\/aden\/","title":{"rendered":"\u0641\u0631\u0639 \u0639\u062f\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2700\" class=\"elementor elementor-2700\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2495 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2495\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c4c\" data-id=\"5c4c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-adb3193 elementor-widget elementor-widget-html\" data-id=\"adb3193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html dir=\"rtl\" lang=\"ar\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --primary-white: #ffffff !important;\r\n            --accent-color: #072037;\r\n            --transition-speed: 0.8s;\r\n        }\r\n\r\n        .custom-hero-slider {\r\n            position: relative;\r\n            height: 100vh;\r\n            width: 100%;\r\n            font-family: 'Cairo', sans-serif;\r\n            overflow: hidden;\r\n            background-color: #000;\r\n            direction: ltr; \/* Control for container *\/\r\n        }\r\n\r\n        html[dir=\"rtl\"] .custom-hero-slider { direction: rtl; }\r\n\r\n        .custom-hero-slider .slides {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .custom-hero-slider .slide {\r\n            position: absolute;\r\n            inset: 0;\r\n            opacity: 0;\r\n            transition: opacity var(--transition-speed) ease-in-out;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 0;\r\n        }\r\n\r\n        .custom-hero-slider .slide.active {\r\n            opacity: 1;\r\n            z-index: 1;\r\n        }\r\n\r\n        .custom-hero-slider .slide img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            filter: brightness(0.95); \/* \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0636\u0648\u062d *\/\r\n        }\r\n\r\n        .custom-hero-slider .slide::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.35) 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .custom-hero-slider .content {\r\n            position: relative;\r\n            color: #ffffff !important; \/* \u0641\u0631\u0636 \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n            text-align: center;\r\n            max-width: 950px;\r\n            z-index: 5;\r\n            padding: 0 20px;\r\n            transform: translateY(20px);\r\n            transition: transform 0.8s ease-out, opacity 0.8s ease-out;\r\n            opacity: 0;\r\n        }\r\n\r\n        .custom-hero-slider .slide.active .content {\r\n            transform: translateY(0);\r\n            opacity: 1;\r\n        }\r\n\r\n        .custom-hero-slider .content h2 {\r\n            color: #ffffff !important;\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            line-height: 1.2;\r\n            text-shadow: 0 2px 8px rgba(0,0,0,0.2); \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0638\u0644 *\/\r\n        }\r\n\r\n        .custom-hero-slider .content p {\r\n            color: #ffffff !important;\r\n            font-size: 1.5rem;\r\n            font-weight: 400;\r\n            line-height: 1.6;\r\n            text-shadow: 0 1px 4px rgba(0,0,0,0.2); \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0638\u0644 *\/\r\n        }\r\n\r\n        .custom-hero-slider .nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(8px);\r\n            color: white !important;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n            width: 55px;\r\n            height: 55px;\r\n            border-radius: 50%;\r\n            font-size: 20px;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .custom-hero-slider .nav:hover {\r\n            background: #ffffff;\r\n            color: var(--accent-color) !important;\r\n        }\r\n\r\n        .custom-hero-slider .prev { right: 30px; }\r\n        .custom-hero-slider .next { left: 30px; }\r\n\r\n        html[lang=\"en\"] .custom-hero-slider .prev { left: 30px; right: auto; }\r\n        html[lang=\"en\"] .custom-hero-slider .next { right: 30px; left: auto; }\r\n\r\n        .custom-hero-slider .dots {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 12px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .custom-hero-slider .dots span {\r\n            width: 10px;\r\n            height: 10px;\r\n            border: 2px solid white;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .custom-hero-slider .dots span.active {\r\n            background: white;\r\n            width: 25px;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .custom-hero-slider .content h2 { font-size: 2.8rem; }\r\n            .custom-hero-slider .content p { font-size: 1.3rem; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .custom-hero-slider { height: 75vh; }\r\n            .custom-hero-slider .content h2 { font-size: 1.8rem; }\r\n            .custom-hero-slider .content p { font-size: 1.1rem; }\r\n            .custom-hero-slider .nav { width: 45px; height: 45px; }\r\n            .custom-hero-slider .prev { right: 15px; }\r\n            .custom-hero-slider .next { left: 15px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"custom-hero-slider\">\r\n    <div class=\"slides\">\r\n        <div class=\"slide active\">\r\n            <img decoding=\"async\" src=\"https:\/\/roayae.org\/wp-content\/uploads\/2026\/05\/4-1.png\" alt=\"Medical Care\">\r\n            <div class=\"content\">\r\n                <h2 data-ar=\"\u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0641\u064a \u0642\u0644\u0628 \u0627\u0644\u064a\u0645\u0646\" data-en=\"World-class medical care in the heart of Yemen\">\u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0641\u064a \u0642\u0644\u0628 \u0627\u0644\u064a\u0645\u0646<\/h2>\r\n                <p data-ar=\"\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0623\u064a\u062f\u064a \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646.\" data-en=\"The latest medical devices handled by elite consultants.\">\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0623\u064a\u062f\u064a \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/roayae.org\/wp-content\/uploads\/2026\/05\/3-1.png\" alt=\"Medical Staff\">\r\n            <div class=\"content\">\r\n                <h2 data-ar=\"\u0643\u0627\u062f\u0631 \u0637\u0628\u064a \u0645\u062a\u0645\u064a\u0632\" data-en=\"Distinguished Medical Staff\">\u0643\u0627\u062f\u0631 \u0637\u0628\u064a \u0645\u062a\u0645\u064a\u0632<\/h2>\r\n                <p data-ar=\"\u0623\u0637\u0628\u0627\u0621 \u0645\u0639\u062a\u0645\u062f\u0648\u0646 \u0628\u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a.\" data-en=\"Certified doctors with extensive experience in all specialties.\">\u0623\u0637\u0628\u0627\u0621 \u0645\u0639\u062a\u0645\u062f\u0648\u0646 \u0628\u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/roayae.org\/wp-content\/uploads\/2026\/05\/2-1.png\" alt=\"Technology\">\r\n            <div class=\"content\">\r\n                <h2 data-ar=\"\u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0628\u064a\u0629 \u062d\u062f\u064a\u062b\u0629\" data-en=\"Modern Medical Technologies\">\u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0628\u064a\u0629 \u062d\u062f\u064a\u062b\u0629<\/h2>\r\n                <p data-ar=\"\u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062f\u0642\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635.\" data-en=\"We use the latest global medical technologies to ensure accurate diagnosis.\">\u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062f\u0642\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/roayae.org\/wp-content\/uploads\/2026\/05\/13.jpg\" alt=\"Branches\">\r\n            <div class=\"content\">\r\n                <h2 data-ar=\"\u0641\u0631\u0648\u0639\u0646\u0627 \u0642\u0631\u064a\u0628\u0629 \u0645\u0646\u0643\" data-en=\"Our Branches Near You\">\u0641\u0631\u0648\u0639\u0646\u0627 \u0642\u0631\u064a\u0628\u0629 \u0645\u0646\u0643<\/h2>\r\n                <p data-ar=\"\u0646\u062e\u062f\u0645\u0643\u0645 \u0641\u064a \u0639\u062f\u0629 \u0645\u062f\u0646 \u0644\u062a\u0648\u0641\u064a\u0631 \u0623\u0641\u0636\u0644 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u0645\u0643\u0646\u0629.\" data-en=\"Serving you across multiple cities to provide the best possible healthcare.\">\u0646\u062e\u062f\u0645\u0643\u0645 \u0641\u064a \u0639\u062f\u0629 \u0645\u062f\u0646 \u0644\u062a\u0648\u0641\u064a\u0631 \u0623\u0641\u0636\u0644 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u0645\u0643\u0646\u0629.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <button class=\"nav prev\" aria-label=\"Previous\">&#10095;<\/button>\r\n    <button class=\"nav next\" aria-label=\"Next\">&#10094;<\/button>\r\n\r\n    <div class=\"dots\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        const slider = document.querySelector('.custom-hero-slider');\r\n        const slides = slider.querySelectorAll(\".slide\");\r\n        const prev = slider.querySelector(\".nav.prev\");\r\n        const next = slider.querySelector(\".nav.next\");\r\n        const dotsBox = slider.querySelector(\".dots\");\r\n        let current = 0;\r\n        let autoPlayInterval;\r\n\r\n        function handleTranslation() {\r\n            const isEn = document.documentElement.lang === 'en';\r\n            slider.querySelectorAll('[data-ar]').forEach(el => {\r\n                el.textContent = isEn ? el.getAttribute('data-en') : el.getAttribute('data-ar');\r\n            });\r\n        }\r\n\r\n        slides.forEach((_, i) => {\r\n            const dot = document.createElement(\"span\");\r\n            if (i === 0) dot.classList.add(\"active\");\r\n            dot.onclick = () => goTo(i);\r\n            dotsBox.appendChild(dot);\r\n        });\r\n\r\n        const dots = dotsBox.querySelectorAll(\"span\");\r\n\r\n        function show(i) {\r\n            slides.forEach(s => s.classList.remove(\"active\"));\r\n            dots.forEach(d => d.classList.remove(\"active\"));\r\n            slides[i].classList.add(\"active\");\r\n            dots[i].classList.add(\"active\");\r\n        }\r\n\r\n        function nextSlide() {\r\n            current = (current + 1) % slides.length;\r\n            show(current);\r\n        }\r\n\r\n        function prevSlide() {\r\n            current = (current - 1 + slides.length) % slides.length;\r\n            show(current);\r\n        }\r\n\r\n        function goTo(i) {\r\n            current = i;\r\n            show(i);\r\n            resetTimer();\r\n        }\r\n\r\n        function startAutoPlay() {\r\n            autoPlayInterval = setInterval(nextSlide, 6000);\r\n        }\r\n\r\n        function resetTimer() {\r\n            clearInterval(autoPlayInterval);\r\n            startAutoPlay();\r\n        }\r\n\r\n        next.onclick = () => { nextSlide(); resetTimer(); };\r\n        prev.onclick = () => { prevSlide(); resetTimer(); };\r\n\r\n        const observer = new MutationObserver(() => handleTranslation());\r\n        observer.observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n\r\n        handleTranslation();\r\n        startAutoPlay();\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-916048e elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"916048e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f359f66\" data-id=\"f359f66\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-08aac66 elementor-widget elementor-widget-html\" data-id=\"08aac66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --medical-blue-dark: #1e3a8a;\r\n            --medical-blue-main: #2563eb;\r\n            --medical-blue-light: #60a5fa;\r\n        }\r\n        body {\r\n            font-family: 'Cairo', 'Inter', sans-serif;\r\n        }\r\n        .stat-card {\r\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        .stat-card:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(255, 255, 255, 0.12);\r\n            border-color: rgba(255, 255, 255, 0.2);\r\n        }\r\n        .reveal-up {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 0.8s ease-out;\r\n        }\r\n        .reveal-up.active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        [lang=\"en\"] body {\r\n            font-family: 'Inter', sans-serif;\r\n            direction: ltr;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Stats Section -->\r\n<section class=\"relative py-20 px-6 overflow-hidden bg-[#0f172a]\">\r\n    <!-- Background Decorative Elements -->\r\n    <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none\">\r\n        <div class=\"absolute -top-24 -left-24 w-96 h-96 bg-blue-600\/20 rounded-full blur-3xl\"><\/div>\r\n        <div class=\"absolute -bottom-24 -right-24 w-96 h-96 bg-blue-900\/30 rounded-full blur-3xl\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto relative z-10\">\r\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 lg:gap-10\">\r\n            \r\n            <!-- Stat 1: Experience -->\r\n            <div class=\"stat-card p-8 rounded-3xl text-center reveal-up\">\r\n                <div class=\"inline-flex items-center justify-center w-14 h-14 mb-6 rounded-2xl bg-blue-500\/20 text-blue-400\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"text-4xl lg:text-5xl font-extrabold text-white mb-2\">\r\n                    <span class=\"counter\" data-target=\"15\">0<\/span><span class=\"text-blue-500\">+<\/span>\r\n                <\/div>\r\n                <p class=\"translate-text text-blue-100\/80 text-sm md:text-base font-semibold uppercase tracking-wide\" data-ar=\"\u0633\u0646\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\" data-en=\"Years of Experience\">\u0633\u0646\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/p>\r\n            <\/div>\r\n\r\n            <!-- Stat 2: Success Operations -->\r\n            <div class=\"stat-card p-8 rounded-3xl text-center reveal-up\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"inline-flex items-center justify-center w-14 h-14 mb-6 rounded-2xl bg-blue-500\/20 text-blue-400\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"text-4xl lg:text-5xl font-extrabold text-white mb-2\">\r\n                    <span class=\"counter\" data-target=\"5000\">0<\/span><span class=\"text-blue-500\">+<\/span>\r\n                <\/div>\r\n                <p class=\"translate-text text-blue-100\/80 text-sm md:text-base font-semibold uppercase tracking-wide\" data-ar=\"\u0639\u0645\u0644\u064a\u0629 \u0646\u0627\u062c\u062d\u0629\" data-en=\"Successful Surgeries\">\u0639\u0645\u0644\u064a\u0629 \u0646\u0627\u062c\u062d\u0629<\/p>\r\n            <\/div>\r\n\r\n            <!-- Stat 3: Doctors -->\r\n            <div class=\"stat-card p-8 rounded-3xl text-center reveal-up\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"inline-flex items-center justify-center w-14 h-14 mb-6 rounded-2xl bg-blue-500\/20 text-blue-400\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"text-4xl lg:text-5xl font-extrabold text-white mb-2\">\r\n                    <span class=\"counter\" data-target=\"10\">0<\/span><span class=\"text-blue-500\">+<\/span>\r\n                <\/div>\r\n                <p class=\"translate-text text-blue-100\/80 text-sm md:text-base font-semibold uppercase tracking-wide\" data-ar=\"\u0623\u0637\u0628\u0627\u0621 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646\" data-en=\"Consultant Doctors\">\u0623\u0637\u0628\u0627\u0621 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646<\/p>\r\n            <\/div>\r\n\r\n            <!-- Stat 4: Emergency -->\r\n            <div class=\"stat-card p-8 rounded-3xl text-center reveal-up\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"inline-flex items-center justify-center w-14 h-14 mb-6 rounded-2xl bg-red-500\/20 text-red-400\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"text-4xl lg:text-5xl font-extrabold text-white mb-2\">\r\n                    <span class=\"counter\" data-target=\"24\">0<\/span><span class=\"text-blue-500\">\/7<\/span>\r\n                <\/div>\r\n                <p class=\"translate-text text-blue-100\/80 text-sm md:text-base font-semibold uppercase tracking-wide\" data-ar=\"\u0637\u0648\u0627\u0631\u0626 \u0627\u0644\u0639\u064a\u0648\u0646\" data-en=\"Eye Emergency\">\u0637\u0648\u0627\u0631\u0626 \u0627\u0644\u0639\u064a\u0648\u0646<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ 1. Translation Detection Logic (No buttons needed)\r\n    function handleTranslation() {\r\n        const isEn = document.documentElement.lang === 'en';\r\n        const elements = document.querySelectorAll('.translate-text');\r\n        \r\n        elements.forEach(el => {\r\n            el.textContent = isEn ? el.dataset.en : el.dataset.ar;\r\n        });\r\n\r\n        \/\/ Update document direction based on language\r\n        document.documentElement.dir = isEn ? 'ltr' : 'rtl';\r\n    }\r\n\r\n    \/\/ Monitor lang attribute changes automatically\r\n    const observer = new MutationObserver((mutations) => {\r\n        mutations.forEach((mutation) => {\r\n            if (mutation.type === 'attributes' && mutation.attributeName === 'lang') {\r\n                handleTranslation();\r\n            }\r\n        });\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true });\r\n\r\n    \/\/ 2. Intersection Observer for Animations\r\n    const revealElements = document.querySelectorAll('.reveal-up');\r\n    const revealObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('active');\r\n                startCounters(entry.target);\r\n            }\r\n        });\r\n    }, { threshold: 0.1 });\r\n\r\n    revealElements.forEach(el => revealObserver.observe(el));\r\n\r\n    \/\/ 3. Counter Animation Logic\r\n    function startCounters(container) {\r\n        const counters = container.querySelectorAll('.counter');\r\n        counters.forEach(counter => {\r\n            if (counter.classList.contains('counted')) return;\r\n            \r\n            const target = +counter.getAttribute('data-target');\r\n            const duration = 2000; \/\/ 2 seconds\r\n            const increment = target \/ (duration \/ 16);\r\n            \r\n            let currentCount = 0;\r\n            const updateCount = () => {\r\n                currentCount += increment;\r\n                if (currentCount < target) {\r\n                    counter.textContent = Math.ceil(currentCount);\r\n                    requestAnimationFrame(updateCount);\r\n                } else {\r\n                    counter.textContent = target;\r\n                    counter.classList.add('counted');\r\n                }\r\n            };\r\n            updateCount();\r\n        });\r\n    }\r\n\r\n    \/\/ Initial call\r\n    handleTranslation();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-677aac3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"677aac3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-64ca75c\" data-id=\"64ca75c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5826eb elementor-widget elementor-widget-html\" data-id=\"c5826eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    --primary-blue: #0b6fb8;\r\n    --dark-blue: #033b67;\r\n    --light-bg: #f8fbfd;\r\n  }\r\n\r\n  .roaya-aden-section {\r\n    background: var(--light-bg);\r\n    padding: 60px 20px;\r\n    font-family: \"Cairo\", sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .roaya-aden-container {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  \/* \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n  html[lang=\"en\"] .roaya-aden-container {\r\n    flex-direction: row-reverse;\r\n    direction: ltr;\r\n  }\r\n\r\n  html[lang=\"ar\"] .roaya-aden-container {\r\n    flex-direction: row;\r\n    direction: rtl;\r\n  }\r\n\r\n  .roaya-aden-image {\r\n    flex: 1 1 45%;\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n\r\n  .roaya-aden-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 450px;\r\n    object-fit: cover;\r\n    border-radius: 20px;\r\n    box-shadow: 0 15px 35px rgba(3, 59, 103, 0.15);\r\n    cursor: pointer;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .roaya-aden-image img:hover {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .roaya-aden-text {\r\n    flex: 1 1 50%;\r\n    color: var(--dark-blue);\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .roaya-aden-text h2 {\r\n    color: var(--primary-blue);\r\n    font-size: clamp(24px, 4vw, 30px);\r\n    margin-bottom: 20px;\r\n    font-weight: 900;\r\n    position: relative;\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .roaya-aden-text h2::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 60px;\r\n    height: 4px;\r\n    background: var(--primary-blue);\r\n    border-radius: 2px;\r\n  }\r\n\r\n  html[lang=\"ar\"] .roaya-aden-text h2::after { right: 0; }\r\n  html[lang=\"en\"] .roaya-aden-text h2::after { left: 0; }\r\n\r\n  .roaya-aden-text p {\r\n    margin-bottom: 18px;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    text-align: justify;\r\n  }\r\n\r\n  \/* \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 *\/\r\n  .roaya-popup {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 10000;\r\n    left: 0; top: 0; width: 100%; height: 100%;\r\n    background: rgba(0,0,0,0.9);\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .roaya-popup img {\r\n    max-width: 90%;\r\n    max-height: 80%;\r\n    border-radius: 10px;\r\n    box-shadow: 0 0 20px rgba(255,255,255,0.2);\r\n  }\r\n\r\n  .close-popup {\r\n    position: absolute;\r\n    top: 30px; right: 30px;\r\n    color: #fff; font-size: 40px; cursor: pointer;\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .roaya-aden-container {\r\n      flex-direction: column !important;\r\n      text-align: center;\r\n    }\r\n    .roaya-aden-text p { text-align: center; }\r\n    html[lang=\"ar\"] .roaya-aden-text h2::after { right: 50%; transform: translateX(50%); }\r\n    html[lang=\"en\"] .roaya-aden-text h2::after { left: 50%; transform: translateX(-50%); }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"roaya-aden-section\" id=\"roaya-section\">\r\n  <div class=\"roaya-aden-container\">\r\n    <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u062d\u062f\u062b\u0629 -->\r\n    <div class=\"roaya-aden-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/roayae.org\/wp-content\/uploads\/2026\/05\/4-1.png\" \r\n           id=\"aden-img-trigger\"\r\n           alt=\"Roaya Aden Branch\">\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 -->\r\n    <div class=\"roaya-aden-text\">\r\n      <h2 id=\"aden-title\">\u0641\u0631\u0639 \u0639\u062f\u0646 - \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629<\/h2>\r\n      <div id=\"aden-content\">\r\n        <p>\u064a\u0642\u0639 \u0641\u0631\u0639 \u0639\u062f\u0646 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u00ab\u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\u00bb \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0646\u0627\u0641\u0631 \u2013 \u0639\u062f\u0646\u060c \u0648\u064a\u064f\u0639\u062f\u0651 \u0645\u0631\u0643\u0632\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0645\u062a\u062e\u0635\u0651\u0635\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0627\u064b \u0644\u0639\u0644\u0627\u062c \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\u060c \u0645\u062c\u0647\u0651\u0632\u0627\u064b \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0628\u062d\u0633\u0628 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629. \u064a\u0636\u0645\u0651\u064f \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646 \u0648\u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0648\u064a\u0642\u062f\u0651\u0645 \u062e\u062f\u0645\u0627\u062a\u0647 \u0644\u0644\u0623\u0637\u0641\u0627\u0644\u060c \u0643\u0628\u0627\u0631 \u0627\u0644\u0633\u0646\u060c \u0648\u0630\u0648\u064a \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629 \u0648\u0630\u0648\u064a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u062a\u0627\u0645 \u0628\u0633\u0631\u064a\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0636\u0649 \u0648\u0623\u0645\u0627\u0646 \u0627\u0644\u0639\u0644\u0627\u062c.<\/p>\r\n        <p>\u064a\u0646\u0641\u0651\u0630 \u0627\u0644\u0645\u0631\u0643\u0632 \u0643\u0630\u0644\u0643 \u0645\u062e\u064a\u0651\u0645\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0639\u064a\u0648\u0646\u060c \u0648\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631\u060c \u0648\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0651\u0635\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\u060c \u0627\u0646\u0633\u062c\u0627\u0645\u0627\u064b \u0645\u0639 \u0631\u0633\u0627\u0644\u062a\u0647 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0643\u0627\u0641\u0629 \u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0645\u062c\u062a\u0645\u0639.<\/p>\r\n        <p>\u0648\u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \u0646\u0641\u0633\u0647\u060c \u064a\u0633\u0639\u0649 \u0641\u0631\u0639 \u0639\u062f\u0646 \u0625\u0644\u0649 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0645\u0646\u0635\u0629 \u0644\u0644\u062a\u0645\u064a\u0651\u0632 \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646\u060c \u0648\u062a\u0639\u0632\u064a\u0632 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0639\u062f\u0646 \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u062d\u064a\u0637\u0629 \u0628\u0647\u0627.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 -->\r\n<div id=\"roaya-popup\" class=\"roaya-popup\">\r\n  <span class=\"close-popup\">&times;<\/span>\r\n  <img decoding=\"async\" id=\"roaya-popup-img\" src=\"\">\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const translations = {\r\n    ar: {\r\n      title: \"\u0641\u0631\u0639 \u0639\u062f\u0646 - \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\",\r\n      p1: \"\u064a\u0642\u0639 \u0641\u0631\u0639 \u0639\u062f\u0646 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u00ab\u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\u00bb \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0646\u0627\u0641\u0631 \u2013 \u0639\u062f\u0646\u060c \u0648\u064a\u064f\u0639\u062f\u0651 \u0645\u0631\u0643\u0632\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0645\u062a\u062e\u0635\u0651\u0635\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0627\u064b \u0644\u0639\u0644\u0627\u062c \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\u060c \u0645\u062c\u0647\u0651\u0632\u0627\u064b \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0628\u062d\u0633\u0628 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629. \u064a\u0636\u0645\u0651\u064f \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646 \u0648\u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0648\u064a\u0642\u062f\u0651\u0645 \u062e\u062f\u0645\u0627\u062a\u0647 \u0644\u0644\u0623\u0637\u0641\u0627\u0644\u060c \u0643\u0628\u0627\u0631 \u0627\u0644\u0633\u0646\u060c \u0648\u0630\u0648\u064a \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629 \u0648\u0630\u0648\u064a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u062a\u0627\u0645 \u0628\u0633\u0631\u064a\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0636\u0649 \u0648\u0623\u0645\u0627\u0646 \u0627\u0644\u0639\u0644\u0627\u062c.\",\r\n      p2: \"\u064a\u0646\u0641\u0651\u0630 \u0627\u0644\u0645\u0631\u0643\u0632 \u0643\u0630\u0644\u0643 \u0645\u062e\u064a\u0651\u0645\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0639\u064a\u0648\u0646\u060c \u0648\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631\u060c \u0648\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0651\u0635\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\u060c \u0627\u0646\u0633\u062c\u0627\u0645\u0627\u064b \u0645\u0639 \u0631\u0633\u0627\u0644\u062a\u0647 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0643\u0627\u0641\u0629 \u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0645\u062c\u062a\u0645\u0639.\",\r\n      p3: \"\u0648\u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \u0646\u0641\u0633\u0647\u060c \u064a\u0633\u0639\u0649 \u0641\u0631\u0639 \u0639\u062f\u0646 \u0625\u0644\u0649 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0645\u0646\u0635\u0629 \u0644\u0644\u062a\u0645\u064a\u0651\u0632 \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646\u060c \u0648\u062a\u0639\u0632\u064a\u0632 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0639\u062f\u0646 \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u062d\u064a\u0637\u0629 \u0628\u0647\u0627.\"\r\n    },\r\n    en: {\r\n      title: \"Aden Branch - Roaya Center for Ophthalmology and Retina\",\r\n      p1: \"The Aden branch of the 'Roaya Center for Ophthalmology and Retina' group is located on Al-Sanafer Street, Aden. It is an integrated specialized medical center for eye and retina treatment and surgery, equipped with the latest devices and technologies according to international standards. It features a team of highly experienced consultants and doctors, providing services for children, the elderly, and people with special needs, with full commitment to patient privacy and safety.\",\r\n      p2: \"The center also organizes free medical camps for eye examinations, vision correction, and specialized surgeries, in line with its humanitarian mission to reach all segments of society.\",\r\n      p3: \"Through cooperation with leading hospitals and centers, the Aden branch seeks to be a platform for excellence in eye surgery services, enhancing the level of vision care in Aden Governorate and its surrounding regions.\"\r\n    }\r\n  };\r\n\r\n  function updateLanguage() {\r\n    const lang = document.documentElement.lang || 'ar';\r\n    const content = translations[lang] || translations.ar;\r\n    \r\n    document.getElementById('aden-title').innerText = content.title;\r\n    const contentDiv = document.getElementById('aden-content');\r\n    contentDiv.innerHTML = `\r\n      <p>${content.p1}<\/p>\r\n      <p>${content.p2}<\/p>\r\n      <p>${content.p3}<\/p>\r\n    `;\r\n  }\r\n\r\n  \/\/ \u062a\u0634\u063a\u064a\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n  updateLanguage();\r\n\r\n  \/\/ \u0645\u0631\u0627\u0642\u0628\u0629 \u062a\u063a\u064a\u064a\u0631 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b\r\n  const observer = new MutationObserver(updateLanguage);\r\n  observer.observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n\r\n  \/\/ \u0645\u0646\u0637\u0642 \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u062a\u0643\u0628\u064a\u0631\r\n  const imgTrigger = document.getElementById('aden-img-trigger');\r\n  const popup = document.getElementById('roaya-popup');\r\n  const popupImg = document.getElementById('roaya-popup-img');\r\n  const closeBtn = document.querySelector('.close-popup');\r\n\r\n  imgTrigger.onclick = function() {\r\n    popup.style.display = 'flex';\r\n    popupImg.src = this.src;\r\n  };\r\n\r\n  closeBtn.onclick = function() { popup.style.display = 'none'; };\r\n  popup.onclick = function(e) { if(e.target === popup) popup.style.display = 'none'; };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d4054e3 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"d4054e3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_section_parallax_bg&quot;:&quot;yes&quot;,&quot;ekit_section_parallax_bg_speed&quot;:0.6}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-703dd06\" data-id=\"703dd06\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c4b673 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"3c4b673\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0632\u0631 \u062a\u0634\u063a\u064a\u0644 \u0641\u064a\u062f\u064a\u0648 \u0627\u062d\u062a\u0631\u0627\u0641\u064a + \u0645\u0648\u062f\u0627\u0644 \u0639\u0631\u0636 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 -->\r\n<style>\r\n  \/* \u0623\u0644\u0648\u0627\u0646 \u0637\u0628\u064a\u0629 \u0632\u0631\u0642\u0627\u0621 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 *\/\r\n  :root{\r\n    --brand-blue:#0b6fb8;\r\n    --brand-blue-dark:#095a95;\r\n    --overlay: rgba(0,0,0,0.65);\r\n    --radius: 12px;\r\n  }\r\n\r\n  .video-btn {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    background: linear-gradient(180deg,var(--brand-blue),var(--brand-blue-dark));\r\n    color:#fff;\r\n    padding:14px 18px;\r\n    border-radius:12px;\r\n    border:0;\r\n    cursor:pointer;\r\n    font-size:16px;\r\n    font-weight:600;\r\n    box-shadow: 0 6px 18px rgba(11,111,184,0.25);\r\n    transition: transform .12s ease, box-shadow .12s ease, opacity .12s;\r\n    text-decoration:none;\r\n  }\r\n  .video-btn:active{ transform: translateY(1px) scale(.997); }\r\n  .video-btn:focus{ outline:3px solid rgba(11,111,184,0.18); outline-offset:2px; }\r\n\r\n  .video-btn svg{ width:20px; height:20px; flex: 0 0 20px; }\r\n\r\n  \/* Modal *\/\r\n  .video-modal {\r\n    position:fixed;\r\n    inset:0;\r\n    display:none;\r\n    align-items:center;\r\n    justify-content:center;\r\n    z-index:9999;\r\n  }\r\n  .video-modal.active{ display:flex; }\r\n\r\n  .video-modal__backdrop{\r\n    position:absolute;\r\n    inset:0;\r\n    background:var(--overlay);\r\n    backdrop-filter: blur(2px);\r\n  }\r\n\r\n  .video-modal__content{\r\n    position:relative;\r\n    width:min(1100px, 95%);\r\n    max-width:1100px;\r\n    aspect-ratio:16\/9;\r\n    background:#000;\r\n    border-radius:var(--radius);\r\n    overflow:hidden;\r\n    box-shadow: 0 18px 50px rgba(0,0,0,0.6);\r\n    transform: translateY(8px);\r\n    animation: pop .12s ease;\r\n  }\r\n\r\n  @keyframes pop { from{ transform: translateY(18px) scale(.995); opacity:0 } to{ transform: translateY(8px) scale(1); opacity:1 } }\r\n\r\n  .video-modal__close{\r\n    position:absolute;\r\n    top:10px;\r\n    right:10px;\r\n    z-index:5;\r\n    background: rgba(255,255,255,0.12);\r\n    border:0;\r\n    color:#fff;\r\n    padding:8px;\r\n    border-radius:8px;\r\n    cursor:pointer;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n  .video-modal__close:focus{ outline:3px solid rgba(255,255,255,0.12); }\r\n\r\n  \/* Responsive for small screens: make content taller or full-screen *\/\r\n  @media (max-width:640px){\r\n    .video-modal__content{\r\n      width:94%;\r\n      height:auto;\r\n      aspect-ratio: unset;\r\n      max-height:85vh;\r\n    }\r\n    .video-modal__content iframe{\r\n      width:100%;\r\n      height:100%;\r\n      min-height:56vw;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u0627\u0644\u0632\u0631 -->\r\n<button class=\"video-btn\" id=\"open-video\" aria-haspopup=\"dialog\" aria-controls=\"video-modal\" aria-label=\"\u062a\u0634\u063a\u064a\u0644 \u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641 \u0628\u0627\u0644\u0645\u0631\u0643\u0632\">\r\n  <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u062a\u0634\u063a\u064a\u0644 -->\r\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n    <path d=\"M5 3.87v16.26c0 .98 1.06 1.6 1.94 1.07l12.12-8.13c.82-.55.82-1.75 0-2.3L6.94 2.8C6.06 2.27 5 2.89 5 3.87z\" fill=\"currentColor\"\/>\r\n  <\/svg>\r\n  \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\r\n<\/button>\r\n\r\n<!-- \u0645\u0648\u062f\u0627\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 -->\r\n<div class=\"video-modal\" id=\"video-modal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\">\r\n  <div class=\"video-modal__backdrop\" id=\"video-backdrop\"><\/div>\r\n\r\n  <div class=\"video-modal__content\" role=\"document\" aria-labelledby=\"video-title\">\r\n    <button class=\"video-modal__close\" id=\"video-close\" aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\">\r\n      \u2715\r\n    <\/button>\r\n\r\n    <!-- \u0647\u0646\u0627 \u0633\u064a\u064f\u062f\u0631\u062c iframe \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637\u0629 (lazy load) -->\r\n    <div id=\"video-holder\" style=\"width:100%;height:100%;\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const openBtn = document.getElementById('open-video');\r\n    const modal = document.getElementById('video-modal');\r\n    const backdrop = document.getElementById('video-backdrop');\r\n    const closeBtn = document.getElementById('video-close');\r\n    const holder = document.getElementById('video-holder');\r\n\r\n    \/\/ \u0645\u0639\u0631\u0641 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a (\u062a\u0645\u062a \u0625\u0632\u0627\u0644\u0629 start\/end \u0627\u0644\u0641\u0627\u0631\u063a\u064a\u0646)\r\n    const videoId = 'tv8bI8zk0ek';\r\n    const params = 'playlist=' + videoId + '&mute=1&autoplay=1&loop=1&controls=0&rel=0&modestbranding=1';\r\n    const src = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?' + params;\r\n\r\n    function openModal(){\r\n      \/\/ \u0623\u0646\u0634\u0626 iframe \u0639\u0646\u062f \u0623\u0648\u0644 \u0636\u063a\u0637 \u0644\u062a\u062c\u0646\u0651\u0628 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0628\u0643\u0631\r\n      if (!holder.querySelector('iframe')){\r\n        const iframe = document.createElement('iframe');\r\n        iframe.setAttribute('src', src);\r\n        iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');\r\n        iframe.setAttribute('allowfullscreen', '');\r\n        iframe.setAttribute('title', '\u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641 \u0645\u0631\u0643\u0632 \u0631\u0624\u064a\u0629 - \u0639\u062f\u0646');\r\n        iframe.style.width = '100%';\r\n        iframe.style.height = '100%';\r\n        iframe.style.border = '0';\r\n        holder.appendChild(iframe);\r\n      }\r\n      modal.classList.add('active');\r\n      modal.setAttribute('aria-hidden','false');\r\n      \/\/ \u062d\u062c\u0632 \u0627\u0644\u0641\u0648\u0643\u0633 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u062f\u0627\u0644 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0648\u0635\u0648\u0644\u064a\u0629\r\n      closeBtn.focus();\r\n      \/\/ \u0645\u0646\u0639 \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\u0629\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closeModal(){\r\n      modal.classList.remove('active');\r\n      modal.setAttribute('aria-hidden','true');\r\n      \/\/ \u0627\u062d\u0630\u0641 iframe \u0644\u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u062e\u0644\u0627\u0641\u0647\r\n      holder.innerHTML = '';\r\n      document.body.style.overflow = '';\r\n      openBtn.focus();\r\n    }\r\n\r\n    openBtn.addEventListener('click', openModal);\r\n    closeBtn.addEventListener('click', closeModal);\r\n    backdrop.addEventListener('click', closeModal);\r\n\r\n    \/\/ \u0625\u063a\u0644\u0627\u0642 \u0628\u0627\u0644\u0645\u0641\u062a\u0627\u062d Escape\r\n    document.addEventListener('keydown', function(e){\r\n      if (e.key === 'Escape' && modal.classList.contains('active')) closeModal();\r\n    });\r\n\r\n    \/\/ \u0645\u0646\u0639 \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0641\u062a\u062d \u0625\u0630\u0627 \u0636\u063a\u0637 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0633\u0631\u0639\u0629\r\n    openBtn.addEventListener('keydown', function(e){\r\n      if (e.key === 'Enter' || e.key === ' ') {\r\n        e.preventDefault();\r\n        openModal();\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-660b23a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"660b23a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d01b39\" data-id=\"1d01b39\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c45c67b elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"c45c67b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0623\u0637\u0628\u0627\u0621 \u0645\u0631\u0643\u0632 \u0639\u062f\u0646 \u0644\u0644\u0639\u064a\u0648\u0646<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        #aden-doctors-widget {\r\n            font-family: 'Tajawal', sans-serif;\r\n            --main-color: #2563eb;\r\n            line-height: 1.5;\r\n            -webkit-text-size-adjust: 100%;\r\n        }\r\n        \r\n        \/* Fix for WordPress\/External gaps under images *\/\r\n        #aden-doctors-widget img {\r\n            display: block !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            max-width: 100%;\r\n            height: auto;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        #aden-doctors-widget .no-scrollbar::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n        #aden-doctors-widget .no-scrollbar {\r\n            -ms-overflow-style: none;\r\n            scrollbar-width: none;\r\n        }\r\n\r\n        #aden-doctors-widget .slider-viewport {\r\n            overflow: hidden;\r\n            width: 100%;\r\n            direction: ltr;\r\n        }\r\n\r\n        #aden-doctors-widget .slider-track {\r\n            display: flex;\r\n            flex-direction: row-reverse;\r\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            width: 100%;\r\n            will-change: transform;\r\n        }\r\n\r\n        #aden-doctors-widget .slide-card {\r\n            flex: 0 0 100%;\r\n            padding: 12px;\r\n            box-sizing: border-box;\r\n            direction: rtl;\r\n        }\r\n\r\n        #aden-doctors-widget .glass-card {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        #aden-doctors-widget .doc-avatar-ring {\r\n            background: conic-gradient(from 0deg, #3b82f6, #06b6d4, #3b82f6);\r\n            animation: rotate-ring 4s linear infinite;\r\n            opacity: 0;\r\n            transition: opacity 0.3s;\r\n            border-radius: 1.5rem;\r\n        }\r\n        \r\n        #aden-doctors-widget .slide-card:hover .doc-avatar-ring {\r\n            opacity: 1;\r\n        }\r\n\r\n        @keyframes rotate-ring {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        @media (min-width: 640px) {\r\n            #aden-doctors-widget .slide-card { flex: 0 0 50%; }\r\n        }\r\n        @media (min-width: 1024px) {\r\n            #aden-doctors-widget .slide-card { flex: 0 0 33.3333%; }\r\n        }\r\n        @media (min-width: 1280px) {\r\n            #aden-doctors-widget .slide-card { flex: 0 0 25%; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50\">\r\n    <section id=\"aden-doctors-widget\" class=\"relative w-full py-16 px-4 md:px-8 bg-slate-50 overflow-hidden\">\r\n        <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-blue-100\/50 rounded-full mix-blend-multiply filter blur-[100px] opacity-60 pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n        <div class=\"absolute bottom-0 left-0 w-[400px] h-[400px] bg-cyan-100\/50 rounded-full mix-blend-multiply filter blur-[80px] opacity-60 pointer-events-none -translate-x-1\/2 translate-y-1\/2\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto relative z-10\">\r\n            <div class=\"flex flex-col md:flex-row justify-between items-end mb-10 gap-6\">\r\n                <div class=\"text-right\">\r\n                    <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-50 border border-blue-100 text-blue-700 text-xs font-bold mb-3\">\r\n                        <span class=\"relative flex h-2 w-2\">\r\n                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75\"><\/span>\r\n                          <span class=\"relative inline-flex rounded-full h-2 w-2 bg-blue-500\"><\/span>\r\n                        <\/span>\r\n                        <span id=\"label-center\">\u0645\u0631\u0643\u0632 \u0639\u062f\u0646 \u0644\u0644\u0639\u064a\u0648\u0646<\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl md:text-5xl font-extrabold text-slate-900 leading-tight\">\r\n                        <span id=\"label-elite\">\u0646\u062e\u0628\u0629<\/span> <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-blue-600 to-cyan-500\" id=\"label-doctors\">\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0639\u064a\u0648\u0646<\/span>\r\n                    <\/h2>\r\n                    <p class=\"text-slate-500 mt-2 text-lg max-w-xl\" id=\"label-desc\">\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0634\u0628\u0643\u064a\u0629\u060c \u0627\u0644\u0642\u0631\u0646\u064a\u0629\u060c \u0648\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0625\u0628\u0635\u0627\u0631 \u0628\u0623\u064a\u062f\u064a \u062e\u0628\u0631\u0627\u0621.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"hidden md:flex gap-3 rtl:flex-row-reverse\">\r\n                    <button id=\"nextBtn\" class=\"w-12 h-12 rounded-full border border-slate-200 bg-white hover:bg-blue-600 hover:text-white hover:border-blue-600 text-slate-600 flex items-center justify-center transition-all duration-300 shadow-sm\">\r\n                        <svg class=\"w-5 h-5 rtl:rotate-180\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\r\n                    <\/button>\r\n                    <button id=\"prevBtn\" class=\"w-12 h-12 rounded-full border border-slate-200 bg-white hover:bg-blue-600 hover:text-white hover:border-blue-600 text-slate-600 flex items-center justify-center transition-all duration-300 shadow-sm\">\r\n                        <svg class=\"w-5 h-5 rtl:rotate-180\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"relative\">\r\n                <div class=\"slider-viewport\" id=\"sliderContainer\">\r\n                    <div class=\"slider-track\" id=\"sliderTrack\"><\/div>\r\n                <\/div>\r\n                <div class=\"md:hidden absolute inset-y-0 left-0 w-12 bg-gradient-to-r from-slate-50 to-transparent z-10 pointer-events-none\"><\/div>\r\n                <div class=\"md:hidden absolute inset-y-0 right-0 w-12 bg-gradient-to-l from-slate-50 to-transparent z-10 pointer-events-none\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex justify-center mt-8 gap-2\" id=\"pagination\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    (function() {\r\n        const isEn = document.documentElement.lang === 'en';\r\n        const ROOT_ID = 'aden-doctors-widget';\r\n        const root = document.getElementById(ROOT_ID);\r\n        if (!root) return;\r\n\r\n        const translations = {\r\n            center: isEn ? \"Aden Eye Center\" : \"\u0645\u0631\u0643\u0632 \u0639\u062f\u0646 \u0644\u0644\u0639\u064a\u0648\u0646\",\r\n            elite: isEn ? \"Elite\" : \"\u0646\u062e\u0628\u0629\",\r\n            doctors: isEn ? \"Ophthalmologists\" : \"\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0639\u064a\u0648\u0646\",\r\n            desc: isEn ? \"Latest technologies for retina, cornea, and vision correction by experts.\" : \"\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0634\u0628\u0643\u064a\u0629\u060c \u0627\u0644\u0642\u0631\u0646\u064a\u0629\u060c \u0648\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0625\u0628\u0635\u0627\u0631 \u0628\u0623\u064a\u062f\u064a \u062e\u0628\u0631\u0627\u0621.\",\r\n            book: isEn ? \"Book Appointment\" : \"\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\",\r\n            consultant: isEn ? \"Consultant\" : \"\u0627\u0633\u062a\u0634\u0627\u0631\u064a\"\r\n        };\r\n\r\n        document.getElementById('label-center').textContent = translations.center;\r\n        document.getElementById('label-elite').textContent = translations.elite;\r\n        document.getElementById('label-doctors').textContent = translations.doctors;\r\n        document.getElementById('label-desc').textContent = translations.desc;\r\n\r\n        const doctors = [\r\n            { name: { ar: \"\u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0642\u0644\u0647\u0648\u0645\", en: \"Abdullah Qalhoum\" }, spec: { ar: \"\u0637\u0628 \u0648 \u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\", en: \"Ophthalmology & Retina Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2023\/11\/3.jpg\", verified: true },\r\n            { name: { ar: \"\u0641\u0627\u0631\u0633 \u0627\u0644\u062d\u0627\u064a\u0643\", en: \"Fares Al-Hayek\" }, spec: { ar: \"\u0637\u0628 \u0648 \u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u064a\u0648\u0646\", en: \"Ophthalmology & Eye Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2023\/09\/dd-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u0645\u0639\u0627\u0630 \u0627\u0644\u0628\u0642\u0627\u0639\u064a\", en: \"Moaz Al-Baqai\" }, spec: { ar: \"\u0637\u0628 \u0648 \u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u064a\u0648\u0646 \u0648\u0627\u0644\u0634\u0628\u0643\u064a\u0629\", en: \"Ophthalmology & Retina Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/8d.jpg\", verified: true },\r\n            { name: { ar: \"\u0645\u062d\u0645\u062f \u0645\u0646\u064a\u0631\", en: \"Mohamed Mounir\" }, spec: { ar: \"\u0637\u0628 \u0648 \u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u064a\u0648\u0646\", en: \"Ophthalmology & Eye Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2023\/09\/%D9%85%D8%AD%D9%85%D8%AF-%D9%85%D9%86%D9%8A%D8%B1-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u0639\u0644\u064a \u0627\u0644\u0633\u0642\u0627\u0641\", en: \"Ali Al-Saqaf\" }, spec: { ar: \"\u0637\u0628 \u0648 \u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u064a\u0648\u0646\", en: \"Ophthalmology & Eye Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/%D8%B9%D9%84%D9%8A-%D8%A7%D9%84%D8%B3%D9%82%D8%A7%D9%81-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0628\u0627\u0637\u0648\u0642\", en: \"Abdurrahman Ba Touq\" }, spec: { ar: \"\u0637\u0628 \u0648 \u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u064a\u0648\u0646\", en: \"Ophthalmology & Eye Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/d6-150x150.jpeg\", verified: true },\r\n            { name: { ar: \"\u0639\u0628\u062f\u0627\u0644\u0631\u062d\u064a\u0645 \u062e\u0627\u0644\u062f\", en: \"Abdurrahim Khaled\" }, spec: { ar: \"\u0642\u0631\u0646\u064a\u0629 \u0648 \u062a\u0635\u062d\u064a\u062d \u0627\u0628\u0635\u0627\u0631\", en: \"Cornea & Vision Correction\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/%D8%B9%D8%A8%D8%AF%D8%A7%D9%84%D8%B1%D8%AD%D9%8A%D9%85-%D8%AE%D8%A7%D9%84%D8%AF-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u0631\u0634\u0627 \u0645\u0648\u0633\u0649\", en: \"Rasha Moussa\" }, spec: { ar: \"\u0642\u0631\u0646\u064a\u0629 \u0648 \u062a\u0635\u062d\u064a\u062d \u0627\u0628\u0635\u0627\u0631\", en: \"Cornea & Vision Correction\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2023\/08\/7d-768x622.jpg\", verified: true },\r\n            { name: { ar: \"\u0627\u062d\u0645\u062f \u0627\u0644\u062d\u0633\u0646\", en: \"Ahmed Al-Hassan\" }, spec: { ar: \"\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0627\u0644\u0644\u064a\u0632\u0631\", en: \"Retinal Surgery & Laser\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/dr-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u0627\u062d\u0645\u062f \u0628\u0631\u0643\u0627\u062a\", en: \"Ahmed Barakat\" }, spec: { ar: \"\u0628\u0635\u0631\u064a\u0627\u062a \u0648 \u0639\u064a\u0648\u0646 \u0635\u0646\u0627\u0639\u064a\u0629\", en: \"Optics & Prosthetic Eyes\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/d7-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u0633\u0627\u0645\u0631 \u0627\u0644\u0646\u062c\u0645\", en: \"Samer Al-Najm\" }, spec: { ar: \"\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0648 \u0627\u0644\u0632\u0631\u0642\u0627\u0621\", en: \"Cataract & Glaucoma Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/%D8%B3%D8%A7%D9%84%D9%85-%D8%A8%D8%A7%D8%B5%D9%84%D9%8A%D9%84%D8%A9-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u0645\u0635\u0637\u0641\u0649 \u0639\u0632\u0628\", en: \"Mustafa Azab\" }, spec: { ar: \"\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0634\u0628\u0643\u064a\u0629\", en: \"Retinal Surgeries\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/f6-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u062f. \u0646\u062c\u064a\u0628\", en: \"Dr. Najib\" }, spec: { ar: \"\u0637\u0628 \u0648 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646\", en: \"Ophthalmology & Eye Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/%D9%86%D8%AC%D9%8A%D8%A8-768x622.jpeg\", verified: true },\r\n            { name: { ar: \"\u0633\u0627\u0644\u0645 \u0628\u0627\u0635\u0644\u064a\u0644\u0629\", en: \"Salem Basalila\" }, spec: { ar: \"\u0637\u0628 \u0648 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646\", en: \"Ophthalmology & Eye Surgery\" }, img: \"https:\/\/roayae.org\/wp-content\/uploads\/2019\/09\/%D8%B3%D8%A7%D9%84%D9%85-%D8%A8%D8%A7%D8%B5%D9%84%D9%8A%D9%84%D8%A9-768x622.jpeg\", verified: true }\r\n        ];\r\n\r\n        const ADEN_WHATSAPP = \"967730000000\";\r\n        const track = root.querySelector('#sliderTrack');\r\n        const pagination = root.querySelector('#pagination');\r\n        const nextBtn = root.querySelector('#nextBtn');\r\n        const prevBtn = root.querySelector('#prevBtn');\r\n        \r\n        let currentIndex = 0;\r\n        let cardsPerView = 1;\r\n        let autoPlayInterval;\r\n\r\n        function renderDoctors() {\r\n            track.innerHTML = '';\r\n            doctors.forEach((doc) => {\r\n                const card = document.createElement('div');\r\n                card.className = 'slide-card';\r\n                const dispName = isEn ? doc.name.en : doc.name.ar;\r\n                const dispSpec = isEn ? doc.spec.en : doc.spec.ar;\r\n                const badge = doc.verified ? \r\n                    `<div class=\"absolute top-4 right-4 bg-blue-600 text-white p-1.5 rounded-full z-20 shadow-lg\">\r\n                        <svg class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"\/><\/svg>\r\n                    <\/div>` : '';\r\n\r\n                card.innerHTML = `\r\n                    <div class=\"glass-card group relative rounded-[2.5rem] p-6 h-full flex flex-col items-center text-center transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl shadow-sm border border-slate-100 overflow-hidden\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-br from-blue-50\/80 to-cyan-50\/80 opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                        ${badge}\r\n                        <div class=\"relative mb-6 z-10 w-full flex justify-center\" style=\"line-height:0\">\r\n                            <div class=\"absolute inset-[-4px] rounded-3xl doc-avatar-ring max-w-[240px] mx-auto\"><\/div>\r\n                            <div class=\"relative w-full aspect-square max-w-[230px] rounded-3xl bg-slate-200 shadow-md overflow-hidden\" style=\"line-height:0\">\r\n                                <img decoding=\"async\" src=\"${doc.img}\" alt=\"${dispName}\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" loading=\"lazy\" style=\"display:block\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"relative z-10 w-full\">\r\n                            <h3 class=\"text-2xl font-bold text-slate-800 mb-2 group-hover:text-blue-600 transition-colors\">${dispName}<\/h3>\r\n                            <p class=\"text-xs text-slate-500 font-medium mb-6 inline-block px-4 py-1.5 bg-white rounded-full border border-slate-100 shadow-sm\">${dispSpec}<\/p>\r\n                            <div class=\"grid grid-cols-4 gap-2 mt-auto w-full pt-4 border-t border-slate-100\/50\">\r\n                                <a href=\"tel:${ADEN_WHATSAPP}\" class=\"col-span-1 flex items-center justify-center bg-slate-50 hover:bg-blue-100 text-slate-600 hover:text-blue-600 rounded-2xl transition-colors h-12\">\r\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.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/><\/svg>\r\n                                <\/a>\r\n                                <a href=\"https:\/\/wa.me\/${ADEN_WHATSAPP}?text=Booking with ${dispName}\" target=\"_blank\" class=\"col-span-3 flex items-center justify-center bg-[#25D366] hover:bg-[#20bd5a] text-white rounded-2xl transition-all shadow-md hover:shadow-green-200 gap-2 h-12\">\r\n                                    <span class=\"font-bold\">${translations.book}<\/span>\r\n                                    <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.711 2.598 2.664-.698c.969.585 1.85.896 3.289.896 3.179 0 5.767-2.587 5.768-5.766.001-3.187-2.575-5.77-6.261-5.783zm0 10.33c-1.055 0-2.091-.429-2.906-.92l-1.493.391.398-1.455c-.563-.896-.86-1.746-.86-2.583 0-2.681 2.181-4.862 4.863-4.862 2.682 0 4.862 2.181 4.863 4.862 0 2.682-2.181 4.865-4.865 4.867z\"\/><\/svg>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n                track.appendChild(card);\r\n            });\r\n        }\r\n\r\n        function updateCardsPerView() {\r\n            const width = window.innerWidth;\r\n            if (width >= 1280) cardsPerView = 4;\r\n            else if (width >= 1024) cardsPerView = 3;\r\n            else if (width >= 640) cardsPerView = 2;\r\n            else cardsPerView = 1;\r\n            updateSlider();\r\n            renderPagination();\r\n        }\r\n\r\n        function updateSlider() {\r\n            const totalSlides = doctors.length;\r\n            const maxIndex = totalSlides - cardsPerView;\r\n            if (currentIndex > maxIndex) currentIndex = 0;\r\n            if (currentIndex < 0) currentIndex = maxIndex;\r\n            const percentage = (100 \/ cardsPerView) * currentIndex;\r\n            track.style.transform = `translateX(${percentage}%)`;\r\n            updateDots();\r\n        }\r\n\r\n        function renderPagination() {\r\n            pagination.innerHTML = '';\r\n            const maxIndex = doctors.length - cardsPerView;\r\n            const dotsToShow = maxIndex + 1;\r\n            for(let i=0; i < dotsToShow; i++) {\r\n                const dot = document.createElement('button');\r\n                dot.className = `h-1.5 rounded-full transition-all duration-300 ${i === currentIndex ? 'bg-blue-600 w-6' : 'bg-slate-300 w-1.5 hover:bg-slate-400'}`;\r\n                dot.onclick = () => { currentIndex = i; updateSlider(); resetAutoPlay(); };\r\n                pagination.appendChild(dot);\r\n            }\r\n        }\r\n\r\n        function updateDots() {\r\n            const dots = pagination.children;\r\n            for(let i=0; i<dots.length; i++) {\r\n                dots[i].className = `h-1.5 rounded-full transition-all duration-300 ${i === currentIndex ? 'bg-blue-600 w-6' : 'bg-slate-300 w-1.5 hover:bg-slate-400'}`;\r\n            }\r\n        }\r\n\r\n        function nextSlide() { currentIndex++; updateSlider(); }\r\n        function prevSlide() { currentIndex--; updateSlider(); }\r\n        if(nextBtn) nextBtn.onclick = () => { nextSlide(); resetAutoPlay(); };\r\n        if(prevBtn) prevBtn.onclick = () => { prevSlide(); resetAutoPlay(); };\r\n\r\n        function startAutoPlay() { autoPlayInterval = setInterval(nextSlide, 5000); }\r\n        function resetAutoPlay() { clearInterval(autoPlayInterval); startAutoPlay(); }\r\n\r\n        renderDoctors();\r\n        updateCardsPerView();\r\n        startAutoPlay();\r\n        window.addEventListener('resize', updateCardsPerView);\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-745cdf2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"745cdf2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-252d00a\" data-id=\"252d00a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c49c32f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c49c32f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0d5c0e5\" data-id=\"0d5c0e5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d92466 elementor-widget elementor-widget-html\" data-id=\"0d92466\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t   <!-- CTA Section -->\r\n    <section class=\"py-16 bg-gradient-to-r from-primary to-secondary relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/medical-icons.png')] opacity-10\"><\/div>\r\n        <div class=\"max-w-4xl mx-auto px-4 text-center relative z-10 reveal\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-6\">\u0647\u0644 \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0627\u0644\u0631\u0624\u064a\u0629\u061f<\/h2>\r\n            <p class=\"text-cyan-100 text-lg mb-8\">\u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u0641\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0623\u0637\u0628\u0627\u0626\u0646\u0627. \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u0647\u0648 \u0646\u0635\u0641 \u0627\u0644\u0639\u0644\u0627\u062c. \u0646\u062d\u0646 \u0647\u0646\u0627 \u0641\u064a \u0639\u062f\u0646 \u0644\u062e\u062f\u0645\u062a\u0643.<\/p>\r\n            <a href=\"#contact\" class=\"inline-block bg-white text-primary font-bold py-4 px-10 rounded-full shadow-lg hover:bg-gray-100 transition transform hover:scale-105\">\r\n                \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee56330 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee56330\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-089d808\" data-id=\"089d808\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cd82fe9 elementor-widget elementor-widget-html\" data-id=\"cd82fe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"\u0645\u0631\u0643\u0632 \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 - \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u060c \u0641\u062d\u0635 \u0646\u0638\u0631\u060c \u0644\u064a\u0632\u0643\u060c \u0648\u0634\u0628\u0643\u064a\u0629. \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0639\u062f\u0646.\">\r\n    <meta name=\"keywords\" content=\"\u0637\u0628 \u0639\u064a\u0648\u0646, \u0644\u064a\u0632\u0643, \u0639\u062f\u0646, \u0627\u0644\u064a\u0645\u0646, \u062d\u062c\u0632 \u0645\u0648\u0639\u062f, \u0645\u0631\u0643\u0632 \u0631\u0624\u064a\u0629\">\r\n    <title>\u0645\u0631\u0643\u0632 \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0627\u0644\u0639\u064a\u0648\u0646 | \u062d\u062c\u0632 \u0645\u0648\u0639\u062f<\/title>\r\n    \r\n    <!-- Fonts: Tajawal -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Tajawal', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        primary: '#0891b2', \r\n                        secondary: '#0e7490', \r\n                        accent: '#ecfeff',\r\n                        brand: {\r\n                            50: '#f0f9ff',\r\n                            100: '#e0f2fe',\r\n                            500: '#0ea5e9',\r\n                            600: '#0284c7',\r\n                            900: '#0c4a6e',\r\n                        }\r\n                    },\r\n                    boxShadow: {\r\n                        'soft': '0 20px 40px -15px rgba(0, 0, 0, 0.05)',\r\n                        'glow': '0 0 20px rgba(8, 145, 178, 0.15)',\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <!-- Structured Data (Schema.org) for Local Business\/Clinic -->\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"MedicalClinic\",\r\n      \"name\": \"\u0645\u0631\u0643\u0632 \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646\",\r\n      \"image\": \"https:\/\/via.placeholder.com\/150\",\r\n      \"telephone\": \"+967771234567\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"streetAddress\": \"\u0634\u0627\u0631\u0639 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a\",\r\n        \"addressLocality\": \"\u0627\u0644\u0645\u0646\u0635\u0648\u0631\u0629\",\r\n        \"addressRegion\": \"\u0639\u062f\u0646\",\r\n        \"addressCountry\": \"YE\"\r\n      },\r\n      \"geo\": {\r\n        \"@type\": \"GeoCoordinates\",\r\n        \"latitude\": 12.8698866,\r\n        \"longitude\": 44.9821929\r\n      },\r\n      \"openingHoursSpecification\": [\r\n        {\r\n          \"@type\": \"OpeningHoursSpecification\",\r\n          \"dayOfWeek\": [\"Saturday\", \"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\"],\r\n          \"opens\": \"09:00\",\r\n          \"closes\": \"21:00\"\r\n        }\r\n      ]\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        body {\r\n            font-family: 'Tajawal', sans-serif;\r\n            background-color: #f1f5f9;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n        \r\n        \/* Custom Scrollbar *\/\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: #cbd5e1;\r\n            border-radius: 4px;\r\n        }\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: #94a3b8;\r\n        }\r\n\r\n        \/* Animation Utilities *\/\r\n        .fade-in-up {\r\n            animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n        }\r\n        \r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .delay-100 { animation-delay: 0.1s; }\r\n        .delay-200 { animation-delay: 0.2s; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"antialiased text-slate-800\">\r\n\r\n    <section class=\"min-h-screen flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-slate-50 to-slate-100\">\r\n        <div class=\"max-w-7xl mx-auto w-full\">\r\n            \r\n            <!-- Header -->\r\n            <div class=\"text-center mb-12 fade-in-up\">\r\n                <div class=\"inline-flex items-center justify-center p-2 mb-4 bg-white rounded-full shadow-sm text-primary\">\r\n                    <i class=\"fa-solid fa-eye text-2xl mx-2\"><\/i>\r\n                <\/div>\r\n                <h1 class=\"text-3xl md:text-5xl font-extrabold text-slate-900 mb-3 tracking-tight\">\r\n                    \u0645\u0631\u0643\u0632 \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646\r\n                <\/h1>\r\n                <p class=\"text-lg text-slate-600 max-w-2xl mx-auto\">\r\n                    \u0646\u0639\u062a\u0646\u064a \u0628\u0633\u0644\u0627\u0645\u0629 \u0646\u0638\u0631\u0643 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u0622\u0645\u0646\u0629\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Main Grid: Items Stretch ensures equal height -->\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 items-stretch\">\r\n                \r\n                <!-- Left Column: Booking Form -->\r\n                <div class=\"fade-in-up delay-100 h-full\">\r\n                    <div class=\"bg-white rounded-3xl shadow-soft border border-slate-100 p-6 md:p-8 h-full flex flex-col\">\r\n                        <div class=\"flex items-center gap-4 mb-8 border-b border-slate-50 pb-6\">\r\n                            <div class=\"w-14 h-14 rounded-2xl bg-green-50 flex items-center justify-center text-[#25D366] shadow-sm\">\r\n                                <i class=\"fa-brands fa-whatsapp text-3xl\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"text-2xl font-bold text-slate-900\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0641\u0648\u0631\u064a<\/h3>\r\n                                <p class=\"text-slate-500 text-sm\">\u064a\u0635\u0644\u0643 \u0627\u0644\u0631\u062f \u062e\u0644\u0627\u0644 \u062f\u0642\u0627\u0626\u0642 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <form id=\"bookingForm\" class=\"space-y-5 flex-grow\" onsubmit=\"sendToWhatsApp(event)\">\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n                                <div class=\"space-y-1.5\">\r\n                                    <label class=\"text-sm font-semibold text-slate-700\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\r\n                                    <div class=\"relative\">\r\n                                        <div class=\"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-slate-400\">\r\n                                            <i class=\"fa-regular fa-user\"><\/i>\r\n                                        <\/div>\r\n                                        <input type=\"text\" id=\"fullName\" class=\"w-full pr-10 pl-4 py-3.5 rounded-xl bg-slate-50 border border-slate-200 focus:border-primary focus:ring-4 focus:ring-primary\/10 outline-none transition-all duration-300 placeholder-slate-400\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a\" required>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"space-y-1.5\">\r\n                                    <label class=\"text-sm font-semibold text-slate-700\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\r\n                                    <div class=\"relative\">\r\n                                        <div class=\"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-slate-400\">\r\n                                            <i class=\"fa-solid fa-mobile-screen\"><\/i>\r\n                                        <\/div>\r\n                                        <input type=\"tel\" id=\"phoneNumber\" class=\"w-full pr-10 pl-4 py-3.5 rounded-xl bg-slate-50 border border-slate-200 focus:border-primary focus:ring-4 focus:ring-primary\/10 outline-none transition-all duration-300 placeholder-slate-400\" placeholder=\"7XXXXXXXX\" required>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"space-y-1.5\">\r\n                                <label class=\"text-sm font-semibold text-slate-700\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/label>\r\n                                <div class=\"relative\">\r\n                                    <div class=\"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-slate-400\">\r\n                                        <i class=\"fa-solid fa-stethoscope\"><\/i>\r\n                                    <\/div>\r\n                                    <select id=\"serviceType\" class=\"w-full pr-10 pl-4 py-3.5 rounded-xl bg-slate-50 border border-slate-200 focus:border-primary focus:ring-4 focus:ring-primary\/10 outline-none transition-all duration-300 appearance-none cursor-pointer text-slate-700\">\r\n                                        <option>\u0643\u0634\u0641 \u0639\u0627\u0645<\/option>\r\n                                        <option>\u0639\u0645\u0644\u064a\u0629 \u0644\u064a\u0632\u0643<\/option>\r\n                                        <option>\u0641\u062d\u0635 \u0634\u0628\u0643\u064a\u0629<\/option>\r\n                                        <option>\u0645\u064a\u0627\u0647 \u0628\u064a\u0636\u0627\u0621<\/option>\r\n                                        <option>\u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0648\u0631\u064a\u0629<\/option>\r\n                                        <option>\u0623\u062e\u0631\u0649<\/option>\r\n                                    <\/select>\r\n                                    <div class=\"absolute left-4 top-1\/2 -translate-y-1\/2 text-slate-400 pointer-events-none\">\r\n                                        <i class=\"fa-solid fa-chevron-down text-xs\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"space-y-1.5\">\r\n                                <label class=\"text-sm font-semibold text-slate-700\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629<\/label>\r\n                                <textarea id=\"notes\" rows=\"3\" class=\"w-full px-4 py-3.5 rounded-xl bg-slate-50 border border-slate-200 focus:border-primary focus:ring-4 focus:ring-primary\/10 outline-none transition-all duration-300 placeholder-slate-400 resize-none\" placeholder=\"\u0648\u0642\u062a \u0645\u0641\u0636\u0644\u060c \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u062e\u0627\u0635...\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <div class=\"pt-2 mt-auto\">\r\n                                <button type=\"submit\" class=\"group w-full bg-[#25D366] hover:bg-[#1da851] text-white font-bold py-4 rounded-xl shadow-lg shadow-green-500\/20 hover:shadow-green-500\/30 transition-all duration-300 flex items-center justify-center gap-3 transform active:scale-[0.99]\">\r\n                                    <span class=\"text-lg\">\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u062c\u0632<\/span>\r\n                                    <i class=\"fa-brands fa-whatsapp text-2xl group-hover:rotate-12 transition-transform duration-300\"><\/i>\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/form>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Column: Info & Map Combined -->\r\n                <!-- Using flex flex-col h-full to ensure it matches the form height -->\r\n                <div class=\"fade-in-up delay-200 h-full\">\r\n                    <div class=\"bg-white rounded-3xl shadow-soft border border-slate-100 h-full flex flex-col overflow-hidden\">\r\n                        \r\n                        <!-- Info Header -->\r\n                        <div class=\"p-6 md:p-8 bg-white z-10 relative\">\r\n                            <h3 class=\"text-2xl font-bold text-slate-900 mb-6\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\r\n                            \r\n                            <div class=\"space-y-5\">\r\n                                <!-- Address -->\r\n                                <div class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-10 h-10 rounded-full bg-cyan-50 text-primary flex items-center justify-center shrink-0\">\r\n                                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <h5 class=\"font-bold text-slate-800\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h5>\r\n                                        <p class=\"text-slate-500 text-sm mt-0.5\">\u0627\u0644\u064a\u0645\u0646\u060c \u0639\u062f\u0646\u060c \u0645\u062f\u064a\u0631\u064a\u0629 \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u0629\u060c \u0634\u0627\u0631\u0639 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Phone -->\r\n                                <div class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-10 h-10 rounded-full bg-cyan-50 text-primary flex items-center justify-center shrink-0\">\r\n                                        <i class=\"fa-solid fa-phone\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <h5 class=\"font-bold text-slate-800\">\u0627\u0644\u0647\u0627\u062a\u0641<\/h5>\r\n                                        <div class=\"flex flex-col text-sm text-slate-500 mt-0.5\" dir=\"ltr\">\r\n                                            <a href=\"tel:+967771234567\" class=\"hover:text-primary transition-colors text-right\">+967 77 123 4567<\/a>\r\n                                            <a href=\"tel:02123456\" class=\"hover:text-primary transition-colors text-right\">02 123 456<\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Hours -->\r\n                                <div class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-10 h-10 rounded-full bg-cyan-50 text-primary flex items-center justify-center shrink-0\">\r\n                                        <i class=\"fa-regular fa-clock\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <h5 class=\"font-bold text-slate-800\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h5>\r\n                                        <p class=\"text-slate-500 text-sm mt-0.5\">\u0627\u0644\u0633\u0628\u062a - \u0627\u0644\u062e\u0645\u064a\u0633: 9:00 \u0635 - 9:00 \u0645<\/p>\r\n                                        <p class=\"text-red-500 text-xs font-semibold mt-1\">\u0627\u0644\u062c\u0645\u0639\u0629: \u0637\u0648\u0627\u0631\u0626 \u0641\u0642\u0637<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Map Section: flex-grow ensures it fills the remaining height -->\r\n                        <div class=\"relative w-full flex-grow min-h-[300px] border-t border-slate-100\">\r\n                            <iframe \r\n                                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3889.5876800802603!2d44.9821929!3d12.869886600000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3df5f7138f379d35%3A0x7011461d86e98799!2z2LHYpNmK2Kkg2YTYt9ioINmIINis2LHYp9it2Kkg2KfZhNi52YrZiNmGINmI2KfZhNi02KjZg9mK2Kkt2LnYr9mG!5e0!3m2!1sar!2s!4v1761932725508!5m2!1sar!2s\" \r\n                                class=\"absolute inset-0 w-full h-full object-cover grayscale-[20%] hover:grayscale-0 transition-all duration-500\" \r\n                                style=\"border:0;\" \r\n                                allowfullscreen=\"\" \r\n                                loading=\"lazy\" \r\n                                referrerpolicy=\"no-referrer-when-downgrade\">\r\n                            <\/iframe>\r\n                            \r\n                            <!-- Overlay Badge -->\r\n                            <div class=\"absolute bottom-4 left-4 bg-white\/90 backdrop-blur-sm px-4 py-2 rounded-lg shadow-lg text-xs font-bold text-primary\">\r\n                                <i class=\"fa-solid fa-map-pin mr-1\"><\/i> \u0645\u0648\u0642\u0639\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u062e\u0631\u064a\u0637\u0629\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n          \r\n\r\n    <!-- JavaScript Logic -->\r\n    <script>\r\n        function sendToWhatsApp(e) {\r\n            e.preventDefault();\r\n\r\n            const name = document.getElementById('fullName').value.trim();\r\n            const phone = document.getElementById('phoneNumber').value.trim();\r\n            const service = document.getElementById('serviceType').value;\r\n            const notes = document.getElementById('notes').value.trim();\r\n\r\n            if (!name || !phone) {\r\n                \/\/ Using a custom styled alert could be better, but native is reliable\r\n                alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u062d\u062c\u0632');\r\n                return;\r\n            }\r\n\r\n            const message = `*\u0637\u0644\u0628 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u062c\u062f\u064a\u062f - \u0645\u0631\u0643\u0632 \u0631\u0624\u064a\u0629*\\n` +\r\n                            `---------------------------\\n` +\r\n                            `\ud83d\udc64 *\u0627\u0644\u0627\u0633\u0645:* ${name}\\n` +\r\n                            `\ud83d\udcf1 *\u0627\u0644\u0647\u0627\u062a\u0641:* ${phone}\\n` +\r\n                            `\ud83e\ude7a *\u0627\u0644\u062e\u062f\u0645\u0629:* ${service}\\n` +\r\n                            `\ud83d\udcdd *\u0645\u0644\u0627\u062d\u0638\u0627\u062a:* ${notes ? notes : '\u0644\u0627 \u064a\u0648\u062c\u062f'}\\n` +\r\n                            `---------------------------\\n` +\r\n                            `\u064a\u0631\u062c\u0649 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0645\u0648\u0639\u062f.`;\r\n\r\n            const centerPhone = \"967771234567\"; \r\n            const encodedMessage = encodeURIComponent(message);\r\n            const whatsappUrl = `https:\/\/wa.me\/${centerPhone}?text=${encodedMessage}`;\r\n\r\n            window.open(whatsappUrl, '_blank');\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0641\u064a \u0642\u0644\u0628 \u0627\u0644\u064a\u0645\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0623\u064a\u062f\u064a \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646. \u0643\u0627\u062f\u0631 \u0637\u0628\u064a \u0645\u062a\u0645\u064a\u0632 \u0623\u0637\u0628\u0627\u0621 \u0645\u0639\u062a\u0645\u062f\u0648\u0646 \u0628\u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a. \u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0628\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062f\u0642\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635. \u0641\u0631\u0648\u0639\u0646\u0627 \u0642\u0631\u064a\u0628\u0629 \u0645\u0646\u0643 \u0646\u062e\u062f\u0645\u0643\u0645 \u0641\u064a \u0639\u062f\u0629 \u0645\u062f\u0646 \u0644\u062a\u0648\u0641\u064a\u0631 \u0623\u0641\u0636\u0644 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u0645\u0643\u0646\u0629. &#10095; &#10094; 0+ \u0633\u0646\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 0+ \u0639\u0645\u0644\u064a\u0629 \u0646\u0627\u062c\u062d\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-home.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2700","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/pages\/2700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/comments?post=2700"}],"version-history":[{"count":391,"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/pages\/2700\/revisions"}],"predecessor-version":[{"id":8990,"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/pages\/2700\/revisions\/8990"}],"wp:attachment":[{"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/media?parent=2700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}