{"id":274,"date":"2025-10-14T17:25:14","date_gmt":"2025-10-14T14:25:14","guid":{"rendered":"https:\/\/itology-eg.com\/new\/?page_id=274"},"modified":"2026-06-07T18:43:15","modified_gmt":"2026-06-07T15:43:15","slug":"it-consultation-planning","status":"publish","type":"page","link":"https:\/\/itology-eg.com\/index.php\/services\/it-consultation-planning\/","title":{"rendered":"IT Consultation &#038; Planning"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"274\" class=\"elementor elementor-274\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53c0898 e-con-full e-flex e-con e-parent\" data-id=\"53c0898\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c86c07e elementor-widget elementor-widget-html\" data-id=\"c86c07e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HERO SECTION -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-inner\">\r\n\r\n    <!-- \u0627\u0644\u0646\u0635 -->\r\n    <div class=\"hero-text\">\r\n      <h1>IT Planning & Consulting<\/h1>\r\n      <p class=\"lead\">\r\n        We help organizations design future-ready IT strategies \u2014 from assessment to implementation and optimization.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0641\u064a\u062f\u064a\u0648 -->\r\n    <div class=\"hero-video-card\">\r\n      <div class=\"video-wrap\">\r\n        <video class=\"hero-video\" controls playsinline>\r\n          <source src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/AQMg6kTF5sitkyCQjYNwh3dGL47olZfZURTW2F-zu9VzXGUxTBzSaMGHSnmI8Svb593r7HKBeSudsxkqrKMrF7SCsO1rZ6_lXJzcnj4kqJozxA.mp4\" type=\"video\/mp4\">\r\n          Your browser does not support the video tag.\r\n        <\/video>\r\n      <\/div>\r\n      <div class=\"video-caption\">Our CEO discussing the vision and IT consulting approach<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\nbody {\r\n  margin: 0;\r\n  font-family: 'Inter', sans-serif;\r\n  background: #fafafa;\r\n  color: #111;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* ===== HERO SECTION ===== *\/\r\n.hero {\r\n  background: linear-gradient(135deg,#fff,#fdf9ee);\r\n  padding: 80px 20px;\r\n  border-bottom: 2px solid rgba(200,169,81,0.2);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.hero-inner {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  gap: 40px;\r\n}\r\n.hero-text {\r\n  flex: 1;\r\n  min-width: 280px;\r\n}\r\n.hero-text h1 {\r\n  font-size: 2.8rem;\r\n  background: linear-gradient(90deg,#c8a951,#b88a2b);\r\n  -webkit-background-clip: text;\r\n  color: transparent;\r\n  margin-bottom: 14px;\r\n}\r\n.lead {\r\n  font-size: 1.15rem;\r\n  color: #444;\r\n  max-width: 500px;\r\n}\r\n\r\n\/* ===== VIDEO CARD ===== *\/\r\n.hero-video-card {\r\n  width: 480px;\r\n  max-width: 46%;\r\n  min-width: 300px;\r\n}\r\n.video-wrap {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 16px;\r\n  border: 2px solid rgba(200,169,81,0.3);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n  transition: all .3s ease;\r\n  background: #000;\r\n}\r\n.video-wrap:hover {\r\n  transform: scale(1.02);\r\n  border-color: #c8a951;\r\n  box-shadow: 0 15px 40px rgba(200,169,81,0.25);\r\n}\r\n.hero-video {\r\n  width: 100%;\r\n  height: auto;\r\n  aspect-ratio: 16 \/ 9;\r\n  object-fit: contain;\r\n  display: block;\r\n}\r\n\r\n\/* ===== CAPTION ===== *\/\r\n.video-caption {\r\n  text-align: center;\r\n  margin-top: 10px;\r\n  color: #777;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n\/* ===== ENSURE SCROLL FIX ===== *\/\r\nsection,\r\nfooter,\r\n.hero {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.hero-video,\r\n.video-wrap,\r\n.hero-video-card {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:850px){\r\n  .hero-inner {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n  .hero-video-card {\r\n    max-width: 100%;\r\n  }\r\n  .hero-video {\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n  .hero-text h1 {\r\n    font-size: 2.3rem;\r\n  }\r\n  .lead {\r\n    margin: 0 auto;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b15ac1 e-con-full e-flex e-con e-child\" data-id=\"7b15ac1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5938d95 elementor-widget elementor-widget-html\" data-id=\"5938d95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"process\">\n  <div class=\"background-decor\"><\/div>\n\n  <h2>Our Process<\/h2>\n  <p class=\"intro\">We combine strategy, technology, and expertise to guide your business every step of the way.<\/p>\n\n  <div class=\"steps\">\n    <div class=\"step\" data-title=\"Step 1: IT Consultation & Planning\" data-text=\"We start with detailed consultation and on-site analysis to design a custom IT plan that fits your business goals.\">\n      <img decoding=\"async\" class=\"step-img\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/consulting_hero-scaled-1.jpeg\" alt=\"Consulting\">\n      <div class=\"step-info\">\n        <h3 class=\"step-title\"><\/h3>\n        <p class=\"step-text\"><\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"step\" data-title=\"Step 2: Implementation & Integration\" data-text=\"Our engineers deploy and integrate all hardware, software, and systems for smooth performance.\">\n      <img decoding=\"async\" class=\"step-img\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/Simple-network-with-server-diagram.webp\" alt=\"Implementation\">\n      <div class=\"step-info\">\n        <h3 class=\"step-title\"><\/h3>\n        <p class=\"step-text\"><\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"step\" data-title=\"Step 3: Testing & Optimization\" data-text=\"We test your systems for stability, security, and performance, ensuring everything runs efficiently.\">\n      <img decoding=\"async\" class=\"step-img\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/software_testing_approach_analysis_dashboard_slide01.jpg\" alt=\"Testing\">\n      <div class=\"step-info\">\n        <h3 class=\"step-title\"><\/h3>\n        <p class=\"step-text\"><\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"step\" data-title=\"Step 4: Monitoring & Support\" data-text=\"Our team provides continuous monitoring, maintenance, and helpdesk support to keep you online 24\/7.\">\n      <img decoding=\"async\" class=\"step-img\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/noc-stock.webp\" alt=\"Monitoring\">\n      <div class=\"step-info\">\n        <h3 class=\"step-title\"><\/h3>\n        <p class=\"step-text\"><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.process {\n  position: relative;\n  background: #fcf9f3; \/* \u062e\u0644\u0641\u064a\u0629 \u0647\u0627\u062f\u064a\u0629 \u062c\u062f\u064b\u0627 *\/\n  padding: 80px 20px;\n  max-width: 1200px;\n  margin: auto;\n  text-align: center;\n  overflow: hidden;\n}\n\n\/* \u0645\u0648\u062c\u0629 \u0644\u0648\u0646\u064a\u0629 \u0645\u062a\u062f\u0631\u062c\u0629 \u0647\u0627\u062f\u064a\u0629 *\/\n.background-decor {\n  position: absolute;\n  top: -100px;\n  left: 0;\n  width: 100%;\n  height: 300px;\n  background: linear-gradient(120deg, #fdfaf4, #fbeec1, #fdfaf4);\n  background-size: 200% 200%;\n  animation: waveGradient 10s ease infinite;\n  z-index: 0;\n}\n@keyframes waveGradient {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\/* \u062d\u0631\u0643\u0629 \u062f\u062e\u0648\u0644 \u0646\u0627\u0639\u0645\u0629 *\/\n.process h2,\n.process .intro {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeInUp 1.2s ease forwards;\n  position: relative;\n  z-index: 2;\n}\n.process h2 { animation-delay: 0.3s; }\n.process .intro { animation-delay: 0.6s; }\n\n@keyframes fadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n.process h2 {\n  font-size: 2.4rem;\n  background: linear-gradient(90deg,#d1b45f,#b98a2e);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  margin-bottom: 15px;\n}\n\n\/* \u0627\u0644\u0648\u0635\u0641 *\/\n.process .intro {\n  color: #444;\n  font-size: 1.1rem;\n  max-width: 700px;\n  margin: 0 auto 50px;\n}\n\n\/* \u0627\u0644\u0643\u0631\u0648\u062a *\/\n.steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 30px;\n  position: relative;\n  z-index: 2;\n}\n\n.step {\n  position: relative;\n  height: 260px;\n  border-radius: 18px;\n  overflow: hidden;\n  border: 2px solid transparent;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n  transition: transform .35s, box-shadow .35s, border-color .35s;\n  cursor: pointer;\n}\n.step:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 10px 25px rgba(217,181,79,0.35);\n  border-color: #d1b45f;\n}\n.step-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.step::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(255,255,255,0.1);\n  transition: background .35s;\n  z-index: 1;\n}\n.step:hover::before {\n  background: rgba(255,255,255,0.25);\n}\n\n\/* \u0627\u0644\u0646\u0635 \u064a\u0638\u0647\u0631 \u0641\u0642\u0637 \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631 *\/\n.step-info {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 16px;\n  background: rgba(255,255,255,0.92);\n  color: #222;\n  text-align: left;\n  backdrop-filter: blur(2px);\n  border-top: 1px solid rgba(255, 216, 122, 0.5);\n  z-index: 2;\n  opacity: 0;\n  transform: translateY(100%);\n  transition: opacity 0.35s, transform 0.35s;\n}\n.step:hover .step-info {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.step-title {\n  margin: 0 0 6px;\n  font-size: 1.05rem;\n  color: #c19d3f;\n  font-weight: 700;\n}\n.step-text {\n  margin: 0;\n  font-size: 0.95rem;\n  line-height: 1.45;\n  color: #333;\n}\n\n@media (max-width:768px) {\n  .step { height: 200px; }\n  .step-title { font-size: 1rem; }\n  .step-text { font-size: 0.9rem; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  document.querySelectorAll('.step').forEach(step => {\n    const titleEl = step.querySelector('.step-title');\n    const textEl = step.querySelector('.step-text');\n    if (titleEl) titleEl.textContent = step.dataset.title || '';\n    if (textEl) textEl.textContent = step.dataset.text || '';\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24ee591 e-con-full e-flex e-con e-child\" data-id=\"24ee591\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e50bb7b e-con-full e-flex e-con e-child\" data-id=\"e50bb7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e10d9db elementor-widget elementor-widget-html\" data-id=\"e10d9db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tech-section\">\r\n  <div class=\"overlay\"><\/div>\r\n  <div class=\"container\">\r\n    <h2 class=\"section-title\">Technologies We Work With<\/h2>\r\n    <p class=\"section-subtitle\">\r\n      We build reliable IT solutions using industry-leading technologies across networking, servers, cloud, software, and support.\r\n    <\/p>\r\n\r\n    <!-- NETWORK & SECURITY -->\r\n    <div class=\"tech-category-block\">\r\n      <h3 class=\"tech-category\">Network & Security<\/h3>\r\n      <div class=\"slider-container\">\r\n        <button class=\"arrow left\" onclick=\"slideLeft(this)\">&#10094;<\/button>\r\n        <div class=\"tech-slider\">\r\n          <div class=\"tech-item\">Cisco<\/div>\r\n          <div class=\"tech-item\">Fortinet<\/div>\r\n          <div class=\"tech-item\">MikroTik<\/div>\r\n          <div class=\"tech-item\">Ubiquiti<\/div>\r\n          <div class=\"tech-item\">TP-Link<\/div>\r\n          <div class=\"tech-item\">pfSense<\/div>\r\n        <\/div>\r\n        <button class=\"arrow right\" onclick=\"slideRight(this)\">&#10095;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SERVERS & VIRTUALIZATION -->\r\n    <div class=\"tech-category-block\">\r\n      <h3 class=\"tech-category\">Servers & Virtualization<\/h3>\r\n      <div class=\"slider-container\">\r\n        <button class=\"arrow left\" onclick=\"slideLeft(this)\">&#10094;<\/button>\r\n        <div class=\"tech-slider\">\r\n          <div class=\"tech-item\">Dell<\/div>\r\n          <div class=\"tech-item\">HP Enterprise<\/div>\r\n          <div class=\"tech-item\">VMware<\/div>\r\n          <div class=\"tech-item\">Proxmox<\/div>\r\n          <div class=\"tech-item\">Windows Server<\/div>\r\n          <div class=\"tech-item\">Ubuntu Server<\/div>\r\n        <\/div>\r\n        <button class=\"arrow right\" onclick=\"slideRight(this)\">&#10095;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CLOUD & BACKUP -->\r\n    <div class=\"tech-category-block\">\r\n      <h3 class=\"tech-category\">Cloud & Backup<\/h3>\r\n      <div class=\"slider-container\">\r\n        <button class=\"arrow left\" onclick=\"slideLeft(this)\">&#10094;<\/button>\r\n        <div class=\"tech-slider\">\r\n          <div class=\"tech-item\">Microsoft Azure<\/div>\r\n          <div class=\"tech-item\">AWS<\/div>\r\n          <div class=\"tech-item\">Google Cloud<\/div>\r\n          <div class=\"tech-item\">Veeam<\/div>\r\n          <div class=\"tech-item\">Acronis<\/div>\r\n          <div class=\"tech-item\">OneDrive<\/div>\r\n        <\/div>\r\n        <button class=\"arrow right\" onclick=\"slideRight(this)\">&#10095;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DEVELOPMENT -->\r\n    <div class=\"tech-category-block\">\r\n      <h3 class=\"tech-category\">Web & Software Development<\/h3>\r\n      <div class=\"slider-container\">\r\n        <button class=\"arrow left\" onclick=\"slideLeft(this)\">&#10094;<\/button>\r\n        <div class=\"tech-slider\">\r\n          <div class=\"tech-item\">HTML<\/div>\r\n          <div class=\"tech-item\">CSS<\/div>\r\n          <div class=\"tech-item\">JavaScript<\/div>\r\n          <div class=\"tech-item\">React<\/div>\r\n          <div class=\"tech-item\">Node.js<\/div>\r\n          <div class=\"tech-item\">PHP<\/div>\r\n          <div class=\"tech-item\">MySQL<\/div>\r\n        <\/div>\r\n        <button class=\"arrow right\" onclick=\"slideRight(this)\">&#10095;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- MAINTENANCE & SUPPORT -->\r\n    <div class=\"tech-category-block\">\r\n      <h3 class=\"tech-category\">Maintenance & Technical Support<\/h3>\r\n      <div class=\"slider-container\">\r\n        <button class=\"arrow left\" onclick=\"slideLeft(this)\">&#10094;<\/button>\r\n        <div class=\"tech-slider\">\r\n          <div class=\"tech-item\">Remote Monitoring<\/div>\r\n          <div class=\"tech-item\">Help Desk<\/div>\r\n          <div class=\"tech-item\">On-Site Support<\/div>\r\n          <div class=\"tech-item\">Network Diagnostics<\/div>\r\n          <div class=\"tech-item\">System Upgrades<\/div>\r\n          <div class=\"tech-item\">Preventive Maintenance<\/div>\r\n        <\/div>\r\n        <button class=\"arrow right\" onclick=\"slideRight(this)\">&#10095;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.tech-section {\r\n  position: relative;\r\n  background: url(\"https:\/\/files.123freevectors.com\/wp-content\/original\/154027-abstract-blue-and-white-background-design.jpg\") center\/cover no-repeat;\r\n  padding: 100px 20px;\r\n  color: #fff;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.tech-section .overlay {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  background: rgba(0,0,0,0.6);\r\n  z-index: 1;\r\n}\r\n\r\n.tech-section .container {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.section-title {\r\n  font-size: 2.3rem;\r\n  color: #fff;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.section-subtitle {\r\n  color: #fff;\r\n  font-size: 1.1rem;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.tech-category {\r\n  font-size: 1.6rem;\r\n  color: #daa520;\r\n  font-weight: 600;\r\n  margin: 40px 0 20px;\r\n  border-bottom: 2px solid rgba(218,165,32,0.4);\r\n  display: inline-block;\r\n  padding-bottom: 6px;\r\n}\r\n\r\n.slider-container {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 50px;\r\n  overflow: hidden;\r\n}\r\n\r\n.tech-slider {\r\n  display: flex;\r\n  gap: 20px;\r\n  overflow-x: auto;\r\n  scroll-behavior: smooth;\r\n  padding: 10px;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.tech-slider::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.tech-item {\r\n  flex: 0 0 auto;\r\n  min-width: 180px;\r\n  background: rgba(255,255,255,0.08);\r\n  border-radius: 15px;\r\n  padding: 15px 25px;\r\n  transition: all 0.3s ease;\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  color: #fff;\r\n  text-align: center;\r\n}\r\n\r\n.tech-item:hover {\r\n  transform: scale(1.05);\r\n  background: rgba(218,165,32,0.25);\r\n  border-color: #daa520;\r\n  box-shadow: 0 5px 20px rgba(218,165,32,0.3);\r\n}\r\n\r\n.arrow {\r\n  background: rgba(218,165,32,0.5);\r\n  border: none;\r\n  color: white;\r\n  font-size: 2rem;\r\n  width: 45px;\r\n  height: 45px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 3;\r\n}\r\n\r\n.arrow:hover {\r\n  background: #daa520;\r\n}\r\n\r\n.arrow.left {\r\n  left: 10px;\r\n}\r\n\r\n.arrow.right {\r\n  right: 10px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .tech-item {\r\n    min-width: 100px;\r\n    font-size: 0.85rem;\r\n    padding: 10px;\r\n  }\r\n  .arrow {\r\n    width: 35px;\r\n    height: 35px;\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction slideLeft(btn) {\r\n  const slider = btn.parentElement.querySelector(\".tech-slider\");\r\n  slider.scrollBy({ left: -300, behavior: \"smooth\" });\r\n}\r\n\r\nfunction slideRight(btn) {\r\n  const slider = btn.parentElement.querySelector(\".tech-slider\");\r\n  slider.scrollBy({ left: 300, behavior: \"smooth\" });\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9addedc elementor-widget elementor-widget-html\" data-id=\"9addedc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Laduree Project Case Study<\/title>\r\n    \r\n    <style>\r\n        \/* --- 1. RESET & GLOBAL STYLES --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #ffffff;\r\n            color: #1d2d44; \/* \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u0633\u0643\u0634\u0646 \u0645\u0645\u062a\u062f \u0628\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u0628\u062f\u0648\u0646 \u062d\u0648\u0627\u0641 \u0643\u0631\u062a *\/\r\n        .showcase-section {\r\n            width: 100%;\r\n            padding: 60px 0;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .section-wrapper {\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        \/* --- 2. FIELD DOMAIN HEADER (\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0639\u0644\u0648\u064a \u0627\u0644\u0645\u0648\u062d\u062f \u0644\u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644) --- *\/\r\n        .domain-main-title {\r\n            text-align: center;\r\n            font-size: 1.1rem;\r\n            color: #cca025; \/* \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .domain-main-subtitle {\r\n            text-align: center;\r\n            font-size: 1.8rem;\r\n            color: #1d2d44;\r\n            font-weight: 800;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .domain-main-subtitle::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #cca025;\r\n            margin: 12px auto 0 auto;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* --- 3. PROJECT HEADER STYLE WITH LOGO --- *\/\r\n        .showcase-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .company-header-flex {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .company-title-area {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        \/* \u0636\u0628\u0637 \u0642\u064a\u0627\u0633\u064a \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0623\u0628\u0639\u0627\u062f \u0644\u0648\u062c\u0648 \u0644\u0627\u062f\u0648\u0631\u064a\u0647 \u0627\u0644\u0641\u062e\u0645 *\/\r\n        .company-logo {\r\n            height: 55px; \r\n            max-width: 180px;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n\r\n        .company-title-area span {\r\n            color: #cca025; \/* \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            line-height: 1;\r\n        }\r\n\r\n        .project-tagline {\r\n            color: #64748b;\r\n            font-size: 1.1rem;\r\n            margin-top: 12px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .meta-info-bar {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .sector-badge, .status-badge {\r\n            padding: 6px 14px;\r\n            border-radius: 6px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .sector-badge {\r\n            background-color: rgba(29, 45, 68, 0.05);\r\n            color: #1d2d44;\r\n        }\r\n\r\n        .status-badge {\r\n            background-color: rgba(204, 160, 37, 0.1);\r\n            color: #cca025;\r\n        }\r\n\r\n        \/* --- 4. PROJECT TEXT BLOCK --- *\/\r\n        .description-block {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .intro-text {\r\n            font-size: 1.2rem;\r\n            line-height: 1.7;\r\n            color: #334155;\r\n            margin-bottom: 35px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .scope-title {\r\n            font-size: 1.4rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border-left: 3px solid #cca025;\r\n            padding-left: 12px;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr); \/* \u0634\u0628\u0643\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u062b\u0646\u0627\u0626\u064a\u0629 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 *\/\r\n            gap: 20px;\r\n        }\r\n\r\n        .feature-item {\r\n            background-color: #f8fafc;\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .feature-item h4 {\r\n            font-size: 1.1rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 8px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .feature-item p {\r\n            font-size: 0.95rem;\r\n            color: #475569;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* --- 5. OPTIMIZED SINGLE IMAGE SHOWCASE --- *\/\r\n        .image-showcase-wrapper {\r\n            width: 100%;\r\n            margin-top: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .main-image-frame {\r\n            display: inline-block;\r\n            max-width: 100%;\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            background-color: transparent;\r\n            box-shadow: 0 10px 30px rgba(29, 45, 68, 0.08);\r\n        }\r\n\r\n        .main-image-frame img {\r\n            display: block;\r\n            max-width: 100%;\r\n            height: auto;\r\n            max-height: 480px;\r\n            object-fit: contain;\r\n        }\r\n\r\n        .image-hover-layer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(29, 45, 68, 0.25);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .image-hover-layer span {\r\n            background-color: #cca025;\r\n            color: #ffffff;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            padding: 12px 26px;\r\n            border-radius: 6px;\r\n            box-shadow: 0 4px 15px rgba(204, 160, 37, 0.3);\r\n            transform: translateY(15px);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer {\r\n            opacity: 1;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer span {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* --- 6. LIGHTBOX MODAL --- *\/\r\n        .lightbox-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(15, 23, 42, 0.95);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 10000;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .lightbox-overlay img {\r\n            max-width: 92%;\r\n            max-height: 88%;\r\n            border-radius: 6px;\r\n            transform: scale(0.98);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show img {\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* --- 7. RESPONSIVE --- *\/\r\n        @media (max-width: 992px) {\r\n            .features-grid { grid-template-columns: 1fr; }\r\n            .section-wrapper { padding: 0 24px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .company-header-flex { flex-direction: column; align-items: flex-start; }\r\n            .main-image-frame img { max-height: 340px; }\r\n            .image-hover-layer { display: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"showcase-section\">\r\n        <div class=\"section-wrapper\">\r\n            \r\n            <div class=\"domain-main-title\">Our Enterprise Deployments<\/div>\r\n            <h2 class=\"domain-main-subtitle\">Commercial Luxury & Hospitality Infrastructure Track Record<\/h2>\r\n            \r\n            <div class=\"showcase-header\">\r\n                <div class=\"company-header-flex\">\r\n                    <div class=\"company-title-area\">\r\n                        <img decoding=\"async\" class=\"company-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/LOGO-1400-x-800.png\" alt=\"Laduree Logo\">\r\n                        <span><\/span>\r\n                    <\/div>\r\n                    <div class=\"meta-info-bar\">\r\n                        <span class=\"sector-badge\">Luxury Hospitality & Retail Sector<\/span>\r\n                        <span class=\"status-badge\">Fully Managed<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"project-tagline\">Comprehensive IT Infrastructure, Mission-Critical Data Centers & Sustained Operations Management<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"description-block\">\r\n                <p class=\"intro-text\">\r\n                    Smart ITOLOGY holds full operational accountability and comprehensive engineering oversight for the entire digital infrastructure and technological ecosystems across all Egyptian branches of the prestigious global brand, \"Ladur\u00e9e\". Our dedicated technical deployment ensures seamless day-to-day enterprise continuity.\r\n                <\/p>\r\n\r\n                <h3 class=\"scope-title\">Engineered Scope of Work<\/h3>\r\n                \r\n                <div class=\"features-grid\">\r\n                    <div class=\"feature-item\">\r\n                        <h4>1. Multi-Branch Infrastructure Foundation<\/h4>\r\n                        <p>Executed full-scale on-site field planning, deploying high-grade data transmission networks, intelligent enterprise internet routing points, and low-current hardware setups across multiple active commercial branches to achieve unified connectivity.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>2. Data Center Design & Provisioning<\/h4>\r\n                        <p>Architected, established, and fully optimized central branch data rooms and core operations nodes. Every system is built to satisfy elite standards for data security, specialized cooling matrix efficiency, and power grid stabilization.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>3. Comprehensive UPS Management<\/h4>\r\n                        <p>Managing strict preventive maintenance cycles and SLA emergency support for Uninterruptible Power Supply (UPS) matrices. This layout guarantees an absolute 100% continuous runtime for core servers, POS nodes, and sensitive retail units.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>4. Sustainable Infrastructure Management<\/h4>\r\n                        <p>Directing full-time technical supervision and live performance telemetry for all corporate offices and branches nationwide, maintaining a perfectly synchronized, low-latency operating environment completely free from technical faults.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"image-showcase-wrapper\">\r\n                <div class=\"main-image-frame\" id=\"imageFrame\">\r\n                    <div class=\"image-hover-layer\">\r\n                        <span>Expand View<\/span>\r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/Picture5.png\" alt=\"Laduree International Infrastructure Showcase\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"lightbox-overlay\" id=\"lightboxOverlay\">\r\n        <img decoding=\"async\" id=\"expandedImg\" src=\"\" alt=\"Enlarged View\">\r\n    <\/div>\r\n\r\n    <script>\r\n        const overlay = document.getElementById('lightboxOverlay');\r\n        const expandedImg = document.getElementById('expandedImg');\r\n        const imageFrame = document.querySelector('.main-image-frame img');\r\n\r\n        imageFrame.addEventListener('click', () => {\r\n            overlay.classList.add('show');\r\n            expandedImg.src = imageFrame.src;\r\n        });\r\n\r\n        overlay.addEventListener('click', () => {\r\n            overlay.classList.remove('show');\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd457e elementor-widget elementor-widget-html\" data-id=\"7fd457e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Elmenus Project Case Study<\/title>\r\n    \r\n    <style>\r\n        \/* --- 1. RESET & GLOBAL STYLES --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #ffffff;\r\n            color: #1d2d44; \/* \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u0633\u0643\u0634\u0646 \u0645\u0645\u062a\u062f \u0628\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u0628\u062f\u0648\u0646 \u062d\u0648\u0627\u0641 \u0643\u0631\u062a *\/\r\n        .showcase-section {\r\n            width: 100%;\r\n            padding: 60px 0;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .section-wrapper {\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        \/* --- 2. FIELD DOMAIN HEADER (\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0639\u0644\u0648\u064a \u0627\u0644\u0645\u0648\u062d\u062f \u0644\u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644) --- *\/\r\n        .domain-main-title {\r\n            text-align: center;\r\n            font-size: 1.1rem;\r\n            color: #cca025; \/* \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .domain-main-subtitle {\r\n            text-align: center;\r\n            font-size: 1.8rem;\r\n            color: #1d2d44;\r\n            font-weight: 800;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .domain-main-subtitle::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #cca025;\r\n            margin: 12px auto 0 auto;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* --- 3. PROJECT HEADER STYLE WITH LOGO --- *\/\r\n        .showcase-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .company-header-flex {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .company-title-area {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        \/* \u0636\u0628\u0637 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0645\u062d\u0643\u0645 \u0644\u062d\u062c\u0645 \u0644\u0648\u062c\u0648 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0646\u064a\u0648\u0632 *\/\r\n        .company-logo {\r\n            height: 55px; \r\n            max-width: 160px;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n\r\n        .company-title-area span {\r\n            color: #cca025; \/* \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            line-height: 1;\r\n        }\r\n\r\n        .project-tagline {\r\n            color: #64748b;\r\n            font-size: 1.1rem;\r\n            margin-top: 12px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .meta-info-bar {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .sector-badge, .status-badge {\r\n            padding: 6px 14px;\r\n            border-radius: 6px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .sector-badge {\r\n            background-color: rgba(29, 45, 68, 0.05);\r\n            color: #1d2d44;\r\n        }\r\n\r\n        .status-badge {\r\n            background-color: rgba(204, 160, 37, 0.1);\r\n            color: #cca025;\r\n        }\r\n\r\n        \/* --- 4. PROJECT TEXT BLOCK --- *\/\r\n        .description-block {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .intro-text {\r\n            font-size: 1.2rem;\r\n            line-height: 1.7;\r\n            color: #334155;\r\n            margin-bottom: 35px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .scope-title {\r\n            font-size: 1.4rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border-left: 3px solid #cca025;\r\n            padding-left: 12px;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr); \/* \u0645\u0642\u0633\u0645 \u0639\u0644\u0649 3 \u0623\u0639\u0645\u062f\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u062c\u062f\u0627\u064b *\/\r\n            gap: 20px;\r\n        }\r\n\r\n        .feature-item {\r\n            background-color: #f8fafc;\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .feature-item h4 {\r\n            font-size: 1.1rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 8px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .feature-item p {\r\n            font-size: 0.95rem;\r\n            color: #475569;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* --- 5. OPTIMIZED SINGLE IMAGE SHOWCASE --- *\/\r\n        .image-showcase-wrapper {\r\n            width: 100%;\r\n            margin-top: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .main-image-frame {\r\n            display: inline-block; \/* \u064a\u0646\u0643\u0645\u0634 \u0627\u0644\u0625\u0637\u0627\u0631 \u062a\u0645\u0627\u0645\u0627\u064b \u0639\u0644\u0649 \u062d\u062f\u0648\u062f \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u062f\u0648\u0646 \u0632\u064a\u0627\u062f\u0627\u062a *\/\r\n            max-width: 100%;\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            background-color: transparent;\r\n            box-shadow: 0 10px 30px rgba(29, 45, 68, 0.08);\r\n        }\r\n\r\n        .main-image-frame img {\r\n            display: block;\r\n            max-width: 100%;\r\n            height: auto;\r\n            max-height: 480px; \/* \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0627\u0644\u0645\u062a\u0646\u0627\u0633\u0642 \u0645\u0639 \u0628\u0627\u0642\u064a \u0641\u0631\u0648\u0639 \u0627\u0644\u0645\u0648\u0642\u0639 *\/\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Hover \u0648\u0627\u0644\u0632\u0631 \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0645\u062a\u0646\u0627\u0633\u0642 \u0645\u0639 \u0627\u0644\u0647\u0648\u064a\u0629 *\/\r\n        .image-hover-layer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(29, 45, 68, 0.25);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .image-hover-layer span {\r\n            background-color: #cca025;\r\n            color: #ffffff;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            padding: 12px 26px;\r\n            border-radius: 6px;\r\n            box-shadow: 0 4px 15px rgba(204, 160, 37, 0.3);\r\n            transform: translateY(15px);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer {\r\n            opacity: 1;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer span {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* --- 6. LIGHTBOX MODAL --- *\/\r\n        .lightbox-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(15, 23, 42, 0.95);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 10000;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .lightbox-overlay img {\r\n            max-width: 92%;\r\n            max-height: 88%;\r\n            border-radius: 6px;\r\n            transform: scale(0.98);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show img {\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* --- 7. RESPONSIVE --- *\/\r\n        @media (max-width: 992px) {\r\n            .features-grid { grid-template-columns: 1fr; }\r\n            .section-wrapper { padding: 0 24px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .company-header-flex { flex-direction: column; align-items: flex-start; }\r\n            .main-image-frame img { max-height: 340px; }\r\n            .image-hover-layer { display: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"showcase-section\">\r\n        <div class=\"section-wrapper\">\r\n            \r\n            <div class=\"domain-main-title\">Our Enterprise Deployments<\/div>\r\n            <h2 class=\"domain-main-subtitle\">Tech Enterprises & Digital Platforms Infrastructure Track Record<\/h2>\r\n            \r\n            <div class=\"showcase-header\">\r\n                <div class=\"company-header-flex\">\r\n                    <div class=\"company-title-area\">\r\n                        <img decoding=\"async\" class=\"company-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/1749722883_elmenus.png\" alt=\"Elmenus Logo\">\r\n                        <span><\/span>\r\n                    <\/div>\r\n                    <div class=\"meta-info-bar\">\r\n                        <span class=\"sector-badge\">Technology & Smart Platforms Sector<\/span>\r\n                        <span class=\"status-badge\">Deployment Completed<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"project-tagline\">Digital Infrastructure Engineering, Comprehensive Technical Procurement & Procurement Logistics<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"description-block\">\r\n                <p class=\"intro-text\">\r\n                    Smart ITOLOGY took charge of the comprehensive digital infrastructure engineering, architectural setup, and end-to-end technical hardware logistics for the headquarters and corporate offices of the leading smart platform, \"Elmenus\". The project delivered a highly optimized, smart, and fully secured workspace that meets the strict, high-speed connectivity demands of tier-one tech enterprises.\r\n                <\/p>\r\n\r\n                <h3 class=\"scope-title\">Technical Project Scope<\/h3>\r\n                \r\n                <div class=\"features-grid\">\r\n                    <div class=\"feature-item\">\r\n                        <h4>1. Infrastructure & Core Networking<\/h4>\r\n                        <p>Executed full on-site data routing designs, deploying enterprise broadband internet access points and structured low-voltage cabling frameworks. This robust backbone seamlessly connects all software engineers and operations staff with absolute stability.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>2. Full-Scale Device Procurement<\/h4>\r\n                        <p>Managed the comprehensive technical procurement and distribution of elite hardware assets. This included deploying high-performance enterprise laptops, smart workplace tablets, and heavy-duty office network printers built to match demanding corporate operations cycles.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>3. Sustained Technical Support<\/h4>\r\n                        <p>Activated a dedicated proactive maintenance and operational support division. Our team runs strict periodic diagnostics and immediate hardware servicing for all deployed tech assets (laptops, printers, tablets)\u2014ensuring 100% continuous uptime and peak employee productivity.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"image-showcase-wrapper\">\r\n                <div class=\"main-image-frame\" id=\"imageFrame\">\r\n                    <div class=\"image-hover-layer\">\r\n                        <span>Expand View<\/span>\r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/Picture6.png\" alt=\"Elmenus Digital Infrastructure Showcase\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"lightbox-overlay\" id=\"lightboxOverlay\">\r\n        <img decoding=\"async\" id=\"expandedImg\" src=\"\" alt=\"Enlarged View\">\r\n    <\/div>\r\n\r\n    <script>\r\n        const overlay = document.getElementById('lightboxOverlay');\r\n        const expandedImg = document.getElementById('expandedImg');\r\n        const imageFrame = document.querySelector('.main-image-frame img');\r\n\r\n        imageFrame.addEventListener('click', () => {\r\n            overlay.classList.add('show');\r\n            expandedImg.src = imageFrame.src;\r\n        });\r\n\r\n        overlay.addEventListener('click', () => {\r\n            overlay.classList.remove('show');\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-7549b3b e-con-full e-flex e-con e-child\" data-id=\"7549b3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db99b16 elementor-widget elementor-widget-html\" data-id=\"db99b16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"clients-carousel\">\r\n  <h2 class=\"section-title\">Trusted by Leading Companies<\/h2>\r\n  <p class=\"section-subtitle\">We\u2019re proud to have worked with top clients across industries.<\/p>\r\n\r\n  <div class=\"logos-container\">\r\n    <div class=\"logos-slide\">\r\n      <!-- \u0643\u0631\u0648\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 (\u0645\u062b\u0627\u0644) -->\r\n      <div class=\"client-card\">\r\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images-1.png\" alt=\"Client 1\" \/>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"client-text\">\u201cSmartEitology helped us scale securely and efficiently.\u201d<\/p>\r\n        <p class=\"client-author\">\u2014 Ahmed N., Tech Manager<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"client-card\">\r\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images-4.png\" alt=\"Client 2\" \/>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\r\n        <p class=\"client-text\">\u201cReliable, fast, and professional. We\u2019ve seen real results.\u201d<\/p>\r\n        <p class=\"client-author\">\u2014 Salma R., Operations Lead<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"client-card\">\r\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images-5.png\" alt=\"Client 3\" \/>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"client-text\">\u201cTheir monitoring and support are unmatched.\u201d<\/p>\r\n        <p class=\"client-author\">\u2014 Kareem T., IT Director<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"client-card\">\r\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/LOGO-1400-x-800.png\" alt=\"Client 4\" \/>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"client-text\">\u201cWe trust them with our infrastructure\u2014and they\u2019ve earned it.\u201d<\/p>\r\n        <p class=\"client-author\">\u2014 Rana M., CIO<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"client-card\">\r\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/logo_b5f8b3c2-c688-4d97-88dc-be8ba1729572.webp\" alt=\"Client 5\" \/>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"client-text\">\u201cWe saw immediate improvements in performance and stability.\u201d<\/p>\r\n        <p class=\"client-author\">\u2014 Ahmed T., IT Director<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"client-card\">\r\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images-3.png\" alt=\"Client 6\" \/>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"client-text\">\u201cDelivered beyond expectations\u2014fast, secure, reliable.\u201d<\/p>\r\n        <p class=\"client-author\">\u2014 Mohamed S., Infrastructure Lead<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"client-card\">\r\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/1749722883_elmenus.png\" alt=\"Client 7\" \/>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"client-text\">\u201cProfessional service with a personal touch.\u201d<\/p>\r\n        <p class=\"client-author\">\u2014 Omar T., IT Director<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.clients-carousel {\r\n  background: #fefefe;\r\n  padding: 60px 20px;\r\n  max-width: 1200px;\r\n  margin: 40px auto;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 8px;\r\n}\r\n.section-title {\r\n  font-size: 2.0rem;\r\n  background: linear-gradient(90deg,#d1b45f,#b98a2e);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 8px;\r\n}\r\n.section-subtitle {\r\n  color: #444;\r\n  font-size: 1rem;\r\n  max-width: 700px;\r\n  margin: 0 auto 30px;\r\n}\r\n\r\n\/* S L I D E R  *\/\r\n.logos-container {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0623\u0641\u0642\u064a \u0627\u0644\u0645\u062a\u062d\u0631\u0643 - \u0645\u062f\u0629 \u0623\u0633\u0631\u0639 *\/\r\n.logos-slide {\r\n  display: flex;\r\n  gap: 18px;\r\n  align-items: stretch;\r\n  \/* \u0645\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629: 20s \u2014 \u0623\u0633\u0631\u0639 \u0645\u0646 \u0642\u0628\u0644 *\/\r\n  animation: scrollSlider 20s linear infinite;\r\n  will-change: transform;\r\n}\r\n\r\n\/* \u062a\u0643\u0631\u0627\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a: \u0646\u0643\u0631\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0641\u064a JS \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n@keyframes scrollSlider {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); } \/* \u0646\u062a\u062d\u0631\u0643 \u0644\u0646\u0635 \u0627\u0644\u0637\u0648\u0644 \u0644\u0623\u0646\u0646\u0627 \u0633\u0646\u0643\u0631\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n}\r\n\r\n\/* \u0643\u0631\u062a \u0627\u0644\u0639\u0645\u064a\u0644 *\/\r\n.client-card {\r\n  flex: 0 0 260px;\r\n  background: #fff;\r\n  border: 2px solid transparent;\r\n  border-radius: 12px;\r\n  padding: 14px;\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.06);\r\n  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  min-height: 190px;\r\n}\r\n.client-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: #d1b45f;\r\n  box-shadow: 0 12px 30px rgba(217,181,79,0.14);\r\n}\r\n.client-logo {\r\n  width: 64px;\r\n  height: auto;\r\n  margin-bottom: 4px;\r\n  filter: grayscale(20%);\r\n  align-self: flex-start;\r\n}\r\n.stars {\r\n  font-size: 1rem;\r\n  color: #d1b45f;\r\n}\r\n.client-text {\r\n  font-size: 0.92rem;\r\n  color: #333;\r\n  line-height: 1.45;\r\n  flex-grow: 1;\r\n}\r\n.client-author {\r\n  font-size: 0.85rem;\r\n  color: #777;\r\n  font-style: italic;\r\n  margin-top: auto;\r\n}\r\n\r\n\/* SMALLER CARDS FOR SMALLER SCREENS *\/\r\n@media (max-width: 1000px) {\r\n  .client-card { flex: 0 0 220px; min-height: 180px; }\r\n  .client-logo { width: 56px; }\r\n}\r\n\r\n\/* MOBILE: stop auto animation & enable horizontal swipe for better UX *\/\r\n@media (max-width: 768px) {\r\n  .clients-carousel { padding: 40px 12px; }\r\n  .logos-slide {\r\n    animation: none; \/* stop auto-scroll on mobile *\/\r\n    gap: 12px;\r\n  }\r\n  .logos-container {\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    padding-bottom: 8px;\r\n  }\r\n  .client-card { flex: 0 0 78%; min-height: 160px; margin-right: 8px; }\r\n  .client-text { font-size: 0.9rem; }\r\n  .client-logo { width: 48px; }\r\n}\r\n\r\n\/* Accessibility: pause animation when user hovers or focuses *\/\r\n.logos-container:hover .logos-slide,\r\n.logos-container:focus-within .logos-slide {\r\n  animation-play-state: paused;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const logosSlide = document.querySelector(\".logos-slide\");\r\n  if (!logosSlide) return;\r\n\r\n  \/\/ clone child nodes to allow continuous scroll (duplicate sequence)\r\n  \/\/ only clone once\r\n  const items = Array.from(logosSlide.children);\r\n  if (items.length > 0 && logosSlide.children.length === items.length) {\r\n    items.forEach(node => {\r\n      const clone = node.cloneNode(true);\r\n      logosSlide.appendChild(clone);\r\n    });\r\n  }\r\n\r\n  \/\/ On touch devices we already disabled animation via CSS media query.\r\n  \/\/ But for desktops, allow pause on mouse enter (already handled by CSS hover),\r\n  \/\/ and for keyboard users pause when focused (CSS focus-within).\r\n  \/\/ No further JS required.\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66f3794 e-con-full e-flex e-con e-child\" data-id=\"66f3794\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1a4682 elementor-widget elementor-widget-html\" data-id=\"f1a4682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.request-wave-bg {\r\n  position: relative;\r\n  padding: 120px 40px 100px;\r\n  text-align: center;\r\n  font-family: 'Segoe UI', sans-serif;\r\n  color: white;\r\n  overflow: hidden;\r\n  background: linear-gradient(270deg, #8b6500, #a67c00, #d4af37);\r\n  background-size: 600% 600%;\r\n  animation: gradientWave 12s ease infinite;\r\n}\r\n\r\n@keyframes gradientWave {\r\n  0% { background-position: 0% 50%; }\r\n  50% { background-position: 100% 50%; }\r\n  100% { background-position: 0% 50%; }\r\n}\r\n\r\n.request-wave-bg h2 {\r\n  font-size: 36px;\r\n  margin-bottom: 20px;\r\n  animation: fadeInUp 0.8s ease forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.request-wave-bg p {\r\n  font-size: 18px;\r\n  margin-bottom: 40px;\r\n  animation: fadeInUp 1s ease forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.request-wave-bg .cta-button {\r\n  background: #25d366;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px 28px;\r\n  font-size: 16px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  font-weight: bold;\r\n  animation: fadeInUp 1.2s ease forwards;\r\n  opacity: 0;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.request-wave-bg .cta-button:hover {\r\n  background: #1ebe5b;\r\n  box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);\r\n}\r\n\r\n.request-wave-bg .cta-button i {\r\n  font-size: 20px;\r\n}\r\n\r\n.request-wave-bg .icons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 30px;\r\n  margin-bottom: 30px;\r\n  animation: fadeInUp 0.9s ease forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.request-wave-bg .icons i {\r\n  font-size: 28px;\r\n  color: #fff8dc;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from { transform: translateY(40px); opacity: 0; }\r\n  to { transform: translateY(0); opacity: 1; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"request-wave-bg\">\r\n  <h2>Ready to Secure Your Network?<\/h2>\r\n  <div class=\"icons\">\r\n    <i class=\"fas fa-lock\"><\/i>\r\n    <i class=\"fas fa-network-wired\"><\/i>\r\n    <i class=\"fas fa-headset\"><\/i>\r\n  <\/div>\r\n  <p>Let our experts help you build a safer, smarter infrastructure. Reach out now via WhatsApp.<\/p>\r\n  \r\n  <button class=\"cta-button\" onclick=\"window.open('https:\/\/wa.me\/201021117632?text=Hello%20I%20am%20interested%20in%20your%20IT%20maintenance%20and%20technical%20support%20services.', '_blank')\">\r\n    <i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp\r\n  <\/button>\r\n<\/div>\r\n\r\n<!-- Font Awesome link (if not already added) -->\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>IT Planning &#038; Consulting We help organizations design future-ready IT strategies \u2014 from assessment to implementation and optimization. Your browser [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":246,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"disabled","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-274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/comments?post=274"}],"version-history":[{"count":182,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/274\/revisions"}],"predecessor-version":[{"id":3527,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/274\/revisions\/3527"}],"up":[{"embeddable":true,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/246"}],"wp:attachment":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/media?parent=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}