{"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":"2025-12-04T23:18:15","modified_gmt":"2025-12-04T21:18:15","slug":"home","status":"publish","type":"page","link":"https:\/\/itology-eg.com\/index.php\/home\/","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\tEmpowering Your Business with Smart IT Solutions\nWe design, secure, and support your digital infrastructure.\n\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=\"556\" data-end=\"708\">With years of experience in <strong data-start=\"584\" data-end=\"641\">IT infrastructure, networking, and software solutions<\/strong>, we help businesses operate efficiently, securely, and reliably.<\/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>Network Solutions<\/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>IT Consultation<\/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>Cybersecurity<\/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>Cloud Solutions<\/h3>\r\n          <\/div>\r\n          <div class=\"service-back\">\r\n            <p>Cloud infrastructure setup and migration for modern, scalable businesses.<\/p>\r\n            <a href=\"https:\/\/itology-eg.com\/index.php\/services\/voip-call-center-solutions\/\" 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<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<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      <!-- Original 15 logos -->\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\"\/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/images-1.jpg\"alt=\"client\"\/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/images-6.png\"alt=\"client\"\/>\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\"\/>\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\"\/>\r\n      <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2025\/12\/ALRAADA.jpeg\"alt=\"client\"\/>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const logosSlide = document.querySelector(\".logos-slide\");\r\n  const logos = Array.from(document.querySelectorAll(\".logos-slide img\"));\r\n\r\n  \/\/ Duplicate logos for smooth infinite loop\r\n  logos.forEach(logo => {\r\n    const clone = logo.cloneNode(true);\r\n    logosSlide.appendChild(clone);\r\n  });\r\n\r\n  \/\/ Set animation dynamically based on total width\r\n  let speed = 60; \/\/ pixels per second\r\n  const animate = () => {\r\n    let start = null;\r\n    let totalWidth = logosSlide.scrollWidth \/ 2;\r\n\r\n    const step = (timestamp) => {\r\n      if (!start) start = timestamp;\r\n      let progress = timestamp - start;\r\n      let translate = (progress \/ 1000) * speed % totalWidth;\r\n      logosSlide.style.transform = `translateX(-${translate}px)`;\r\n      requestAnimationFrame(step);\r\n    };\r\n    requestAnimationFrame(step);\r\n  };\r\n  animate();\r\n\r\n  \/\/ Fade-in on scroll\r\n  logos.forEach((logo) => {\r\n    logo.style.opacity = \"0\";\r\n    logo.style.transform = \"translateY(30px)\";\r\n    logo.style.transition = \"all 0.6s ease-out\";\r\n  });\r\n\r\n  const revealLogos = () => {\r\n    const triggerBottom = window.innerHeight * 0.85;\r\n    logos.forEach((logo) => {\r\n      const logoTop = logo.getBoundingClientRect().top;\r\n      if (logoTop < triggerBottom) {\r\n        logo.style.opacity = \"1\";\r\n        logo.style.transform = \"translateY(0)\";\r\n      }\r\n    });\r\n  };\r\n\r\n  window.addEventListener(\"scroll\", revealLogos);\r\n  revealLogos();\r\n\r\n  \/\/ Pause loop on hover\r\n  logosSlide.addEventListener(\"mouseenter\", () => {\r\n    logosSlide.style.animationPlayState = \"paused\";\r\n  });\r\n  logosSlide.addEventListener(\"mouseleave\", () => {\r\n    logosSlide.style.animationPlayState = \"running\";\r\n  });\r\n});\r\n<\/script>\r\n\r\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>SMART ITOLOGY Empowering Your Business with Smart IT Solutions We design, secure, and support your digital infrastructure. Contact Us Your [&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":346,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":3292,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/241\/revisions\/3292"}],"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}]}}