{"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":"2025-12-04T18:30:26","modified_gmt":"2025-12-04T16:30:26","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>\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 &amp; 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":173,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/274\/revisions"}],"predecessor-version":[{"id":3274,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/274\/revisions\/3274"}],"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}]}}