{"id":284,"date":"2025-10-14T17:27:34","date_gmt":"2025-10-14T14:27:34","guid":{"rendered":"https:\/\/itology-eg.com\/new\/?page_id=284"},"modified":"2025-12-04T18:40:39","modified_gmt":"2025-12-04T16:40:39","slug":"voip-call-center-solutions","status":"publish","type":"page","link":"https:\/\/itology-eg.com\/index.php\/services\/voip-call-center-solutions\/","title":{"rendered":"VoIP &#038; Call Center Solutions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"284\" class=\"elementor elementor-284\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87f131c e-con-full e-flex e-con e-parent\" data-id=\"87f131c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82263f0 elementor-widget elementor-widget-html\" data-id=\"82263f0\" 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>Voip & Call Center Solution<\/h1>\r\n      <p class=\"lead\">\r\nWe offer complete VoIP and call center solutions \u2014 from setup and configuration to ongoing maintenance and CRM integration \u2014 ensuring smooth communication and better business performance.\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\/AQPgZk28I9Ni9nDulMrgIC89unddIT4Cv39m_U3CmFmcv_gUh0Syio7y-t-EBnZS6wagTTBOa1Qkgp5LTEYns566lDT2PsQB-9VQfmSTfF_qWw.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-a507644 e-con-full e-flex e-con e-child\" data-id=\"a507644\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-737cf93 elementor-widget elementor-widget-html\" data-id=\"737cf93\" 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  <title>VoIP Features<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <style>\n    body {\n      margin: 0;\n      font-family: 'Segoe UI', sans-serif;\n      background-color: #f5f5f5;\n      color: #fff;\n    }\n\n    .features-section {\n      background: url('https:\/\/img.freepik.com\/premium-vector\/abstract-technology-communication-concept-background_29865-2320.jpg?semt=ais_hybrid&w=740&q=80') no-repeat center center \/ cover;\n      padding: 60px 20px;\n      text-align: center;\n    }\n\n    .section-title {\n      font-size: 2.5rem;\n      color: #d4af37;\n      margin-bottom: 10px;\n      text-shadow: 0 0 6px rgba(0,0,0,0.6);\n    }\n\n    .section-subtitle {\n      color: #ffffff;\n      margin-bottom: 40px;\n      font-size: 1.1rem;\n      text-shadow: 0 0 4px rgba(0,0,0,0.5);\n    }\n\n    .features-row {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 20px;\n      margin-bottom: 30px;\n    }\n\n    .feature-label {\n      font-weight: bold;\n      font-size: 1rem;\n      color: #d4af37;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: color 0.3s ease;\n    }\n\n    .feature-label:hover {\n      color: #ffffff;\n      text-shadow: 0 0 6px rgba(212, 175, 55, 0.8);\n    }\n\n    .feature-label .arrow {\n      font-size: 1.2rem;\n      transition: transform 0.3s ease;\n    }\n\n    .feature-label.active .arrow {\n      transform: rotate(90deg);\n    }\n\n    .feature-content {\n      display: none;\n      background: rgba(255,255,255,0.1);\n      border: 2px solid #d4af37;\n      border-radius: 12px;\n      padding: 15px 20px;\n      margin: 0 auto 25px;\n      animation: fadeIn 0.4s ease;\n      backdrop-filter: blur(4px);\n      color: #ffffff;\n      text-shadow: 0 0 4px rgba(0,0,0,0.5);\n      max-width: 600px;\n    }\n\n    @keyframes fadeIn {\n      from {opacity: 0;}\n      to {opacity: 1;}\n    }\n\n    @media (max-width: 768px) {\n      .features-row {\n        flex-wrap: nowrap;\n        overflow-x: auto;\n        padding-bottom: 10px;\n      }\n\n      .feature-label {\n        flex: 0 0 auto;\n        white-space: nowrap;\n        font-size: 0.9rem;\n      }\n\n      .feature-content {\n        width: 90%;\n        font-size: 0.95rem;\n      }\n\n      .section-title {\n        font-size: 2rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <section class=\"features-section\">\n    <h2 class=\"section-title\">Key Features<\/h2>\n    <p class=\"section-subtitle\">Explore the core features of our advanced VoIP & Call Center solutions designed to improve efficiency, security, and customer experience.<\/p>\n\n    <div class=\"features-row\">\n      <div class=\"feature-label\" onclick=\"showFeature(0, this)\">\ud83d\udcde Call Mgmt <span class=\"arrow\">\u203a<\/span><\/div>\n      <div class=\"feature-label\" onclick=\"showFeature(1, this)\">\ud83d\udcca Dashboard <span class=\"arrow\">\u203a<\/span><\/div>\n      <div class=\"feature-label\" onclick=\"showFeature(2, this)\">\ud83d\udd17 CRM <span class=\"arrow\">\u203a<\/span><\/div>\n      <div class=\"feature-label\" onclick=\"showFeature(3, this)\">\u2601\ufe0f Cloud <span class=\"arrow\">\u203a<\/span><\/div>\n      <div class=\"feature-label\" onclick=\"showFeature(4, this)\">\ud83d\udcac Channels <span class=\"arrow\">\u203a<\/span><\/div>\n      <div class=\"feature-label\" onclick=\"showFeature(5, this)\">\ud83c\udfa7 Recording <span class=\"arrow\">\u203a<\/span><\/div>\n      <div class=\"feature-label\" onclick=\"showFeature(6, this)\">\ud83d\udcc8 Reports <span class=\"arrow\">\u203a<\/span><\/div>\n      <div class=\"feature-label\" onclick=\"showFeature(7, this)\">\ud83d\udd12 Security <span class=\"arrow\">\u203a<\/span><\/div>\n    <\/div>\n\n    <div id=\"content-0\" class=\"feature-content\">\n      <p>Automatic call distribution, IVR menus, call forwarding, and recording for smoother customer communication.<\/p>\n    <\/div>\n    <div id=\"content-1\" class=\"feature-content\">\n      <p>Monitor live calls, agent activity, and performance analytics all in one intuitive dashboard.<\/p>\n    <\/div>\n    <div id=\"content-2\" class=\"feature-content\">\n      <p>Sync your VoIP system with CRM platforms like Odoo or HubSpot for instant customer insights.<\/p>\n    <\/div>\n    <div id=\"content-3\" class=\"feature-content\">\n      <p>Enable remote access and scalable communication for distributed teams, securely hosted in the cloud.<\/p>\n    <\/div>\n    <div id=\"content-4\" class=\"feature-content\">\n      <p>Manage calls, live chat, WhatsApp, and emails in a unified interface for seamless support.<\/p>\n    <\/div>\n    <div id=\"content-5\" class=\"feature-content\">\n      <p>Record all calls, evaluate agent performance, and ensure compliance with quality standards.<\/p>\n    <\/div>\n    <div id=\"content-6\" class=\"feature-content\">\n      <p>Generate detailed reports and analytics to track performance and optimize operations.<\/p>\n    <\/div>\n    <div id=\"content-7\" class=\"feature-content\">\n      <p>Enjoy encrypted communication, backup systems, and 24\/7 uptime monitoring for maximum reliability.<\/p>\n    <\/div>\n  <\/section>\n\n  <script>\n    function showFeature(index, el) {\n      const allLabels = document.querySelectorAll('.feature-label');\n      const allContents = document.querySelectorAll('.feature-content');\n      allLabels.forEach(label => label.classList.remove('active'));\n      allContents.forEach((content, i) => {\n        content.style.display = i === index ? 'block' : 'none';\n      });\n      el.classList.add('active');\n    }\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4d065c e-con-full e-flex e-con e-child\" data-id=\"f4d065c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd201ad elementor-widget elementor-widget-html\" data-id=\"fd201ad\" 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  <title>VoIP Timeline<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <style>\n    body {\n      margin: 0;\n      font-family: 'Segoe UI', sans-serif;\n      background-color: #f5f5f5;\n    }\n\n    .timeline-section {\n      background: url('https:\/\/img.freepik.com\/vecteurs-premium\/technologie-abstraite-maille-geometrique-polygone-lignes-points-connexion-illustration-vectorielle-fond_58717-1263.jpg?semt=ais_hybrid&w=740&q=80') no-repeat center center \/ cover;\n      padding: 60px 20px;\n      text-align: center;\n      color: #fff;\n    }\n\n    .timeline-title {\n      font-size: 2.2rem;\n      font-weight: bold;\n      margin-bottom: 40px;\n      text-shadow: 0 0 10px rgba(0,0,0,0.6);\n    }\n\n    .timeline-wrapper {\n      overflow-x: auto;\n      padding-bottom: 30px;\n    }\n\n    .timeline {\n      display: flex;\n      align-items: center;\n      gap: 40px;\n      position: relative;\n      padding: 20px 10px;\n      min-width: max-content;\n      justify-content: center;\n    }\n\n    .timeline-line {\n      position: absolute;\n      top: 50%;\n      height: 4px;\n      background: linear-gradient(to right, #8b5e3c, #c9a63a);\n      z-index: 0;\n      transform: translateY(-50%);\n      border-radius: 2px;\n    }\n\n    .arrow-start,\n    .arrow-end {\n      font-size: 22px;\n      color: #c9a63a;\n      z-index: 2;\n      font-weight: bold;\n    }\n\n    .arrow-start {\n      margin-right: -10px;\n    }\n\n    .arrow-end {\n      margin-left: -10px;\n    }\n\n    .timeline-step {\n      position: relative;\n      z-index: 1;\n      flex-shrink: 0;\n      width: 100px;\n      height: 100px;\n      border-radius: 50%;\n      background: #fff;\n      color: #8b5e3c;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      font-size: 13px;\n      font-weight: bold;\n      cursor: pointer;\n      box-shadow: 0 0 12px rgba(0,0,0,0.2);\n      transition: all 0.3s ease;\n      border: 3px solid transparent;\n    }\n\n    .timeline-step:hover {\n      background: #fff;\n      border-color: #c9a63a;\n      color: #8b5e3c;\n    }\n\n    .timeline-step.active {\n      background: #fff;\n      border-color: #c9a63a;\n      color: #8b5e3c;\n      transform: scale(1.05);\n    }\n\n    .timeline-step .icon {\n      font-size: 20px;\n      margin-bottom: 6px;\n    }\n\n    .step-content {\n      display: none;\n      background: rgba(255,255,255,0.1);\n      border: 2px solid #c9a63a;\n      border-radius: 16px;\n      padding: 20px;\n      max-width: 700px;\n      margin: 30px auto 0;\n      animation: fadeIn 0.6s ease forwards;\n      backdrop-filter: blur(4px);\n      text-align: center;\n      color: #fff;\n      text-shadow: 0 0 4px rgba(0,0,0,0.5);\n      opacity: 0;\n    }\n\n    @keyframes fadeIn {\n      from {opacity: 0; transform: translateY(20px);}\n      to {opacity: 1; transform: translateY(0);}\n    }\n\n    @media (max-width: 768px) {\n      .timeline {\n        justify-content: flex-start;\n        gap: 30px;\n      }\n\n      .timeline-step {\n        width: 80px;\n        height: 80px;\n        font-size: 11px;\n      }\n\n      .timeline-step .icon {\n        font-size: 18px;\n      }\n\n      .step-content {\n        width: 90%;\n        font-size: 15px;\n      }\n\n      .timeline-title {\n        font-size: 1.8rem;\n      }\n\n      .arrow-start,\n      .arrow-end {\n        display: none;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <section class=\"timeline-section\">\n    <div class=\"timeline-title\">VoIP & Call Center Workflow<\/div>\n\n    <div class=\"timeline-wrapper\">\n      <div class=\"timeline\" id=\"timeline\">\n        <div class=\"arrow-start\">\u203a<\/div>\n\n        <div class=\"timeline-step\" onclick=\"showStep(0, this)\">\n          <div class=\"icon\">\ud83d\udca1<\/div>\n          Consulting\n        <\/div>\n        <div class=\"timeline-step\" onclick=\"showStep(1, this)\">\n          <div class=\"icon\">\ud83d\udcdd<\/div>\n          Planning\n        <\/div>\n        <div class=\"timeline-step\" onclick=\"showStep(2, this)\">\n          <div class=\"icon\">\ud83c\udfa8<\/div>\n          Design\n        <\/div>\n        <div class=\"timeline-step\" onclick=\"showStep(3, this)\">\n          <div class=\"icon\">\ud83d\udcbb<\/div>\n          Development\n        <\/div>\n        <div class=\"timeline-step\" onclick=\"showStep(4, this)\">\n          <div class=\"icon\">\ud83d\udd0d<\/div>\n          Testing\n        <\/div>\n        <div class=\"timeline-step\" onclick=\"showStep(5, this)\">\n          <div class=\"icon\">\ud83d\ude80<\/div>\n          Launch\n        <\/div>\n        <div class=\"timeline-step\" onclick=\"showStep(6, this)\">\n          <div class=\"icon\">\ud83d\udd27<\/div>\n          Support\n        <\/div>\n\n        <div class=\"arrow-end\">\u2039<\/div>\n        <div class=\"timeline-line\" id=\"timelineLine\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div id=\"step-0\" class=\"step-content\">\n      <p>We begin by understanding your business needs and offering expert consultation to define the right solution.<\/p>\n    <\/div>\n    <div id=\"step-1\" class=\"step-content\">\n      <p>We create a strategic plan tailored to your goals, timeline, and budget.<\/p>\n    <\/div>\n    <div id=\"step-2\" class=\"step-content\">\n      <p>Our design team crafts elegant, user-friendly interfaces that reflect your brand identity.<\/p>\n    <\/div>\n    <div id=\"step-3\" class=\"step-content\">\n      <p>We develop your platform using modern technologies and best practices for performance and scalability.<\/p>\n    <\/div>\n    <div id=\"step-4\" class=\"step-content\">\n      <p>We test thoroughly to ensure everything works smoothly, securely, and efficiently.<\/p>\n    <\/div>\n    <div id=\"step-5\" class=\"step-content\">\n      <p>We launch your solution with full support, ensuring a smooth transition and successful rollout.<\/p>\n    <\/div>\n    <div id=\"step-6\" class=\"step-content\">\n      <p>We provide ongoing support, updates, and optimization to keep your system running at its best.<\/p>\n    <\/div>\n  <\/section>\n\n  <script>\n    function showStep(index, el) {\n      const allSteps = document.querySelectorAll('.timeline-step');\n      const allContents = document.querySelectorAll('.step-content');\n      allSteps.forEach(step => step.classList.remove('active'));\n      allContents.forEach((content, i) => {\n        content.style.display = i === index ? 'block' : 'none';\n        content.style.opacity = i === index ? '1' : '0';\n      });\n      el.classList.add('active');\n    }\n\n    \/\/ Adjust timeline line width dynamically\n    window.addEventListener('load', () => {\n      const steps = document.querySelectorAll('.timeline-step');\n      const line = document.getElementById('timelineLine');\n      if (steps.length >= 2) {\n        const first = steps[0].offsetLeft + steps[0].offsetWidth \/ 2;\n        const last = steps[steps.length - 1].offsetLeft + steps[steps.length - 1].offsetWidth \/ 2;\n        line.style.left = `${first}px`;\n        line.style.width = `${last - first}px`;\n      }\n    });\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a49c56b e-con-full e-flex e-con e-child\" data-id=\"a49c56b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef8f3b elementor-widget elementor-widget-html\" data-id=\"7ef8f3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"why-choose-section\">\n  <h2 class=\"choose-title\">Why Choose Us<\/h2>\n  <p class=\"choose-intro\">\n    At SmartEitology, we don\u2019t just offer VoIP and digital solutions\u2014we craft experiences that elevate your business. Here\u2019s why our clients choose us:\n  <\/p>\n  <div class=\"choose-list\">\n    <div class=\"choose-item\">\ud83c\udfaf <strong>Customized Strategy:<\/strong> Tailored solutions that align with your goals and brand identity.<\/div>\n    <div class=\"choose-item\">\ud83d\udd12 <strong>Enterprise Security:<\/strong> Encrypted communication, backups, and 24\/7 uptime monitoring.<\/div>\n    <div class=\"choose-item\">\ud83d\udcca <strong>Live Insights:<\/strong> Dashboards and analytics for smarter, faster decisions.<\/div>\n    <div class=\"choose-item\">\ud83e\udd1d <strong>CRM Integration:<\/strong> Seamless sync with Odoo, HubSpot, and more.<\/div>\n    <div class=\"choose-item\">\ud83d\udcf1 <strong>Mobile-First Design:<\/strong> Elegant, responsive interfaces across all devices.<\/div>\n    <div class=\"choose-item\">\ud83d\udee0\ufe0f <strong>Ongoing Support:<\/strong> Continuous optimization and dedicated assistance post-launch.<\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .why-choose-section {\n    padding: 60px 20px;\n    text-align: center;\n    color: #3a2f2f;\n    background: linear-gradient(135deg, #e6e6e6, #f0f0f0, #fdf6e3); \/* \u0631\u0635\u0627\u0635\u064a \u0641\u0627\u062a\u062d + \u0630\u0647\u0628\u064a \u0646\u0627\u0639\u0645 *\/\n    position: relative;\n    overflow: hidden;\n  }\n\n  .why-choose-section::before {\n    content: \"\";\n    position: absolute;\n    top: -50px;\n    left: 0;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle at 50% 50%, rgba(201,166,58,0.08), transparent 70%);\n    animation: waveMove 10s infinite linear;\n    z-index: 0;\n  }\n\n  @keyframes waveMove {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  .choose-title {\n    font-size: 2.2rem;\n    color: #c9a63a;\n    margin-bottom: 20px;\n    text-shadow: 0 0 4px rgba(255,255,255,0.4);\n    position: relative;\n    z-index: 1;\n  }\n\n  .choose-intro {\n    font-size: 1.1rem;\n    max-width: 700px;\n    margin: 0 auto 40px;\n    color: #4a3b2c;\n    position: relative;\n    z-index: 1;\n  }\n\n  .choose-list {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    max-width: 700px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  .choose-item {\n    background: rgba(255,255,255,0.7);\n    padding: 15px 20px;\n    border-left: 4px solid #c9a63a;\n    border-radius: 8px;\n    font-size: 1rem;\n    text-align: left;\n    backdrop-filter: blur(2px);\n    transition: background 0.3s ease;\n    box-shadow: 0 0 6px rgba(0,0,0,0.05);\n  }\n\n  .choose-item:hover {\n    background: rgba(255,255,255,0.9);\n  }\n\n@media (max-width: 768px) {\n  .choose-list {\n    flex-direction: column;\n    overflow: visible;\n    padding-bottom: 0;\n  }\n\n  .choose-item {\n    width: 100%;\n    font-size: 0.95rem;\n  }\n\n  .choose-intro {\n    font-size: 1rem;\n  }\n\n  .choose-title {\n    font-size: 1.8rem;\n  }\n}\n<\/style>\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-0e176a4 e-con-full e-flex e-con e-child\" data-id=\"0e176a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e59ba8f elementor-widget elementor-widget-html\" data-id=\"e59ba8f\" 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","protected":false},"excerpt":{"rendered":"<p>Voip &amp; Call Center Solution We offer complete VoIP and call center solutions \u2014 from setup and configuration to ongoing [&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-284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/284","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=284"}],"version-history":[{"count":149,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/284\/revisions"}],"predecessor-version":[{"id":3277,"href":"https:\/\/itology-eg.com\/index.php\/wp-json\/wp\/v2\/pages\/284\/revisions\/3277"}],"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=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}