{"id":263,"date":"2026-07-29T10:00:35","date_gmt":"2026-07-29T10:00:35","guid":{"rendered":"http:\/\/xtratheme.com\/?post_type=portfolio&#038;p=263"},"modified":"2026-07-29T10:00:35","modified_gmt":"2026-07-29T10:00:35","slug":"king-faisal","status":"publish","type":"portfolio","link":"https:\/\/efshensi.com\/w\/projects\/king-faisal\/","title":{"rendered":"King Faisal Specialist Hospital &#038; Research Centre &#8211; Jeddah"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"263\" class=\"elementor elementor-263\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a81691 e-flex e-con-boxed e-con e-parent\" data-id=\"8a81691\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5a3ce5 elementor-widget elementor-widget-text-editor\" data-id=\"d5a3ce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     EFSHENSI SMART PROJECT TEMPLATE\n     Theme: Horizontal Overlap (Zero Gaps & Smart Image Cropping)\n     Colors: #ffffff, #111111, #6dd400\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 BASE & WRAPPER \u2500\u2500 *\/\n.ef-smart-wrapper {\n  font-family: 'Poppins', sans-serif;\n  background-color: #ffffff; \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0646\u0642\u064a\u0629 100% *\/\n  padding: 80px 0 120px 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.ef-smart-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n\/* \u2500\u2500 1. PROJECT HEADER (Centered & Clean) \u2500\u2500 *\/\n.ef-smart-header {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.ef-smart-badge {\n  display: inline-block;\n  font-size: 0.8rem; font-weight: 700; letter-spacing: 0.15em;\n  text-transform: uppercase; color: #111111;\n  background-color: #6dd400;\n  padding: 6px 20px; border-radius: 30px;\n  margin-bottom: 25px;\n}\n\n.ef-smart-title {\n  font-size: clamp(2.2rem, 4vw, 3.2rem);\n  font-weight: 800; color: #111111;\n  line-height: 1.2; margin: 0 0 30px 0;\n  letter-spacing: -0.02em;\n}\n\n\/* Meta Data (Client & Owner) *\/\n.ef-smart-meta {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 40px;\n  margin-bottom: 40px;\n}\n\n.ef-smart-meta-item {\n  text-align: center;\n  background: #fafbfc;\n  padding: 15px 30px;\n  border-radius: 12px;\n  border: 1px solid #eeeeee;\n}\n\n.ef-smart-meta-item h4 {\n  font-size: 0.75rem; font-weight: 700; color: #888888;\n  text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 5px 0;\n}\n\n.ef-smart-meta-item p {\n  font-size: 1rem; font-weight: 700; color: #111111; margin: 0;\n}\n\n\/* \u2500\u2500 2. HERO IMAGE (\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629) \u2500\u2500 *\/\n.ef-smart-hero {\n  width: 100%;\n  height: 55vh; \n  min-height: 400px;\n  border-radius: 20px;\n  overflow: hidden;\n  position: relative;\n  z-index: 1;\n}\n\n.ef-smart-hero img {\n  width: 100%; height: 100%;\n  object-fit: cover; \/* \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u062a\u0634\u0648\u0647 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n  object-position: center;\n}\n\n\/* \u2500\u2500 3. OVERLAPPING SCOPE CARD (\u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u0641\u0642\u064a \u0627\u0644\u0639\u0628\u0642\u0631\u064a) \u2500\u2500 *\/\n\/* \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u062f\u0647 \u0628\u064a\u0637\u0644\u0639 \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0634\u0648\u064a\u0629 \u0639\u0634\u0627\u0646 \u064a\u062f\u064a \u0641\u062e\u0627\u0645\u0629\u060c \u0648\u0628\u064a\u0631\u062a\u0628 \u0627\u0644\u0643\u0644\u0627\u0645 \u0628\u0627\u0644\u0639\u0631\u0636 \u0639\u0634\u0627\u0646 \u0645\u064a\u0633\u0628\u0634 \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0636\u064a\u0629 *\/\n.ef-smart-scope {\n  position: relative;\n  z-index: 2;\n  background: #ffffff;\n  max-width: 950px;\n  margin: -60px auto 40px auto; \/* \u0627\u0644\u0633\u0627\u0644\u0628 \u0647\u0646\u0627 \u0628\u064a\u0631\u0641\u0639\u0647 \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n  padding: 40px 50px;\n  border-radius: 16px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.08);\n  border-top: 4px solid #6dd400;\n  display: flex;\n  align-items: center;\n  gap: 40px;\n}\n\n.ef-scope-title {\n  flex: 0 0 30%;\n  border-right: 1px solid #eeeeee;\n  padding-right: 30px;\n}\n\n.ef-scope-title h3 {\n  font-size: 1.8rem; font-weight: 800; color: #111111;\n  margin: 0; line-height: 1.2; letter-spacing: -0.02em;\n}\n\n.ef-scope-content {\n  flex: 1;\n}\n\n.ef-scope-list { list-style: none; padding: 0; margin: 0; }\n.ef-scope-list li {\n  position: relative; padding-left: 30px;\n  font-size: 1.05rem; font-weight: 600; color: #555555; margin-bottom: 12px; line-height: 1.6;\n}\n.ef-scope-list li:last-child { margin-bottom: 0; }\n\n.ef-scope-list li::before {\n  content: '\u2713'; position: absolute; left: 0; top: 2px;\n  color: #6dd400; font-size: 1.2rem; font-weight: 800;\n}\n\n\/* \u2500\u2500 4. SMART IMAGE GRID (\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0631\u0628\u0639\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644\u0629) \u2500\u2500 *\/\n.ef-smart-gallery {\n  display: grid;\n  grid-template-columns: 1fr 1fr; \/* \u0627\u0644\u0635\u0648\u0631\u062a\u064a\u0646 \u062c\u0646\u0628 \u0628\u0639\u0636 *\/\n  gap: 30px;\n}\n\n.ef-smart-gallery-item {\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.05);\n  \/* \u0627\u0644\u0633\u0631 \u0647\u0646\u0627: aspect-ratio \u0628\u064a\u062c\u0628\u0631 \u0623\u064a \u0635\u0648\u0631\u0629 \u062a\u0627\u062e\u062f \u0646\u0641\u0633 \u0627\u0644\u0645\u0642\u0627\u0633 \u0628\u0627\u0644\u0638\u0628\u0637 *\/\n  aspect-ratio: 4 \/ 3; \n}\n\n.ef-smart-gallery-item img {\n  width: 100%; height: 100%;\n  object-fit: cover; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u062a\u062a\u0645\u0644\u064a \u062c\u0648\u0647 \u0627\u0644\u0645\u0642\u0627\u0633 \u0628\u062f\u0648\u0646 \u0645\u0627 \u062a\u062a\u0645\u0637 *\/\n  transition: transform 0.6s ease;\n}\n\n.ef-smart-gallery-item:hover img {\n  transform: scale(1.05);\n}\n\n\/* \u2500\u2500 RESPONSIVE MOBILE \u2500\u2500 *\/\n@media (max-width: 991px) {\n  .ef-smart-wrapper { padding: 60px 0; }\n  .ef-smart-title { font-size: 1.8rem; }\n  .ef-smart-meta { flex-direction: column; gap: 15px; }\n  .ef-smart-hero { height: 35vh; min-height: 250px; }\n  \n  .ef-smart-scope {\n    flex-direction: column; text-align: center;\n    margin: -40px 20px 40px 20px; padding: 30px 20px;\n    gap: 20px; border-top: none; border-bottom: 4px solid #6dd400;\n  }\n  .ef-scope-title { border-right: none; padding-right: 0; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; }\n  .ef-scope-list li { text-align: left; }\n  \n  .ef-smart-gallery { grid-template-columns: 1fr; gap: 20px; }\n}\n<\/style>\n\n<div class=\"ef-smart-wrapper\">\n  <div class=\"ef-smart-container\">\n\n    <!-- 1. Header & Meta Data -->\n    <div class=\"ef-smart-header\">\n      <span class=\"ef-smart-badge\">Project Information<\/span>\n      <h1 class=\"ef-smart-title\">King Faisal Specialist Hospital &#038; Research Centre &#8211; Jeddah<\/h1>\n      \n      <div class=\"ef-smart-meta\">\n        <div class=\"ef-smart-meta-item\">\n          <h4>Client<\/h4>\n          <p>King Faisal Specialist Hospital &#038; Research Centre<\/p>\n        <\/div>\n        <div class=\"ef-smart-meta-item\">\n          <h4>Owner<\/h4>\n          <p>King Faisal Specialist Hospital &#038; Research Centre<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 2. Main Hero Image (\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629) -->\n    <div class=\"ef-smart-hero\">\n      <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20width=&#39;_w_&#39;%20height=&#39;_h_&#39;%20viewBox%3D&#39;0%200%20_w_%20_h_&#39;%2F%3E\" data-czlz data-src=\"https:\/\/efshensi.com\/w\/wp-content\/uploads\/2026\/07\/King-Faisal-Specialist-Hospital-img.jpg\" alt=\"King Faisal Specialist Hospital\" loading=\"lazy\">\n    <\/div>\n\n    <!-- 3. Overlapping Scope Card (\u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u0641\u0642\u064a \u0627\u0644\u0644\u064a \u0628\u064a\u0645\u0646\u0639 \u0627\u0644\u0641\u0631\u0627\u063a) -->\n    <div class=\"ef-smart-scope\">\n      <div class=\"ef-scope-title\">\n        <h3>Scope of work<\/h3>\n      <\/div>\n      <div class=\"ef-scope-content\">\n        <ul class=\"ef-scope-list\">\n          <li>Engineering study, design and Tender preparation for new MV SWG<\/li>\n          <li>Engineering study for electrical boiler power source<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- 4. Smart Gallery (\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u0645\u0647\u0645\u0627 \u0643\u0627\u0646 \u062d\u062c\u0645\u0647\u0627 \u0627\u0644\u0623\u0635\u0644\u064a) -->\n    <div class=\"ef-smart-gallery\">\n      <div class=\"ef-smart-gallery-item\">\n        <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20width=&#39;_w_&#39;%20height=&#39;_h_&#39;%20viewBox%3D&#39;0%200%20_w_%20_h_&#39;%2F%3E\" data-czlz data-src=\"https:\/\/efshensi.com\/w\/wp-content\/uploads\/2026\/07\/13873835.jpg\" alt=\"Project Details\" loading=\"lazy\">\n      <\/div>\n      <div class=\"ef-smart-gallery-item\">\n        <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20width=&#39;_w_&#39;%20height=&#39;_h_&#39;%20viewBox%3D&#39;0%200%20_w_%20_h_&#39;%2F%3E\" data-czlz data-src=\"https:\/\/efshensi.com\/w\/wp-content\/uploads\/2026\/07\/%D9%8A%D8%A8%D9%8A%D8%A8%D9%8A.jpg\" alt=\"Project Specifications\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\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>Project Information King Faisal Specialist Hospital &#038; Research Centre &#8211; Jeddah &#8230; <\/p>\n","protected":false},"author":1,"featured_media":1586,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":[],"portfolio_cat":[43],"portfolio_tags":[],"class_list":["post-263","portfolio","type-portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_cat-building"],"_links":{"self":[{"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/portfolio\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":11,"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/portfolio\/263\/revisions"}],"predecessor-version":[{"id":2052,"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/portfolio\/263\/revisions\/2052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/media\/1586"}],"wp:attachment":[{"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/media?parent=263"}],"wp:term":[{"taxonomy":"portfolio_cat","embeddable":true,"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/portfolio_cat?post=263"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/efshensi.com\/w\/wp-json\/wp\/v2\/portfolio_tags?post=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}