{"id":241,"date":"2025-10-13T21:39:56","date_gmt":"2025-10-13T18:39:56","guid":{"rendered":"https:\/\/itology-eg.com\/new\/?page_id=241"},"modified":"2026-06-08T15:18:22","modified_gmt":"2026-06-08T12:18:22","slug":"home","status":"publish","type":"page","link":"https:\/\/itology-eg.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"241\" class=\"elementor elementor-241\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-362308f e-con-full e-flex e-con e-parent\" data-id=\"362308f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-750c77e elementor-cta--skin-cover elementor-widget__width-initial elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"750c77e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url(https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/FOP25D.png);\" role=\"img\" aria-label=\"FOP25D\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h1 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item elementor-animated-item--grow\">\n\t\t\t\t\t\tSMART ITOLOGY\t\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item elementor-animated-item--grow\">\n\t\t\t\t\t\tIntegrated Network &amp; Light Current Solutions | Network Security, CCTV &amp; IT Infrastructure\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item elementor-animated-item--grow\">\n\t\t\t\t\t<a class=\"elementor-cta__button elementor-button elementor-size-\" href=\"https:\/\/itology-eg.com\/?page_id=243\">\n\t\t\t\t\t\tContact Us\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ccc744 e-con-full e-flex e-con e-parent\" data-id=\"7ccc744\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ba9948a e-con-full e-flex e-con e-child\" data-id=\"ba9948a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7703d63 elementor-widget elementor-widget-html\" data-id=\"7703d63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"video-background\">\r\n  <div class=\"video-container\">\r\n    <video \r\n      id=\"bgVideo\"\r\n      class=\"background-video\"\r\n      preload=\"auto\"\r\n      playsinline\r\n      controls\r\n      poster=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-16-152414.png\"\r\n      style=\"max-width: 100%; height: 100vh;\"\r\n    >\r\n      <source \r\n        src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/AQNzFkAl8lIFHswJqBahpDoT_rwvdPXerNQUuOC7fBa_jP7WyDJuf2Kfu7cNF94evEggS7tXeo1JDO01L6BdW80t.mp4#t=0.001\"\r\n        type=\"video\/mp4\"\r\n      >\r\n      Your browser does not support the video tag.\r\n    <\/video>\r\n\r\n    <!-- \u0632\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 -->\r\n    <div class=\"overlay\" id=\"overlay\">\r\n      <button id=\"toggleBtn\" class=\"btn primary\">\r\n        <i class=\"fa-solid fa-play\"><\/i> Play Video\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Font Awesome \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n\/* \ud83c\udfa5 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.video-background {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n}\r\n\r\n.video-container {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.background-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  filter: brightness(1.05) contrast(1.1);\r\n  transition: all 0.5s ease;\r\n}\r\n\r\n\/* \u26ab \u0627\u0644\u062a\u0631\u0627\u0643 \u0627\u0644\u0634\u0641\u0627\u0641 \u0641\u0648\u0642 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 *\/\r\n.overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  transition: background 0.6s ease, opacity 0.6s ease;\r\n  z-index: 2;\r\n}\r\n\r\n\/* \ud83d\udc9b \u0627\u0644\u0632\u0631\u0627\u0631 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n.btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: linear-gradient(90deg, #d4af37, #b88a44);\r\n  color: #000;\r\n  font-weight: 600;\r\n  font-size: 1.1rem;\r\n  padding: 14px 35px;\r\n  border: none;\r\n  border-radius: 40px;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 20px rgba(255, 215, 0, 0.25);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.btn:hover {\r\n  transform: scale(1.07);\r\n  background: linear-gradient(90deg, #b88a44, #d4af37);\r\n  box-shadow: 0 0 30px rgba(255, 215, 0, 0.4);\r\n}\r\n\r\n.btn i {\r\n  font-size: 1.2rem;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.btn:hover i {\r\n  transform: scale(1.3);\r\n}\r\n\r\n\/* \ud83c\udf9a\ufe0f \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n@media (max-width: 768px) {\r\n  .btn {\r\n    font-size: 1rem;\r\n    padding: 12px 26px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst video = document.getElementById(\"bgVideo\");\r\nconst overlay = document.getElementById(\"overlay\");\r\nconst toggleBtn = document.getElementById(\"toggleBtn\");\r\n\r\nlet isPlaying = false;\r\n\r\n\/\/ \u2705 \u062a\u0634\u063a\u064a\u0644 \u0623\u0648 \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 + \u0627\u0644\u0635\u0648\u062a\r\ntoggleBtn.addEventListener(\"click\", () => {\r\n  if (!isPlaying) {\r\n    video.muted = false; \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a\r\n    video.play();\r\n    toggleBtn.innerHTML = '<i class=\"fa-solid fa-pause\"><\/i> Pause Video';\r\n    overlay.style.background = \"rgba(0,0,0,0.25)\";\r\n    isPlaying = true;\r\n  } else {\r\n    video.pause();\r\n    toggleBtn.innerHTML = '<i class=\"fa-solid fa-play\"><\/i> Play Video';\r\n    overlay.style.background = \"rgba(0,0,0,0.6)\";\r\n    isPlaying = false;\r\n  }\r\n});\r\n\r\n\/\/ \u2705 \u0639\u0646\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\r\nvideo.addEventListener(\"ended\", () => {\r\n  overlay.style.background = \"rgba(0,0,0,0.6)\";\r\n  toggleBtn.innerHTML = '<i class=\"fa-solid fa-play\"><\/i> Play Video';\r\n  isPlaying = false;\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-109697a e-con-full e-flex e-con e-child\" data-id=\"109697a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-070d5b1 elementor-widget elementor-widget-heading\" data-id=\"070d5b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Who We Are<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78545c7 elementor-widget elementor-widget-text-editor\" data-id=\"78545c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"412\" data-end=\"546\">We specialize in delivering <strong data-start=\"1144\" data-end=\"1302\">network infrastructure services, network security solutions, VLAN configuration, Layer 3 networking, wireless access point setup, and switch configuration<\/strong>, along with advanced <strong data-start=\"1324\" data-end=\"1435\">light current systems such as CCTV surveillance systems, access control systems, and barrier gate solutions<\/strong>. Our goal is to provide secure, scalable, and high-performance solutions that support business growth and digital transformation.<\/p><p data-start=\"715\" data-end=\"887\">Our team of experts provides end-to-end services \u2014 from consultation and planning to implementation and support \u2014 ensuring your technology works for you, not against you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0c16ee elementor-button-info elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"f0c16ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/itology-eg.com\/?page_id=248%20\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-edit\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-db8af5b e-con-full e-flex e-con e-parent\" data-id=\"db8af5b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2285ff6 elementor-widget elementor-widget-html\" data-id=\"2285ff6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Our Process Section<\/title>\n  <style>\n    body {\n      margin: 0;\n      font-family: 'Segoe UI', sans-serif;\n      background: #fdfaf3;\n    }\n\n    .our-process {\n      padding: 40px 20px;\n      background: linear-gradient(to bottom right, #fdfaf3, #f7f3e9);\n    }\n\n    .our-process .section-title {\n      font-size: 1.8rem;\n      text-align: center;\n      margin-bottom: 8px;\n      color: #333;\n      font-weight: 600;\n    }\n\n    .our-process .section-subtitle {\n      text-align: center;\n      font-size: 0.95rem;\n      color: #555;\n      margin-bottom: 25px;\n      font-weight: 500;\n    }\n\n    .steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n      gap: 1rem;\n    }\n\n    .step {\n      background: #fffdf8;\n      border-radius: 10px;\n      padding: 12px 14px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      transition: transform 0.3s ease, opacity 0.3s ease;\n      opacity: 0;\n      text-align: left;\n      min-height: auto;\n      max-width: 100%;\n    }\n\n    .step.visible {\n      opacity: 1;\n      animation: fadeUp 0.8s ease forwards;\n    }\n\n    .step:hover {\n      transform: translateY(-3px);\n    }\n\n    .step .number {\n      font-size: 1rem;\n      font-weight: bold;\n      color: #bfa76f;\n      margin-bottom: 4px;\n    }\n\n    .step h3 {\n      font-size: 0.95rem;\n      margin-bottom: 4px;\n      color: #222;\n      font-weight: 600;\n    }\n\n    .step p {\n      font-size: 0.8rem;\n      color: #444;\n      font-weight: 500;\n      line-height: 1.3;\n      margin: 0;\n    }\n\n    @keyframes fadeUp {\n      from {\n        transform: translateY(20px);\n        opacity: 0;\n      }\n      to {\n        transform: translateY(0);\n        opacity: 1;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .steps {\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        gap: 0.8rem;\n        padding-bottom: 8px;\n      }\n\n      .step {\n        min-width: 160px;\n        max-width: 180px;\n        flex: 0 0 auto;\n        scroll-snap-align: start;\n        padding: 10px 12px;\n      }\n\n      .step h3 {\n        font-size: 0.85rem;\n      }\n\n      .step p {\n        font-size: 0.75rem;\n        line-height: 1.3;\n      }\n\n      .steps::-webkit-scrollbar {\n        height: 5px;\n      }\n\n      .steps::-webkit-scrollbar-thumb {\n        background: #bfa76f;\n        border-radius: 3px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <section class=\"our-process\">\n    <div class=\"container\">\n      <h2 class=\"section-title\">Our Process<\/h2>\n      <p class=\"section-subtitle\">\n        From the first consultation to ongoing support \u2014 we handle every step with precision and care.\n      <\/p>\n      <div class=\"steps\">\n        <div class=\"step\">\n          <div class=\"number\">1<\/div>\n          <h3>Consultation<\/h3>\n          <p>We start by understanding your business needs and IT challenges to craft a perfect plan.<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"number\">2<\/div>\n          <h3>Planning<\/h3>\n          <p>Our experts design a tailored solution that aligns with your goals, timeline, and budget.<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"number\">3<\/div>\n          <h3>Implementation<\/h3>\n          <p>We set up systems, configure networks, and deploy software with high efficiency and quality.<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"number\">4<\/div>\n          <h3>Support<\/h3>\n          <p>Even after delivery, we stay with you \u2014 offering continuous monitoring and maintenance.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    window.addEventListener(\"scroll\", () => {\n      const steps = document.querySelectorAll(\".step\");\n      const triggerBottom = window.innerHeight * 0.85;\n      steps.forEach((step, i) => {\n        const stepTop = step.getBoundingClientRect().top;\n        if (stepTop < triggerBottom) {\n          setTimeout(() => {\n            step.classList.add(\"visible\");\n            step.style.animation = \"fadeUp 0.8s ease forwards\";\n          }, i * 200);\n        }\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bb0405 e-flex e-con-boxed e-con e-parent\" data-id=\"4bb0405\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b44dd77 elementor-widget elementor-widget-html\" data-id=\"b44dd77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cta-section\">\n  <div class=\"cta-wrapper\">\n    <h2>\ud83d\udca1 Need Professional Tech Assistance?<\/h2>\n    <p>Our expert engineers are ready to help your business grow. Chat with us directly on WhatsApp!<\/p>\n    <a href=\"https:\/\/wa.me\/201021117632\" target=\"_blank\" class=\"cta-btn\" rel=\"nofollow noopener\">\ud83d\udcac Chat on WhatsApp<\/a>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const cta = document.querySelector(\".cta-section\");\n  const btn = document.querySelector(\".cta-btn\");\n\n  \/\/ Fade-in on scroll\n  const revealCTA = () => {\n    const trigger = window.innerHeight * 0.85;\n    const ctaTop = cta.getBoundingClientRect().top;\n    if (ctaTop < trigger) {\n      cta.classList.add(\"visible\");\n    }\n  };\n\n  window.addEventListener(\"scroll\", revealCTA);\n  revealCTA();\n\n  \/\/ Button hover glow + scale\n  btn.addEventListener(\"mouseenter\", () => {\n    btn.style.boxShadow = \"0 0 30px rgba(37,211,102,0.9), 0 5px 15px rgba(0,0,0,0.2)\";\n    btn.style.transform = \"translateY(-3px) scale(1.08)\";\n  });\n\n  btn.addEventListener(\"mouseleave\", () => {\n    btn.style.boxShadow = \"0 5px 15px rgba(0,0,0,0.25)\";\n    btn.style.transform = \"translateY(0) scale(1)\";\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6545cab e-flex e-con-boxed e-con e-parent\" data-id=\"6545cab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-993e2ba elementor-widget elementor-widget-html\" data-id=\"993e2ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"our-services\">\r\n  <div class=\"container\">\r\n    <h2 class=\"section-title\">Our Core Services<\/h2>\r\n    <p class=\"section-subtitle\">\r\n      Explore our wide range of professional IT solutions designed to empower your business.\r\n    <\/p>\r\n\r\n    <div class=\"service-grid\">\r\n      <!-- SERVICE 1 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"service-inner\">\r\n          <div class=\"service-front\">\r\n            <div class=\"icon\">\ud83c\udf10<\/div>\r\n            <h3>Active Network Services\r\n<\/h3>\r\n          <\/div>\r\n          <div class=\"service-back\">\r\n            <p>Reliable and secure network setup for offices and industrial environments.<\/p>\r\n            <a href=\"https:\/\/itology-eg.com\/?page_id=280\" class=\"btn\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 2 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"service-inner\">\r\n          <div class=\"service-front\">\r\n            <div class=\"icon\">\ud83d\udca1<\/div>\r\n            <h3>Network Topology Design<\/h3>\r\n          <\/div>\r\n          <div class=\"service-back\">\r\n            <p>We guide your business with tailored IT strategies and digital transformation plans.<\/p>\r\n            <a href=\"https:\/\/itology-eg.com\/?page_id=274\" class=\"btn\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 3 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"service-inner\">\r\n          <div class=\"service-front\">\r\n            <div class=\"icon\">\ud83d\udd12<\/div>\r\n            <h3>Network Security Solutions<\/h3>\r\n          <\/div>\r\n          <div class=\"service-back\">\r\n            <p>Protect your data and systems with advanced security and firewall solutions.<\/p>\r\n      <a href=\"https:\/\/itology-eg.com\/?page_id=280\" class=\"btn\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 4 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"service-inner\">\r\n          <div class=\"service-front\">\r\n            <div class=\"icon\">\u2601\ufe0f<\/div>\r\n            <h3>Light Current Systems<\/h3>\r\n          <\/div>\r\n          <div class=\"service-back\">\r\n            <p>We provide professional light current systems such as CCTV systems, access control, and security automation solutions .<\/p>\r\n            <a href=\"https:\/\/itology-eg.com\/index.php\/services\/hardware-supply-installation\/\" class=\"btn\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 5 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"service-inner\">\r\n          <div class=\"service-front\">\r\n            <div class=\"icon\">\ud83d\udee0\ufe0f<\/div>\r\n            <h3>Maintenance & Support<\/h3>\r\n          <\/div>\r\n          <div class=\"service-back\">\r\n            <p>Continuous technical support and system maintenance to ensure uptime.<\/p>\r\n            <a href=\"https:\/\/itology-eg.com\/?page_id=286\" class=\"btn\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 6 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"service-inner\">\r\n          <div class=\"service-front\">\r\n            <div class=\"icon\">\ud83d\udcbb<\/div>\r\n            <h3>Software Development<\/h3>\r\n          <\/div>\r\n          <div class=\"service-back\">\r\n            <p>Custom web and desktop applications built to meet your business goals.<\/p>\r\n            <a href=\"https:\/\/itology-eg.com\/?page_id=282\" class=\"btn\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const cards = document.querySelectorAll(\".service-card\");\r\n  const revealCards = () => {\r\n    const triggerBottom = window.innerHeight * 0.85;\r\n    cards.forEach((card, i) => {\r\n      const cardTop = card.getBoundingClientRect().top;\r\n      if (cardTop < triggerBottom) {\r\n        setTimeout(() => card.classList.add(\"visible\"), i * 150);\r\n      }\r\n    });\r\n  };\r\n  window.addEventListener(\"scroll\", revealCards);\r\n  revealCards(); \/\/ initial check\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-264d3d5 e-con-full e-flex e-con e-parent\" data-id=\"264d3d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7f5feb9 e-con-full e-flex e-con e-child\" data-id=\"7f5feb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d35c3f elementor-widget elementor-widget-html\" data-id=\"8d35c3f\" 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>Continuous Portfolio Slider<\/title>\r\n    \r\n    <style>\r\n        \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a *\/\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        \/* \u062a\u0646\u0633\u064a\u0642 \u0633\u0643\u0634\u0646 \u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n        .portfolio-section {\r\n            padding: 80px 0;\r\n            background-color: #f7f9fc; \/* \u062e\u0644\u0641\u064a\u0629 \u0646\u0627\u0639\u0645\u0629 \u0644\u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0635\u0648\u0631 *\/\r\n            overflow: hidden; \/* \u0644\u0625\u062e\u0641\u0627\u0621 \u0623\u064a \u0635\u0648\u0631 \u062a\u062e\u0631\u062c \u0639\u0646 \u062d\u062f\u0648\u062f \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n            position: relative;\r\n        }\r\n\r\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0647\u064a\u062f\u0631 (\u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646) *\/\r\n        .portfolio-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .portfolio-title {\r\n            font-size: 2.5rem;\r\n            color: #cca025; \/* \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0641\u062e\u0645 *\/\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            letter-spacing: 1.5px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .portfolio-subtitle {\r\n            font-size: 1.1rem;\r\n            color: #1d2d44; \/* \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n            font-weight: 400;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .portfolio-divider {\r\n            width: 80px;\r\n            height: 4px;\r\n            background-color: #cca025;\r\n            margin: 0 auto;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a *\/\r\n        .portfolio-slider-container {\r\n            width: 100%;\r\n            overflow: hidden;\r\n            position: relative;\r\n            padding: 20px 0;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062a\u0631\u0627\u0643 \u0627\u0644\u0630\u064a \u064a\u062d\u0645\u0644 \u0627\u0644\u0635\u0648\u0631 \u0648\u064a\u062a\u062d\u0631\u0643 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 *\/\r\n        .portfolio-track {\r\n            display: flex;\r\n            gap: 25px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0643\u0644 \u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u062a\u0627\u0646\u064a\u0629 *\/\r\n            \/* \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u064a\u062a\u0645 \u062d\u0633\u0627\u0628\u0647 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b\u060c \u0648\u0627\u0644\u062d\u0631\u0643\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0645\u062f\u0629 40 \u062b\u0627\u0646\u064a\u0629 (\u064a\u0645\u0643\u0646\u0643\u0650 \u062a\u0633\u0631\u064a\u0639\u0647\u0627 \u0623\u0648 \u062a\u0642\u0637\u064a\u0639\u0647\u0627) *\/\r\n            animation: continuousScroll 40s linear infinite;\r\n            width: max-content;\r\n        }\r\n\r\n        \/* \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u062d\u0631\u0643\u0629 \u0645\u0624\u0642\u062a\u0627\u064b \u0639\u0646\u062f \u0648\u0636\u0639 \u0627\u0644\u0645\u0627\u0648\u0633 \u0639\u0644\u0649 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 *\/\r\n        .portfolio-slider-container:hover .portfolio-track {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        \/* \u062a\u0635\u0645\u064a\u0645 \u0643\u0627\u0631\u062a \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0641\u0631\u062f\u064a\u0629 *\/\r\n        .portfolio-img-card {\r\n            width: 350px; \/* \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0644\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 *\/\r\n            height: 250px; \/* \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0645\u0648\u062d\u062f *\/\r\n            border-radius: 14px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 25px rgba(29, 45, 68, 0.06);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            cursor: pointer;\r\n            flex-shrink: 0; \/* \u0645\u0646\u0639 \u0627\u0646\u0636\u063a\u0627\u0637 \u0627\u0644\u0635\u0648\u0631 *\/\r\n        }\r\n\r\n        .portfolio-img-card img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover; \/* \u064a\u0636\u0645\u0646 \u0645\u0644\u0621 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0644\u0643\u0627\u0631\u062a \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u062f\u0648\u0646 \u062a\u0645\u0637\u064a\u0637 *\/\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u0641\u062e\u0645\u0629 \u0639\u0646\u062f \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n        .portfolio-img-card:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: 0 15px 35px rgba(29, 45, 68, 0.15);\r\n        }\r\n\r\n        .portfolio-img-card:hover img {\r\n            transform: scale(1.08); \/* \u0632\u0648\u0648\u0645 \u062f\u0627\u062e\u0644\u064a \u0647\u0627\u062f\u0626 \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n        }\r\n\r\n        \/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a\u0629 \u0628\u062f\u0648\u0646 \u062a\u0642\u0637\u064a\u0639 *\/\r\n        @keyframes continuousScroll {\r\n            0% {\r\n                transform: translateX(0);\r\n            }\r\n            100% {\r\n                transform: translateX(calc(-50% - 12.5px)); \/* \u064a\u062a\u062d\u0631\u0643 \u0628\u062f\u0642\u0629 \u0644\u0646\u0635\u0641 \u0627\u0644\u0645\u0633\u0627\u0631 \u062b\u0645 \u064a\u0639\u064a\u062f \u0646\u0641\u0633\u0647 \u0628\u0633\u0644\u0627\u0633\u0629 *\/\r\n            }\r\n        }\r\n\r\n        \/* \u0645\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        @media (max-width: 768px) {\r\n            .portfolio-title { font-size: 2rem; }\r\n            .portfolio-img-card {\r\n                width: 260px; \/* \u062a\u0635\u063a\u064a\u0631 \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0635\u0648\u0631 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n                height: 190px;\r\n            }\r\n            .portfolio-track {\r\n                gap: 15px;\r\n                animation-duration: 25s; \/* \u062d\u0631\u0643\u0629 \u0623\u0633\u0631\u0639 \u0642\u0644\u064a\u0644\u0627\u064b \u0645\u062a\u0646\u0627\u0633\u0628\u0629 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n            }\r\n            @keyframes continuousScroll {\r\n                0% { transform: translateX(0); }\r\n                100% { transform: translateX(calc(-50% - 7.5px)); }\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"portfolio-section\">\r\n        <div class=\"portfolio-container\">\r\n            \r\n            <div class=\"portfolio-header\">\r\n                <h2 class=\"portfolio-title\">Our Masterpieces<\/h2>\r\n                <p class=\"portfolio-subtitle\">Turning Visions into Reality, One Project at a Time.<\/p>\r\n                <div class=\"portfolio-divider\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"portfolio-slider-container\">\r\n                <div class=\"portfolio-track\">\r\n                    \r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.01-PM-3.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.01-PM.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.00-PM-1.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.00-PM-3.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.00-PM-2.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.00-PM-4.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.01-PM-2.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.58-PM.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.59-PM-2.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.57-PM-2.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.57-PM-1.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.58-PM-1.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.59-PM-3.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.58-PM-4.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.57-PM-3.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.59-PM-1.jpeg\" alt=\"Project\"><\/div>\r\n\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.01-PM-3.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.01-PM.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.00-PM-1.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.00-PM-3.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.00-PM-2.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.00-PM-4.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.08.01-PM-2.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.58-PM.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.59-PM-2.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.57-PM-2.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.57-PM-1.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.58-PM-1.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.59-PM-3.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07 Carr-PM-4.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.57-PM-3.jpeg\" alt=\"Project\"><\/div>\r\n                    <div class=\"portfolio-img-card\"><img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-8.07.59-PM-1.jpeg\" alt=\"Project\"><\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa79508 e-con-full e-flex e-con e-child\" data-id=\"aa79508\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f4cd2b elementor-widget elementor-widget-html\" data-id=\"8f4cd2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WHY CHOOSE US SECTION -->\r\n<section class=\"why-choose-us\">\r\n  <div class=\"container\">\r\n    <h2 class=\"section-title\">Why Choose Us<\/h2>\r\n    <p class=\"section-subtitle\">\r\n      We don\u2019t just provide IT services \u2014 we deliver reliability, speed, and innovation.\r\n    <\/p>\r\n\r\n    <div class=\"cards\">\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\ud83e\uddd1\u200d\ud83d\udcbb<\/div>\r\n        <h3>Certified Experts<\/h3>\r\n        <p>Our team consists of skilled, certified professionals ready to help your business grow.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\u26a1<\/div>\r\n        <h3>Fast & Reliable Support<\/h3>\r\n        <p>We ensure quick response times and efficient technical support when you need it most.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\ud83d\udd12<\/div>\r\n        <h3>Secure Solutions<\/h3>\r\n        <p>Your data and network security are our top priority, always protected by best practices.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\ud83d\udca1<\/div>\r\n        <h3>Innovative Approach<\/h3>\r\n        <p>We bring modern, customized IT solutions that fit your unique business needs.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \ud83d\udd39 General Section Styling *\/\r\n.why-choose-us {\r\n  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\r\n  text-align: center;\r\n  padding: 100px 20px;\r\n  overflow: hidden;\r\n  font-family: \"Poppins\", sans-serif;\r\n}\r\n\r\n.section-title {\r\n  font-size: 2.2rem;\r\n  color: #0a4d8c;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n  position: relative;\r\n}\r\n\r\n.section-title::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: 80px;\r\n  height: 3px;\r\n  background: #0a4d8c;\r\n  margin: 10px auto 20px;\r\n  border-radius: 2px;\r\n}\r\n\r\n.section-subtitle {\r\n  font-size: 1.1rem;\r\n  color: #555;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* \ud83d\udd39 Cards Layout *\/\r\n.cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 30px;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \ud83d\udd39 Each Card *\/\r\n.card {\r\n  background: #fff;\r\n  border-radius: 16px;\r\n  padding: 35px 25px;\r\n  box-shadow: 0 6px 20px rgba(0,0,0,0.06);\r\n  transition: all 0.3s ease;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n}\r\n\r\n.card.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n}\r\n\r\n.icon {\r\n  font-size: 40px;\r\n  margin-bottom: 15px;\r\n  color: #0a4d8c;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.card:hover .icon {\r\n  transform: scale(1.2);\r\n}\r\n\r\n.card h3 {\r\n  font-size: 1.2rem;\r\n  font-weight: 600;\r\n  color: #333;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.card p {\r\n  color: #666;\r\n  font-size: 0.95rem;\r\n  line-height: 1.6;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ \ud83e\ude84 Animation on Scroll\r\nwindow.addEventListener(\"scroll\", () => {\r\n  const cards = document.querySelectorAll(\".card\");\r\n  const triggerBottom = window.innerHeight * 0.85;\r\n  cards.forEach((card) => {\r\n    const cardTop = card.getBoundingClientRect().top;\r\n    if (cardTop < triggerBottom) {\r\n      card.classList.add(\"visible\");\r\n    }\r\n  });\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47d03ec e-con-full e-flex e-con e-parent\" data-id=\"47d03ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03bdbc0 elementor-widget elementor-widget-html\" data-id=\"03bdbc0\" 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>Trusted Clients<\/title>\r\n  \r\n  <style>\r\n    \/* --- \u0633\u062a\u0627\u064a\u0644 \u0642\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u062b\u0627\u0628\u062a --- *\/\r\n    .clients-static-section {\r\n      width: 100%;\r\n      padding: 60px 0;\r\n      background-color: #ffffff;\r\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\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      text-align: center;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 2rem;\r\n      color: #1d2d44; \/* \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u063a\u0627\u0645\u0642 \u0627\u0644\u0645\u0639\u062a\u0645\u062f *\/\r\n      font-weight: 800;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .section-subtitle {\r\n      color: #64748b;\r\n      font-size: 1.1rem;\r\n      margin-bottom: 45px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0645\u0631\u0646\u0629 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a\u0629 *\/\r\n    .logos-grid-container {\r\n      display: flex;\r\n      flex-wrap: wrap; \/* \u062a\u062c\u0639\u0644 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0632\u0627\u0626\u062f\u0629 \u062a\u0646\u0632\u0644 \u0644\u0633\u0637\u0631 \u062c\u062f\u064a\u062f \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b *\/\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 35px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u064a\u0646 \u0643\u0644 \u0644\u0648\u062c\u0648 \u0648\u0627\u0644\u0622\u062e\u0631 *\/\r\n    }\r\n\r\n    \/* \u0636\u0628\u0637 \u062d\u062c\u0645 \u0648\u062a\u0623\u0637\u064a\u0631 \u0643\u0644 \u0644\u0648\u062c\u0648 \u0628\u0634\u0643\u0644 \u062b\u0627\u0628\u062a \u0648\u0645\u0631\u064a\u062d \u0644\u0644\u0639\u064a\u0646 *\/\r\n    .logos-grid-container img {\r\n      width: 160px; \/* \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062b\u0627\u0628\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a *\/\r\n      height: 90px;  \/* \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0645\u0648\u062d\u062f \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0639\u0627\u0645 *\/\r\n      object-fit: contain; \/* \u064a\u0636\u0645\u0646 \u0639\u062f\u0645 \u062a\u0645\u0637\u064a\u0637 \u0623\u0648 \u062a\u0634\u0648\u064a\u0647 \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629 *\/\r\n      opacity: 1; \/* \u0648\u0627\u0636\u062d\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0648\u0628\u0646\u0633\u0628\u0629 100% *\/\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u062d\u0631\u0643\u0629 \u062e\u0641\u064a\u0641 \u062c\u062f\u0627\u064b \u0641\u0642\u0637 \u0639\u0646\u062f \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 \u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 *\/\r\n    .logos-grid-container img:hover {\r\n      transform: scale(1.05); \r\n    }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 768px) {\r\n      .section-wrapper { padding: 0 20px; }\r\n      .section-title { font-size: 1.6rem; }\r\n      .logos-grid-container { gap: 25px; }\r\n      .logos-grid-container img {\r\n        width: 130px; \/* \u062a\u0635\u063a\u064a\u0631 \u0645\u062a\u0646\u0627\u0633\u0642 \u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n        height: 75px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"clients-static-section\">\r\n  <div class=\"section-wrapper\">\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-grid-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images-1.png\" alt=\"Client 1\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images-4.png\" alt=\"Client 2\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images-5.png\" alt=\"Client 3\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/LOGO-1400-x-800.png\" alt=\"Client 4\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/5dBzLGMPAH9lI6DkBGsHNdqyB3v1726480497813_200x200.png\" alt=\"Client 5\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/Valaris_logo.svg_.png\" alt=\"Client 6\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/logo_b5f8b3c2-c688-4d97-88dc-be8ba1729572.webp\" alt=\"Client 7\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images.png\" alt=\"Client 8\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/logo-6.png\" alt=\"Client 9\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/1749722883_elmenus.png\" alt=\"Client 10\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/Artech-Logo.png\" alt=\"Client 11\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/clogo_2018-05-08-09-51-34_LFPSgMbdPXv3UQgL1DEIIQXX.webp\" alt=\"Client 12\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/images-3.png\" alt=\"Client 13\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/flextock_logo.png\" alt=\"Client 14\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/10\/1bc995_3360bd352f3e408099b1c45ecae202a5mv2.avif\" alt=\"Client 15\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/9e1393145074771.6321e8c139433.jpg\" alt=\"Client 16\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/images-1.jpg\" alt=\"Client 17\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/images-6.png\" alt=\"Client 18\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-04-at-10.57.41-PM.jpeg\" alt=\"Client 19\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-04-at-10.57.41-PM-1.jpeg\" alt=\"Client 20\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/ALRAADA.jpeg\" alt=\"Client 21\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/Unimack-Group-Egypt-78008-1684047696-og.webp\" alt=\"Client 22\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/www.nspo.com.eg\/nspo\/images\/logos\/eggs.png\" alt=\"Client 23\" \/>\r\n       <img decoding=\"async\" src=\"https:\/\/www.smartgate-egypt.com\/images\/logo2.png\" alt=\"Client 23\" \/>\r\n           <img decoding=\"async\" src=\"https:\/\/www.moodsplanet.com\/images\/logo-black.webp\" alt=\"Client 23\" \/>\r\n              <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTiTd4LUGqamHn8PpkQzQFm3O5V7zr24jwdSA&s\" alt=\"Client 23\" \/>\r\n                   <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/45\/4d\/28\/454d280925590efa2b4cf37c8ac4ac17.jpg\" alt=\"Client 23\" \/>\r\n      <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SMART ITOLOGY Integrated Network &amp; Light Current Solutions | Network Security, CCTV &amp; IT Infrastructure Contact Us Your browser does [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"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-241","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/241","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=241"}],"version-history":[{"count":409,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":3551,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/241\/revisions\/3551"}],"wp:attachment":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/media?parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}