{"id":276,"date":"2025-10-14T17:25:45","date_gmt":"2025-10-14T14:25:45","guid":{"rendered":"https:\/\/itology-eg.com\/new\/?page_id=276"},"modified":"2025-12-04T18:11:08","modified_gmt":"2025-12-04T16:11:08","slug":"infrastructure-design-implementation","status":"publish","type":"page","link":"https:\/\/itology-eg.com\/index.php\/services\/infrastructure-design-implementation\/","title":{"rendered":"Infrastructure Design &#038; Implementation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"276\" class=\"elementor elementor-276\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5c37d e-con-full e-flex e-con e-parent\" data-id=\"dd5c37d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f8c2a5 elementor-widget elementor-widget-html\" data-id=\"8f8c2a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HERO SECTION -->\r\n<header 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>Infrastructure Design & Implementation<\/h1>\r\n      <p class=\"lead\">\r\n        From concept to execution, we create IT infrastructures that are stable, secure, and built for success.\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\/AQNayb1fZsL679QO7QwFP65hEcLiV-uKRSa6hzFbpw80HzFh3-nZtukBMC4ZCwD-WCF6Zmy_XjqnoTBMOygjvyJKi-t9g4fItQ-8qGCcJJeIbg.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<\/header>\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}\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\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\r\n.hero-text {\r\n  flex: 1;\r\n  min-width: 280px;\r\n}\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\r\n.lead {\r\n  font-size: 1.15rem;\r\n  color: #444;\r\n  max-width: 500px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ===== VIDEO CARD ===== *\/\r\n.hero-video-card {\r\n  flex: 1;\r\n  max-width: 500px;\r\n  min-width: 300px;\r\n}\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;\r\n  background: #000;\r\n}\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\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  background: #000;\r\n}\r\n\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\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width: 950px) {\r\n  .hero-inner {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 30px;\r\n  }\r\n\r\n  .hero-text h1 {\r\n    font-size: 2.2rem;\r\n  }\r\n\r\n  .lead {\r\n    font-size: 1rem;\r\n    max-width: 90%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .hero-video-card {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .hero-video {\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 16 \/ 9;\r\n  }\r\n}\r\n\r\n@media(max-width: 480px) {\r\n  .hero {\r\n    padding: 60px 15px;\r\n  }\r\n\r\n  .hero-text h1 {\r\n    font-size: 1.9rem;\r\n  }\r\n\r\n  .lead {\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .video-caption {\r\n    font-size: 0.8rem;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13205ba e-con-full e-flex e-con e-child\" data-id=\"13205ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-907c03a elementor-widget elementor-widget-html\" data-id=\"907c03a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"process-section\">\r\n  <h2 class=\"section-title\">Our Process<\/h2>\r\n\r\n  <div class=\"process-tabs\">\r\n    <button class=\"tab active\" data-step=\"1\">Assessment & Consultation<\/button>\r\n    <button class=\"tab\" data-step=\"2\">Network & System Design<\/button>\r\n    <button class=\"tab\" data-step=\"3\">Implementation & Setup<\/button>\r\n    <button class=\"tab\" data-step=\"4\">Configuration & Integration<\/button>\r\n    <button class=\"tab\" data-step=\"5\">Testing & Optimization<\/button>\r\n    <button class=\"tab\" data-step=\"6\">Training & Support<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"process-content\">\r\n    <div class=\"step-content active\" id=\"step-1\">\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/consulting_hero-scaled-1.jpeg\" alt=\"Assessment\" \/>\r\n      <div class=\"text\">\r\n        <h3>Assessment & Consultation<\/h3>\r\n        <p>We start by analyzing your current IT environment and understanding your exact business needs. This phase involves gathering all data about your network, devices, and user requirements to plan the most effective solution.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"step-content\" id=\"step-2\">\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/blur-close-up-connection-1624895aa-3.jpg\" alt=\"Design\" \/>\r\n      <div class=\"text\">\r\n        <h3>Network & System Design<\/h3>\r\n        <p>We create a detailed design plan covering network structure, servers, and security systems. Each solution is tailored for performance, scalability, and cost efficiency.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"step-content\" id=\"step-3\">\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/9df3e86b79344893b381053a8efaf748.jpg\" \/>\r\n      <div class=\"text\">\r\n        <h3>Implementation & Setup<\/h3>\r\n        <p>Our team handles the physical setup \u2014 installing network devices, cabling, and configuring servers. We ensure all systems are properly connected and secured.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"step-content\" id=\"step-4\">\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/download-27.jpg\" alt=\"Configuration\" \/>\r\n      <div class=\"text\">\r\n        <h3>Configuration & Integration<\/h3>\r\n        <p>We configure firewalls, VPNs, and servers to work seamlessly together. All services are integrated for smooth and secure operation.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"step-content\" id=\"step-5\">\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/0000654_64e5e8474e60854b3dd486e9_64958dbae103af2530b74bb1_Yj2oNFyYqxthymZwjfpCZPnAmAFw1hvMyaH2x28PlsC5SB6H4X.png\" alt=\"Testing\" \/>\r\n      <div class=\"text\">\r\n        <h3>Testing & Optimization<\/h3>\r\n        <p>We perform speed, stability, and security tests. Our engineers fine-tune configurations to guarantee optimal network performance.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"step-content\" id=\"step-6\">\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/download-1-1.jpg\" alt=\"Support\" \/>\r\n      <div class=\"text\">\r\n        <h3>Training & Ongoing Support<\/h3>\r\n        <p>We train your team on the new systems and provide continuous technical support to ensure everything runs smoothly long-term.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.process-section {\r\n  background: #f8f8f8 url('https:\/\/img.freepik.com\/premium-vector\/abstract-digital-background-with-technology-circuit-board-texture-electronic-motherboard_41981-3542.jpg?semt=ais_hybrid&w=740&q=80') repeat;\r\n  background-size: cover;\r\n  padding: 80px 20px;\r\n  font-family: 'Segoe UI', sans-serif;\r\n  color: #333;\r\n  position: relative;\r\n  text-align: center;\r\n}\r\n\r\n.section-title {\r\n  font-size: 2.5rem;\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: 40px;\r\n  font-weight: bold;\r\n}\r\n\r\n.process-tabs {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.tab {\r\n  background: #fff;\r\n  border: 1px solid #ddd;\r\n  border-radius: 25px;\r\n  padding: 10px 18px;\r\n  font-size: 0.95rem;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  color: #555;\r\n  font-weight: 500;\r\n}\r\n\r\n.tab:hover {\r\n  border-color: #d1b45f;\r\n  box-shadow: 0 0 10px rgba(209,180,95,0.3);\r\n}\r\n\r\n.tab.active {\r\n  background: linear-gradient(90deg, #d1b45f, #b98a2e);\r\n  color: #fff;\r\n  border: none;\r\n}\r\n\r\n.process-content {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n\r\n.step-content {\r\n  display: none;\r\n  align-items: center;\r\n  gap: 30px;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  animation: fadeIn 0.6s ease;\r\n}\r\n\r\n.step-content.active {\r\n  display: flex;\r\n}\r\n\r\n.step-content img {\r\n  width: 400px;\r\n  height: 260px;\r\n  border-radius: 12px;\r\n  object-fit: cover;\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.1);\r\n}\r\n\r\n.step-content .text {\r\n  max-width: 400px;\r\n  text-align: left;\r\n}\r\n\r\n.step-content h3 {\r\n  font-size: 1.5rem;\r\n  color: #b98a2e;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.step-content p {\r\n  font-size: 1rem;\r\n  color: #444;\r\n  line-height: 1.6;\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {opacity: 0; transform: translateY(20px);}\r\n  to {opacity: 1; transform: translateY(0);}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .step-content {\r\n    flex-direction: column;\r\n  }\r\n  .step-content img {\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n  .process-tabs {\r\n    flex-direction: column;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst tabs = document.querySelectorAll('.tab');\r\nconst contents = document.querySelectorAll('.step-content');\r\n\r\ntabs.forEach(tab => {\r\n  tab.addEventListener('click', () => {\r\n    tabs.forEach(t => t.classList.remove('active'));\r\n    contents.forEach(c => c.classList.remove('active'));\r\n    tab.classList.add('active');\r\n    document.getElementById(`step-${tab.dataset.step}`).classList.add('active');\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51a3dd2 e-con-full e-flex e-con e-child\" data-id=\"51a3dd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90a35bf elementor-widget elementor-widget-html\" data-id=\"90a35bf\" 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<div class=\"elementor-element elementor-element-aba02da e-con-full e-flex e-con e-child\" data-id=\"aba02da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a534b23 elementor-widget elementor-widget-html\" data-id=\"a534b23\" 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-ca56017 e-con-full e-flex e-con e-child\" data-id=\"ca56017\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4a088a elementor-widget elementor-widget-html\" data-id=\"a4a088a\" 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>Infrastructure Design &amp; Implementation From concept to execution, we create IT infrastructures that are stable, secure, and built for success. [&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-276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/276","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=276"}],"version-history":[{"count":179,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/276\/revisions"}],"predecessor-version":[{"id":3272,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/276\/revisions\/3272"}],"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=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}