{"id":286,"date":"2025-10-14T17:28:00","date_gmt":"2025-10-14T14:28:00","guid":{"rendered":"https:\/\/itology-eg.com\/new\/?page_id=286"},"modified":"2026-06-07T18:36:27","modified_gmt":"2026-06-07T15:36:27","slug":"maintenance-technical-support","status":"publish","type":"page","link":"https:\/\/itology-eg.com\/index.php\/services\/maintenance-technical-support\/","title":{"rendered":"Maintenance &#038; Technical Support"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"286\" class=\"elementor elementor-286\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e006708 e-con-full e-flex e-con e-parent\" data-id=\"e006708\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c63dab elementor-widget elementor-widget-html\" data-id=\"2c63dab\" 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>Maintenance& Technical Support <\/h1>\r\n      <p class=\"lead\">\r\nWe provide continuous care for your systems to ensure stability, security, and performance. Our support covers everything from proactive maintenance and real-time monitoring to fast issue resolution and post-launch optimization. Whether it's a technical glitch or a system upgrade, our team is always ready to assist\u2014so your business never skips a beat.\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\/AQNdFqg_dTbsM9pYhttdY1rwz5sstuviiR5swL1DbZFN7aSPr27ilNXc2aXlSAV7JNGcXC5-cbr-8PQArHUj5a4MtukduofMApFPtRc30zwyoA.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  overflow-x: hidden;\r\n}\r\n\r\n\/* ===== HERO SECTION ===== *\/\r\n.hero {\r\n  background: linear-gradient(135deg,#fff,#fdf9ee);\r\n  padding: 80px 20px;\r\n  border-bottom: 2px solid rgba(200,169,81,0.2);\r\n}\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: 50px;\r\n}\r\n.hero-text {\r\n  flex: 1;\r\n  min-width: 300px;\r\n}\r\n.hero-text h1 {\r\n  font-size: clamp(2rem, 5vw, 2.8rem);\r\n  background: linear-gradient(90deg,#c8a951,#b88a2b);\r\n  -webkit-background-clip: text;\r\n  color: transparent;\r\n  margin-bottom: 16px;\r\n  line-height: 1.2;\r\n}\r\n.lead {\r\n  font-size: clamp(1rem, 2.2vw, 1.2rem);\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  width: 100%;\r\n  max-width: 500px;\r\n  min-width: 280px;\r\n}\r\n.video-wrap {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 16px;\r\n  border: 2px solid rgba(200,169,81,0.3);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n  transition: all .3s ease;\r\n  background: #000;\r\n}\r\n.video-wrap:hover {\r\n  transform: scale(1.02);\r\n  border-color: #c8a951;\r\n  box-shadow: 0 15px 40px rgba(200,169,81,0.25);\r\n}\r\n.hero-video {\r\n  width: 100%;\r\n  height: auto;\r\n  aspect-ratio: 16 \/ 9;\r\n  object-fit: contain;\r\n  display: block;\r\n  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\/* ===== FIX OVERLAP ===== *\/\r\n.hero,\r\n.hero-video-card,\r\n.video-wrap,\r\n.hero-video {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\nfooter,\r\nsection {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* ===== RESPONSIVE DESIGN ===== *\/\r\n@media(max-width: 900px){\r\n  .hero-inner {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n  .hero {\r\n    padding: 60px 15px;\r\n  }\r\n  .hero-text h1 {\r\n    font-size: 2rem;\r\n  }\r\n  .lead {\r\n    max-width: 90%;\r\n    margin: 0 auto 20px;\r\n  }\r\n  .hero-video-card {\r\n    max-width: 100%;\r\n  }\r\n  .hero-video {\r\n    height: auto;\r\n  }\r\n}\r\n\r\n@media(max-width: 500px){\r\n  .hero {\r\n    padding: 50px 15px;\r\n  }\r\n  .hero-text h1 {\r\n    font-size: 1.8rem;\r\n  }\r\n  .lead {\r\n    font-size: 0.95rem;\r\n  }\r\n  .video-caption {\r\n    font-size: 0.85rem;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa33f7f e-con-full e-flex e-con e-child\" data-id=\"fa33f7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b92003c elementor-widget elementor-widget-html\" data-id=\"b92003c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"support-section\">\n  <h2 class=\"support-title\">Maintenance & Technical Support<\/h2>\n  <p class=\"support-intro\">\n    We keep your systems running smoothly with proactive care, fast troubleshooting, and continuous optimization.\n  <\/p>\n  <div class=\"support-list\">\n    <div class=\"support-box\" onclick=\"toggleDetail(0)\">\n      <div class=\"support-header\">\ud83d\udee0\ufe0f Preventive Maintenance<\/div>\n      <div class=\"support-detail\" id=\"detail-0\">\n        We schedule regular inspections, updates, and performance checks to prevent downtime and ensure your system stays healthy.\n      <\/div>\n    <\/div>\n    <div class=\"support-box\" onclick=\"toggleDetail(1)\">\n      <div class=\"support-header\">\u2699\ufe0f Corrective Support<\/div>\n      <div class=\"support-detail\" id=\"detail-1\">\n        Our team responds quickly to any issues, diagnosing and resolving problems to restore full functionality.\n      <\/div>\n    <\/div>\n    <div class=\"support-box\" onclick=\"toggleDetail(2)\">\n      <div class=\"support-header\">\ud83d\udcde 24\/7 Helpdesk<\/div>\n      <div class=\"support-detail\" id=\"detail-2\">\n        Whether it's day or night, our helpdesk is available to assist you via chat, email, or phone.\n      <\/div>\n    <\/div>\n    <div class=\"support-box\" onclick=\"toggleDetail(3)\">\n      <div class=\"support-header\">\ud83d\udd04 System Updates<\/div>\n      <div class=\"support-detail\" id=\"detail-3\">\n        We keep your systems up-to-date with the latest features, security patches, and performance enhancements.\n      <\/div>\n    <\/div>\n    <div class=\"support-box\" onclick=\"toggleDetail(4)\">\n      <div class=\"support-header\">\ud83d\udd0d Monitoring & Alerts<\/div>\n      <div class=\"support-detail\" id=\"detail-4\">\n        We monitor your systems 24\/7 and alert you instantly if anything unusual is detected.\n      <\/div>\n    <\/div>\n    <div class=\"support-box\" onclick=\"toggleDetail(5)\">\n      <div class=\"support-header\">\ud83e\udde0 Knowledge Base<\/div>\n      <div class=\"support-detail\" id=\"detail-5\">\n        Access our curated library of tutorials, documentation, and answers to common questions anytime.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .support-section {\n    padding: 60px 20px;\n    text-align: center;\n    color: #3a2f2f;\n    background: url('https:\/\/i.pinimg.com\/736x\/b8\/cb\/38\/b8cb3858ffb30e662f90c247effca72a.jpg') no-repeat center center \/ cover;\n    position: relative;\n    z-index: 1;\n  }\n\n  .support-title {\n    font-size: 2.2rem;\n    color: #c9a63a;\n    margin-bottom: 20px;\n  }\n\n  .support-intro {\n    font-size: 1.1rem;\n    max-width: 700px;\n    margin: 0 auto 40px;\n    color: #4a3b2c;\n  }\n\n  .support-list {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  .support-box {\n    background: rgba(255,255,255,0.8);\n    border-radius: 12px;\n    padding: 20px;\n    box-shadow: 0 0 10px rgba(0,0,0,0.1);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-align: center;\n  }\n\n  .support-box:hover {\n    background: rgba(255,255,255,0.95);\n    transform: scale(1.02);\n  }\n\n  .support-header {\n    font-size: 1.1rem;\n    font-weight: bold;\n    color: #8b5e3c;\n  }\n\n  .support-detail {\n    margin-top: 10px;\n    font-size: 0.95rem;\n    color: #5c4a33;\n    display: none;\n    animation: fadeSlide 0.4s ease forwards;\n  }\n\n  @keyframes fadeSlide {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (max-width: 768px) {\n    .support-title {\n      font-size: 1.8rem;\n    }\n\n    .support-intro {\n      font-size: 1rem;\n    }\n\n    .support-header {\n      font-size: 1rem;\n    }\n\n    .support-detail {\n      font-size: 0.9rem;\n    }\n  }\n<\/style>\n\n<script>\n  function toggleDetail(index) {\n    const detail = document.getElementById(`detail-${index}`);\n    const isVisible = detail.style.display === 'block';\n    document.querySelectorAll('.support-detail').forEach(el => el.style.display = 'none');\n    if (!isVisible) {\n      detail.style.display = 'block';\n    }\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c5b5fc e-con-full e-flex e-con e-child\" data-id=\"3c5b5fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25fdcf6 elementor-widget elementor-widget-html\" data-id=\"25fdcf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"timeline-section\">\r\n  <h2 class=\"timeline-title\">How We Support You<\/h2>\r\n  <div class=\"timeline-wrapper\">\r\n    <div class=\"timeline-line\"><\/div>\r\n    <ul class=\"timeline-list\">\r\n      <li onclick=\"toggleStep(0)\">\r\n        <div class=\"timeline-item\">\r\n          <span class=\"arrow\" id=\"arrow-0\">\u25b6<\/span>\r\n          <span class=\"step-title\">Issue Detection<\/span>\r\n        <\/div>\r\n        <div class=\"step-detail\" id=\"step-0\">\r\n          We monitor your systems continuously to detect issues early\u2014before they impact your operations.\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li onclick=\"toggleStep(1)\">\r\n        <div class=\"timeline-item\">\r\n          <span class=\"arrow\" id=\"arrow-1\">\u25b6<\/span>\r\n          <span class=\"step-title\">Ticket Creation<\/span>\r\n        <\/div>\r\n        <div class=\"step-detail\" id=\"step-1\">\r\n          Once an issue is identified, a support ticket is created instantly to track and manage resolution.\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li onclick=\"toggleStep(2)\">\r\n        <div class=\"timeline-item\">\r\n          <span class=\"arrow\" id=\"arrow-2\">\u25b6<\/span>\r\n          <span class=\"step-title\">Diagnosis<\/span>\r\n        <\/div>\r\n        <div class=\"step-detail\" id=\"step-2\">\r\n          Our technical team investigates the root cause using advanced tools and system logs.\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li onclick=\"toggleStep(3)\">\r\n        <div class=\"timeline-item\">\r\n          <span class=\"arrow\" id=\"arrow-3\">\u25b6<\/span>\r\n          <span class=\"step-title\">Resolution<\/span>\r\n        <\/div>\r\n        <div class=\"step-detail\" id=\"step-3\">\r\n          We apply the necessary fixes, updates, or patches to restore full functionality quickly.\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <li onclick=\"toggleStep(4)\">\r\n        <div class=\"timeline-item\">\r\n          <span class=\"arrow\" id=\"arrow-4\">\u25b6<\/span>\r\n          <span class=\"step-title\">Follow-up & Feedback<\/span>\r\n        <\/div>\r\n        <div class=\"step-detail\" id=\"step-4\">\r\n          After resolution, we follow up to ensure satisfaction and gather feedback for continuous improvement.\r\n        <\/div>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .timeline-section {\r\n    padding: 80px 20px;\r\n    background: url('https:\/\/images.rawpixel.com\/image_800\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3JtMzEyLWt3YW4tMDFfMi5qcGc.jpg') no-repeat center center \/ cover;\r\n    color: #3a2f2f;\r\n  }\r\n\r\n  .timeline-title {\r\n    text-align: center;\r\n    font-size: 2.2rem;\r\n    color: #c9a63a;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  .timeline-wrapper {\r\n    position: relative;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u0627\u0644\u062e\u0637 \u0639\u0644\u0649 \u0627\u0644\u0634\u0645\u0627\u0644 *\/\r\n  .timeline-line {\r\n    position: absolute;\r\n    left: 40px;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background-color: #c9a63a;\r\n  }\r\n\r\n  .timeline-list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .timeline-list li {\r\n    position: relative;\r\n    margin-bottom: 50px;\r\n    padding-left: 90px; \/* \u062a\u0628\u0639\u062f \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0639\u0646 \u0627\u0644\u062e\u0637 *\/\r\n  }\r\n\r\n  .timeline-item {\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    gap: 10px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0646\u0642\u0637\u0629 \u0639\u0646\u062f \u0643\u0644 \u0639\u0646\u0635\u0631 *\/\r\n  .timeline-item::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -53px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 16px;\r\n    height: 16px;\r\n    background: #fff;\r\n    border: 3px solid #c9a63a;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .arrow {\r\n    font-size: 1rem;\r\n    color: #c9a63a;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .step-title {\r\n    font-weight: bold;\r\n    font-size: 1.1rem;\r\n    color: #8b5e3c;\r\n  }\r\n\r\n  .step-detail {\r\n    margin-top: 10px;\r\n    padding: 15px 20px;\r\n    font-size: 0.95rem;\r\n    color: #5c4a33;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border: 1px solid #c9a63a;\r\n    border-radius: 10px;\r\n    display: none;\r\n    animation: fadeSlide 0.4s ease forwards;\r\n    max-width: 550px;\r\n  }\r\n\r\n  @keyframes fadeSlide {\r\n    from { opacity: 0; transform: translateY(-10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .timeline-line {\r\n      left: 25px;\r\n    }\r\n\r\n    .timeline-list li {\r\n      padding-left: 70px;\r\n    }\r\n\r\n    .step-title {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function toggleStep(index) {\r\n    const detail = document.getElementById(`step-${index}`);\r\n    const arrow = document.getElementById(`arrow-${index}`);\r\n    const isVisible = detail.style.display === 'block';\r\n    document.querySelectorAll('.step-detail').forEach(el => el.style.display = 'none');\r\n    document.querySelectorAll('.arrow').forEach(el => el.textContent = '\u25b6');\r\n    if (!isVisible) {\r\n      detail.style.display = 'block';\r\n      arrow.textContent = '\u25bc';\r\n    }\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3c2d88 elementor-widget elementor-widget-html\" data-id=\"a3c2d88\" 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>Uni Mack Project Case Study<\/title>\r\n    \r\n    <style>\r\n        \/* --- 1. RESET & GLOBAL STYLES --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #ffffff;\r\n            color: #1d2d44; \/* \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u0633\u0643\u0634\u0646 \u0645\u0645\u062a\u062f \u0628\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u0628\u062f\u0648\u0646 \u062d\u0648\u0627\u0641 \u0643\u0631\u062a *\/\r\n        .showcase-section {\r\n            width: 100%;\r\n            padding: 60px 0;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .section-wrapper {\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        \/* --- 2. FIELD DOMAIN HEADER (\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0639\u0644\u0648\u064a \u0627\u0644\u0645\u0648\u062d\u062f \u0644\u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644) --- *\/\r\n        .domain-main-title {\r\n            text-align: center;\r\n            font-size: 1.1rem;\r\n            color: #cca025; \/* \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .domain-main-subtitle {\r\n            text-align: center;\r\n            font-size: 1.8rem;\r\n            color: #1d2d44;\r\n            font-weight: 800;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .domain-main-subtitle::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #cca025;\r\n            margin: 12px auto 0 auto;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* --- 3. PROJECT HEADER STYLE WITH LOGO --- *\/\r\n        .showcase-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .company-header-flex {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .company-title-area {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0644\u0648\u062c\u0648 \u0648\u0627\u0644\u0627\u0633\u0645 *\/\r\n        }\r\n\r\n        \/* \u0636\u0628\u0637 \u0630\u0643\u064a \u0648\u062d\u0627\u0633\u0645 \u0644\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0644\u0648\u062c\u0648 \u0645\u0646\u0639\u0627\u064b \u0644\u0644\u062a\u0636\u062e\u0645 *\/\r\n        .company-logo {\r\n            height: 50px; \r\n            max-width: 140px;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n\r\n        .company-name {\r\n            font-size: 2.5rem;\r\n            color: #1d2d44;\r\n            font-weight: 800;\r\n            letter-spacing: 0.5px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .company-name span {\r\n            color: #cca025;\r\n        }\r\n\r\n        .project-tagline {\r\n            color: #64748b;\r\n            font-size: 1.1rem;\r\n            margin-top: 8px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .meta-info-bar {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .sector-badge, .status-badge {\r\n            padding: 6px 14px;\r\n            border-radius: 6px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .sector-badge {\r\n            background-color: rgba(29, 45, 68, 0.05);\r\n            color: #1d2d44;\r\n        }\r\n\r\n        .status-badge {\r\n            background-color: rgba(204, 160, 37, 0.1);\r\n            color: #cca025;\r\n        }\r\n\r\n        \/* --- 4. PROJECT TEXT BLOCK --- *\/\r\n        .description-block {\r\n            margin-bottom: 40px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .intro-text {\r\n            font-size: 1.2rem;\r\n            line-height: 1.7;\r\n            color: #334155;\r\n            margin-bottom: 35px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .scope-title {\r\n            font-size: 1.4rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border-left: 3px solid #cca025;\r\n            padding-left: 12px;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr); \/* 3 \u0623\u0639\u0645\u062f\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u0648\u0645\u0646\u0638\u0645\u0629 \u062c\u062f\u0627\u064b *\/\r\n            gap: 20px;\r\n        }\r\n\r\n        .feature-item {\r\n            background-color: #f8fafc;\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .feature-item h4 {\r\n            font-size: 1.1rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 8px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .feature-item p {\r\n            font-size: 0.95rem;\r\n            color: #475569;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* --- 5. OPTIMIZED SINGLE IMAGE SHOWCASE (\u0645\u0644\u0645\u0648\u0645 \u0639\u0644\u0649 \u0642\u062f \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0627\u0644\u0645\u0644\u064a) --- *\/\r\n        .image-showcase-wrapper {\r\n            width: 100%;\r\n            margin-top: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .main-image-frame {\r\n            display: inline-block; \/* \u064a\u062c\u0639\u0644 \u0627\u0644\u0625\u0637\u0627\u0631 \u064a\u0646\u0643\u0645\u0634 \u062a\u0645\u0627\u0645\u0627\u064b \u0639\u0644\u0649 \u062d\u062f\u0648\u062f \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 *\/\r\n            max-width: 100%;\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            background-color: transparent;\r\n            box-shadow: 0 10px 30px rgba(29, 45, 68, 0.08);\r\n        }\r\n\r\n        .main-image-frame img {\r\n            display: block;\r\n            max-width: 100%;\r\n            height: auto;\r\n            max-height: 480px; \/* \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0642\u064a\u0627\u0633\u064a \u0627\u0644\u0645\u0648\u062d\u062f \u0644\u0643\u0644 \u0641\u0631\u0648\u0639 \u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 *\/\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Hover \u0648\u0627\u0644\u0632\u0631 \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0634\u064a\u0643 *\/\r\n        .image-hover-layer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(29, 45, 68, 0.25);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .image-hover-layer span {\r\n            background-color: #cca025;\r\n            color: #ffffff;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            padding: 12px 26px;\r\n            border-radius: 6px;\r\n            box-shadow: 0 4px 15px rgba(204, 160, 37, 0.3);\r\n            transform: translateY(15px);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer {\r\n            opacity: 1;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer span {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* --- 6. LIGHTBOX MODAL --- *\/\r\n        .lightbox-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(15, 23, 42, 0.95);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 10000;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .lightbox-overlay img {\r\n            max-width: 92%;\r\n            max-height: 88%;\r\n            border-radius: 6px;\r\n            transform: scale(0.98);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show img {\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* --- 7. RESPONSIVE --- *\/\r\n        @media (max-width: 992px) {\r\n            .features-grid { grid-template-columns: 1fr; }\r\n            .section-wrapper { padding: 0 24px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .company-header-flex { flex-direction: column; align-items: flex-start; }\r\n            .company-name { font-size: 2rem; }\r\n            .main-image-frame img { max-height: 340px; }\r\n            .image-hover-layer { display: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"showcase-section\">\r\n        <div class=\"section-wrapper\">\r\n            \r\n            <div class=\"domain-main-title\">Our Enterprise Deployments<\/div>\r\n            <h2 class=\"domain-main-subtitle\">Enterprise IT Infrastructure & Mission-Critical Core Systems Track Record<\/h2>\r\n            \r\n            <div class=\"showcase-header\">\r\n                <div class=\"company-header-flex\">\r\n                    <div class=\"company-title-area\">\r\n                        <img decoding=\"async\" class=\"company-logo\" src=\"https:\/\/media.licdn.com\/dms\/image\/v2\/D4D0BAQFEwHJPNXr-0A\/company-logo_200_200\/company-logo_200_200\/0\/1709728224084\/unimack_international_group_logo?e=2147483647&v=beta&t=czcmOgC3T0q8c7KYmDEwnVR52-CjTFkL3ohoEZIcdUk\" alt=\"Uni Mack Logo\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"meta-info-bar\">\r\n                        <span class=\"sector-badge\">Industrial & Manufacturing Sector<\/span>\r\n                        <span class=\"status-badge\">Sustained Operations<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"project-tagline\">Comprehensive Engineering Infrastructure, Core Server Restructuring, Network Telemetry & 24\/7 Support Matrices<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"description-block\">\r\n                <p class=\"intro-text\">\r\n                    Smart ITOLOGY spearheaded the complete architectural overhaul and end-to-end digital optimization for \"Uni Mack\". Our team engineered an integrated network restructuring alongside sustained technical administration, providing a bulletproof environment built to sustain critical enterprise continuity.\r\n                <\/p>\r\n\r\n                <h3 class=\"scope-title\">Engineered Scope of Work<\/h3>\r\n                \r\n                <div class=\"features-grid\">\r\n                    <div class=\"feature-item\">\r\n                        <h4>1. Core Server Architecture<\/h4>\r\n                        <p>Architected and deployed a centralized local server mainframe with precision infrastructure setup. Equipped with state-of-the-art operating systems to optimize file-sharing structures, localized database matrices, and strict identity\/access management controls.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>2. Network Optimization & Telemetry<\/h4>\r\n                        <p>Re-engineered the complete internal network topology to maximize data throughput and internet efficiency. Integrated an advanced live monitoring system operating 24\/7 to safeguard bandwidth consistency and mitigate any emergency network drops.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>3. Comprehensive Hardware Maintenance<\/h4>\r\n                        <p>Managing full-scale preventative diagnostics and system administration across all localized end-user hardware, including corporate workstations, staff laptops (PCs & Laptops), and centralized print servers to run at peak capacity.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>4. High-Availability SLA Support<\/h4>\r\n                        <p>Deployed a highly responsive technical tier-support desk committed to rapid fault resolution. The team ensures immediate on-call interventions to troubleshoot sudden hardware errors, sustaining a frictionless workflow environment.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>5. Pathway Expansion & Wiring<\/h4>\r\n                        <p>Redesigned and expanded structured data pathways, replacing outdated layouts with certified high-category internet cabling to fluently absorb and accommodate the client's current administrative office expansions.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"image-showcase-wrapper\">\r\n                <div class=\"main-image-frame\" id=\"imageFrame\">\r\n                    <div class=\"image-hover-layer\">\r\n                      \r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/Picture7.png\" alt=\"Uni Mack Network Infrastructure Showcase\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"lightbox-overlay\" id=\"lightboxOverlay\">\r\n        <img decoding=\"async\" id=\"expandedImg\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/Picture7.png\" alt=\"Enlarged View\">\r\n    <\/div>\r\n\r\n    <script>\r\n        const overlay = document.getElementById('lightboxOverlay');\r\n        const expandedImg = document.getElementById('expandedImg');\r\n        const imageFrame = document.querySelector('.main-image-frame img');\r\n\r\n        imageFrame.addEventListener('click', () => {\r\n            overlay.classList.add('show');\r\n            expandedImg.src = imageFrame.src;\r\n        });\r\n\r\n        overlay.addEventListener('click', () => {\r\n            overlay.classList.remove('show');\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3940dd5 elementor-widget elementor-widget-html\" data-id=\"3940dd5\" 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>Smart Gate Project Case Study<\/title>\r\n    \r\n    <style>\r\n        \/* --- 1. RESET & GLOBAL STYLES --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #ffffff;\r\n            color: #1d2d44; \/* \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u0633\u0643\u0634\u0646 \u0645\u0645\u062a\u062f \u0628\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u0628\u062f\u0648\u0646 \u062d\u0648\u0627\u0641 \u0643\u0631\u062a *\/\r\n        .showcase-section {\r\n            width: 100%;\r\n            padding: 60px 0;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .section-wrapper {\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        \/* --- 2. FIELD DOMAIN HEADER (\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0639\u0644\u0648\u064a \u0627\u0644\u0645\u0648\u062d\u062f \u0644\u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644) --- *\/\r\n        .domain-main-title {\r\n            text-align: center;\r\n            font-size: 1.1rem;\r\n            color: #cca025; \/* \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .domain-main-subtitle {\r\n            text-align: center;\r\n            font-size: 1.8rem;\r\n            color: #1d2d44;\r\n            font-weight: 800;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .domain-main-subtitle::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #cca025;\r\n            margin: 12px auto 0 auto;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* --- 3. PROJECT HEADER STYLE WITH ONLY LOGO --- *\/\r\n        .showcase-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .company-header-flex {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .company-title-area {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        \/* \u0636\u0628\u0637 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0645\u062d\u0643\u0645 \u0644\u062d\u062c\u0645 \u0644\u0648\u062c\u0648 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0646\u0639\u0627\u064b \u0644\u0644\u062a\u0636\u062e\u0645 *\/\r\n        .company-logo {\r\n            height: 55px; \r\n            max-width: 160px;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n\r\n        .company-title-area span {\r\n            color: #cca025;\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            line-height: 1;\r\n        }\r\n\r\n        .project-tagline {\r\n            color: #64748b;\r\n            font-size: 1.1rem;\r\n            margin-top: 12px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .meta-info-bar {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .sector-badge, .status-badge {\r\n            padding: 6px 14px;\r\n            border-radius: 6px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .sector-badge {\r\n            background-color: rgba(29, 45, 68, 0.05);\r\n            color: #1d2d44;\r\n        }\r\n\r\n        .status-badge {\r\n            background-color: rgba(204, 160, 37, 0.1);\r\n            color: #cca025;\r\n        }\r\n\r\n        \/* --- 4. PROJECT TEXT BLOCK --- *\/\r\n        .description-block {\r\n            margin-bottom: 40px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .intro-text {\r\n            font-size: 1.2rem;\r\n            line-height: 1.7;\r\n            color: #334155;\r\n            margin-bottom: 35px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .scope-title {\r\n            font-size: 1.4rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border-left: 3px solid #cca025;\r\n            padding-left: 12px;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr); \/* \u062a\u0646\u0638\u064a\u0645 \u0634\u0628\u0643\u064a \u0645\u062a\u0648\u0627\u0632\u0646 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u062b\u0646\u0627\u0626\u064a\u0629 \u0627\u0644\u0646\u0637\u0627\u0642 *\/\r\n            gap: 20px;\r\n        }\r\n\r\n        .feature-item {\r\n            background-color: #f8fafc;\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .feature-item h4 {\r\n            font-size: 1.1rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 8px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .feature-item p {\r\n            font-size: 0.95rem;\r\n            color: #475569;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* --- 5. OPTIMIZED SINGLE IMAGE SHOWCASE --- *\/\r\n        .image-showcase-wrapper {\r\n            width: 100%;\r\n            margin-top: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .main-image-frame {\r\n            display: inline-block;\r\n            max-width: 100%;\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            background-color: transparent;\r\n            box-shadow: 0 10px 30px rgba(29, 45, 68, 0.08);\r\n        }\r\n\r\n        .main-image-frame img {\r\n            display: block;\r\n            max-width: 100%;\r\n            height: auto;\r\n            max-height: 480px; \/* \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0642\u064a\u0627\u0633\u064a \u0627\u0644\u0645\u0648\u062d\u062f *\/\r\n            object-fit: contain;\r\n        }\r\n\r\n        .image-hover-layer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(29, 45, 68, 0.25);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .image-hover-layer span {\r\n            background-color: #cca025;\r\n            color: #ffffff;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            padding: 12px 26px;\r\n            border-radius: 6px;\r\n            box-shadow: 0 4px 15px rgba(204, 160, 37, 0.3);\r\n            transform: translateY(15px);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer {\r\n            opacity: 1;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer span {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* --- 6. LIGHTBOX MODAL --- *\/\r\n        .lightbox-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(15, 23, 42, 0.95);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 10000;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .lightbox-overlay img {\r\n            max-width: 92%;\r\n            max-height: 88%;\r\n            border-radius: 6px;\r\n            transform: scale(0.98);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show img {\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* --- 7. RESPONSIVE --- *\/\r\n        @media (max-width: 992px) {\r\n            .features-grid { grid-template-columns: 1fr; }\r\n            .section-wrapper { padding: 0 24px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .company-header-flex { flex-direction: column; align-items: flex-start; }\r\n            .main-image-frame img { max-height: 340px; }\r\n            .image-hover-layer { display: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"showcase-section\">\r\n        <div class=\"section-wrapper\">\r\n            \r\n            <div class=\"domain-main-title\">Our Enterprise Deployments<\/div>\r\n            <h2 class=\"domain-main-subtitle\">Network Optimization, Infrastructure Restructuring & Cybersecurity Track Record<\/h2>\r\n            \r\n            <div class=\"showcase-header\">\r\n                <div class=\"company-header-flex\">\r\n                    <div class=\"company-title-area\">\r\n                        <img decoding=\"async\" class=\"company-logo\" src=\"https:\/\/www.smartgate-egypt.com\/images\/logo2.png\" alt=\"Smart Gate Logo\">\r\n                        <span><\/span>\r\n                    <\/div>\r\n                    <div class=\"meta-info-bar\">\r\n                        <span class=\"sector-badge\">Corporate & Technology Sector<\/span>\r\n                        <span class=\"status-badge\">100% Stable<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"project-tagline\">Comprehensive Network Re-engineering, Multi-WAN Load Balancing, Next-Gen Security Deployments & Vulnerability Mitigation<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"description-block\">\r\n                <p class=\"intro-text\">\r\n                    Smart ITOLOGY spearheaded the comprehensive restructuring, network optimization, and full-scale cybersecurity enhancement for \"Smart Gate\" company. Our team successfully re-engineered the internal infrastructure layout, mitigating both digital security gaps and physical operational vulnerabilities to establish an incredibly smooth workflow.\r\n                <\/p>\r\n\r\n                <h3 class=\"scope-title\">Engineered Scope of Work<\/h3>\r\n                \r\n                <div class=\"features-grid\">\r\n                    <div class=\"feature-item\">\r\n                        <h4>1. WAN Aggregation & Bandwidth Optimization<\/h4>\r\n                        <p>Resolved persistent system latencies and network drops by integrating advanced, high-capacity enterprise routers. Implemented a robust Multi-WAN Load Balancing and Failover matrix, maximizing throughput efficiency and boosting data transmission reliability to 100% uptime.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>2. Next-Gen Firewall Deployment & Security<\/h4>\r\n                        <p>Provisioned and deployed an intelligent enterprise Firewall system to fortify internal infrastructure against external cyber threats and unauthorized breaches. Configured granular user access levels and web filtering controls to protect confidential company assets.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"image-showcase-wrapper\">\r\n                <div class=\"main-image-frame\" id=\"imageFrame\">\r\n                    <div class=\"image-hover-layer\">\r\n                       \r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/Picture9.jpg\" alt=\"Smart Gate Network Infrastructure Showcase\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"lightbox-overlay\" id=\"lightboxOverlay\">\r\n        <img decoding=\"async\" id=\"expandedImg\" src=\"\" alt=\"Enlarged View\">\r\n    <\/div>\r\n\r\n    <script>\r\n        const overlay = document.getElementById('lightboxOverlay');\r\n        const expandedImg = document.getElementById('expandedImg');\r\n        const imageFrame = document.querySelector('.main-image-frame img');\r\n\r\n        imageFrame.addEventListener('click', () => {\r\n            overlay.classList.add('show');\r\n            expandedImg.src = imageFrame.src;\r\n        });\r\n\r\n        overlay.addEventListener('click', () => {\r\n            overlay.classList.remove('show');\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfdd70b elementor-widget elementor-widget-html\" data-id=\"cfdd70b\" 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>Moods Corporate Infrastructure Case Study<\/title>\r\n    \r\n    <style>\r\n        \/* --- 1. RESET & GLOBAL STYLES --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #ffffff;\r\n            color: #1d2d44; \/* \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u0633\u0643\u0634\u0646 \u0645\u0645\u062a\u062f \u0628\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u0628\u062f\u0648\u0646 \u062d\u0648\u0627\u0641 \u0643\u0631\u062a *\/\r\n        .showcase-section {\r\n            width: 100%;\r\n            padding: 60px 0;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .section-wrapper {\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        \/* --- 2. FIELD DOMAIN HEADER (\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0645\u062c\u0627\u0644\u0627\u062a \u0639\u0645\u0644\u0646\u0627) --- *\/\r\n        .domain-main-title {\r\n            text-align: center;\r\n            font-size: 1.1rem;\r\n            color: #cca025; \/* \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .domain-main-subtitle {\r\n            text-align: center;\r\n            font-size: 1.8rem;\r\n            color: #1d2d44;\r\n            font-weight: 800;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .domain-main-subtitle::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #cca025;\r\n            margin: 12px auto 0 auto;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* --- 3. PROJECT HEADER STYLE WITH ONLY LOGO --- *\/\r\n        .showcase-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .company-header-flex {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .company-title-area {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        \/* \u0636\u0628\u0637 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0645\u062d\u0643\u0645 \u0644\u062d\u062c\u0645 \u0644\u0648\u062c\u0648 \u0634\u0631\u0643\u0629 \u0645\u0648\u062f\u0632 *\/\r\n        .company-logo {\r\n            height: 55px; \r\n            max-width: 160px;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n\r\n        .company-title-area span {\r\n            color: #cca025; \/* \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            line-height: 1;\r\n        }\r\n\r\n        .project-tagline {\r\n            color: #64748b;\r\n            font-size: 1.1rem;\r\n            margin-top: 12px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .meta-info-bar {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .sector-badge, .status-badge {\r\n            padding: 6px 14px;\r\n            border-radius: 6px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .sector-badge {\r\n            background-color: rgba(29, 45, 68, 0.05);\r\n            color: #1d2d44;\r\n        }\r\n\r\n        .status-badge {\r\n            background-color: rgba(204, 160, 37, 0.1);\r\n            color: #cca025;\r\n        }\r\n\r\n        \/* --- 4. PROJECT TEXT BLOCK --- *\/\r\n        .description-block {\r\n            margin-bottom: 40px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .intro-text {\r\n            font-size: 1.2rem;\r\n            line-height: 1.7;\r\n            color: #334155;\r\n            margin-bottom: 35px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .scope-title {\r\n            font-size: 1.4rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border-left: 3px solid #cca025;\r\n            padding-left: 12px;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr); \/* \u062a\u0646\u0638\u064a\u0645 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0631\u0627\u0626\u0639 \u0648\u0645\u062b\u0627\u0644\u064a \u0644\u0640 5 \u0639\u0646\u0627\u0635\u0631 *\/\r\n            gap: 20px;\r\n        }\r\n\r\n        .feature-item {\r\n            background-color: #f8fafc;\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .feature-item h4 {\r\n            font-size: 1.1rem;\r\n            color: #1d2d44;\r\n            margin-bottom: 8px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .feature-item p {\r\n            font-size: 0.95rem;\r\n            color: #475569;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* --- 5. OPTIMIZED SINGLE IMAGE SHOWCASE --- *\/\r\n        .image-showcase-wrapper {\r\n            width: 100%;\r\n            margin-top: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .main-image-frame {\r\n            display: inline-block;\r\n            max-width: 100%;\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            background-color: transparent;\r\n            box-shadow: 0 10px 30px rgba(29, 45, 68, 0.08);\r\n        }\r\n\r\n        .main-image-frame img {\r\n            display: block;\r\n            max-width: 100%;\r\n            height: auto;\r\n            max-height: 480px; \/* \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0642\u064a\u0627\u0633\u064a \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u0636\u062e\u0645 *\/\r\n            object-fit: contain;\r\n        }\r\n\r\n        .image-hover-layer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(29, 45, 68, 0.25);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .image-hover-layer span {\r\n            background-color: #cca025;\r\n            color: #ffffff;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            padding: 12px 26px;\r\n            border-radius: 6px;\r\n            box-shadow: 0 4px 15px rgba(204, 160, 37, 0.3);\r\n            transform: translateY(15px);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer {\r\n            opacity: 1;\r\n        }\r\n\r\n        .main-image-frame:hover .image-hover-layer span {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* --- 6. LIGHTBOX MODAL --- *\/\r\n        .lightbox-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(15, 23, 42, 0.95);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 10000;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .lightbox-overlay img {\r\n            max-width: 92%;\r\n            max-height: 88%;\r\n            border-radius: 6px;\r\n            transform: scale(0.98);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.show img {\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* --- 7. RESPONSIVE --- *\/\r\n        @media (max-width: 992px) {\r\n            .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .section-wrapper { padding: 0 24px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .features-grid { grid-template-columns: 1fr; }\r\n            .company-header-flex { flex-direction: column; align-items: flex-start; }\r\n            .main-image-frame img { max-height: 340px; }\r\n            .image-hover-layer { display: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"showcase-section\">\r\n        <div class=\"section-wrapper\">\r\n            \r\n            <div class=\"domain-main-title\">Our Enterprise Deployments<\/div>\r\n            <h2 class=\"domain-main-subtitle\">Core Infrastructure Modernization & Smart Workplace Engineering<\/h2>\r\n            \r\n            <div class=\"showcase-header\">\r\n                <div class=\"company-header-flex\">\r\n                    <div class=\"company-title-area\">\r\n                        <img decoding=\"async\" class=\"company-logo\" src=\"https:\/\/www.moodsplanet.com\/images\/logo-black.webp\" alt=\"Moods Logo\">\r\n                        <span><\/span>\r\n                    <\/div>\r\n                    <div class=\"meta-info-bar\">\r\n                        <span class=\"sector-badge\">Corporate & Commercial Sector<\/span>\r\n                        <span class=\"status-badge\">Optimized & Maintained<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"project-tagline\">Comprehensive Network Restructuring, High-Density Server Rack Optimization, Large-Scale Wireless Overhaul & Biometric Access Integration<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"description-block\">\r\n                <p class=\"intro-text\">\r\n                    Smart ITOLOGY engineered and executed an end-to-end digital infrastructure rehabilitation, upgrade, and maintenance initiative for \"Moods\". The project was strategically designed to maximize data exchange velocities, secure critical system nodes, and completely eliminate operational vulnerabilities across all organizational tiers.\r\n                <\/p>\r\n\r\n                <h3 class=\"scope-title\">Engineered Scope of Work<\/h3>\r\n                \r\n                <div class=\"features-grid\">\r\n                    <div class=\"feature-item\">\r\n                        <h4>1. Core Server Rack Optimization<\/h4>\r\n                        <p>Overhauled the primary data cabinet and central servers. Inspected, recertified, and structured all internal Patch Panels and patch cords using precision engineering standards. This eliminated signal crosstalk, optimized thermal performance, and streamlined future system maintenance.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>2. High-Speed Cable Architecture<\/h4>\r\n                        <p>Mapped, developed, and deployed entirely new structural network cabling pathways. This high-performance backhaul activates ultra-fast, robust physical connectivity nodes tailored to absorb the corporation's future administrative expansions seamlessly.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>3. 100% Enterprise Wireless Coverage<\/h4>\r\n                        <p>Remedied systemic signal drops by designing a long-range wireless mesh matrix. Successfully covering a vast corporate expanse of 1.5 to 2 square kilometers with 100% stability, it integrates intelligent Load Balancing and Seamless Roaming for continuous service.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>4. Biometric Time Attendance & Access Control<\/h4>\r\n                        <p>Supplied and programmed an advanced smart biometric time-attendance system. This hardware layer is natively integrated with secure smart access control systems across critical gates and main office portals to fortify the company's headquarters.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <h4>5. CCTV Remediation & Tuning<\/h4>\r\n                        <p>Serviced and optimized the pre-existing closed-circuit television grid. Replaced degraded BNC connectors and terminal links for multiple cameras, restoring video clarity, stabilizing live streaming feeds, and ensuring data loss prevention.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"image-showcase-wrapper\">\r\n                <div class=\"main-image-frame\" id=\"imageFrame\">\r\n                    <div class=\"image-hover-layer\">\r\n                       \r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/itology-eg.com\/wp-content\/uploads\/2026\/06\/Picture12-1.png\" alt=\"Moods Corporate Infrastructure Redeployment Showcase\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"lightbox-overlay\" id=\"lightboxOverlay\">\r\n        <img decoding=\"async\" id=\"expandedImg\" src=\"\" alt=\"Enlarged View\">\r\n    <\/div>\r\n\r\n    <script>\r\n        const overlay = document.getElementById('lightboxOverlay');\r\n        const expandedImg = document.getElementById('expandedImg');\r\n        const imageFrame = document.querySelector('.main-image-frame img');\r\n\r\n        imageFrame.addEventListener('click', () => {\r\n            overlay.classList.add('show');\r\n            expandedImg.src = imageFrame.src;\r\n        });\r\n\r\n        overlay.addEventListener('click', () => {\r\n            overlay.classList.remove('show');\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-121612c e-con-full e-flex e-con e-child\" data-id=\"121612c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c47e13 elementor-widget elementor-widget-html\" data-id=\"1c47e13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CONTACT CTA SECTION -->\r\n<section class=\"contact-cta\">\r\n  <div class=\"cta-container\">\r\n    <h2>We\u2019re here to keep your systems running<\/h2>\r\n    <p>Let\u2019s discuss your needs and build the perfect solution for your business.<\/p>\r\n    <a href=\"https:\/\/wa.me\/201021117632?text=Hello%20I%20would%20like%20to%20inquire%20about%20IT%20maintenance%20and%20technical%20support%20services.\" class=\"cta-btn\" target=\"_blank\" rel=\"nofollow noopener\">\r\n      <i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .contact-cta {\r\n    background: linear-gradient(rgba(255,255,255,0.95), rgba(255,255,255,0.95)), \r\n                url('https:\/\/t3.ftcdn.net\/jpg\/02\/16\/47\/48\/360_F_216474896_GM9LpFdAQq8uHupenU7ayaSUxTNCco1i.jpg') no-repeat center\/cover;\r\n    text-align: center;\r\n    padding: 80px 20px;\r\n    color: #3a2f2f;\r\n    margin-top: 60px;\r\n    position: relative;\r\n  }\r\n\r\n  .cta-container {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .contact-cta h2 {\r\n    font-size: 2rem;\r\n    color: #c9a63a;\r\n    margin-bottom: 16px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .contact-cta p {\r\n    font-size: 1.05rem;\r\n    color: #5c4a33;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background-color: #25d366;\r\n    color: white;\r\n    padding: 12px 28px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 6px 18px rgba(0,0,0,0.15);\r\n  }\r\n\r\n  .cta-btn:hover {\r\n    background-color: #1ebe5b;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .cta-btn i {\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .contact-cta h2 { font-size: 1.6rem; }\r\n    .contact-cta p { font-size: 0.95rem; }\r\n  }\r\n<\/style>\r\n\r\n<!-- Font Awesome link (for WhatsApp icon) -->\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Maintenance&#038; Technical Support We provide continuous care for your systems to ensure stability, security, and performance. Our support covers everything [&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-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/286","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=286"}],"version-history":[{"count":113,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":3524,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions\/3524"}],"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=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}