{"id":2629,"date":"2019-10-07T05:42:54","date_gmt":"2019-10-07T05:42:54","guid":{"rendered":"https:\/\/roayae.org\/?page_id=2629"},"modified":"2026-07-27T20:49:07","modified_gmt":"2026-07-27T17:49:07","slug":"al-shehr","status":"publish","type":"page","link":"https:\/\/roayae.org\/ar\/al-shehr\/","title":{"rendered":"\u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2629\" class=\"elementor elementor-2629\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7d48 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7d48\" 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-2beb\" data-id=\"2beb\" 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-d382c20 elementor-widget elementor-widget-html\" data-id=\"d382c20\" 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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* \u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u0645\u0639\u0632\u0648\u0644 \u0644\u0639\u062f\u0645 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u0628\u0642\u064a\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 *\/\r\n        #roya-hospital-landing {\r\n            font-family: 'Tajawal', sans-serif;\r\n            --roya-primary: #0f4c81;\r\n            --roya-secondary: #219ebc;\r\n            --roya-accent: #3b82f6;\r\n            background-color: #ffffff;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        #roya-hospital-landing .roya-hero {\r\n            background: linear-gradient(rgba(15, 76, 129, 0.7), rgba(15, 76, 129, 0.5)), url('https:\/\/lh3.googleusercontent.com\/vAsAbwgissVE2ktenF-MYbQIzePGMWpXBzqCHnml5kajuYfzJcJ9lc9oQ_RJ9e0RnxKc21LQgwF2KV0L=s1024');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            min-height: 550px;\r\n        }\r\n\r\n        #roya-hospital-landing .roya-glass-card {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(15, 76, 129, 0.1);\r\n            border-radius: 2rem;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        #roya-hospital-landing .roya-reveal {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        #roya-hospital-landing .roya-reveal.active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        #roya-hospital-landing .roya-btn {\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: 0 10px 15px -3px rgba(15, 76, 129, 0.3);\r\n        }\r\n\r\n        #roya-hospital-landing .roya-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 20px 25px -5px rgba(15, 76, 129, 0.4);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- \u0627\u0644\u063a\u0644\u0627\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u0645\u0639\u0632\u0648\u0644 \u0628\u0645\u064f\u0639\u0631\u0641 \u062e\u0627\u0635 -->\r\n    <div id=\"roya-hospital-landing\" class=\"relative w-full\">\r\n        \r\n        <!-- Hero Section -->\r\n        <section class=\"roya-hero flex items-center justify-center px-4 py-20 text-center\">\r\n            <div class=\"max-w-4xl\">\r\n                <div class=\"roya-reveal inline-block px-5 py-1.5 bg-white\/10 rounded-full border border-white\/20 backdrop-blur-md mb-8\">\r\n                    <span class=\"text-white text-sm font-bold tracking-wide\">\u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631 - \u062d\u0636\u0631\u0645\u0648\u062a<\/span>\r\n                <\/div>\r\n                <h1 class=\"roya-reveal text-white text-4xl md:text-6xl font-extrabold mb-6 leading-tight\">\r\n                    \u0631\u0624\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 <span class=\"text-blue-300\">\u0644\u0639\u0627\u0644\u0645\u0643<\/span>\r\n                <\/h1>\r\n                <p class=\"roya-reveal text-white\/90 text-lg md:text-xl max-w-2xl mx-auto mb-10 leading-relaxed\">\r\n                    \u0645\u0633\u062a\u0634\u0641\u0649 \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\u060c \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0639\u0631\u064a\u0642\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0631\u0639\u0627\u064a\u062a\u0643\u0645.\r\n                <\/p>\r\n                <div class=\"roya-reveal flex flex-wrap justify-center gap-4\">\r\n                    <a href=\"#\" class=\"roya-btn bg-blue-600 text-white px-8 py-4 rounded-2xl font-bold flex items-center gap-2\">\r\n                        <span>\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643 \u0627\u0644\u0622\u0646<\/span>\r\n                        <span class=\"material-icons\">calendar_today<\/span>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"roya-btn bg-white\/10 text-white border border-white\/30 px-8 py-4 rounded-2xl font-bold backdrop-blur-md hover:bg-white\/20\">\r\n                        \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Content Section -->\r\n        <section class=\"py-24 px-6 bg-slate-50\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\r\n                    <div class=\"roya-reveal\">\r\n                        <div class=\"roya-glass-card p-8 md:p-12 shadow-2xl shadow-blue-900\/5\">\r\n                            <div class=\"w-16 h-2 bg-blue-600 rounded-full mb-8\"><\/div>\r\n                            <h2 class=\"text-3xl font-extrabold text-[#0f4c81] mb-6 leading-snug\">\r\n                                \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 <br><span class=\"text-blue-500 font-medium text-2xl\">\u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631<\/span>\r\n                            <\/h2>\r\n                            <p class=\"text-slate-600 text-lg leading-relaxed mb-8 text-justify\">\r\n                                \u064a\u064f\u0639\u062f\u0651 \u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631 \u0623\u062d\u062f \u0641\u0631\u0648\u0639 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629\u060c \u0648\u064a\u0642\u062f\u0651\u0645 \u062e\u062f\u0645\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u064a\u0648\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\u060c \u0628\u0625\u0634\u0631\u0627\u0641 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0644\u062a\u0648\u0641\u064a\u0631 \u0631\u0639\u0627\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0644\u064a\u0642 \u0628\u0643\u0645.\r\n                            <\/p>\r\n                            <div class=\"flex items-start gap-5 p-5 bg-blue-50 rounded-2xl border border-blue-100\">\r\n                                <div class=\"bg-blue-600 p-2 rounded-lg\">\r\n                                    <span class=\"material-icons text-white\">verified_user<\/span>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"font-bold text-slate-900\">\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h4>\r\n                                    <p class=\"text-sm text-slate-500 mt-1\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u0636\u0649.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"roya-reveal relative group\">\r\n                        <div class=\"absolute -inset-4 bg-blue-600\/10 rounded-[3rem] blur-xl group-hover:bg-blue-600\/20 transition duration-500\"><\/div>\r\n                        <div class=\"relative rounded-[2.5rem] overflow-hidden shadow-2xl border-4 border-white\">\r\n                            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/VERu8uhx-Z-JScy8OdDhpXB5Y5j58MJ51mnnNOPIIESxyfNQNz9oTainJvhGsDACLteGagS_MjXprW2x=s800\" \r\n                                 class=\"w-full h-[450px] object-cover transform group-hover:scale-105 transition-transform duration-1000\" \r\n                                 alt=\"\u0642\u0633\u0645 \u0627\u0644\u0639\u064a\u0648\u0646\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Features Grid -->\r\n        <section class=\"py-24 px-6 bg-white\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"text-center mb-16\">\r\n                    <h3 class=\"roya-reveal text-2xl font-bold text-blue-900 mb-2\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629\u061f<\/h3>\r\n                    <div class=\"roya-reveal w-20 h-1 bg-blue-600 mx-auto rounded-full\"><\/div>\r\n                <\/div>\r\n                <div class=\"grid md:grid-cols-3 gap-8\">\r\n                    <!-- Feature 1 -->\r\n                    <div class=\"roya-reveal p-10 rounded-3xl bg-slate-50 hover:bg-white hover:shadow-2xl hover:shadow-blue-900\/10 border border-transparent hover:border-blue-100 transition-all\">\r\n                        <div class=\"w-14 h-14 bg-blue-600 rounded-2xl flex items-center justify-center mb-8 text-white\">\r\n                            <span class=\"material-icons text-3xl\">biotech<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold mb-4 text-slate-900\">\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed\">\r\n                            \u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u062d\u062f\u062b \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u064a\u0632\u0631 \u0648\u0627\u0644\u0641\u064a\u0645\u062a\u0648 \u0644\u064a\u0632\u0643 \u0644\u0636\u0645\u0627\u0646 \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u0645\u0631\u0636\u0627\u0646\u0627 \u0645\u0639 \u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0641\u0627\u0626\u0642\u0629.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <!-- Feature 2 -->\r\n                    <div class=\"roya-reveal p-10 rounded-3xl bg-slate-50 hover:bg-white hover:shadow-2xl hover:shadow-blue-900\/10 border border-transparent hover:border-blue-100 transition-all\">\r\n                        <div class=\"w-14 h-14 bg-blue-600 rounded-2xl flex items-center justify-center mb-8 text-white\">\r\n                            <span class=\"material-icons text-3xl\">medication<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold mb-4 text-slate-900\">\u0646\u062e\u0628\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed\">\r\n                            \u0643\u0627\u062f\u0631 \u0637\u0628\u064a \u0645\u062a\u062e\u0635\u0635 \u0630\u0648 \u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u062e\u0628\u0631\u0627\u062a \u062f\u0648\u0644\u064a\u0629 \u0641\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0648\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <!-- Feature 3 -->\r\n                    <div class=\"roya-reveal p-10 rounded-3xl bg-slate-50 hover:bg-white hover:shadow-2xl hover:shadow-blue-900\/10 border border-transparent hover:border-blue-100 transition-all\">\r\n                        <div class=\"w-14 h-14 bg-blue-600 rounded-2xl flex items-center justify-center mb-8 text-white\">\r\n                            <span class=\"material-icons text-3xl\">volunteer_activism<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold mb-4 text-slate-900\">\u0631\u0639\u0627\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed\">\r\n                            \u0646\u0642\u062f\u0645 \u0631\u0639\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062f\u0648\u0631\u064a \u0627\u0644\u062f\u0642\u064a\u0642 \u0648\u062a\u0633\u062a\u0645\u0631 \u0645\u0639\u0643\u0645 \u062d\u062a\u0649 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u062a\u0627\u0645 \u0628\u0625\u0630\u0646 \u0627\u0644\u0644\u0647.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            const observerOptions = {\r\n                threshold: 0.1\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('active');\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            document.querySelectorAll('#roya-hospital-landing .roya-reveal').forEach((el) => {\r\n                observer.observe(el);\r\n            });\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-8a466f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8a466f2\" 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-50 elementor-top-column elementor-element elementor-element-15e1a57\" data-id=\"15e1a57\" 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-e041d76 elementor-widget elementor-widget-image\" data-id=\"e041d76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/31.jpeg\" class=\"attachment-large size-large wp-image-6285\" alt=\"\" srcset=\"https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/31.jpeg 1024w, https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/31-300x200.jpeg 300w, https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/31-768x512.jpeg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-446f3b0 elementor-widget elementor-widget-image\" data-id=\"446f3b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/32.jpeg\" class=\"attachment-large size-large wp-image-6292\" alt=\"\" srcset=\"https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/32.jpeg 1024w, https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/32-300x200.jpeg 300w, https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/32-768x512.jpeg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1507506\" data-id=\"1507506\" 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-a005c75 elementor-widget elementor-widget-html\" data-id=\"a005c75\" 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><html lang=\"ar\" dir=\"rtl\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\"><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script><style>body{font-family:'Cairo', sans-serif;}html[lang=\"en\"] body{font-family:'Poppins', sans-serif;}.form-card{background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(10px);border:1px solid rgba(229, 231, 235, 0.5);}<\/style><\/head><body class=\"bg-slate-50 p-4\"><div class=\"max-w-xl mx-auto my-10 form-card rounded-2xl shadow-2xl overflow-hidden\"><div class=\"bg-[#005f73] p-6 text-white text-center\"><h2 id=\"title-text\" class=\"text-2xl font-bold\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0633\u0631\u064a\u0639<\/h2><p id=\"subtitle-text\" class=\"text-sm opacity-90 mt-2\">\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u062d\u062c\u0632<\/p><\/div><form id=\"appointmentForm\" class=\"p-8 space-y-5\"><div class=\"space-y-2\"><label id=\"lbl-name\" class=\"block text-sm font-semibold text-gray-700\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a<\/label><input type=\"text\" id=\"name\" required placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u062b\u0644\u0627\u062b\u064a...\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-[#0a9396] focus:border-transparent outline-none transition-all\"><\/div><div class=\"grid grid-cols-2 gap-4\"><div><label id=\"lbl-age\" class=\"block text-sm font-semibold text-gray-700\">\u0627\u0644\u0639\u0645\u0631<\/label><input type=\"number\" id=\"age\" required placeholder=\"\u0645\u062b\u0627\u0644: 25\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-[#0a9396] outline-none\"><\/div><div><label id=\"lbl-phone\" class=\"block text-sm font-semibold text-gray-700\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label><input type=\"tel\" id=\"phone\" required placeholder=\"7xxxxxxx\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-[#0a9396] outline-none text-left\" dir=\"ltr\"><\/div><\/div><div class=\"space-y-2\"><label id=\"lbl-branch\" class=\"block text-sm font-semibold text-gray-700\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639<\/label><select id=\"branch\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 bg-white focus:ring-2 focus:ring-[#0a9396] outline-none appearance-none cursor-pointer\"><option value=\"\" disabled selected id=\"opt-select\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0645\u0637\u0644\u0648\u0628...<\/option><option value=\"\u0633\u064a\u0626\u0648\u0646\" data-phone=\"967774441177\">\u0631\u0624\u064a\u0629 \u0633\u064a\u0626\u0648\u0646 (\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a)<\/option><option value=\"\u0639\u062f\u0646\" data-phone=\"967782255557\">\u0641\u0631\u0639 \u0639\u062f\u0646<\/option><option value=\"\u0627\u0644\u0645\u0643\u0644\u0627\" data-phone=\"967778844766\">\u0641\u0631\u0639 \u0627\u0644\u0645\u0643\u0644\u0627<\/option><option value=\"\u0627\u0644\u0634\u062d\u0631\" data-phone=\"967781765720\">\u0641\u0631\u0639 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0634\u062d\u0631<\/option><\/select><\/div><div class=\"space-y-2\"><label id=\"lbl-desc\" class=\"block text-sm font-semibold text-gray-700\">\u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631<\/label><textarea id=\"note\" rows=\"3\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0647\u0646\u0627...\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-[#0a9396] outline-none transition-all\"><\/textarea><\/div><div class=\"flex flex-col gap-3 pt-4\"><button type=\"submit\" class=\"bg-[#0a9396] hover:bg-[#005f73] text-white font-bold py-4 rounded-xl shadow-lg transform active:scale-95 transition-all flex items-center justify-center gap-2\"><span id=\"btn-wa\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u062c\u0632 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/span><\/button><button type=\"button\" id=\"btn-pdf-trigger\" class=\"bg-slate-700 hover:bg-slate-800 text-white font-semibold py-3 rounded-xl shadow transition-all hidden\"><span id=\"btn-pdf\">\u062a\u062d\u0645\u064a\u0644 \u0646\u0633\u062e\u0629 PDF<\/span><\/button><\/div><\/form><\/div><div id=\"pdf-template\" class=\"hidden p-10 bg-white\" dir=\"rtl\"><div style=\"border:4px solid #005f73; padding:20px; border-radius:10px;\"><h1 style=\"color:#005f73; text-align:center; font-size:24px;\">\u062a\u0623\u0643\u064a\u062f \u062d\u062c\u0632 \u0645\u0648\u0639\u062f<\/h1><hr style=\"margin:20px 0\"><div id=\"pdf-content\" class=\"space-y-4 text-lg\"><\/div><p style=\"margin-top:40px; text-align:center; font-size:12px; color:#666;\">\u062a\u0645 \u0625\u0646\u0634\u0627\u0621 \u0647\u0630\u0627 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0622\u0644\u064a\u0627\u064b - \u0645\u0648\u0642\u0639 \u0631\u0624\u064a\u0629<\/p><\/div><\/div><script>const translations = { ar: { title: '\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0633\u0631\u064a\u0639', subtitle: '\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u062d\u062c\u0632', name: '\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a', pName: '\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u062b\u0644\u0627\u062b\u064a...', age: '\u0627\u0644\u0639\u0645\u0631', phone: '\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644', branch: '\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639', select: '\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0645\u0637\u0644\u0648\u0628...', desc: '\u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631', pDesc: '\u0627\u0643\u062a\u0628 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0647\u0646\u0627...', btnWa: '\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u062c\u0632 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628', btnPdf: '\u062a\u062d\u0645\u064a\u0644 \u0646\u0633\u062e\u0629 PDF', msg: '\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d' }, en: { title: 'Fast Appointment Booking', subtitle: 'Please fill in the following details to complete the booking', name: 'Full Name', pName: 'Enter your full name...', age: 'Age', phone: 'Phone Number', branch: 'Select Branch', select: 'Select desired branch...', desc: 'Brief description of inquiry', pDesc: 'Write your inquiry here...', btnWa: 'Continue via WhatsApp', btnPdf: 'Download PDF Receipt', msg: 'Your request has been sent successfully' } }; function applyLanguage() { const isEn = window.location.href.includes('\/en\/') || document.documentElement.lang === 'en'; const lang = isEn ? 'en' : 'ar'; document.documentElement.lang = lang; document.documentElement.dir = isEn ? 'ltr' : 'rtl'; const t = translations[lang]; document.getElementById('title-text').innerText = t.title; document.getElementById('subtitle-text').innerText = t.subtitle; document.getElementById('lbl-name').innerText = t.name; document.getElementById('name').placeholder = t.pName; document.getElementById('lbl-age').innerText = t.age; document.getElementById('lbl-phone').innerText = t.phone; document.getElementById('lbl-branch').innerText = t.branch; document.getElementById('opt-select').innerText = t.select; document.getElementById('lbl-desc').innerText = t.desc; document.getElementById('note').placeholder = t.pDesc; document.getElementById('btn-wa').innerText = t.btnWa; document.getElementById('btn-pdf').innerText = t.btnPdf; } applyLanguage(); document.getElementById('appointmentForm').addEventListener('submit', function(e) { e.preventDefault(); const branchSelect = document.getElementById('branch'); const selectedBranch = branchSelect.value; const branchPhone = branchSelect.options[branchSelect.selectedIndex].getAttribute('data-phone'); const name = document.getElementById('name').value; const age = document.getElementById('age').value; const phone = document.getElementById('phone').value; const note = document.getElementById('note').value; const now = new Date().toLocaleString('ar-YE'); const isEn = document.documentElement.lang === 'en'; const message = isEn ? `*New Appointment Request*%0A-----------------------%0A*Name:* ${name}%0A*Age:* ${age}%0A*Phone:* ${phone}%0A*Branch:* ${selectedBranch}%0A*Inquiry:* ${note}%0A*Time:* ${now}` : `*\u0637\u0644\u0628 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u062c\u062f\u064a\u062f*%0A-----------------------%0A*\u0627\u0644\u0627\u0633\u0645:* ${name}%0A*\u0627\u0644\u0639\u0645\u0631:* ${age}%0A*\u0627\u0644\u062c\u0648\u0627\u0644:* ${phone}%0A*\u0627\u0644\u0641\u0631\u0639:* ${selectedBranch}%0A*\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631:* ${note}%0A*\u0648\u0642\u062a \u0627\u0644\u0637\u0644\u0628:* ${now}`; window.open(`https:\/\/wa.me\/${branchPhone}?text=${message}`, '_blank'); document.getElementById('btn-pdf-trigger').classList.remove('hidden'); const pdfContent = ` <p><strong>\u0627\u0644\u0627\u0633\u0645:<\/strong> ${name}<\/p> <p><strong>\u0627\u0644\u0639\u0645\u0631:<\/strong> ${age}<\/p> <p><strong>\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644:<\/strong> ${phone}<\/p> <p><strong>\u0627\u0644\u0641\u0631\u0639:<\/strong> ${selectedBranch}<\/p> <p><strong>\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631:<\/strong> ${note}<\/p> <p><strong>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0644\u0628:<\/strong> ${now}<\/p> `; document.getElementById('pdf-content').innerHTML = pdfContent; }); document.getElementById('btn-pdf-trigger').addEventListener('click', function() { const element = document.getElementById('pdf-template'); element.classList.remove('hidden'); const opt = { margin: 1, filename: 'Booking-Receipt.pdf', image: { type: 'jpeg', quality: 0.98 }, html2canvas: { scale: 2 }, jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' } }; html2pdf().set(opt).from(element).save().then(() => { element.classList.add('hidden'); }); });<\/script><\/body><\/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-54b152b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54b152b\" 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-6fa6d1f\" data-id=\"6fa6d1f\" 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-d083fdc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d083fdc\" 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-73be6a5\" data-id=\"73be6a5\" 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-5b93252 elementor-widget elementor-widget-html\" data-id=\"5b93252\" 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<div class=\"slider-container\">\r\n  <div class=\"slider-track\">\r\n    <!-- \u0627\u0644\u0635\u0648\u0631 -->\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/N-KGCl_fuelxRdyEsBsSN_vc2z2Gq7udM0VhZS919Pj7NtC04DZ_mmMNuIn6boCi7sv3tnMRxGFsWIOK=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/ELLClbX3ZENJWhZJJ0Z3aowIIPf8jFpmj1UtZHH9MjnjhsfskmAeXH_Qvc9DWEv-j-sWUJTnr97NPQ_Z=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/VERu8uhx-Z-JScy8OdDhpXB5Y5j58MJ51mnnNOPIIESxyfNQNz9oTainJvhGsDACLteGagS_MjXprW2x=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/PQ-HkDgGINfqZWyY4RGYCbbksE-ltwYxv30kH3zY-rKcFVxnzc-q9-XXS_WRgTdeCl10VlvgUOjs5qWR=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/vAsAbwgissVE2ktenF-MYbQIzePGMWpXBzqCHnml5kajuYfzJcJ9lc9oQ_RJ9e0RnxKc21LQgwF2KV0L=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/urImOpodLK1kQ5ybCORrfJNkmOA_2URi8MP90pSdRE71PQLJ-42dwgZn5cqcAsmsKf6v727q7I_8kPOo=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/DakRNROOKIMKMmuSNXmVlESPwmh31NgjJRy12Dw0uDvfiPEuIvD6gzfYMJGspyl_EJ_yG7V7aaaS40AA=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/WyBC6Z0hSBNq2ywKCz9QA9t4h8mlf0jp1ra2TxaC1B0HUnstEluKtuSnPp4SLdn4LEL18ChuVB-O78AJ=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/OzqMOkCNEoTrm_cT4Rwz30b32UOPjhEbzIGCIylCmsAUDQBqzDB0vgRoUCUNjhzrCfws7aZkt_NWtaGZ=s265-w265-h265\"><\/div>\r\n\r\n    <!-- \u0646\u0633\u062e \u0625\u0636\u0627\u0641\u064a \u0644\u062f\u0648\u0627\u0645 \u0627\u0644\u062d\u0631\u0643\u0629 -->\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/N-KGCl_fuelxRdyEsBsSN_vc2z2Gq7udM0VhZS919Pj7NtC04DZ_mmMNuIn6boCi7sv3tnMRxGFsWIOK=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/ELLClbX3ZENJWhZJJ0Z3aowIIPf8jFpmj1UtZHH9MjnjhsfskmAeXH_Qvc9DWEv-j-sWUJTnr97NPQ_Z=s265-w265-h265\"><\/div>\r\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/VERu8uhx-Z-JScy8OdDhpXB5Y5j58MJ51mnnNOPIIESxyfNQNz9oTainJvhGsDACLteGagS_MjXprW2x=s265-w265-h265\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 -->\r\n<div class=\"popup\" id=\"imagePopup\">\r\n  <span class=\"close\">&times;<\/span>\r\n  <img decoding=\"async\" id=\"popupImg\" src=\"\" alt=\"\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0643\u0628\u0631\u0629\">\r\n<\/div>\r\n\r\n<style>\r\n\/* \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 *\/\r\n.slider-container {\r\n  overflow: hidden;\r\n  width: 100%;\r\n  background: #f0f2f5;\r\n  padding: 20px 0;\r\n  position: relative;\r\n  direction: rtl; \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n}\r\n\r\n.slider-track {\r\n  display: flex;\r\n  gap: 20px;\r\n  animation: scroll 60s linear infinite;\r\n}\r\n\r\n.slide {\r\n  flex: 0 0 auto;\r\n  width: 250px;\r\n  height: 200px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.slide:hover img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n@keyframes scroll {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(50%); }\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0644\u0644\u062c\u0648\u0627\u0644 *\/\r\n@media (max-width: 768px) {\r\n  .slide {\r\n    width: 160px;\r\n    height: 130px;\r\n  }\r\n  .slider-track {\r\n    animation-duration: 50s;\r\n  }\r\n}\r\n\r\n\/* \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 *\/\r\n.popup {\r\n  display: none;\r\n  position: fixed;\r\n  z-index: 9999;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.8);\r\n  justify-content: center;\r\n  align-items: center;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n.popup img {\r\n  max-width: 80%;\r\n  max-height: 80%;\r\n  border-radius: 10px;\r\n  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);\r\n  animation: zoomIn 0.3s ease;\r\n}\r\n\r\n@keyframes zoomIn {\r\n  from { transform: scale(0.5); opacity: 0; }\r\n  to { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n.popup .close {\r\n  position: absolute;\r\n  top: 30px;\r\n  right: 40px;\r\n  color: #fff;\r\n  font-size: 40px;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n}\r\n\r\n.popup .close:hover {\r\n  color: #ff5555;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst slides = document.querySelectorAll('.slide img');\r\nconst popup = document.getElementById('imagePopup');\r\nconst popupImg = document.getElementById('popupImg');\r\nconst closeBtn = document.querySelector('.popup .close');\r\n\r\nslides.forEach(img => {\r\n  img.addEventListener('click', () => {\r\n    popup.style.display = 'flex';\r\n    popupImg.src = img.src;\r\n  });\r\n});\r\n\r\ncloseBtn.addEventListener('click', () => {\r\n  popup.style.display = 'none';\r\n});\r\n\r\npopup.addEventListener('click', (e) => {\r\n  if (e.target === popup) popup.style.display = 'none';\r\n});\r\n<\/script>\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-1f3c823 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1f3c823\" 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-b7e964a\" data-id=\"b7e964a\" 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-071faa2 elementor-widget elementor-widget-html\" data-id=\"071faa2\" 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>\u0641\u0631\u0648\u0639 \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n<style>\r\n  body {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    background: #f8fafc;\r\n    margin: 0;\r\n    padding: 60px 20px;\r\n    text-align: center;\r\n    overflow-x: hidden;\r\n    direction: rtl;\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .fade-in {\r\n    opacity: 0;\r\n    animation: fadeInUp 0.8s ease forwards;\r\n  }\r\n\r\n  .fade-delay-1 { animation-delay: 0.1s; }\r\n  .fade-delay-2 { animation-delay: 0.2s; }\r\n  .fade-delay-3 { animation-delay: 0.3s; }\r\n  .fade-delay-4 { animation-delay: 0.4s; }\r\n  .fade-delay-5 { animation-delay: 0.5s; }\r\n\r\n  .main-title {\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    background: linear-gradient(135deg, #0056a0 0%, #003d75 100%);\r\n    padding: 15px 35px;\r\n    border-radius: 50px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    box-shadow: 0 10px 25px rgba(0, 86, 160, 0.2);\r\n    margin-bottom: 40px;\r\n    border: 2px solid #FFD700;\r\n  }\r\n\r\n  .btn-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 15px;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 12px 28px;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    border-radius: 12px;\r\n    background: #0056a0;\r\n    border: 1px solid rgba(255, 215, 0, 0.3);\r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .btn:hover {\r\n    transform: translateY(-5px);\r\n    background: #004580;\r\n    border-color: #FFD700;\r\n    box-shadow: 0 12px 20px rgba(0, 86, 160, 0.3);\r\n  }\r\n\r\n  .btn i {\r\n    color: #FFD700;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .ripple {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    transform: scale(0);\r\n    animation: ripple-effect 0.6s linear;\r\n    background-color: rgba(255, 255, 255, 0.4);\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes ripple-effect {\r\n    to { transform: scale(4); opacity: 0; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    body { padding: 40px 15px; }\r\n    .main-title {\r\n      font-size: 22px;\r\n      padding: 12px 20px;\r\n      flex-direction: column;\r\n      gap: 5px;\r\n    }\r\n    .btn {\r\n      width: 100%;\r\n      max-width: 300px;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"main-title fade-in fade-delay-1\" data-ar=\"\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\" data-en=\"Roaya Ophthalmology & Retina Center\">\r\n  <i class=\"fas fa-eye\"><\/i>\r\n  <span>\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<\/span>\r\n<\/div>\r\n\r\n<div class=\"btn-container\">\r\n  <a href=\"https:\/\/roayae.org\/ar\/aden\/\" target=\"_blank\" class=\"btn fade-in fade-delay-2\" data-ar=\"\u0641\u0631\u0639 \u0639\u062f\u0646\" data-en=\"Aden Branch\">\r\n    <i class=\"fas fa-hospital\"><\/i> <span>\u0641\u0631\u0639 \u0639\u062f\u0646<\/span>\r\n  <\/a>\r\n  \r\n  <a href=\"https:\/\/roayae.org\/ar\/mukalla-branch\/\" target=\"_blank\" class=\"btn fade-in fade-delay-3\" data-ar=\"\u0641\u0631\u0639 \u0627\u0644\u0645\u0643\u0644\u0627\" data-en=\"Mukalla Branch\">\r\n    <i class=\"fas fa-hospital\"><\/i> <span>\u0641\u0631\u0639 \u0627\u0644\u0645\u0643\u0644\u0627<\/span>\r\n  <\/a>\r\n  \r\n  <a href=\"https:\/\/roayae.org\/ar\/al-shehr\/\" target=\"_blank\" class=\"btn fade-in fade-delay-4\" data-ar=\"\u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631\" data-en=\"Al-Shehr Branch\">\r\n    <i class=\"fas fa-hospital\"><\/i> <span>\u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631<\/span>\r\n  <\/a>\r\n  \r\n  <a href=\"https:\/\/roayae.org\/ar\/\" target=\"_blank\" class=\"btn fade-in fade-delay-5\" data-ar=\"\u0641\u0631\u0639 \u0633\u064a\u0626\u0648\u0646\" data-en=\"Seiyun Branch\">\r\n    <i class=\"fas fa-hospital\"><\/i> <span>\u0641\u0631\u0639 \u0633\u064a\u0626\u0648\u0646<\/span>\r\n  <\/a>\r\n<\/div>\r\n\r\n<script>\r\n  function updateLanguage() {\r\n    const isEnglish = window.location.pathname.toLowerCase().includes('\/en\/');\r\n    document.querySelectorAll('[data-ar]').forEach(el => {\r\n      const span = el.querySelector('span');\r\n      if (span) {\r\n        span.textContent = isEnglish ? el.dataset.en : el.dataset.ar;\r\n      }\r\n    });\r\n  }\r\n\r\n  window.addEventListener('DOMContentLoaded', updateLanguage);\r\n\r\n  document.querySelectorAll('.btn').forEach(btn => {\r\n    btn.addEventListener('click', function(e) {\r\n      const ripple = document.createElement('span');\r\n      ripple.classList.add('ripple');\r\n      const rect = this.getBoundingClientRect();\r\n      const size = Math.max(rect.width, rect.height);\r\n      ripple.style.width = ripple.style.height = size + 'px';\r\n      ripple.style.left = e.clientX - rect.left - size\/2 + 'px';\r\n      ripple.style.top = e.clientY - rect.top - size\/2 + 'px';\r\n      this.appendChild(ripple);\r\n      setTimeout(() => ripple.remove(), 600);\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\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-36638b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36638b4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-50 elementor-top-column elementor-element elementor-element-77c063e\" data-id=\"77c063e\" 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-1a4a animated-slow ekit-equal-height-disable elementor-invisible elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"1a4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text- icon-top-align elementor-animation-  gradient-active  hover_from_right\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon fas fa-phone-alt\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    \u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0648\u0627\u0644\u0637\u0648\u0627\u0631\u0626                <\/h3>\n                        \t\t  \t<p>781765257<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb3a78b animated-slow ekit-equal-height-disable elementor-invisible elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"bb3a78b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text- icon-top-align elementor-animation-  gradient-active  hover_from_right\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon fas fa-phone-alt\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a                <\/h3>\n                        \t\t  \t<p>781765720<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n                <\/a>\n        <\/div>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-11851d5\" data-id=\"11851d5\" 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-73a3b96 elementor-widget elementor-widget-html\" data-id=\"73a3b96\" 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<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3858.1251947828814!2d49.5942614!3d14.761975899999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3de8454393dca9e1%3A0x1e1eb2fb1023e009!2z2LHYpNmK2Kkg2YTYt9ioINmIINis2LHYp9it2Kkg2KfZhNi52YrZiNmGINmI2KfZhNi02KjZg9mK2Kkg2KfZhNi02K3YsQ!5e0!3m2!1sar!2s!4v1761588919306!5m2!1sar!2s\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\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>\u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631 &#8211; \u062d\u0636\u0631\u0645\u0648\u062a \u0631\u0624\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 \u0644\u0639\u0627\u0644\u0645\u0643 \u0645\u0633\u062a\u0634\u0641\u0649 \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\u060c \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0639\u0631\u064a\u0642\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0631\u0639\u0627\u064a\u062a\u0643\u0645. \u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 calendar_today \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \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 \u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631 \u064a\u064f\u0639\u062f\u0651 \u0641\u0631\u0639 \u0627\u0644\u0634\u062d\u0631 \u0623\u062d\u062f \u0641\u0631\u0648\u0639 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629\u060c \u0648\u064a\u0642\u062f\u0651\u0645 \u062e\u062f\u0645\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u064a\u0648\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\u060c \u0628\u0625\u0634\u0631\u0627\u0641 [&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":{"footnotes":""},"class_list":["post-2629","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/pages\/2629","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=2629"}],"version-history":[{"count":352,"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/pages\/2629\/revisions"}],"predecessor-version":[{"id":9485,"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/pages\/2629\/revisions\/9485"}],"wp:attachment":[{"href":"https:\/\/roayae.org\/ar\/wp-json\/wp\/v2\/media?parent=2629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}