{"id":43,"date":"2026-01-03T17:12:10","date_gmt":"2026-01-03T17:12:10","guid":{"rendered":"https:\/\/hiekal.com\/v1\/?page_id=43"},"modified":"2026-01-03T22:45:11","modified_gmt":"2026-01-03T22:45:11","slug":"%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/hiekal.com\/v1\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/","title":{"rendered":"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 - \u0645\u0643\u062a\u0628 \u062d\u0633\u0646 \u0647\u064a\u0643\u0644<\/title>\r\n \r\n <!-- Modern Arabic Font: Tajawal -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- BRAND VARIABLES --- *\/\r\n :root {\r\n --brand-dark: #20304c;\r\n --brand-cyan: #00c4cc;\r\n --bg-light: #f8f9fa;\r\n --text-body: #556068;\r\n --radius: 12px;\r\n --shadow-card: 0 10px 30px rgba(0,0,0,0.05);\r\n --shadow-hover: 0 20px 40px rgba(0, 196, 204, 0.15);\r\n }\r\n\r\n \/* --- RESET & BASICS --- *\/\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n body { \r\n font-family: 'Tajawal', sans-serif; \r\n background-color: #fff; \r\n color: var(--text-body); \r\n line-height: 1.6; \r\n overflow-x: hidden; \r\n }\r\n img { max-width: 100%; height: auto; display: block; }\r\n a { text-decoration: none; color: inherit; transition: 0.3s ease; }\r\n ul { list-style: none; }\r\n\r\n \/* --- LAYOUT UTILITIES --- *\/\r\n .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n .section { padding: 80px 0; }\r\n \r\n .row { display: flex; flex-wrap: wrap; margin: 0 -15px; }\r\n .col { padding: 0 15px; }\r\n .col-100 { width: 100%; }\r\n .col-33 { width: 33.33%; }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 992px) {\r\n .col-33 { width: 50%; margin-bottom: 30px; }\r\n }\r\n @media (max-width: 768px) {\r\n .col-33 { width: 100%; }\r\n .section { padding: 50px 0; }\r\n }\r\n\r\n \/* --- PAGE HEADER (Hero) --- *\/\r\n .page-header { \r\n position: relative; \r\n height: 350px; \r\n background: var(--brand-dark); \r\n display: flex; \r\n align-items: center; \r\n justify-content: center; \r\n text-align: center; \r\n overflow: hidden;\r\n }\r\n \r\n .header-bg {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: url('https:\/\/hiekal.com\/wp-content\/uploads\/2019\/09\/pic_paralax_2.jpg');\r\n background-size: cover; background-position: center; z-index: 0;\r\n opacity: 0.4;\r\n animation: kenBurns 15s linear infinite alternate;\r\n }\r\n\r\n @keyframes kenBurns {\r\n from { transform: scale(1); }\r\n to { transform: scale(1.15); }\r\n }\r\n\r\n .header-content { position: relative; z-index: 2; }\r\n .page-title { font-size: 48px; color: #fff; margin-bottom: 10px; font-weight: 800; }\r\n \r\n .breadcrumbs { font-size: 16px; color: #dceefb; }\r\n .breadcrumbs a { color: var(--brand-cyan); font-weight: 700; }\r\n .breadcrumbs a:hover { color: #fff; }\r\n .breadcrumbs span { margin: 0 5px; color: #fff; }\r\n\r\n \/* --- INTRO TEXT --- *\/\r\n .intro-section { text-align: center; max-width: 800px; margin: 0 auto 60px; }\r\n .intro-title { color: var(--brand-dark); font-size: 36px; font-weight: 800; margin-bottom: 20px; position: relative; display: inline-block; }\r\n .intro-title::after { content: ''; display: block; width: 60px; height: 4px; background: var(--brand-cyan); margin: 10px auto 0; border-radius: 2px; }\r\n .intro-desc { font-size: 18px; color: var(--text-body); }\r\n\r\n \/* --- CONTACT CARDS (Web Standard) --- *\/\r\n .contact-card {\r\n background: #fff;\r\n padding: 40px 30px;\r\n border-radius: var(--radius);\r\n text-align: center;\r\n border: 1px solid #eee;\r\n box-shadow: var(--shadow-card);\r\n transition: all 0.4s ease;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n \/* Scale Up Effect *\/\r\n .contact-card:hover {\r\n transform: scale(1.05); \r\n box-shadow: var(--shadow-hover);\r\n border-color: var(--brand-cyan);\r\n }\r\n\r\n .card-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: rgba(0, 196, 204, 0.1);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .contact-card:hover .card-icon {\r\n background: var(--brand-cyan);\r\n transform: scale(1.1);\r\n }\r\n\r\n .card-icon svg {\r\n width: 30px;\r\n height: 30px;\r\n fill: var(--brand-cyan);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .contact-card:hover .card-icon svg { fill: #fff; }\r\n\r\n .card-title {\r\n font-size: 20px;\r\n color: var(--brand-dark);\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n .card-info {\r\n font-size: 16px;\r\n color: var(--text-body);\r\n line-height: 1.8;\r\n }\r\n\r\n .card-info a {\r\n display: block;\r\n font-weight: 600;\r\n }\r\n\r\n .card-info a:hover { color: var(--brand-cyan); }\r\n\r\n \/* --- MAP SECTION --- *\/\r\n .map-container {\r\n margin-top: 60px;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-card);\r\n border: 1px solid #eee;\r\n transition: transform 0.4s ease;\r\n height: 450px;\r\n background: #eee;\r\n }\r\n\r\n \/* Map Scale Up *\/\r\n .map-container:hover {\r\n transform: scale(1.02);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .map-container iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n display: block;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- 1. PAGE HEADER -->\r\n <header class=\"page-header\">\r\n <div class=\"header-bg\"><\/div>\r\n <div class=\"header-content container\">\r\n <h1 class=\"page-title\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h1>\r\n <div class=\"breadcrumbs\">\r\n <a href=\"https:\/\/hiekal.com\/v1\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a> <span>\/<\/span> <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- 2. CONTACT CONTENT -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n \r\n <!-- Intro Text -->\r\n <div class=\"intro-section\">\r\n <h2 class=\"intro-title\">\u0645\u0643\u062a\u0628 \u062d\u0633\u0646 \u0647\u064a\u0643\u0644<\/h2>\r\n <p class=\"intro-desc\">\r\n \u062b\u0644\u0627\u062b\u0648\u0646 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643. \u0645\u0624\u0633\u0633\u0629 \u0645\u0647\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u0645\u0648\u0627\u0644 \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u062c\u0645\u0639\u064a\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0647\u0627\u062f\u0641\u0629 \u0644\u0644\u0631\u0628\u062d.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Standard 3-Column Grid -->\r\n <div class=\"row\">\r\n \r\n <!-- Card 1: Phones -->\r\n <div class=\"col col-33\">\r\n <div class=\"contact-card\">\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/h3>\r\n <div class=\"card-info\">\r\n <a href=\"tel:24010155\" dir=\"ltr\">24010155<\/a>\r\n <a href=\"tel:24014909\" dir=\"ltr\">24014909<\/a>\r\n <a href=\"tel:24014906\" dir=\"ltr\">24014906<\/a>\r\n <span style=\"display:block; margin-top:5px; font-size:14px; color:#999;\">\u0641\u0627\u0643\u0633: 24017310<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2: Address -->\r\n <div class=\"col col-33\">\r\n <div class=\"contact-card\">\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h3>\r\n <div class=\"card-info\">\r\n <p>19 \u0628 \u0639\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0628\u0648\u0631<\/p>\r\n <p>\u0637\u0631\u064a\u0642 \u0635\u0644\u0627\u062d \u0633\u0627\u0644\u0645<\/p>\r\n <p>\u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0645\u0635\u0631<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3: Email -->\r\n <div class=\"col col-33\">\r\n <div class=\"contact-card\">\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\r\n <div class=\"card-info\">\r\n <a href=\"mailto:info@heikal.com\">info@heikal.com<\/a>\r\n <p style=\"margin-top:10px;\">\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Full Width Map with UPDATED IFRAME -->\r\n <div class=\"row\">\r\n <div class=\"col col-100\">\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d55242.21543329215!2d31.306634!3d30.075896!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14583fb56b65ae8f%3A0xb6784b1b19fdcae!2sHussein%20Haikal!5e0!3m2!1sen!2sus!4v1767480101637!5m2!1sen!2sus\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 – \u0645\u0643\u062a\u0628 \u062d\u0633\u0646 \u0647\u064a\u0643\u0644 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \/ \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0643\u062a\u0628 \u062d\u0633\u0646 \u0647\u064a\u0643\u0644 \u062b\u0644\u0627\u062b\u0648\u0646 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0628\u064a\u0646 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hiekal.com\/v1\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hiekal.com\/v1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hiekal.com\/v1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hiekal.com\/v1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hiekal.com\/v1\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":10,"href":"https:\/\/hiekal.com\/v1\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":146,"href":"https:\/\/hiekal.com\/v1\/wp-json\/wp\/v2\/pages\/43\/revisions\/146"}],"wp:attachment":[{"href":"https:\/\/hiekal.com\/v1\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}