{"id":73,"date":"2025-10-20T13:03:24","date_gmt":"2025-10-20T10:03:24","guid":{"rendered":"https:\/\/aicallcenter.wearebigg.com\/ai-call-center\/"},"modified":"2026-04-08T18:15:23","modified_gmt":"2026-04-08T15:15:23","slug":"ai-call-center","status":"publish","type":"page","link":"https:\/\/aicallcenter.wearebigg.com\/el\/","title":{"rendered":"Ai Call Center"},"content":{"rendered":"\n<!-- ========== Home Banner with VAPI Voice Button ========== -->\n<section class=\"hero\" style=\"background-image: url('https:\/\/spend.bigg.gr\/wp-content\/uploads\/2025\/10\/Hero-Background.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;\">\n<!-- Gradient overlay for bottom fade -->\n<div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to top, rgba(20, 20, 40, 1) 0%, rgba(20, 20, 40, 0.8) 30%, transparent 100%); pointer-events: none; z-index: 1;\"><\/div>\n<div class=\"hero-content\" style=\"position: relative; z-index: 2; margin-top: 20px;\">\n<h1>AI Call Center <span class=\"hero-subtitle\" style=\"font-size: 0.85em;\">Cut Costs<br\/>Boost Sales<\/span><\/h1>\n<p>\u03a6\u03c5\u03c3\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1 \u03bc\u03b5 AI \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c4\u03bf 90% \u03c4\u03c9\u03bd \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03ba\u03b1\u03b9 \u03bc\u03b5\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03bf \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03ad\u03c9\u03c2 70%<br\/><\/p>\n<div style=\"text-align:center\">\n<!-- VAPI Voice Button - Replaces the original call button -->\n<button id=\"vapi-voice-btn\" class=\"btn-primary\" aria-label=\"Voice AI Assistant\">\n<div class=\"voice-wave\">\n<div class=\"wave-bar\"><\/div>\n<div class=\"wave-bar\"><\/div>\n<div class=\"wave-bar\"><\/div>\n<div class=\"wave-bar\"><\/div>\n<div class=\"wave-bar\"><\/div>\n<\/div>\n<span class=\"btn-text\">\u039a\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd AI Agent<\/span>\n<div class=\"loading-overlay\">\n<div class=\"loading-spinner\">\n<div class=\"spinner-ring\"><\/div>\n<div class=\"spinner-ring-inner\"><\/div>\n<div class=\"spinner-dot\"><\/div>\n<\/div>\n<div class=\"loading-text\">\n\u03a3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7<span class=\"loading-dots\"><\/span>\n<\/div>\n<\/div>\n<div class=\"status-indicator\"><\/div>\n<div class=\"pulse-ring\"><\/div>\n<div class=\"pulse-ring\"><\/div>\n<div class=\"pulse-ring\"><\/div>\n<\/button>\n<\/div>\n<\/div>\n<\/section>\n\n<style>\n\/* ========================================\n   VAPI VOICE BUTTON STYLES\n   \u0393\u03b9\u03b1 \u039a\u0391\u0399 \u03c4\u03b1 \u03b4\u03cd\u03bf buttons: #vapi-voice-btn \u039a\u0391\u0399 #vapi-voice-btn-dual\n   ======================================== *\/\n\n\/* Hide animated SVG background from hero section *\/\n.hero::after {\n  display: none !important;\n  content: none !important;\n  background: none !important;\n  animation: none !important;\n}\n\n\/* Hide any animated SVG backgrounds in hero section *\/\n.hero::before,\n.hero h1::before,\n.hero h1::after,\n.hero p::before,\n.hero p::after,\n.hero-content::before,\n.hero-content::after {\n  display: none !important;\n  content: none !important;\n  background: none !important;\n}\n\n\/* Remove any background SVG images *\/\n.hero h1,\n.hero p,\n.hero-content {\n  background-image: none !important;\n}\n\n\/* \u039a\u039f\u0399\u039d\u0391 STYLES \u0393\u0399\u0391 \u039a\u0391\u0399 \u03a4\u0391 \u0394\u03a5\u039f BUTTONS *\/\n#vapi-voice-btn,\n#vapi-voice-btn-dual {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  cursor: pointer;\n  overflow: visible;\n  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\n\n#vapi-voice-btn:hover,\n#vapi-voice-btn-dual:hover {\n  transform: translateY(-4px) scale(1.02);\n}\n\n#vapi-voice-btn.active,\n#vapi-voice-btn-dual.active {\n  background: linear-gradient(135deg, #f5576c 0%, #ff006e 100%) !important;\n  animation: activeGlow 2s ease-in-out infinite;\n}\n\n#vapi-voice-btn.loading,\n#vapi-voice-btn-dual.loading {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n  cursor: wait;\n}\n\n@keyframes activeGlow {\n  0%, 100% { \n    box-shadow: 0 10px 40px rgba(245, 87, 108, 0.6), 0 0 80px rgba(245, 87, 108, 0.4);\n  }\n  50% { \n    box-shadow: 0 15px 50px rgba(245, 87, 108, 0.8), 0 0 120px rgba(245, 87, 108, 0.6);\n  }\n}\n\n\/* Voice wave animation container *\/\n.voice-wave {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  transition: opacity 0.3s ease;\n}\n\n\/* Wave bars with PERMANENT animation *\/\n.wave-bar {\n  width: 3px;\n  background: white;\n  border-radius: 3px;\n  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);\n  transform-origin: center;\n}\n\n\/* Each bar has its own animation *\/\n.wave-bar:nth-child(1) { \n  height: 14px;\n  animation: wave1 1.2s ease-in-out infinite;\n}\n.wave-bar:nth-child(2) { \n  height: 20px;\n  animation: wave2 1.2s ease-in-out infinite;\n}\n.wave-bar:nth-child(3) { \n  height: 16px;\n  animation: wave3 1.2s ease-in-out infinite;\n}\n.wave-bar:nth-child(4) { \n  height: 24px;\n  animation: wave4 1.2s ease-in-out infinite;\n}\n.wave-bar:nth-child(5) { \n  height: 18px;\n  animation: wave5 1.2s ease-in-out infinite;\n}\n\n\/* Wave animations - different timing for each *\/\n@keyframes wave1 {\n  0%, 100% { transform: scaleY(0.7); opacity: 0.7; }\n  50% { transform: scaleY(1.3); opacity: 1; }\n}\n\n@keyframes wave2 {\n  0% { transform: scaleY(1.3); opacity: 1; }\n  50%, 100% { transform: scaleY(0.7); opacity: 0.7; }\n}\n\n@keyframes wave3 {\n  0%, 33% { transform: scaleY(0.7); opacity: 0.7; }\n  66%, 100% { transform: scaleY(1.3); opacity: 1; }\n}\n\n@keyframes wave4 {\n  0%, 25% { transform: scaleY(1.3); opacity: 1; }\n  75%, 100% { transform: scaleY(0.7); opacity: 0.7; }\n}\n\n@keyframes wave5 {\n  0%, 40% { transform: scaleY(0.7); opacity: 0.7; }\n  80%, 100% { transform: scaleY(1.3); opacity: 1; }\n}\n\n\/* Intense animation when active - \u0393\u0399\u0391 \u039a\u0391\u0399 \u03a4\u0391 \u0394\u03a5\u039f BUTTONS *\/\n#vapi-voice-btn.active .wave-bar:nth-child(1),\n#vapi-voice-btn-dual.active .wave-bar:nth-child(1) {\n  animation: waveIntense1 0.6s ease-in-out infinite;\n  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);\n}\n#vapi-voice-btn.active .wave-bar:nth-child(2),\n#vapi-voice-btn-dual.active .wave-bar:nth-child(2) {\n  animation: waveIntense2 0.6s ease-in-out infinite;\n  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);\n}\n#vapi-voice-btn.active .wave-bar:nth-child(3),\n#vapi-voice-btn-dual.active .wave-bar:nth-child(3) {\n  animation: waveIntense3 0.6s ease-in-out infinite;\n  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);\n}\n#vapi-voice-btn.active .wave-bar:nth-child(4),\n#vapi-voice-btn-dual.active .wave-bar:nth-child(4) {\n  animation: waveIntense4 0.6s ease-in-out infinite;\n  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);\n}\n#vapi-voice-btn.active .wave-bar:nth-child(5),\n#vapi-voice-btn-dual.active .wave-bar:nth-child(5) {\n  animation: waveIntense5 0.6s ease-in-out infinite;\n  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);\n}\n\n@keyframes waveIntense1 {\n  0%, 100% { transform: scaleY(0.5); opacity: 0.8; }\n  50% { transform: scaleY(2.2); opacity: 1; }\n}\n\n@keyframes waveIntense2 {\n  0% { transform: scaleY(2.2); opacity: 1; }\n  50%, 100% { transform: scaleY(0.5); opacity: 0.8; }\n}\n\n@keyframes waveIntense3 {\n  0%, 33% { transform: scaleY(0.5); opacity: 0.8; }\n  66%, 100% { transform: scaleY(2.2); opacity: 1; }\n}\n\n@keyframes waveIntense4 {\n  0%, 25% { transform: scaleY(2.2); opacity: 1; }\n  75%, 100% { transform: scaleY(0.5); opacity: 0.8; }\n}\n\n@keyframes waveIntense5 {\n  0%, 40% { transform: scaleY(0.5); opacity: 0.8; }\n  80%, 100% { transform: scaleY(2.2); opacity: 1; }\n}\n\n\/* Pulse rings - only when active *\/\n.pulse-ring {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  border: 3px solid rgba(255, 0, 110, 0.6);\n  border-radius: 50px;\n  opacity: 0;\n  pointer-events: none;\n}\n\n#vapi-voice-btn.active .pulse-ring,\n#vapi-voice-btn-dual.active .pulse-ring {\n  animation: pulseRing 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@keyframes pulseRing {\n  0% {\n    transform: translate(-50%, -50%) scale(1);\n    opacity: 0.8;\n  }\n  100% {\n    transform: translate(-50%, -50%) scale(1.4);\n    opacity: 0;\n  }\n}\n\n.pulse-ring:nth-child(2) { animation-delay: 0.6s; }\n.pulse-ring:nth-child(3) { animation-delay: 1.2s; }\n\n\/* Status indicator *\/\n.status-indicator {\n  position: absolute;\n  top: -8px;\n  right: -8px;\n  width: 22px;\n  height: 22px;\n  background: #00ff88;\n  border: 4px solid white;\n  border-radius: 50%;\n  opacity: 0;\n  transform: scale(0);\n  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n  box-shadow: 0 0 25px rgba(0, 255, 136, 0.7);\n}\n\n#vapi-voice-btn.active .status-indicator,\n#vapi-voice-btn-dual.active .status-indicator {\n  opacity: 1;\n  transform: scale(1);\n  animation: statusBlink 2s ease-in-out infinite;\n}\n\n@keyframes statusBlink {\n  0%, 100% { \n    background: #00ff88; \n    box-shadow: 0 0 25px rgba(0, 255, 136, 0.7);\n  }\n  50% { \n    background: #00cc6a; \n    box-shadow: 0 0 35px rgba(0, 255, 136, 1);\n  }\n}\n\n\/* Loading overlay - \u0393\u0399\u0391 \u039a\u0391\u0399 \u03a4\u0391 \u0394\u03a5\u039f BUTTONS *\/\n.loading-overlay {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n\n#vapi-voice-btn.loading .loading-overlay,\n#vapi-voice-btn-dual.loading .loading-overlay {\n  opacity: 1;\n}\n\n#vapi-voice-btn.loading .btn-text,\n#vapi-voice-btn-dual.loading .btn-text {\n  opacity: 0;\n}\n\n#vapi-voice-btn.loading .voice-wave,\n#vapi-voice-btn-dual.loading .voice-wave {\n  opacity: 0.3;\n}\n\n\/* Spinner *\/\n.loading-spinner {\n  position: relative;\n  width: 40px;\n  height: 40px;\n}\n\n.spinner-ring {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 3px solid transparent;\n  border-top-color: white;\n  border-radius: 50%;\n  animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n}\n\n.spinner-ring-inner {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 3px solid transparent;\n  border-bottom-color: rgba(255, 255, 255, 0.5);\n  border-radius: 50%;\n  animation: spin 1.8s cubic-bezier(0.5, 0, 0.5, 1) infinite reverse;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.spinner-dot {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  background: white;\n  border-radius: 50%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: dotPulse 1s ease-in-out infinite;\n  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);\n}\n\n@keyframes dotPulse {\n  0%, 100% { \n    transform: translate(-50%, -50%) scale(1);\n    opacity: 1;\n  }\n  50% { \n    transform: translate(-50%, -50%) scale(1.5);\n    opacity: 0.6;\n  }\n}\n\n.loading-text {\n  position: absolute;\n  bottom: -45px;\n  left: 50%;\n  transform: translateX(-50%);\n  color: white;\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  animation: fadeInOut 2s ease-in-out infinite;\n}\n\n@keyframes fadeInOut {\n  0%, 100% { opacity: 0.6; }\n  50% { opacity: 1; }\n}\n\n.loading-dots::after {\n  content: '';\n  animation: loadingDots 1.5s steps(4, end) infinite;\n}\n\n@keyframes loadingDots {\n  0%, 20% { content: ''; }\n  40% { content: '.'; }\n  60% { content: '..'; }\n  80%, 100% { content: '...'; }\n}\n\n#vapi-voice-btn.loading::before,\n#vapi-voice-btn-dual.loading::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n  animation: shimmer 2s infinite;\n  border-radius: 50px;\n}\n\n@keyframes shimmer {\n  0% { left: -100%; }\n  100% { left: 100%; }\n}\n\n\/* Mobile responsive *\/\n@media (max-width: 768px) {\n  .wave-bar {\n    width: 2px;\n  }\n  \n  .loading-spinner {\n    width: 35px;\n    height: 35px;\n  }\n  \n  #vapi-voice-btn,\n  #vapi-voice-btn-dual {\n    gap: 10px;\n  }\n  \n  \/* Move text down extra 20px on mobile (total 40px) *\/\n  .hero-content {\n    margin-top: 40px !important;\n  }\n}\n\n\/* Hide default VAPI button completely *\/\ndiv[id*=\"vapi-\"],\nbutton[id*=\"vapi-\"]:not(#vapi-voice-btn):not(#vapi-voice-btn-dual),\n[class*=\"vapi-widget\"],\n[class*=\"vapi-btn\"]:not(.btn-primary) {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n  position: fixed !important;\n  top: -9999px !important;\n  left: -9999px !important;\n  width: 0 !important;\n  height: 0 !important;\n  z-index: -1 !important;\n}\n<\/style>\n\n<!-- Cloudflare Turnstile for Bot Protection -->\n<script src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js\" async defer><\/script>\n\n<script>\n\/\/ ========================================\n\/\/ VAPI Voice Button Functionality\n\/\/ ========================================\n\nwindow.vapiInstance = null;\n\n\/\/ Cloudflare Turnstile Configuration\nconst TURNSTILE_SITE_KEY = \"0x4AAAAAACE-npbhxuDrDwbr\";\nlet turnstileToken = null;\nlet turnstileVerified = false;\n\n\/\/ Initialize Turnstile when ready\nfunction initTurnstile() {\n  if (typeof turnstile !== 'undefined' && !document.getElementById('turnstile-widget')) {\n    const widgetContainer = document.createElement('div');\n    widgetContainer.id = 'turnstile-widget';\n    widgetContainer.style.cssText = 'position: fixed; bottom: -100px; left: -100px; opacity: 0; pointer-events: none;';\n    document.body.appendChild(widgetContainer);\n    \n    turnstile.render('#turnstile-widget', {\n      sitekey: TURNSTILE_SITE_KEY,\n      callback: function(token) {\n        console.log('\u2705 Turnstile verified');\n        turnstileToken = token;\n        turnstileVerified = true;\n      },\n      'error-callback': function() {\n        console.log('\u274c Turnstile error');\n        turnstileVerified = false;\n      },\n      'expired-callback': function() {\n        console.log('\u23f0 Turnstile expired, refreshing...');\n        turnstileVerified = false;\n        turnstile.reset('#turnstile-widget');\n      },\n      theme: 'light',\n      size: 'invisible'\n    });\n    console.log('\ud83d\udee1\ufe0f Turnstile initialized');\n  }\n}\n\n\/\/ Try to init Turnstile when DOM is ready\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', function() {\n    setTimeout(initTurnstile, 1000);\n  });\n} else {\n  setTimeout(initTurnstile, 1000);\n}\n\nconst assistant = \"f422d548-d8e9-4291-a9b1-d0f9c543b13c\";\nconst apiKey = \"738a2c81-49c8-41f3-bd60-6414f068710d\";\nlet isCallActive = false;\nlet isLoading = false;\nlet loadingTimeout = null;\n\n\/\/ Detect if mobile device\nconst isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent) || window.innerWidth <= 768;\n\n\/\/ Mobile debugging\nif (isMobile) {\n  console.log('\ud83d\udcf1 Mobile device detected');\n  console.log('User Agent:', navigator.userAgent);\n  console.log('Window width:', window.innerWidth);\n}\n\n\/\/ Update button state\nfunction updateButtonState(state) {\n  const button = document.getElementById('vapi-voice-btn');\n  const buttonText = button.querySelector('.btn-text');\n  const loadingText = button.querySelector('.loading-text');\n  \n  console.log('\ud83d\udd04 Updating button state to:', state);\n  \n  \/\/ Clear any existing timeout\n  if (loadingTimeout) {\n    clearTimeout(loadingTimeout);\n    loadingTimeout = null;\n  }\n  \n  \/\/ Remove all states\n  button.classList.remove('loading', 'active');\n  \n  switch(state) {\n    case 'idle':\n      buttonText.textContent = 'Talk to AI Agent';\n      isLoading = false;\n      break;\n      \n    case 'loading':\n      button.classList.add('loading');\n      isLoading = true;\n      if (loadingText) {\n        loadingText.innerHTML = 'Connecting<span class=\"loading-dots\">';\n      }\n      \n      \/\/ TIMEOUT PROTECTION: \u039c\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf timeout \u03b3\u03b9\u03b1 mobile (7s vs 5s)\n      const timeoutDuration = isMobile ? 7000 : 5000;\n      loadingTimeout = setTimeout(() => {\n        console.log('\u23f1\ufe0f Loading timeout - forcing active state');\n        if (isLoading && !isCallActive) {\n          \/\/ \u0395\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03bc\u03b5 \u03b1\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 active call \u03c3\u03c4\u03bf VAPI\n          if (window.vapiInstance && window.vapiInstance.isCalling && window.vapiInstance.isCalling()) {\n            console.log('\u2705 Call is active, updating to active state');\n            isCallActive = true;\n            updateButtonState('active');\n          } else {\n            console.log('\u274c No active call found, returning to idle');\n            updateButtonState('idle');\n          }\n        }\n      }, timeoutDuration);\n      break;\n      \n    case 'active':\n      button.classList.add('active');\n      buttonText.textContent = 'End Call';\n      isLoading = false;\n      break;\n  }\n}\n\n\/\/ Load VAPI SDK\n(function (d, t) {\n  var g = document.createElement(t),\n      s = d.getElementsByTagName(t)[0];\n  \n  g.src = \"https:\/\/cdn.jsdelivr.net\/gh\/VapiAI\/html-script-tag@latest\/dist\/assets\/index.js\";\n  g.defer = true;\n  g.async = true;\n  s.parentNode.insertBefore(g, s);\n  \n  g.onload = function () {\n    console.log('\u2705 VAPI SDK loaded');\n    \n    if (window.vapiSDK && window.vapiSDK.run) {\n      try {\n        window.vapiInstance = window.vapiSDK.run({\n          apiKey: apiKey,\n          assistant: assistant,\n          config: {\n            position: \"bottom-right\",\n            hideButton: true\n          }\n        });\n        \n        console.log('\u2705 VAPI initialized');\n        \n        \/\/ Setup event listeners\n        if (window.vapiInstance) {\n          window.vapiInstance.on('call-start', function() {\n            console.log('\ud83d\udcde Call started');\n            isCallActive = true;\n            updateButtonState('active');\n          });\n          \n          window.vapiInstance.on('call-end', function() {\n            console.log('\ud83d\udcde Call ended');\n            isCallActive = false;\n            updateButtonState('idle');\n          });\n          \n          \/\/ \u0395\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd listener \u03b3\u03b9\u03b1 speech-start (\u03c0\u03b9\u03bf \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03bf \u03b1\u03c0\u03cc call-start)\n          window.vapiInstance.on('speech-start', function() {\n            console.log('\ud83c\udfa4 Speech started - call is definitely active');\n            if (isLoading) {\n              isCallActive = true;\n              updateButtonState('active');\n            }\n          });\n          \n          \/\/ Listener \u03b3\u03b9\u03b1 message events (\u03b1\u03ba\u03cc\u03bc\u03b1 \u03c0\u03b9\u03bf \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03bf)\n          window.vapiInstance.on('message', function(message) {\n            console.log('\ud83d\udcac Message event:', message);\n            \/\/ \u0391\u03bd \u03b4\u03bf\u03cd\u03bc\u03b5 \u03bf\u03c0\u03bf\u03b9\u03bf\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 message \u03ba\u03b1\u03b9 \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03b5 loading, \u03c4\u03bf call \u03b5\u03af\u03bd\u03b1\u03b9 active\n            if (isLoading && message && message.type) {\n              console.log('\u2705 Message received while loading - call is active');\n              isCallActive = true;\n              updateButtonState('active');\n            }\n          });\n          \n          window.vapiInstance.on('error', function(error) {\n            console.error('\u274c VAPI Error:', error);\n            isCallActive = false;\n            updateButtonState('idle');\n            showNotification('Connection error. Please try again.', 'error');\n          });\n        }\n        \n        \/\/ Connect button click handler\n        const button = document.getElementById('vapi-voice-btn');\n        if (button && window.vapiInstance) {\n          \/\/ Support both click and touch events\n          const handleButtonClick = async function(e) {\n            e.preventDefault();\n            e.stopPropagation(); \/\/ Prevent event bubbling on mobile\n            console.log('\ud83d\uddb1\ufe0f Button clicked - isCallActive:', isCallActive, 'isLoading:', isLoading, 'isMobile:', isMobile);\n            \n            \/\/ Prevent clicks while loading\n            if (isLoading) {\n              console.log('\u23f3 Already loading, ignoring click');\n              return;\n            }\n            \n            if (!isCallActive) {\n              \/\/ \ud83d\udee1\ufe0f TURNSTILE CHECK\n              if (!turnstileVerified) {\n                console.log('\ud83d\udee1\ufe0f Waiting for Turnstile verification...');\n                updateButtonState('loading');\n                const verifyingText = button.querySelector('.loading-text');\n                if (verifyingText) {\n                  verifyingText.innerHTML = 'Verifying<span class=\"loading-dots\"><\/span>';\n                }\n                let attempts = 0;\n                const checkTurnstile = setInterval(() => {\n                  attempts++;\n                  if (turnstileVerified) {\n                    clearInterval(checkTurnstile);\n                    startTheCall();\n                  } else if (attempts > 30) {\n                    clearInterval(checkTurnstile);\n                    startTheCall();\n                  }\n                }, 100);\n                return;\n              }\n              startTheCall();\n              \n              function startTheCall() {\n                console.log('\ud83d\ude80 Starting call...');\n                updateButtonState('loading');\n                const connectingText = button.querySelector('.loading-text');\n                if (connectingText) {\n                  connectingText.innerHTML = 'Connecting<span class=\"loading-dots\"><\/span>';\n                }\n                window.vapiInstance.start(assistant, {}).then(function() {\n                  console.log('\u2705 Call start requested');\n                  const backupCheckDelay = isMobile ? 3000 : 2000;\n                  setTimeout(() => {\n                    if (isLoading && window.vapiInstance.isCalling && window.vapiInstance.isCalling()) {\n                      console.log('\u2705 Backup check: Call is active');\n                      isCallActive = true;\n                      updateButtonState('active');\n                    }\n                  }, backupCheckDelay);\n                }).catch(function(error) {\n                  console.error('\u274c Failed to start call:', error);\n                  updateButtonState('idle');\n                  showNotification('Failed to start call. Please try again.', 'error');\n                });\n              }\n            } else {\n              console.log('\ud83d\uded1 Ending call...');\n              updateButtonState('loading');\n              \n              const loadingText = button.querySelector('.loading-text');\n              if (loadingText) {\n                loadingText.innerHTML = 'Ending call<span class=\"loading-dots\">';\n              }\n              \n              try {\n                await window.vapiInstance.stop();\n                console.log('\u2705 Call stop requested');\n              } catch (error) {\n                console.error('\u274c Failed to end call:', error);\n                updateButtonState('active');\n                showNotification('Failed to end call. Please try again.', 'error');\n              }\n            }\n          };\n          \n          \/\/ Add both click and touchstart handlers\n          button.onclick = handleButtonClick;\n          button.addEventListener('touchstart', handleButtonClick, { passive: false });\n        }\n      } catch (e) {\n        console.error('\u274c VAPI initialization error:', e);\n        showNotification('Failed to initialize AI. Please refresh the page.', 'error');\n      }\n    }\n  };\n  \n  g.onerror = function() {\n    console.error('\u274c Failed to load VAPI SDK');\n    showNotification('Failed to load AI service. Please check your connection.', 'error');\n  };\n})(document, \"script\");\n\n\/\/ Notification system\nfunction showNotification(message, type = 'info') {\n  const notification = document.createElement('div');\n  notification.style.cssText = `\n    position: fixed;\n    top: 30px;\n    left: 50%;\n    transform: translateX(-50%) translateY(-20px);\n    background: ${type === 'error' ? 'linear-gradient(135deg, #f5576c 0%, #ff006e 100%)' : 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)'};\n    color: white;\n    padding: 16px 30px;\n    border-radius: 50px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n    z-index: 1000000;\n    opacity: 0;\n    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n  `;\n  notification.textContent = message;\n  document.body.appendChild(notification);\n  \n  setTimeout(() => {\n    notification.style.opacity = '1';\n    notification.style.transform = 'translateX(-50%) translateY(0)';\n  }, 10);\n  \n  setTimeout(() => {\n    notification.style.opacity = '0';\n    notification.style.transform = 'translateX(-50%) translateY(-20px)';\n    setTimeout(() => {\n      if (document.body.contains(notification)) {\n        document.body.removeChild(notification);\n      }\n    }, 400);\n  }, 3000);\n}\n\n\/\/ Initial state\nupdateButtonState('idle');\nconsole.log('\ud83c\udfaf VAPI Voice Button initialized');\n<\/script>\n\n\n\n<!-- ========== Ready Banner ========== -->\n<div style=\"background: rgba(241, 35, 181, 0.15); border-top: 2px solid #f123b5; border-bottom: 2px solid #f123b5; text-align: center; padding: 30px 20px; margin-top: 40px;\">\n  <span style=\"font-size: 28px; font-weight: 700; color: #ffffff; letter-spacing: 0.5px;\">\u0388\u03c4\u03bf\u03b9\u03bc\u03bf \u03c3\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b1\u03c0\u03cc <span style=\"font-size: 42px; font-weight: 900; color: #f123b5;\">450\u20ac<\/span><\/span>\n<\/div>\n<!-- ========== 90% Call Automation70%Cost Reduction 24\/7 ========== -->\n<div class=\"container\">\n<div class=\"stats\">\n<div class=\"stat-item\">\n<div class=\"stat-number\">90%<\/div>\n<div class=\"stat-label\">\u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd<\/div>\n<\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">70%<\/div>\n<div class=\"stat-label\">\u039c\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2<\/div>\n<\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">24\/7<\/div>\n<div class=\"stat-label\">\u0394\u03b9\u03b1\u03b8\u03b5\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- ========== ROI CALCULATOR SECTION ========== -->\n\n<div class=\"container\" id=\"calculator\">\n<div style=\"max-width:1400px;margin:40px auto;padding:0\">\n<h2 class=\"calculator-title\">ROI Calculator<\/h2>\n\n<div class=\"calculator-grid\">\n<div class=\"calculator-inputs\">\n<h3>\u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf \u03ba\u03ad\u03c1\u03b4\u03bf\u03c2 \u03c3\u03b1\u03c2<\/h3>\n\n<div class=\"input-group\">\n<div class=\"input-header\">\n<label for=\"total-agents\">\u03a3\u03cd\u03bd\u03bf\u03bb\u03bf agents \u03c3\u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c3\u03b1\u03c2<\/label>\n<span class=\"input-value\" id=\"total-agents-value\">5<\/span>\n<\/div>\n<input type=\"range\" id=\"total-agents\" min=\"1\" max=\"100\" value=\"5\" step=\"1\"\/>\n<div class=\"range-labels\"><span>1 agent <\/span><span>100 agents<\/span><\/div>\n<\/div>\n\n<div class=\"input-group\">\n<div class=\"input-header\">\n<label for=\"hourly-rate\">\u039c\u03ad\u03c3\u03bf\u03c2 \u03c9\u03c1\u03b9\u03b1\u03af\u03bf\u03c2 \u03bc\u03b9\u03c3\u03b8\u03cc\u03c2 \u03b1\u03bd\u03ac agent<\/label>\n<span class=\"input-value\" id=\"hourly-rate-value\">\u20ac6<\/span>\n<\/div>\n<input type=\"range\" id=\"hourly-rate\" min=\"8\" max=\"30\" value=\"6\" step=\"0.5\"\/>\n<div class=\"range-labels\">\u20ac8<span><span>\u20ac30<\/span><\/span><\/div>\n<\/div>\n\n<div class=\"input-group\">\n<div class=\"input-header\">\n<label for=\"calls-per-agent\">\u039c\u03ad\u03c3\u03bf\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03bd\u03ac agent \u03b7\u03bc\u03b5\u03c1\u03b7\u03c3\u03af\u03c9\u03c2<\/label>\n<span class=\"input-value\" id=\"calls-per-agent-value\">50<\/span>\n<\/div>\n<input type=\"range\" id=\"calls-per-agent\" min=\"50\" max=\"500\" value=\"50\" step=\"5\"\/>\n<div class=\"range-labels\"><span>50 \u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2<\/span><span>500 \u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2<\/span><\/div>\n<\/div>\n\n<div class=\"input-group\">\n<div class=\"input-header\">\n<label for=\"manual-tasks\">\u03a7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03c3\u03b5 \u03c7\u03b5\u03b9\u03c1\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03b5\u03c2 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2 \u03b1\u03bd\u03ac agent \u03b7\u03bc\u03b5\u03c1\u03b7\u03c3\u03af\u03c9\u03c2<\/label>\n<span class=\"input-value\" id=\"manual-tasks-value\">1\u03ce\u03c1\u03b1<\/span>\n<\/div>\n<input type=\"range\" id=\"manual-tasks\" min=\"1\" max=\"5\" value=\"1\" step=\"1\"\/>\n<div class=\"range-labels\"><span>1 \u03ce\u03c1\u03b1<\/span><span>5 \u03ce\u03c1\u03b5\u03c2<\/span><\/div>\n<\/div>\n\n<div class=\"input-group\">\n<div class=\"input-header\">\n<label for=\"coaching-time\">\u03a7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b5\u03ba\u03c0\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03b7 \u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 (\u03bc\u03b7\u03bd\u03b9\u03b1\u03af\u03c9\u03c2)<\/label>\n<span class=\"input-value\" id=\"coaching-time-value\">5\u03ce\u03c1\u03b5\u03c2<\/span>\n<\/div>\n<input type=\"range\" id=\"coaching-time\" min=\"1\" max=\"20\" value=\"5\" step=\"1\"\/>\n<div class=\"range-labels\"><span>1 \u03ce\u03c1\u03b1<\/span><span>20 \u03ce\u03c1\u03b5\u03c2<\/span><\/div>\n<\/div>\n\n<div class=\"input-group\">\n<div class=\"input-header\">\n<label for=\"phone-system-cost\">\u03a4\u03c1\u03ad\u03c7\u03bf\u03bd \u03bc\u03b7\u03bd\u03b9\u03b1\u03af\u03bf \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03bf\u03cd \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/label>\n<span class=\"input-value\" id=\"phone-system-cost-value\">2.000 \u20ac<\/span>\n<\/div>\n<input type=\"range\" id=\"phone-system-cost\" min=\"250\" max=\"15000\" value=\"2000\" step=\"250\"\/>\n<div class=\"range-labels\"><span>250 \u20ac<\/span><span>15.000 \u20ac<\/span><\/div>\n<\/div>\n<\/div>\n\n<div class=\"calculator-results\">\n<div style=\"text-align:center;margin-bottom:30px\">\n<div class=\"results-icon\">\n<span class=\"dollar-icon\">\u20ac<\/span>\n<span>\u0395\u03be\u03bf\u03b9\u03ba\u03bf\u03bd\u03cc\u03bc\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03bf BIGG AI Call Center<\/span>\n<\/div>\n<\/div>\n\n<div class=\"results-grid\">\n<div class=\"result-card total-savings\">\n<div class=\"result-label\">\u03a3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03ae \u03bc\u03b7\u03bd\u03b9\u03b1\u03af\u03b1 \u03b5\u03be\u03bf\u03b9\u03ba\u03bf\u03bd\u03cc\u03bc\u03b7\u03c3\u03b7<\/div>\n<div class=\"result-value\" id=\"total-savings\">0 \u20ac<\/div>\n<\/div>\n\n<div class=\"two-column-grid\">\n<div class=\"result-card\">\n<div class=\"result-label\">\u039c\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2<\/div>\n<div class=\"result-value\" id=\"labor-savings\">0 \u20ac<\/div>\n<\/div>\n<div class=\"result-card\">\n<div class=\"result-label\">\u039c\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/div>\n<div class=\"result-value\" id=\"system-savings\">0 \u20ac<\/div>\n<\/div>\n<\/div>\n\n<div class=\"result-card\">\n<div class=\"result-label\">\u0395\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b1\u03bd\u03ac \u03bc\u03ae\u03bd\u03b1<\/div>\n<div class=\"result-value\" id=\"extra-calls\">0<\/div>\n<\/div>\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Sticky Notes \u03b3\u03b9\u03b1 Mobile -->\n<div class=\"sticky-notes\" id=\"stickyNotes\">\n<div class=\"sticky-notes-grid\">\n<div class=\"sticky-note-item total\">\n<div class=\"sticky-note-label\">\u03a3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03ae \u03b5\u03be\u03bf\u03b9\u03ba\u03bf\u03bd\u03cc\u03bc\u03b7\u03c3\u03b7<\/div>\n<div class=\"sticky-note-value\" id=\"sticky-total-savings\">0 \u20ac<\/div>\n<\/div>\n<div class=\"sticky-note-item\">\n<div class=\"sticky-note-label\">\u0395\u03c1\u03b3\u03b1\u03c3\u03af\u03b1<\/div>\n<div class=\"sticky-note-value\" id=\"sticky-labor-savings\">0 \u20ac<\/div>\n<\/div>\n<div class=\"sticky-note-item\">\n<div class=\"sticky-note-label\">\u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1<\/div>\n<div class=\"sticky-note-value\" id=\"sticky-system-savings\">0 \u20ac<\/div>\n<\/div>\n<div class=\"sticky-note-item\">\n<div class=\"sticky-note-label\">\u0395\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2<\/div>\n<div class=\"sticky-note-value\" id=\"sticky-extra-calls\">0<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<style>\n.container {\nmax-width: 1400px;\nmargin: 0 auto;\npadding: 60px 40px;\n}\n\n.calculator-title {\ntext-align: center;\ncolor: #fff;\nfont-size: 2.5rem;\nfont-weight: 900;\nmargin-bottom: 40px;\n}\n\n.calculator-grid {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 40px;\nmargin-bottom: 30px;\n}\n\n.calculator-inputs {\nbackground: rgba(255, 255, 255, 0.05);\nbackdrop-filter: blur(20px);\npadding: 30px;\nborder-radius: 16px;\nborder: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.calculator-inputs h3 {\ncolor: #fff;\nfont-size: 1.5rem;\nfont-weight: 700;\nmargin-bottom: 30px;\nborder-bottom: 2px solid #f123b5;\npadding-bottom: 15px;\n}\n\n.input-group {\nmargin-bottom: 25px;\n}\n\n.input-header {\ndisplay: flex;\njustify-content: space-between;\nalign-items: flex-start;\nmargin-bottom: 12px;\ngap: 10px;\n}\n\n.input-group label {\ncolor: rgba(255, 255, 255, 0.9);\nfont-size: 14px;\nfont-weight: 500;\nline-height: 1.4;\n}\n\n.input-value {\ncolor: #f123b5;\nfont-size: 16px;\nfont-weight: 700;\nbackground: rgba(241, 35, 181, 0.15);\npadding: 4px 12px;\nborder-radius: 6px;\nwhite-space: nowrap;\n}\n\ninput[type=\"range\"] {\n-webkit-appearance: none;\nwidth: 100%;\nheight: 6px;\nborder-radius: 3px;\nbackground: rgba(255, 255, 255, 0.2);\noutline: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n-webkit-appearance: none;\nwidth: 18px;\nheight: 18px;\nborder-radius: 50%;\nbackground: #f123b5;\ncursor: pointer;\nbox-shadow: 0 2px 8px rgba(241, 35, 181, 0.5);\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\nwidth: 18px;\nheight: 18px;\nborder-radius: 50%;\nbackground: #f123b5;\ncursor: pointer;\nborder: none;\nbox-shadow: 0 2px 8px rgba(241, 35, 181, 0.5);\n}\n\n.range-labels {\ndisplay: flex;\njustify-content: space-between;\nmargin-top: 8px;\nfont-size: 11px;\ncolor: rgba(255, 255, 255, 0.5);\n}\n\n.calculator-results {\nbackground: rgba(0, 0, 60, 0.5);\nbackdrop-filter: blur(20px);\npadding: 30px;\nborder-radius: 16px;\nborder: 1px solid rgba(241, 35, 181, 0.3);\n}\n\n.results-icon {\ndisplay: flex;\nalign-items: center;\ngap: 15px;\nfont-size: 1.3rem;\ncolor: #fff;\nfont-weight: 700;\njustify-content: center;\nflex-wrap: wrap;\n}\n\n.dollar-icon {\nwidth: 50px;\nheight: 50px;\nbackground: #00ff88;\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 2rem;\ncolor: #00003c;\nfont-weight: 900;\n}\n\n.results-grid {\ndisplay: grid;\ngap: 20px;\n}\n\n.result-card {\nbackground: rgba(255, 255, 255, 0.05);\npadding: 25px;\nborder-radius: 12px;\nborder: 2px solid rgba(241, 35, 181, 0.3);\ntext-align: center;\n}\n\n.result-card.total-savings {\nborder-color: rgba(0, 255, 136, 0.4);\nbackground: rgba(0, 255, 136, 0.08);\n}\n\n.two-column-grid {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 20px;\n}\n\n.result-label {\ncolor: rgba(255, 255, 255, 0.9);\nfont-size: 14px;\nfont-weight: 600;\nmargin-bottom: 12px;\n}\n\n.result-value {\ncolor: #f123b5;\nfont-size: 2.5rem;\nfont-weight: 900;\n}\n\n.total-savings .result-value {\ncolor: #00ff88;\nfont-size: 3.5rem;\n}\n\n.btn-primary {\npadding: 18px 40px;\nbackground: #f123b5;\nborder: none;\nborder-radius: 25px;\ncolor: #fff;\nfont-weight: 700;\nfont-size: 1.1rem;\ncursor: pointer;\ntext-decoration: none;\ndisplay: inline-block;\ntransition: all 0.3s;\nfont-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.btn-primary:hover {\ntransform: translateY(-3px);\nbox-shadow: 0 15px 40px rgba(241, 35, 181, 0.5);\nbackground: #d41a9e;\n}\n\n\/* Sticky Notes Styles - FIXED *\/\n.sticky-notes {\nposition: fixed;\nbottom: 0;\nleft: 0;\nright: 0;\nwidth: 100%;\nmargin: 0;\nbackground: rgba(0, 0, 60, 0.98);\nbackdrop-filter: blur(20px);\npadding: 12px 15px;\nborder-top: 2px solid rgba(241, 35, 181, 0.4);\nz-index: 900;\ndisplay: none;\nbox-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3);\nbox-sizing: border-box;\n}\n\n.sticky-notes.visible {\ndisplay: block;\n}\n\n.sticky-notes-grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 8px;\nmax-width: 100%;\n}\n\n.sticky-note-item {\nbackground: rgba(241, 35, 181, 0.15);\nborder: 1px solid rgba(241, 35, 181, 0.3);\nborder-radius: 12px;\npadding: 8px 6px;\ntext-align: center;\nmin-width: 0;\n}\n\n.sticky-note-label {\nfont-size: 9px;\ncolor: rgba(255, 255, 255, 0.8);\nfont-weight: 600;\nmargin-bottom: 4px;\nline-height: 1.2;\n}\n\n.sticky-note-value {\nfont-size: 14px;\ncolor: #f123b5;\nfont-weight: 900;\nword-break: break-word;\n}\n\n.sticky-note-item.total {\ngrid-column: span 3;\nbackground: rgba(0, 255, 136, 0.15);\nborder-color: rgba(0, 255, 136, 0.3);\npadding: 10px 8px;\n}\n\n.sticky-note-item.total .sticky-note-value {\ncolor: #00ff88;\nfont-size: 18px;\n}\n\n@media(max-width:1000px) {\n.container {\npadding: 40px 20px;\n}\n\n.calculator-grid {\ngrid-template-columns: 1fr;\n}\n\n.two-column-grid {\ngrid-template-columns: 1fr;\n}\n\n.result-value {\nfont-size: 2rem;\n}\n\n.total-savings .result-value {\nfont-size: 2.8rem;\n}\n}\n\n@media (max-width: 360px) {\n.sticky-notes {\npadding: 10px 12px;\n}\n\n.sticky-notes-grid {\ngap: 6px;\n}\n\n.sticky-note-item {\npadding: 6px 4px;\n}\n\n.sticky-note-label {\nfont-size: 8px;\n}\n\n.sticky-note-value {\nfont-size: 12px;\n}\n\n.sticky-note-item.total .sticky-note-value {\nfont-size: 16px;\n}\n}\n<\/style>\n\n<script>\nconst WORKING_DAYS_PER_MONTH = 22;\n\nfunction formatNumber(n) {\nreturn n.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n}\n\nfunction updateSliderValue(i, v, p = '', s = '') {\nconst slider = document.getElementById(i);\nconst valueDisplay = document.getElementById(v);\nconst value = parseFloat(slider.value);\nlet displayValue = formatNumber(value);\nif (p) displayValue = p + displayValue;\nif (s) displayValue = displayValue + s;\nvalueDisplay.textContent = displayValue;\n}\n\nfunction calculateROI() {\nconst totalAgents = parseFloat(document.getElementById('total-agents').value) || 0;\nconst hourlyRate = parseFloat(document.getElementById('hourly-rate').value) || 0;\nconst callsPerAgent = parseFloat(document.getElementById('calls-per-agent').value) || 0;\nconst manualTasksHours = parseFloat(document.getElementById('manual-tasks').value) || 0;\nconst coachingHours = parseFloat(document.getElementById('coaching-time').value) || 0;\nconst phoneSystemCost = parseFloat(document.getElementById('phone-system-cost').value) || 0;\n\nconst manualTasksSavingsPerAgent = manualTasksHours * hourlyRate * WORKING_DAYS_PER_MONTH;\nconst totalManualTasksSavings = manualTasksSavingsPerAgent * totalAgents;\nconst coachingSavings = coachingHours * hourlyRate * totalAgents;\nconst totalLaborSavings = totalManualTasksSavings + coachingSavings;\nconst systemSavings = phoneSystemCost * 0.30;\nconst additionalCallsPerAgent = callsPerAgent * WORKING_DAYS_PER_MONTH * 0.20;\nconst totalAdditionalCalls = Math.round(additionalCallsPerAgent * totalAgents);\nconst totalMonthlySavings = totalLaborSavings + systemSavings;\n\ndocument.getElementById('total-savings').textContent = '\u20ac' + formatNumber(totalMonthlySavings.toFixed(0));\ndocument.getElementById('labor-savings').textContent = '\u20ac' + formatNumber(totalLaborSavings.toFixed(0));\ndocument.getElementById('system-savings').textContent = '\u20ac' + formatNumber(systemSavings.toFixed(0));\ndocument.getElementById('extra-calls').textContent = formatNumber(totalAdditionalCalls);\n\n\/\/ Update sticky notes\ndocument.getElementById('sticky-total-savings').textContent = '\u20ac' + formatNumber(totalMonthlySavings.toFixed(0));\ndocument.getElementById('sticky-labor-savings').textContent = '\u20ac' + formatNumber(totalLaborSavings.toFixed(0));\ndocument.getElementById('sticky-system-savings').textContent = '\u20ac' + formatNumber(systemSavings.toFixed(0));\ndocument.getElementById('sticky-extra-calls').textContent = formatNumber(totalAdditionalCalls);\n}\n\nconst sliders = [\n{id: 'total-agents', valueId: 'total-agents-value', prefix: '', suffix: ''},\n{id: 'hourly-rate', valueId: 'hourly-rate-value', prefix: '\u20ac', suffix: ''},\n{id: 'calls-per-agent', valueId: 'calls-per-agent-value', prefix: '', suffix: ''},\n{id: 'manual-tasks', valueId: 'manual-tasks-value', prefix: '', suffix: 'h'},\n{id: 'coaching-time', valueId: 'coaching-time-value', prefix: '', suffix: 'h'},\n{id: 'phone-system-cost', valueId: 'phone-system-cost-value', prefix: '\u20ac', suffix: ''}\n];\n\nsliders.forEach(slider => {\nconst element = document.getElementById(slider.id);\nif (element) {\nelement.addEventListener('input', function() {\nupdateSliderValue(slider.id, slider.valueId, slider.prefix, slider.suffix);\ncalculateROI();\n});\nupdateSliderValue(slider.id, slider.valueId, slider.prefix, slider.suffix);\n}\n});\n\ncalculateROI();\n\n\/\/ Sticky Notes Functionality \u03b3\u03b9\u03b1 Mobile\nfunction handleStickyNotes() {\nif (window.innerWidth > 1000) {\ndocument.getElementById('stickyNotes').classList.remove('visible');\nreturn;\n}\n\nconst calculatorSection = document.getElementById('calculator');\nconst resultsSection = document.querySelector('.calculator-results');\n\nif (!calculatorSection || !resultsSection) return;\n\nconst calculatorTop = calculatorSection.offsetTop;\nconst resultsTop = resultsSection.offsetTop;\nconst scrollPosition = window.scrollY + window.innerHeight;\nconst resultsPosition = resultsTop + 100;\n\nif (window.scrollY > calculatorTop - 200 && scrollPosition < resultsPosition) {\ndocument.getElementById('stickyNotes').classList.add('visible');\n} else {\ndocument.getElementById('stickyNotes').classList.remove('visible');\n}\n}\n\nwindow.addEventListener('scroll', handleStickyNotes);\nwindow.addEventListener('resize', handleStickyNotes);\nhandleStickyNotes();\n<\/script>\n\n\n\n<!-- DUAL VAPI BUTTON - With Inline Handler (FINAL VERSION) -->\n<div style=\"text-align: center; margin-bottom: 40px;\">\n  <div style=\"display: inline-flex; align-items: stretch; border-radius: 50px; overflow: visible; box-shadow: 0 10px 40px rgba(255, 0, 110, 0.4);\">\n\n<!-- LEFT SIDE - \u0394\u0399\u0391\u03a6\u039f\u03a1\u0395\u03a4\u0399\u039a\u039f ID! -->\n<button id=\"vapi-voice-btn-dual\" class=\"btn-primary\" type=\"button\" onclick=\"handleDualVapiClick(event)\" style=\"border-radius: 50px 0 0 50px; min-width: 280px;\">\n  <div class=\"voice-wave\">\n    <div class=\"wave-bar\"><\/div>\n    <div class=\"wave-bar\"><\/div>\n    <div class=\"wave-bar\"><\/div>\n    <div class=\"wave-bar\"><\/div>\n    <div class=\"wave-bar\"><\/div>\n  <\/div>\n  <span class=\"btn-text\">\u039a\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd AI Agent<\/span>\n  <div class=\"loading-overlay\">\n    <div class=\"loading-spinner\">\n      <div class=\"spinner-ring\"><\/div>\n      <div class=\"spinner-ring-inner\"><\/div>\n      <div class=\"spinner-dot\"><\/div>\n    <\/div>\n    <div class=\"loading-text\">\n \u03a3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7<span class=\"loading-dots\"><\/span>\n    <\/div>\n  <\/div>\n  <div class=\"status-indicator\"><\/div>\n  <div class=\"pulse-ring\"><\/div>\n  <div class=\"pulse-ring\"><\/div>\n  <div class=\"pulse-ring\"><\/div>\n<\/button>\n\n<!-- DIVIDER -->\n<div style=\"width: 2px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5), transparent); position: relative;\">\n  <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background: white; border-radius: 50%; box-shadow: 0 0 10px white;\"><\/div>\n<\/div>\n\n<!-- RIGHT SIDE -->\n<a href=\"tel:+302113337657\" class=\"btn-primary\" style=\"border-radius: 0 50px 50px 0; min-width: 280px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 12px; cursor: pointer;\">\n  <svg style=\"width: 24px; height: 24px; pointer-events: none; animation: phoneRock 2s ease-in-out infinite;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n    <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n  <\/svg>\n  <span style=\"pointer-events: none;\">\u039a\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd AI Agent<\/span>\n<\/a>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* \u039c\u03cc\u03bd\u03bf \u03c4\u03bf phoneRock animation \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b4\u03b5\u03be\u03af button *\/\n@keyframes phoneRock { \n  0%, 100% { transform: rotate(0deg); } \n  10%, 30% { transform: rotate(-15deg); } \n  20%, 40% { transform: rotate(15deg); } \n  50%, 90% { transform: rotate(0deg); } \n}\n\n\/* Mobile responsive \u03b3\u03b9\u03b1 \u03c4\u03bf DUAL button container *\/\n@media (max-width: 580px) {\n  #vapi-voice-btn-dual, \n  #vapi-voice-btn-dual + div + a { \n    min-width: 0 !important; \n    flex: 1 !important; \n    padding: 18px 24px !important; \n    font-size: 15px !important; \n  }\n}\n<\/style>\n\n<script>\n\/\/ ========================================\n\/\/ \ud83c\udfaf \u0391\u039b\u039b\u0391\u039e\u0395 \u03a4\u0391 \u039a\u0395\u0399\u039c\u0395\u039d\u0391 \u0395\u0394\u03a9 - \u039c\u039f\u039d\u039f \u03a3\u0395 \u0395\u039d\u0391 \u03a3\u0397\u039c\u0395\u0399\u039f!\n\/\/ ========================================\nconst DUAL_BUTTON_CONFIG = {\n  startText: '\u039c\u03b9\u03bb\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03c4\u03bf\u03bd AI Agent Online',      \/\/ \u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf button \u03b5\u03af\u03bd\u03b1\u03b9 idle\n  endText: 'End Call',                \/\/ \u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf call \u03b5\u03af\u03bd\u03b1\u03b9 active\n  connectingText: 'Connecting',       \/\/ \u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03ba\u03b1\u03c4\u03ac \u03c4\u03bf loading (start)\n  endingText: 'Ending call'           \/\/ \u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03ba\u03b1\u03c4\u03ac \u03c4\u03bf loading (end)\n};\n\/\/ ========================================\n\n\/\/ \u0391\u03a1\u03a7\u0399\u039a\u039f\u03a0\u039f\u0399\u0397\u03a3\u0397: \u0395\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b5 \u03c4\u03bf \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03c4\u03bf\u03c5 button \u03cc\u03c4\u03b1\u03bd \u03c6\u03bf\u03c1\u03c4\u03ce\u03bd\u03b5\u03b9 \u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\n(function initDualButton() {\n  const btn = document.getElementById('vapi-voice-btn-dual');\n  if (btn) {\n    const btnText = btn.querySelector('.btn-text');\n    if (btnText) {\n      btnText.textContent = DUAL_BUTTON_CONFIG.startText;\n      console.log('\u2705 DUAL button text initialized to:', DUAL_BUTTON_CONFIG.startText);\n    }\n  }\n})();\n\nfunction handleDualVapiClick(e) {\n  e.preventDefault();\n  e.stopPropagation();\n  \n  console.log('\ud83d\uddb1\ufe0f DUAL BUTTON CLICKED!');\n  \n  \/\/ \u03a0\u03b5\u03c1\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5\u03bc\u03b5 \u03bb\u03af\u03b3\u03bf \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c6\u03bf\u03c1\u03c4\u03ce\u03c3\u03b5\u03b9 \u03c4\u03bf VAPI \u03b1\u03c0\u03cc \u03c4\u03bf Home Banner\n  if (!window.vapiInstance) {\n    console.log('\u23f3 Waiting for VAPI to initialize...');\n    \/\/ \u0394\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03be\u03b1\u03bd\u03ac \u03bc\u03b5\u03c4\u03ac \u03b1\u03c0\u03cc 1 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03bf\n    setTimeout(function() {\n      if (window.vapiInstance) {\n        handleDualVapiClick(e);\n      } else {\n        alert('AI is still loading. Please wait a moment and try again.');\n      }\n    }, 1000);\n    return;\n  }\n  \n  const btn = document.getElementById('vapi-voice-btn-dual');\n  const btnText = btn.querySelector('.btn-text');\n  const loadingText = btn.querySelector('.loading-text');\n  \n  \/\/ \u03a3\u03a9\u03a3\u03a4\u039f\u03a3 \u0395\u039b\u0395\u0393\u03a7\u039f\u03a3: \u0395\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf button state, \u039f\u03a7\u0399 \u03bc\u03cc\u03bd\u03bf \u03c4\u03bf VAPI\n  const isActive = btn.classList.contains('active');\n  \n  console.log('\ud83d\udcca Button state - isActive:', isActive, 'has active class:', btn.classList.contains('active'));\n  \n  if (!isActive) {\n    \/\/ \ud83d\udee1\ufe0f TURNSTILE CHECK\n    if (typeof turnstileVerified !== 'undefined' && !turnstileVerified) {\n      console.log('\ud83d\udee1\ufe0f DUAL: Waiting for Turnstile verification...');\n      btn.classList.add('loading');\n      if (loadingText) {\n        loadingText.innerHTML = 'Verifying<span class=\"loading-dots\"><\/span>';\n      }\n      let attempts = 0;\n      const checkTurnstile = setInterval(() => {\n        attempts++;\n        if (turnstileVerified) {\n          clearInterval(checkTurnstile);\n          doStartCall();\n        } else if (attempts > 30) {\n          clearInterval(checkTurnstile);\n          doStartCall();\n        }\n      }, 100);\n      return;\n    }\n    \n    doStartCall();\n    \n    function doStartCall() {\n      console.log('\u25b6\ufe0f Starting call from DUAL button...');\n      btn.classList.add('loading');\n      if (loadingText) {\n        loadingText.innerHTML = DUAL_BUTTON_CONFIG.connectingText + '<span class=\"loading-dots\"><\/span>';\n      }\n      \n      window.vapiInstance.start(\"f422d548-d8e9-4291-a9b1-d0f9c543b13c\").then(function() {\n        console.log('\u2705 Call start requested from DUAL button');\n      }).catch(function(err) {\n        console.error('\u274c Failed to start call:', err);\n        btn.classList.remove('loading');\n        alert('Failed to start call. Please try again.');\n      });\n    }\n    \n  } else {\n    \/\/ END CALL\n    console.log('\u23f9\ufe0f Ending call from DUAL button...');\n    btn.classList.add('loading');\n    btn.classList.remove('active'); \/\/ Remove active state immediately\n    \n    if (loadingText) {\n      loadingText.innerHTML = DUAL_BUTTON_CONFIG.endingText + '<span class=\"loading-dots\">';\n    }\n    \n    window.vapiInstance.stop().then(function() {\n      console.log('\u2705 Call end requested from DUAL button');\n    }).catch(function(err) {\n      console.error('\u274c Failed to end call:', err);\n      btn.classList.remove('loading');\n      btn.classList.add('active'); \/\/ Restore active state on error\n    });\n  }\n}\n\n\/\/ ========================================\n\/\/ EVENT ATTACHMENT\n\/\/ \u03a0\u03b5\u03c1\u03b9\u03bc\u03ad\u03bd\u03b5\u03b9 \u03c4\u03bf VAPI \u03bd\u03b1 \u03c6\u03bf\u03c1\u03c4\u03ce\u03c3\u03b5\u03b9 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03ba\u03ac\u03bd\u03b5\u03b9 attach \u03c4\u03b1 events\n\/\/ ========================================\n\nfunction attachDualButtonEvents() {\n  if (!window.vapiInstance) {\n    console.log('\u23f3 DUAL button waiting for VAPI...');\n    setTimeout(attachDualButtonEvents, 500);\n    return;\n  }\n  \n  console.log('\u2705 DUAL button attaching events to VAPI');\n  \n  window.vapiInstance.on('call-start', function() {\n    console.log('\ud83d\udcde DUAL: Call started event');\n    const btn = document.getElementById('vapi-voice-btn-dual');\n    if (btn) {\n      btn.classList.remove('loading');\n      btn.classList.add('active');\n      const btnText = btn.querySelector('.btn-text');\n      if (btnText) btnText.textContent = DUAL_BUTTON_CONFIG.endText;\n    }\n  });\n  \n  window.vapiInstance.on('call-end', function() {\n    console.log('\ud83d\udcde DUAL: Call ended event');\n    const btn = document.getElementById('vapi-voice-btn-dual');\n    if (btn) {\n      btn.classList.remove('loading', 'active');\n      const btnText = btn.querySelector('.btn-text');\n      if (btnText) btnText.textContent = DUAL_BUTTON_CONFIG.startText;\n    }\n  });\n  \n  window.vapiInstance.on('speech-start', function() {\n    console.log('\ud83c\udfa4 DUAL: Speech started event');\n    const btn = document.getElementById('vapi-voice-btn-dual');\n    if (btn && btn.classList.contains('loading')) {\n      btn.classList.remove('loading');\n      btn.classList.add('active');\n      const btnText = btn.querySelector('.btn-text');\n      if (btnText) btnText.textContent = DUAL_BUTTON_CONFIG.endText;\n    }\n  });\n}\n\n\/\/ \u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03bf attach process\nattachDualButtonEvents();\nconsole.log('\ud83c\udfaf DUAL VAPI Button initialized');\n<\/script>\n\n\n\n<!-- ========== APPLICATIONS SECTION ========== -->\n<section class=\"applications-section\" id=\"applications\">\n<div style=\"max-width:1400px;margin:0 auto\">\n<h2 style=\"font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:40px;text-align:center\">\u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2<\/h2>\n<div class=\"applications-grid\">\n\n<!-- E-Commerce -->\n<div class=\"app-item\">\n<div class=\"app-icon\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"><\/path><\/svg>\n<\/div>\n<div class=\"app-content\">\n<h3>E-Commerce<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7 \u03c0\u03b1\u03c1\u03b1\u03b3\u03b3\u03b5\u03bb\u03b9\u03ce\u03bd & \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd<\/p>\n<\/div>\n<\/div>\n\n<!-- Tourism -->\n<div class=\"app-item\">\n<div class=\"app-icon\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"><\/path><\/svg>\n<\/div>\n<div class=\"app-content\">\n<h3>\u03a4\u03bf\u03c5\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u039a\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2, \u03b4\u03b5\u03c3\u03bc\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2 & \u03c4\u03b1\u03be\u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2<\/p>\n<\/div>\n<\/div>\n\n<!-- Real Estate -->\n<div class=\"app-item\">\n<div class=\"app-icon\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"><\/path><\/svg>\n<\/div>\n<div class=\"app-content\">\n<h3>Real Estate<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u03a0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c8\u03b5\u03c9\u03bd \u03b1\u03ba\u03b9\u03bd\u03ae\u03c4\u03c9\u03bd & \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2<\/p>\n<\/div>\n<\/div>\n\n<!-- Health -->\n<div class=\"app-item\">\n<div class=\"app-icon\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M19 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 11h-4v4h-4v-4H6v-4h4V6h4v4h4v4z\"><\/path><\/svg>\n<\/div>\n<div class=\"app-content\">\n<h3>\u03a5\u03b3\u03b5\u03af\u03b1<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u0399\u03b1\u03c4\u03c1\u03b9\u03ba\u03ac \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd, \u03c5\u03c0\u03b5\u03bd\u03b8\u03c5\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 & \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1 \u03b1\u03c3\u03b8\u03b5\u03bd\u03ce\u03bd<\/p>\n<\/div>\n<\/div>\n\n<!-- Automotive -->\n<div class=\"app-item\">\n<div class=\"app-icon\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"><\/path><\/svg>\n<\/div>\n<div class=\"app-content\">\n<h3>\u0391\u03bd\u03c4\u03b9\u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b5\u03af\u03b5\u03c2 \u0391\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03c9\u03bd<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03c3\u03ad\u03c1\u03b2\u03b9\u03c2 & \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03bf\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd<\/p>\n<\/div>\n<\/div>\n\n<!-- Education -->\n<div class=\"app-item\">\n<div class=\"app-icon\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"><\/path><\/svg>\n<\/div>\n<div class=\"app-content\">\n<h3>\u0395\u03ba\u03c0\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u0395\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae \u03c3\u03b5 \u03bc\u03b1\u03b8\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 & \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ce\u03bd<\/p>\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/section>\n\n<style>\n.applications-section {\nbackground: #fff;\ncolor: #000;\npadding: 80px 40px;\n}\n\n.applications-grid {\nmax-width: 1400px;\nmargin: 0 auto;\ndisplay: grid;\ngrid-template-columns: repeat(2, 1fr);\ngap: 30px;\n}\n\n.app-item {\ndisplay: flex;\nalign-items: flex-start;\ngap: 20px;\n}\n\n.app-icon {\nwidth: 60px;\nheight: 60px;\nbackground: linear-gradient(135deg, #f123b5, #ff6b9d);\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nflex-shrink: 0;\n}\n\n.app-icon svg {\nwidth: 32px;\nheight: 32px;\nfill: #fff;\n}\n\n.app-content h3 {\nfont-size: 1.8rem;\nfont-weight: 800;\nmargin-bottom: 10px;\n}\n\n.underline {\nwidth: 60px;\nheight: 3px;\nbackground: #f123b5;\nmargin-bottom: 15px;\n}\n\n.app-content p {\ncolor: #333;\nfont-size: 1.1rem;\nline-height: 1.6;\n}\n\n@media(max-width:1000px) {\n.applications-section {\npadding: 60px 20px;\n}\n\n.applications-grid {\ngrid-template-columns: 1fr;\ngap: 40px;\n}\n}\n<\/style>\n\n\n\n<!-- ========== Next-Generation Technology ========== -->\n\n<div class=\"container\">\n<div class=\"glass-card\">\n<h2 style=\"font-size:2.5rem;font-weight:900;margin-bottom:40px;text-align:center\">\u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03b7\u03c2 \u03b3\u03b5\u03bd\u03b9\u03ac\u03c2<\/h2>\n<p style=\"text-align:center;font-size:1.2rem;color:rgba(255,255,255,.8);max-width:800px;margin:0 auto 40px\">\u03a4\u03bf \u03ba\u03b1\u03b9\u03bd\u03bf\u03c4\u03cc\u03bc\u03bf AI Call Center \u03bc\u03b1\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03c9\u03c2 \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c2 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b7\u03c2, \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03bf\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03ae\u03c2 \u03c3\u03b1\u03c2.<\/p>\n\n<div class=\"tech-visual\">\n<div class=\"tech-item\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z\"><\/path><\/svg>\n<h4>NLP<\/h4>\n<p>\u0395\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae\u03c2 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b1\u03c2<\/p>\n<\/div>\n<div class=\"tech-item\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"><\/path><\/svg>\n<h4>\u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03ae \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7<\/h4>\n<p>\u039c\u03ac\u03b8\u03b7\u03c3\u03b7 \u03b1\u03c0\u03cc \u03ba\u03ac\u03b8\u03b5 \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1<\/p>\n<\/div>\n<div class=\"tech-item\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z\"><\/path><\/svg>\n<h4>\u03a5\u03c0\u03bf\u03b4\u03bf\u03bc\u03ae cloud<\/h4>\n<p>\u0391\u03c3\u03c6\u03b1\u03bb\u03ae\u03c2 & \u03b5\u03c0\u03b5\u03ba\u03c4\u03ac\u03c3\u03b9\u03bc\u03b7<\/p>\n<\/div>\n<div class=\"tech-item\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z\"><\/path><\/svg>\n<h4>\u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf<\/h4>\n<p>\u0396\u03c9\u03bd\u03c4\u03b1\u03bd\u03ac \u03c3\u03c4\u03b1\u03c4\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- ========== FEATURES SECTION ========== -->\n\n<section class=\"features-section\" id=\"features\">\n<div style=\"max-width:1400px;margin:0 auto\">\n<h2 style=\"font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:40px;text-align:center\">\u039b\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b5\u03c2<\/h2>\n\n<div class=\"features-grid\">\n<div class=\"feature-item\">\n<div class=\"feature-icon-circle\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"><\/path><\/svg>\n<\/div>\n<div class=\"feature-content\">\n<h3>\u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 24\/7<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u039f AI agent \u03c3\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9 \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03ba\u03bb\u03ae\u03c3\u03b7, \u03c7\u03c9\u03c1\u03af\u03c2 \u03b1\u03bd\u03b1\u03bc\u03bf\u03bd\u03ae<\/p>\n<\/div>\n<\/div>\n\n<div class=\"feature-item\">\n<div class=\"feature-icon-circle\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"><\/path><\/svg>\n<\/div>\n<div class=\"feature-content\">\n<h3>\u0395\u03be\u03b5\u03c1\u03c7\u03cc\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03bc\u03b5 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c5\u03c8\u03b7\u03bb\u03ac \u03c0\u03bf\u03c3\u03bf\u03c3\u03c4\u03ac \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03bf\u03c0\u03ae\u03c2<\/p>\n<\/div>\n<\/div>\n\n<div class=\"feature-item\">\n<div class=\"feature-icon-circle\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"><\/path><\/svg>\n<\/div>\n<div class=\"feature-content\">\n<h3>\u039a\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 & \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd, \u03ba\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03b2\u03b5\u03b2\u03b1\u03b9\u03ce\u03c3\u03b5\u03c9\u03bd \u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7<\/p>\n<\/div>\n<\/div>\n\n<div class=\"feature-item\">\n<div class=\"feature-icon-circle\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm13.5-9l1.96 2.5H17V9h2.5zm-1.5 9c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"><\/path><\/svg>\n<\/div>\n<div class=\"feature-content\">\n<h3>\u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7 \u03c0\u03b1\u03c1\u03b1\u03b3\u03b3\u03b5\u03bb\u03b9\u03ce\u03bd<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u0395\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7 \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03c9\u03bd \u03c0\u03b1\u03c1\u03b1\u03b3\u03b3\u03b5\u03bb\u03b9\u03ce\u03bd \u03c4\u03bf\u03c5\u03c2 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf<\/p>\n<\/div>\n<\/div>\n\n<div class=\"feature-item\">\n<div class=\"feature-icon-circle\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"><\/path><\/svg>\n<\/div>\n<div class=\"feature-content\">\n<h3>\u0395\u03b9\u03b4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2 & \u03c5\u03c0\u03b5\u03bd\u03b8\u03c5\u03bc\u03af\u03c3\u03b5\u03b9\u03c2<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c5\u03c0\u03b5\u03bd\u03b8\u03c5\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd, \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03b8\u03b5\u03c3\u03bc\u03af\u03b5\u03c2<\/p>\n<\/div>\n<\/div>\n\n<div class=\"feature-item\">\n<div class=\"feature-icon-circle\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"><\/path><\/svg>\n<\/div>\n<div class=\"feature-content\">\n<h3>\u03a6\u03c5\u03c3\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1<\/h3>\n<div class=\"underline\"><\/div>\n<p>\u0394\u03b5\u03bd \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af \u03c3\u03b5\u03bd\u03ac\u03c1\u03b9\u03b1 - \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ac \u03c6\u03c5\u03c3\u03b9\u03ba\u03ac \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<style>\n.features-section {\nbackground: #fff;\ncolor: #000;\npadding: 80px 40px;\n}\n\n.features-grid {\nmax-width: 1400px;\nmargin: 0 auto;\ndisplay: grid;\ngrid-template-columns: repeat(2, 1fr);\ngap: 30px;\n}\n\n.feature-item {\ndisplay: flex;\nalign-items: flex-start;\ngap: 20px;\n}\n\n.feature-icon-circle {\nwidth: 60px;\nheight: 60px;\nbackground: linear-gradient(135deg, #f123b5, #ff6b9d);\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nflex-shrink: 0;\n}\n\n.feature-icon-circle svg {\nwidth: 30px;\nheight: 30px;\nfill: #fff;\n}\n\n.feature-content h3 {\nfont-size: 1.8rem;\nfont-weight: 800;\nmargin-bottom: 10px;\n}\n\n.underline {\nwidth: 60px;\nheight: 3px;\nbackground: #f123b5;\nmargin-bottom: 15px;\n}\n\n.feature-content p {\ncolor: #333;\nfont-size: 1.1rem;\nline-height: 1.6;\n}\n\n@media(max-width:1000px) {\n.features-section {\npadding: 60px 20px;\n}\n\n.features-grid {\ngrid-template-columns: 1fr;\ngap: 40px;\n}\n}\n<\/style>\n\n\n\n<!-- ========== FAQ SECTION ========== -->\n\n<section class=\"faq-section\" id=\"faq\">\n<div style=\"max-width:1400px;margin:0 auto\">\n<h2 style=\"font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:40px;text-align:center;color:#fff\">\u03a3\u03c5\u03c7\u03bd\u03ad\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2<\/h2>\n\n<div class=\"faq-container\">\n<div class=\"faq-item\" onclick=\"this.classList.toggle('active')\">\n<div class=\"faq-question\">\n<span>\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf AI Call Center;<\/span>\n<span class=\"faq-toggle\">+<\/span>\n<\/div>\n<div class=\"faq-answer\">\n\u03a4\u03bf AI Call Center \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03ad\u03be\u03c5\u03c0\u03bd\u03b7 \u03bb\u03cd\u03c3\u03b7 \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ae\u03c2 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ad\u03c2 \u03ba\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae, \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03b7 \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1. \u039b\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af 24\/7 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf 90% \u03c4\u03c9\u03bd \u03b1\u03b9\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03c7\u03c9\u03c1\u03af\u03c2 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03b7 \u03c0\u03b1\u03c1\u03ad\u03bc\u03b2\u03b1\u03c3\u03b7. \n<\/div>\n<\/div>\n\n<div class=\"faq-item\" onclick=\"this.classList.toggle('active')\">\n<div class=\"faq-question\">\n<span>\u03a0\u03ce\u03c2 \u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c0\u03b1\u03c1\u03b1\u03b4\u03bf\u03c3\u03b9\u03b1\u03ba\u03ac \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ac \u03ba\u03ad\u03bd\u03c4\u03c1\u03b1;<\/span>\n<span class=\"faq-toggle\">+<\/span>\n<\/div>\n<div class=\"faq-answer\">\n\u03a3\u03b5 \u03b1\u03bd\u03c4\u03af\u03b8\u03b5\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03b1 \u03c0\u03b1\u03c1\u03b1\u03b4\u03bf\u03c3\u03b9\u03b1\u03ba\u03ac \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ac \u03ba\u03ad\u03bd\u03c4\u03c1\u03b1, \u03c4\u03bf AI Call Center \u03c0\u03b1\u03c1\u03ad\u03c7\u03b5\u03b9 \u03ac\u03bc\u03b5\u03c3\u03b7 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 \u03c7\u03c9\u03c1\u03af\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5\u03c2 \u03b1\u03bd\u03b1\u03bc\u03bf\u03bd\u03ae\u03c2, \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03cc\u03bb\u03bf \u03c4\u03bf 24\u03c9\u03c1\u03bf \u03ba\u03b1\u03b9 \u03bc\u03b5\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03bf \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03ad\u03c9\u03c2 \u03ba\u03b1\u03b9 70%. \u0395\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd, \u03b4\u03b5\u03bd \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af \u03ac\u03ba\u03b1\u03bc\u03c0\u03c4\u03b1 \u03c3\u03b5\u03bd\u03ac\u03c1\u03b9\u03b1 \u03b1\u03bb\u03bb\u03ac \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7 \u03c1\u03bf\u03ae \u03c4\u03b7\u03c2 \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1\u03c2. \n<\/div>\n<\/div>\n\n<div class=\"faq-item\" onclick=\"this.classList.toggle('active')\">\n<div class=\"faq-question\">\n<span>\u03a0\u03ce\u03c2 \u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c0\u03b5\u03c1\u03af\u03c0\u03bb\u03bf\u03ba\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2;<\/span>\n<span class=\"faq-toggle\">+<\/span>\n<\/div>\n<div class=\"faq-answer\">\n\u039f AI agent \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03c0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03b7 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae\u03c2 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9 \u03c4\u03bf \u03c0\u03bb\u03b1\u03af\u03c3\u03b9\u03bf \u03c4\u03b7\u03c2 \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1\u03c2. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03b9\u03c3\u03c4\u03b5\u03af \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ad\u03c2, \u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 \u03b8\u03ad\u03bc\u03b1\u03c4\u03bf\u03c2, \u03c0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03ad\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c7\u03c1\u03bf\u03bd\u03b1, \u03ba\u03b1\u03b9 \u03b1\u03ba\u03cc\u03bc\u03b7 \u03ba\u03b1\u03b9 \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1. \u03a3\u03b5 \u03c0\u03b5\u03c1\u03af\u03c0\u03c4\u03c9\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b5\u03af\u03c4\u03b1\u03b9 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03b7 \u03c0\u03b1\u03c1\u03ad\u03bc\u03b2\u03b1\u03c3\u03b7, \u03bc\u03b5\u03c4\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03c4\u03b7\u03bd \u03ba\u03bb\u03ae\u03c3\u03b7 \u03c3\u03c4\u03bf\u03bd \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03bf \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b7.  \n<\/div>\n<\/div>\n\n<div class=\"faq-item\" onclick=\"this.classList.toggle('active')\">\n<div class=\"faq-question\">\n<span>\u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b5\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03c9\u03b8\u03b5\u03af \u03bc\u03b5 \u03c4\u03b1 \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03bd\u03c4\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03ac \u03bc\u03bf\u03c5;<\/span>\n<span class=\"faq-toggle\">+<\/span>\n<\/div>\n<div class=\"faq-answer\">\n\u0391\u03c0\u03bf\u03bb\u03cd\u03c4\u03c9\u03c2. \u03a4\u03bf AI Call Center \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b4\u03b5\u03b8\u03b5\u03af \u03bc\u03b5 \u03c4\u03bf CRM \u03c3\u03b1\u03c2, \u03c4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03ba\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd, \u03c4\u03b7\u03bd \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1 e-commerce, \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03b1 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03c0\u03bf\u03c5 \u03ae\u03b4\u03b7 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b5, \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03b1\u03c0\u03c1\u03cc\u03c3\u03ba\u03bf\u03c0\u03c4\u03b7 \u03c1\u03bf\u03ae \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ce\u03bd. \n<\/div>\n<\/div>\n\n<div class=\"faq-item\" onclick=\"this.classList.toggle('active')\">\n<div class=\"faq-question\">\n<span>\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\u03c2 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03cc\u03c2;<\/span>\n<span class=\"faq-toggle\">+<\/span>\n<\/div>\n<div class=\"faq-answer\">\n\u038c\u03c7\u03b9. \u03a4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b2\u03b1\u03c3\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf \u03c3\u03c4\u03bf cloud \u03ba\u03b1\u03b9 \u03b4\u03b5\u03bd \u03b1\u03c0\u03b1\u03b9\u03c4\u03b5\u03af \u03b5\u03c0\u03b5\u03bd\u03b4\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03c5\u03bb\u03b9\u03ba\u03cc. \u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03bd\u03c4\u03b5\u03c2 \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 \u03c3\u03b1\u03c2.  \n<\/div>\n<\/div>\n\n<div class=\"faq-item\" onclick=\"this.classList.toggle('active')\">\n<div class=\"faq-question\">\n<span>\u03a0\u03cc\u03c3\u03bf \u03b1\u03c3\u03c6\u03b1\u03bb\u03ae \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03bc\u03bf\u03c5;<\/span>\n<span class=\"faq-toggle\">+<\/span>\n<\/div>\n<div class=\"faq-answer\">\n\u0397 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03c4\u03c9\u03bd \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c4\u03b5\u03c1\u03b1\u03b9\u03cc\u03c4\u03b7\u03c4\u03ac \u03bc\u03b1\u03c2. \u03a4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03c3\u03c5\u03bc\u03bc\u03bf\u03c1\u03c6\u03ce\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b5\u03c5\u03c1\u03c9\u03c0\u03b1\u03ca\u03ba\u03bf\u03cd\u03c2 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03c3\u03bc\u03bf\u03cd\u03c2 (GDPR) \u03ba\u03b1\u03b9 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03cc\u03bb\u03c9\u03bd \u03c4\u03c9\u03bd \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ce\u03bd. \n<\/div>\n<\/div>\n\n<div class=\"faq-item\" onclick=\"this.classList.toggle('active')\">\n<div class=\"faq-question\">\n<span>\u03a0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03b5\u03be\u03bf\u03b9\u03ba\u03bf\u03bd\u03cc\u03bc\u03b7\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2;<\/span>\n<span class=\"faq-toggle\">+<\/span>\n<\/div>\n<div class=\"faq-answer\">\n\u039f\u03b9 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bd \u03c4\u03bf AI Call Center \u03b2\u03bb\u03ad\u03c0\u03bf\u03c5\u03bd \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 \u03ad\u03c9\u03c2 \u03ba\u03b1\u03b9 70% \u03c3\u03b5 \u03c3\u03cd\u03b3\u03ba\u03c1\u03b9\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03b1 \u03c0\u03b1\u03c1\u03b1\u03b4\u03bf\u03c3\u03b9\u03b1\u03ba\u03ac \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ac \u03ba\u03ad\u03bd\u03c4\u03c1\u03b1, \u03b5\u03bd\u03ce \u03c4\u03b1\u03c5\u03c4\u03cc\u03c7\u03c1\u03bf\u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c4\u03c9\u03bd \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd \u03ba\u03b1\u03b9 \u03b1\u03c5\u03be\u03ac\u03bd\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1.\n<\/div>\n<\/div>\n\n<div class=\"faq-item\" onclick=\"this.classList.toggle('active')\">\n<div class=\"faq-question\">\n<span>\u03a0\u03ce\u03c2 \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c9;<\/span>\n<span class=\"faq-toggle\">+<\/span>\n<\/div>\n<div class=\"faq-answer\">\n\u0391\u03c0\u03bb\u03ac \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03c3\u03c5\u03bc\u03b2\u03bf\u03c5\u03bb\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7. \u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b8\u03b1 \u03b1\u03be\u03b9\u03bf\u03bb\u03bf\u03b3\u03ae\u03c3\u03b5\u03b9 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b8\u03b1 \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03ae \u03bb\u03cd\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2. \n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<style>\n.faq-section {\nbackground: transparent;\ncolor: #fff;\npadding: 80px 40px;\n}\n\n.faq-container {\nmax-width: 900px;\nmargin: 0 auto;\n}\n\n.faq-item {\nbackground: rgba(255, 255, 255, 0.05);\nbackdrop-filter: blur(20px);\nborder: 1px solid rgba(255, 255, 255, 0.1);\nborder-radius: 16px;\npadding: 25px 30px;\nmargin-bottom: 20px;\ncursor: pointer;\ntransition: all 0.3s;\n}\n\n.faq-item:hover {\nborder-color: rgba(241, 35, 181, 0.3);\nbackground: rgba(255, 255, 255, 0.08);\n}\n\n.faq-question {\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\nfont-size: 1.2rem;\nfont-weight: 700;\ncolor: #fff;\n}\n\n.faq-toggle {\nfont-size: 1.5rem;\ncolor: #f123b5;\ntransition: transform 0.3s;\n}\n\n.faq-item.active .faq-toggle {\ntransform: rotate(45deg);\n}\n\n.faq-answer {\nmax-height: 0;\noverflow: hidden;\ntransition: max-height 0.3s ease;\ncolor: rgba(255, 255, 255, 0.8);\nfont-size: 1.05rem;\nline-height: 1.7;\n}\n\n.faq-item.active .faq-answer {\nmax-height: 500px;\npadding-top: 20px;\n}\n\n@media(max-width:1000px) {\n.faq-section {\npadding: 60px 20px;\n}\n}\n<\/style>\n\n\n\n<!-- ========== WHAT MAKES US DIFFERENT ========== -->\n<section class=\"features-section\" style=\"background:#fff;padding:80px 40px\">\n<div style=\"max-width:1400px;margin:0 auto\">\n<h2 style=\"font-size:2.5rem;font-weight:900;margin-bottom:40px;text-align:center;color:#000\">\u03a4\u03b9 \u03bc\u03b1\u03c2 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2<\/h2>\n<div class=\"features-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px\">\n<div class=\"feature-card\" style=\"background:rgba(241,35,181,0.05);border:1px solid rgba(241,35,181,0.15);border-radius:16px;padding:30px;transition:all 0.3s\">\n<h3 style=\"font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#f123b5\">\u03a0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b1\u03bb\u03bb\u03b7\u03bb\u03b5\u03c0\u03af\u03b4\u03c1\u03b1\u03c3\u03b7<\/h3>\n<p style=\"color:#333;line-height:1.8\">\u0391\u03bd\u03c4\u03b1\u03c0\u03bf\u03ba\u03c1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ad\u03c2, \u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2, \u03b1\u03ba\u03c5\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03ad\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2, \u03b1\u03ba\u03cc\u03bc\u03b7 \u03ba\u03b1\u03b9 \u03bc\u03b5 \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1.<\/p>\n<\/div>\n<div class=\"feature-card\" style=\"background:rgba(241,35,181,0.05);border:1px solid rgba(241,35,181,0.15);border-radius:16px;padding:30px;transition:all 0.3s\">\n<h3 style=\"font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#f123b5\">\u0395\u03c5\u03ad\u03bb\u03b9\u03ba\u03c4\u03bf\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2<\/h3>\n<p style=\"color:#333;line-height:1.8\">\u039c\u03b5\u03c4\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9 \u03b1\u03b2\u03af\u03b1\u03c3\u03c4\u03b1 \u03b1\u03c0\u03cc \u03b5\u03b9\u03c3\u03b5\u03c1\u03c7\u03cc\u03bc\u03b5\u03bd\u03b7 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03c3\u03b5 \u03b5\u03be\u03b5\u03c1\u03c7\u03cc\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c7\u03c9\u03c1\u03af\u03c2 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2.<br\/><\/p>\n<\/div>\n<div class=\"feature-card\" style=\"background:rgba(241,35,181,0.05);border:1px solid rgba(241,35,181,0.15);border-radius:16px;padding:30px;transition:all 0.3s\">\n<h3 style=\"font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#f123b5\">\u0386\u03bc\u03b5\u03c3\u03b7 \u0395\u03bd\u03c3\u03c9\u03bc\u03ac\u03c4\u03c9\u03c3\u03b7<\/h3>\n<p style=\"color:#333;line-height:1.8\">\u03a3\u03c5\u03bd\u03b4\u03ad\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b1 \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03bd\u03c4\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03ac \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf \u03bd\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03c3\u03b5 \u03bb\u03af\u03b3\u03b5\u03c2 \u03bc\u03cc\u03bd\u03bf \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<style>\n.feature-card:hover {\nbackground: rgba(241, 35, 181, 0.1) !important;\nborder-color: rgba(241, 35, 181, 0.3) !important;\ntransform: translateY(-5px);\nbox-shadow: 0 10px 30px rgba(241, 35, 181, 0.2);\n}\n\n@media(max-width:768px) {\n.features-section {\npadding: 60px 20px !important;\n}\n}\n<\/style>\n\n\n\n<!-- ========== OUR TEAM SECTION ========== -->\n<div class=\"team-section-wrapper\" id=\"teams\">\n  <div class=\"team-grid\">\n    <div class=\"team-image\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/ai-call-center.jpg\" alt=\"BIGG AI Team\">\n    <\/div>\n    <div class=\"team-content\">\n      <h2>\u0397 \u039f\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2<\/h2>\n      <p>\u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf AI Call Center \u03c4\u03b7\u03c2 BIGG \u03c3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03b5\u03b9 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c3\u03c4\u03b7\u03bd \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1, \u03c4\u03bf engineering \u03ba\u03b1\u03b9 \u03c4\u03bf business strategy, \u03bc\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03b1\u03c0\u03cc 20 \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c2 \u03c3\u03b5 \u03b4\u03b9\u03b5\u03b8\u03bd\u03b5\u03af\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2 \u03bc\u03b5 \u03c0\u03bf\u03bb\u03c5\u03b5\u03b8\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf\u03c5\u03c2 \u03bf\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03bf\u03cd\u03c2 \u03c3\u03b5 \u03cc\u03bb\u03b7 \u03c4\u03b7\u03bd \u0395\u03c5\u03c1\u03ce\u03c0\u03b7.<\/p>\n      <p>\u0397 \u03c0\u03bf\u03c1\u03b5\u03af\u03b1 \u03bc\u03b1\u03c2 \u03be\u03b5\u03ba\u03af\u03bd\u03b7\u03c3\u03b5 \u03b1\u03c0\u03cc \u03c4\u03bf \u0397\u03bd\u03c9\u03bc\u03ad\u03bd\u03bf \u0392\u03b1\u03c3\u03af\u03bb\u03b5\u03b9\u03bf \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03bb\u03af\u03c7\u03b8\u03b7\u03ba\u03b5 \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2 \u03bc\u03b5 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b5\u03c2 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03c4\u03bf\u03bc\u03b5\u03af\u03c2 \u03c4\u03b7\u03c2 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2, \u03c4\u03bf\u03c5 retail \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03b9\u03ce\u03bd. \u03a3\u03ae\u03bc\u03b5\u03c1\u03b1, \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03ad\u03be\u03c5\u03c0\u03bd\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c6\u03ad\u03c1\u03bd\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd AI \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2, \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1, \u03c4\u03b7 \u03c3\u03b1\u03c6\u03ae\u03bd\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03bc\u03b5\u03c4\u03c1\u03ae\u03c3\u03b9\u03bc\u03b1 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Companies -->\n  <div class=\"team-companies\">\n    <div class=\"callcenter-logo-strip\">\n      <div class=\"callcenter-logo-track\">\n        <img decoding=\"async\" src=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg\" alt=\"Public\" loading=\"lazy\" \/>\n        <img decoding=\"async\" src=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/Untitled-2.jpg\" alt=\"LG\" loading=\"lazy\" \/>\n        <img decoding=\"async\" src=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/Untitled-7.jpg\" alt=\"Plaisio\" loading=\"lazy\" \/>\n        <img decoding=\"async\" src=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/Untitled-5.jpg\" alt=\"Daikin\" loading=\"lazy\" \/>\n\n        <img decoding=\"async\" src=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg\" alt=\"Public\" loading=\"lazy\" \/>\n        <img decoding=\"async\" src=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/Untitled-2.jpg\" alt=\"LG\" loading=\"lazy\" \/>\n        <img decoding=\"async\" src=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/Untitled-7.jpg\" alt=\"Plaisio\" loading=\"lazy\" \/>\n        <img decoding=\"async\" src=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/Untitled-5.jpg\" alt=\"Daikin\" loading=\"lazy\" \/>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n.team-section-wrapper {\n  max-width: 1400px;\n  margin: 60px auto;\n  padding: 0 40px;\n}\n.team-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n}\n.team-image img {\n  width: 100%;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0,0,0,.3);\n}\n.team-content h2 {\n  font-size: 2.5rem;\n  font-weight: 900;\n  margin-bottom: 30px;\n  color: #fff;\n  text-align: left;\n}\n.team-content p {\n  font-size: 1.05rem;\n  line-height: 1.8;\n  color: rgba(255,255,255,.8);\n  margin-bottom: 18px;\n}\n\n\/* Companies *\/\n.team-companies {\n  margin-top: 50px;\n}\n\n.team-companies-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n}\n.team-company-item {\n  aspect-ratio: 3 \/ 1;\n  overflow: hidden;\n  border-radius: 6px;\n  border: 2px solid #222;\n  background: #ffffff;\n  transition: border-color 0.3s ease;\n}\n.team-company-item:hover {\n  border-color: #c9a000;\n}\n.team-company-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  object-position: center center;\n  display: block;\n  padding: 16px;\n  transition: transform 0.4s ease;\n}\n.team-company-item:hover img {\n  transform: scale(1.05);\n}\n\n@media (max-width: 1000px) {\n  .team-section-wrapper {\n    padding: 0 20px;\n  }\n  .team-grid {\n    grid-template-columns: 1fr;\n  }\n  .team-image {\n    display: none;\n  }\n  .team-content h2,\n  .team-content p {\n    text-align: center;\n  }\n  .team-companies-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n}\n<\/style>\n\n\n\n<!-- ========== READY TO GET STARTED CTA ========== -->\n<div class=\"cta-section-wrapper\">\n<div class=\"cta-section\">\n<h2>\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03b9 \u03bd\u03b1 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03c4\u03b5;<\/h2>\n<p>\u0394\u03b5\u03af\u03c4\u03b5 \u03c0\u03ce\u03c2 \u03c4\u03bf AI Call Center \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03bc\u03bf\u03c1\u03c6\u03ce\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd \u03c3\u03b1\u03c2<\/p>\n<div class=\"booking-button-wrapper\">\n\n<!-- CRITICAL: Define ALL JavaScript functions BEFORE the button -->\n<script type=\"text\/javascript\">\n\/\/ Global variables for this booking instance\nwindow['booking_bc1_availableDates'] = [];\nwindow['booking_bc1_bookingType'] = 'teams';\n\n\/\/ Main modal functions - defined in global scope\nwindow['openBookingModal_bc1'] = function() {\n    console.log('\ud83d\udcc5 Opening modal for bc1...');\n    var overlay = document.getElementById('bc1-overlay');\n    if (overlay) {\n        overlay.classList.add('active');\n        \/\/ Load available dates\n        window['loadAvailableDates_bc1']();\n    }\n};\n\nwindow['closeBookingModal_bc1'] = function() {\n    var overlay = document.getElementById('bc1-overlay');\n    if (overlay) {\n        overlay.classList.remove('active');\n    }\n};\n\nwindow['showError_bc1'] = function(message) {\n    var errorDiv = document.getElementById('bc1-error');\n    if (errorDiv) {\n        errorDiv.textContent = message;\n        errorDiv.classList.add('show');\n        setTimeout(function() {\n            errorDiv.classList.remove('show');\n        }, 5000);\n    }\n};\n\n\/\/ Load available dates function\nwindow['loadAvailableDates_bc1'] = function() {\n    console.log('\ud83d\udd0d Loading available dates...');\n    var loadingDiv = document.getElementById('date-loading-bc1');\n    if (loadingDiv) loadingDiv.style.display = 'block';\n    \n    if (typeof jQuery !== 'undefined' && jQuery.ajax) {\n        jQuery.ajax({\n            url: 'https:\/\/aicallcenter.wearebigg.com\/wp-admin\/admin-ajax.php',\n            method: 'POST',\n            data: {\n                action: 'bc_get_available_dates',\n                booking_type: window['booking_bc1_bookingType']\n            },\n            success: function(response) {\n                console.log('\u2705 Dates loaded:', response);\n                if (loadingDiv) loadingDiv.style.display = 'none';\n                \n                if (response.success && response.data.dates) {\n                    window['booking_bc1_availableDates'] = response.data.dates;\n                    console.log('\ud83d\udcc5 Available dates:', response.data.dates.length);\n                    \n                    \/\/ Generate calendar\n                    window['generateCalendar_bc1']();\n                } else {\n                    window['showError_bc1']('No available dates found');\n                }\n            },\n            error: function() {\n                if (loadingDiv) loadingDiv.style.display = 'none';\n                window['showError_bc1']('Error loading dates');\n            }\n        });\n    }\n};\n\n\/\/ Generate custom calendar\nwindow['generateCalendar_bc1'] = function() {\n    console.log('\ud83d\udcc5 Generating calendar...');\n    \n    var calendarDiv = document.getElementById('calendar-bc1');\n    if (!calendarDiv) return;\n    \n    var availableDates = window['booking_bc1_availableDates'] || [];\n    if (availableDates.length === 0) {\n        calendarDiv.innerHTML = '<p style=\"text-align: center; color: rgba(255,255,255,0.5);\">No available dates<\/p>';\n        return;\n    }\n    \n    \/\/ Get current date and next 2 months\n    var today = new Date();\n    var html = '<div class=\"custom-calendar\">';\n    \n    \/\/ Create month views\n    for (var m = 0; m < 2; m++) {\n        var currentMonth = new Date(today.getFullYear(), today.getMonth() + m, 1);\n        var monthName = currentMonth.toLocaleDateString('el-GR', { month: 'long', year: 'numeric' });\n        \n        html += '<div class=\"calendar-month\">';\n        html += '<h4 style=\"text-align: center; margin: 10px 0; color: #fff; text-transform: capitalize;\">' + monthName + '<\/h4>';\n        html += '<div class=\"calendar-grid\" style=\"display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px;\">';\n        \n        \/\/ Day headers\n        var dayHeaders = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n        for (var d = 0; d < 7; d++) {\n            html += '<div style=\"text-align: center; font-weight: bold; font-size: 12px; color: rgba(255,255,255,0.6);\">' + dayHeaders[d] + '<\/div>';\n        }\n        \n        \/\/ Get first day of month and number of days\n        var firstDay = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), 1).getDay();\n        var daysInMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 0).getDate();\n        \n        \/\/ Adjust for Monday start (European calendar)\n        firstDay = firstDay === 0 ? 6 : firstDay - 1;\n        \n        \/\/ Empty cells for days before month starts\n        for (var e = 0; e < firstDay; e++) {\n            html += '<div><\/div>';\n        }\n        \n        \/\/ Days of the month\n        for (var day = 1; day <= daysInMonth; day++) {\n            var dateStr = currentMonth.getFullYear() + '-' + \n                         String(currentMonth.getMonth() + 1).padStart(2, '0') + '-' + \n                         String(day).padStart(2, '0');\n            \n            var isAvailable = availableDates.indexOf(dateStr) !== -1;\n            var isPast = new Date(dateStr) < today;\n            \n            if (isAvailable && !isPast) {\n                html += '<div class=\"calendar-day available\" data-date=\"' + dateStr + '\" onclick=\"selectDate_bc1(\\'' + dateStr + '\\')\" style=\"padding: 8px; text-align: center; background: rgba(241, 35, 181, 0.8); color: white; border-radius: 5px; cursor: pointer; transition: all 0.3s;\">' + day + '<\/div>';\n            } else if (isPast) {\n                html += '<div class=\"calendar-day past\" style=\"padding: 8px; text-align: center; color: rgba(255,255,255,0.2);\">' + day + '<\/div>';\n            } else {\n                html += '<div class=\"calendar-day unavailable\" style=\"padding: 8px; text-align: center; color: rgba(255,255,255,0.4);\">' + day + '<\/div>';\n            }\n        }\n        \n        html += '<\/div><\/div>';\n    }\n    \n    html += '<\/div>';\n    calendarDiv.innerHTML = html;\n};\n\n\/\/ Select date function\nwindow['selectDate_bc1'] = function(date) {\n    console.log('\ud83d\udcc5 Date selected:', date);\n    \n    \/\/ Set the date input value\n    var dateInput = document.getElementById('datepicker-bc1');\n    if (dateInput) {\n        dateInput.value = date;\n    }\n    \n    \/\/ Hide calendar\n    var calendarDiv = document.getElementById('calendar-bc1');\n    if (calendarDiv) {\n        calendarDiv.style.display = 'none';\n    }\n    \n    \/\/ Load available times\n    window['loadAvailableTimes_bc1'](date);\n};\n\n\/\/ Show\/hide calendar\nwindow['toggleCalendar_bc1'] = function() {\n    var calendarDiv = document.getElementById('calendar-bc1');\n    if (calendarDiv) {\n        if (calendarDiv.style.display === 'none' || !calendarDiv.style.display) {\n            calendarDiv.style.display = 'block';\n            window['generateCalendar_bc1']();\n        } else {\n            calendarDiv.style.display = 'none';\n        }\n    }\n};\n\n\/\/ Load available times\nwindow['loadAvailableTimes_bc1'] = function(date) {\n    console.log('\u23f0 Loading times for:', date);\n    var timeSelect = document.getElementById('time-bc1');\n    var loadingDiv = document.getElementById('time-loading-bc1');\n    \n    if (timeSelect) {\n        timeSelect.disabled = true;\n        timeSelect.innerHTML = '<option value=\"\">Loading...<\/option>';\n    }\n    if (loadingDiv) loadingDiv.style.display = 'block';\n    \n    if (typeof jQuery !== 'undefined' && jQuery.ajax) {\n        jQuery.ajax({\n            url: 'https:\/\/aicallcenter.wearebigg.com\/wp-admin\/admin-ajax.php',\n            method: 'POST',\n            data: {\n                action: 'bc_get_available_times',\n                date: date,\n                booking_type: window['booking_bc1_bookingType']\n            },\n            success: function(response) {\n                console.log('\u2705 Times loaded:', response);\n                if (loadingDiv) loadingDiv.style.display = 'none';\n                \n                if (response.success && response.data.times && response.data.times.length > 0) {\n                    if (timeSelect) {\n                        timeSelect.innerHTML = '<option value=\"\">Select Time<\/option>';\n                        response.data.times.forEach(function(time) {\n                            var option = document.createElement('option');\n                            option.value = time;\n                            option.textContent = time;\n                            timeSelect.appendChild(option);\n                        });\n                        timeSelect.disabled = false;\n                    }\n                } else {\n                    if (timeSelect) {\n                        timeSelect.innerHTML = '<option value=\"\">No available time slots<\/option>';\n                    }\n                }\n            },\n            error: function() {\n                if (loadingDiv) loadingDiv.style.display = 'none';\n                if (timeSelect) {\n                    timeSelect.innerHTML = '<option value=\"\">Loading error<\/option>';\n                }\n            }\n        });\n    }\n};\n\nconsole.log('\u2705 All functions registered for bc1');\n<\/script>\n\n<!-- Styles matching header modal -->\n<style>\n    \/* Button Style *\/\n    .bc1-btn {\n        padding: 12px 28px;\n        background: #f123b5;\n        border: none;\n        border-radius: 25px;\n        color: #fff !important;\n        font-weight: 700;\n        font-size: 1rem;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        cursor: pointer;\n        text-decoration: none;\n        display: inline-block;\n        transition: all 0.3s;\n        letter-spacing: 0.5px;\n    }\n    .bc1-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(241, 35, 181, 0.5);\n        background: #d41a9e;\n    }\n    \n    \/* Modal Overlay *\/\n    .bc1-overlay {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 60, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 10000;\n        animation: fadeIn 0.3s ease;\n    }\n    .bc1-overlay.active {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n    \n    \/* Modal Content *\/\n    .bc1-modal {\n        background: linear-gradient(135deg, rgba(241, 35, 181, 0.1), rgba(0, 212, 255, 0.1));\n        backdrop-filter: blur(20px);\n        border: 2px solid rgba(241, 35, 181, 0.3);\n        border-radius: 30px;\n        padding: 50px;\n        max-width: 600px;\n        width: 90%;\n        max-height: 90vh;\n        overflow-y: auto;\n        position: relative;\n        animation: slideUp 0.4s ease;\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\n    }\n    @keyframes slideUp {\n        from {\n            transform: translateY(50px);\n            opacity: 0;\n        }\n        to {\n            transform: translateY(0);\n            opacity: 1;\n        }\n    }\n    \n    \/* Close Button *\/\n    .bc1-close {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        background: rgba(241, 35, 181, 0.2);\n        border: 2px solid rgba(241, 35, 181, 0.4);\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        transition: all 0.3s;\n        color: #fff;\n        font-size: 24px;\n        font-weight: 700;\n    }\n    .bc1-close:hover {\n        background: #f123b5;\n        transform: rotate(90deg);\n    }\n    \n    \/* Modal Header *\/\n    .bc1-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n    .bc1-header h2 {\n        font-size: 2.5rem;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 10px;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    .bc1-header p {\n        color: rgba(255, 255, 255, 0.7);\n        font-size: 1.1rem;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    \n    \/* Form Groups *\/\n    .bc1-form-group {\n        margin-bottom: 25px;\n    }\n    .bc1-form-group label {\n        display: block;\n        color: rgba(255, 255, 255, 0.9);\n        font-weight: 600;\n        margin-bottom: 10px;\n        font-size: 14px;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    .bc1-form-group input,\n    .bc1-form-group select,\n    .bc1-form-group textarea {\n        width: 100%;\n        padding: 15px;\n        background: rgba(255, 255, 255, 0.05);\n        border: 2px solid rgba(241, 35, 181, 0.2);\n        border-radius: 15px;\n        color: #fff;\n        font-size: 16px;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        transition: all 0.3s;\n        box-sizing: border-box;\n    }\n    .bc1-form-group input:focus,\n    .bc1-form-group select:focus,\n    .bc1-form-group textarea:focus {\n        outline: none;\n        border-color: #f123b5;\n        background: rgba(255, 255, 255, 0.08);\n        box-shadow: 0 0 20px rgba(241, 35, 181, 0.2);\n    }\n    .bc1-form-group input::placeholder,\n    .bc1-form-group textarea::placeholder {\n        color: rgba(255, 255, 255, 0.4);\n    }\n    \n    \/* Type Selector *\/\n    .bc1-type-selector {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 15px;\n        margin-bottom: 20px;\n    }\n    .bc1-type-option {\n        padding: 20px;\n        background: rgba(255, 255, 255, 0.05);\n        border: 2px solid rgba(241, 35, 181, 0.2);\n        border-radius: 15px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 0.3s;\n        display: block;\n        color: #fff;\n    }\n    .bc1-type-option:hover {\n        border-color: #f123b5;\n        background: rgba(241, 35, 181, 0.1);\n    }\n    .bc1-type-option.active {\n        border-color: #f123b5;\n        background: rgba(241, 35, 181, 0.2);\n    }\n    .bc1-type-option input[type=\"radio\"] {\n        display: none;\n    }\n    .bc1-type-option strong {\n        color: #fff;\n        display: block;\n        margin-top: 10px;\n    }\n    \n    \/* Submit Button *\/\n    .bc1-form-submit {\n        width: 100%;\n        padding: 18px;\n        background: linear-gradient(135deg, #f123b5, #d41a9e);\n        border: none;\n        border-radius: 25px;\n        color: #fff;\n        font-weight: 700;\n        font-size: 1.1rem;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        cursor: pointer;\n        transition: all 0.3s;\n        margin-top: 30px;\n        letter-spacing: 0.5px;\n    }\n    .bc1-form-submit:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 15px 40px rgba(241, 35, 181, 0.4);\n    }\n    .bc1-form-submit:disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n        transform: none;\n    }\n    \n    \/* Success State *\/\n    .bc1-success {\n        display: none;\n        text-align: center;\n        padding: 40px;\n    }\n    .bc1-success.show { \n        display: block !important; \n    }\n    .bc1-success-icon {\n        width: 100px;\n        height: 100px;\n        background: rgba(241, 35, 181, 0.2);\n        border: 3px solid #f123b5;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 30px;\n        font-size: 3rem;\n        color: #f123b5;\n        animation: scaleIn 0.4s ease;\n    }\n    @keyframes scaleIn {\n        from {\n            transform: scale(0);\n        }\n        to {\n            transform: scale(1);\n        }\n    }\n    .bc1-success h3 {\n        font-size: 2rem;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 15px;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    .bc1-success p {\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 1.1rem;\n        line-height: 1.6;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    \n    \/* Error Message *\/\n    .bc1-error {\n        background: rgba(255, 0, 0, 0.1);\n        border: 2px solid rgba(255, 0, 0, 0.3);\n        color: #ff6b6b;\n        padding: 15px;\n        border-radius: 15px;\n        margin-bottom: 20px;\n        display: none;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    .bc1-error.show { \n        display: block; \n    }\n    \n    \/* Loading States *\/\n    .bc1-loading {\n        text-align: center;\n        padding: 15px;\n        color: rgba(255, 255, 255, 0.6);\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    \n    \/* Custom Calendar *\/\n    #calendar-bc1 {\n        display: none;\n        background: rgba(255, 255, 255, 0.05);\n        border: 2px solid rgba(241, 35, 181, 0.2);\n        border-radius: 15px;\n        padding: 20px;\n        margin-top: 15px;\n    }\n    .calendar-month {\n        margin-bottom: 25px;\n    }\n    .calendar-day.available:hover {\n        background: #f123b5 !important;\n        transform: scale(1.1);\n    }\n    \n    \/* Required Asterisk *\/\n    .required { \n        color: #f123b5; \n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 600px) {\n        .bc1-modal {\n            padding: 30px 20px;\n        }\n        .bc1-header h2 {\n            font-size: 1.8rem;\n        }\n        .bc1-type-selector {\n            grid-template-columns: 1fr;\n        }\n    }\n<\/style>\n\n<!-- The Button -->\n<button class=\"bc1-btn\" \n        data-booking-id=\"bc1\"\n        onclick=\"openBookingModal_bc1()\">\n    Book a Demo<\/button>\n\n<!-- The Modal -->\n<div class=\"bc1-overlay\" id=\"bc1-overlay\" onclick=\"if(event.target.id==='bc1-overlay')closeBookingModal_bc1()\">\n    <div class=\"bc1-modal\">\n        <div class=\"bc1-close\" onclick=\"closeBookingModal_bc1()\">&times;<\/div>\n        \n        <div id=\"bc1-form\">\n            <div class=\"bc1-header\">\n                <h2>Let's Talk!<\/h2>\n                \n            <\/div>\n            \n            <div class=\"bc1-error\" id=\"bc1-error\"><\/div>\n            \n            <form id=\"form-bc1\" onsubmit=\"return false;\">\n                \n                                <!-- Type Selector - HIDDEN FOR CONTACT MODE -->\n                <div style=\"display:none !important;\" class=\"hidden-booking-fields\">\n                <div class=\"bc1-form-group\">\n                    <label>Select Communication Type <span class=\"required\">*<\/span><\/label>\n                    <div class=\"bc1-type-selector\">\n                        <label class=\"bc1-type-option active\" data-type=\"teams\">\n                            <input type=\"radio\" name=\"booking_type\" value=\"teams\" checked>\n                            <div style=\"margin-bottom: 10px;\">\n                                <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <!-- Google Meet style icon -->\n                                    <circle cx=\"24\" cy=\"24\" r=\"20\" fill=\"url(#meet-gradient)\"\/>\n                                    <path d=\"M18 18L18 30L26 24L18 18Z\" fill=\"white\"\/>\n                                    <path d=\"M26 24L34 30V18L26 24Z\" fill=\"white\" opacity=\"0.8\"\/>\n                                    <defs>\n                                        <linearGradient id=\"meet-gradient\" x1=\"4\" y1=\"4\" x2=\"44\" y2=\"44\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#00897B\"\/>\n                                            <stop offset=\"0.5\" stop-color=\"#4285F4\"\/>\n                                            <stop offset=\"1\" stop-color=\"#7B1FA2\"\/>\n                                        <\/linearGradient>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n                            <strong>Google Meet<\/strong>\n                            <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6); margin-top: 5px;\">Video call<\/div>\n                        <\/label>\n                        <label class=\"bc1-type-option\" data-type=\"phone\">\n                            <input type=\"radio\" name=\"booking_type\" value=\"phone\">\n                            <div style=\"margin-bottom: 10px;\">\n                                <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <!-- Minimal phone icon -->\n                                    <rect x=\"14\" y=\"6\" width=\"20\" height=\"36\" rx=\"4\" stroke=\"url(#phone-gradient)\" stroke-width=\"2.5\" fill=\"none\"\/>\n                                    <circle cx=\"24\" cy=\"38\" r=\"1.5\" fill=\"url(#phone-gradient)\"\/>\n                                    <line x1=\"20\" y1=\"10\" x2=\"28\" y2=\"10\" stroke=\"url(#phone-gradient)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                    <path d=\"M20 18C20 16.8954 20.8954 16 22 16H26C27.1046 16 28 16.8954 28 18V28C28 29.1046 27.1046 30 26 30H22C20.8954 30 20 29.1046 20 28V18Z\" fill=\"url(#phone-gradient)\" opacity=\"0.3\"\/>\n                                    <defs>\n                                        <linearGradient id=\"phone-gradient\" x1=\"14\" y1=\"6\" x2=\"34\" y2=\"42\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#4CAF50\"\/>\n                                            <stop offset=\"1\" stop-color=\"#00897B\"\/>\n                                        <\/linearGradient>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n                            <strong>Phone Call<\/strong>\n                            <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6); margin-top: 5px;\">We will call you<\/div>\n                        <\/label>\n                    <\/div>\n                <\/div>\n                <\/div>\n                                \n                <div class=\"bc1-form-group\">\n                    <label for=\"name-bc1\">Full Name <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"name-bc1\" name=\"name\" required placeholder=\"John Smith\">\n                <\/div>\n                \n                <div class=\"bc1-form-group\">\n                    <label for=\"email-bc1\">Email <span class=\"required\">*<\/span><\/label>\n                    <input type=\"email\" id=\"email-bc1\" name=\"email\" required placeholder=\"john@company.com\">\n                <\/div>\n                \n                <div class=\"bc1-form-group\">\n                    <label for=\"phone-bc1\">Phone <span class=\"required\">*<\/span><\/label>\n                    <input type=\"tel\" id=\"phone-bc1\" name=\"phone\" required placeholder=\"+30 6912345678\">\n                <\/div>\n                \n                <div class=\"bc1-form-group\">\n                    <label for=\"company-bc1\">Company<\/label>\n                    <input type=\"text\" id=\"company-bc1\" name=\"company\" placeholder=\"Your company\">\n                <\/div>\n                \n                <!-- DATE & TIME HIDDEN FOR CONTACT MODE -->\n                <div class=\"bc1-form-group hidden-booking-fields\" style=\"display:none !important;\">\n                    <label>Date<\/label>\n                    <div style=\"position: relative;\">\n                        <input type=\"text\" \n                               id=\"datepicker-bc1\" \n                               name=\"date\" \n                               autocomplete=\"off\"\n                               placeholder=\"Click to select date\"\n                               readonly\n                               onclick=\"toggleCalendar_bc1()\">\n                        <button type=\"button\" \n                                style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: rgba(241, 35, 181, 0.2); color: #f123b5; border: 2px solid rgba(241, 35, 181, 0.3); padding: 8px 12px; border-radius: 10px; cursor: pointer; transition: all 0.3s;\"\n                                onclick=\"toggleCalendar_bc1()\">\n                            \ud83d\udcc5\n                        <\/button>\n                    <\/div>\n                    <div id=\"calendar-bc1\"><\/div>\n                    <div class=\"bc1-loading\" id=\"date-loading-bc1\" style=\"display:none;\">\n                        \u23f3 Loading available dates...                    <\/div>\n                <\/div>\n                \n                <div class=\"bc1-form-group hidden-booking-fields\" style=\"display:none !important;\">\n                    <label for=\"time-bc1\">Time<\/label>\n                    <select name=\"time\" id=\"time-bc1\" disabled>\n                        <option value=\"\">Please select a date first<\/option>\n                    <\/select>\n                    <div class=\"bc1-loading\" id=\"time-loading-bc1\" style=\"display:none;\">\n                        \u23f3 Loading available times...                    <\/div>\n                <\/div>\n                \n                <button type=\"button\" class=\"bc1-form-submit\" id=\"submit-bc1\">\n                    Send Message                <\/button>\n            <\/form>\n        <\/div>\n        \n        <div class=\"bc1-success\" id=\"bc1-success\">\n            <div class=\"bc1-success-icon\">\u2713<\/div>\n            <h3>Appointment Confirmed!<\/h3>\n            <p id=\"msg-bc1\">Your booking has been confirmed! You will receive a confirmation email shortly.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Additional initialization after DOM ready -->\n<script>\n(function() {\n    \/\/ Wait for DOM and jQuery\n    if (typeof jQuery !== 'undefined') {\n        jQuery(document).ready(function($) {\n            console.log('\u2705 jQuery ready for bc1');\n            \n            \/\/ Type selector handling\n            var typeOptions = document.querySelectorAll('.bc1-type-option');\n            typeOptions.forEach(function(option) {\n                option.addEventListener('click', function() {\n                    \/\/ Remove active class from all\n                    typeOptions.forEach(function(opt) {\n                        opt.classList.remove('active');\n                    });\n                    \/\/ Add active to clicked\n                    this.classList.add('active');\n                    \/\/ Check the radio button\n                    this.querySelector('input[type=\"radio\"]').checked = true;\n                    \n                    \/\/ Update booking type\n                    var newType = this.dataset.type;\n                    window['booking_bc1_bookingType'] = newType;\n                    console.log('\ud83d\udd04 Booking type changed to:', newType);\n                    \n                    \/\/ Reset date and time if already selected\n                    var dateInput = document.getElementById('datepicker-bc1');\n                    var timeSelect = document.getElementById('time-bc1');\n                    if (dateInput && dateInput.value) {\n                        dateInput.value = '';\n                        if (timeSelect) {\n                            timeSelect.innerHTML = '<option value=\"\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03c0\u03c1\u03ce\u03c4\u03b1 \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1<\/option>';\n                            timeSelect.disabled = true;\n                        }\n                        \/\/ Reload available dates for new type\n                        window['loadAvailableDates_bc1']();\n                    }\n                });\n            });\n            \n            \/\/ Initialize form submission\n            var submitBtn = document.getElementById('submit-bc1');\n            if (submitBtn) {\n                submitBtn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    \n                    var form = document.getElementById('form-bc1');\n                    if (!form.checkValidity()) {\n                        form.reportValidity();\n                        return;\n                    }\n                    \n                    var btn = this;\n                    btn.disabled = true;\n                    btn.textContent = '\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03c0\u03b5\u03c1\u03b9\u03bc\u03ad\u03bd\u03b5\u03c4\u03b5...';\n                    \n                    var formData = new FormData(form);\n                    var data = {\n                        name: formData.get('name'),\n                        email: formData.get('email'),\n                        phone: formData.get('phone'),\n                        company: formData.get('company') || '',\n                        booking_type: formData.get('booking_type') || window['booking_bc1_bookingType'] || 'contact',\n                        date: formData.get('date') || '',\n                        time: formData.get('time') || ''\n                    };\n                    \n                    console.log('\ud83d\udce4 Sending booking:', data);\n                    \n                    fetch('https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/booking-center\/v1\/bookings', {\n                        method: 'POST',\n                        headers: {'Content-Type': 'application\/json'},\n                        body: JSON.stringify(data)\n                    })\n                    .then(function(r) { return r.json(); })\n                    .then(function(result) {\n                        btn.disabled = false;\n                        btn.textContent = '\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd';\n                        \n                        if (result.success || result.booking_id) {\n                            document.getElementById('bc1-form').style.display = 'none';\n                            document.getElementById('bc1-success').classList.add('show');\n                            \n                            \/\/ LinkedIn Conversion Tracking\n                            if (typeof window.lintrk === 'function') {\n                                window.lintrk('track', { conversion_id: 26376953 });\n                            }\n                            \/\/ TikTok Conversion Tracking\n                            if (typeof ttq !== 'undefined' && ttq.track) {\n                                ttq.track('SubmitForm', { content_name: 'Book Demo' });\n                            }\n                            \n                            var message = 'Your booking has been confirmed successfully! You will receive a confirmation email at ' + data.email;\n                            if (data.booking_type === 'teams') {\n                                message += ' with the Google Meet link.';\n                            } else {\n                                message += '. We will call you at ' + data.phone + ' at the selected time.';\n                            }\n                            document.getElementById('msg-bc1').textContent = message;\n                            \n                            setTimeout(function() {\n                                window['closeBookingModal_bc1']();\n                                setTimeout(function() {\n                                    document.getElementById('bc1-form').style.display = 'block';\n                                    document.getElementById('bc1-success').classList.remove('show');\n                                    form.reset();\n                                }, 300);\n                            }, 5000);\n                        } else {\n                            window['showError_bc1'](result.message || '\u03a3\u03c6\u03ac\u03bb\u03bc\u03b1 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7\u03c2');\n                        }\n                    })\n                    .catch(function(err) {\n                        btn.disabled = false;\n                        btn.textContent = '\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd';\n                        window['showError_bc1']('\u03a3\u03c6\u03ac\u03bb\u03bc\u03b1 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7\u03c2');\n                        console.error('Error:', err);\n                    });\n                });\n            }\n        });\n    }\n})();\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n\n<style>\n.cta-section-wrapper {\nmax-width: 1400px;\nmargin: 0 auto;\npadding: 0 40px;\n}\n\n.cta-section {\nmargin: 60px 0;\ntext-align: center;\npadding: 50px 40px;\nbackground: linear-gradient(135deg, rgba(241, 35, 181, 0.1), rgba(255, 107, 157, 0.1));\nborder-radius: 30px;\nborder: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.cta-section h2 {\nfont-size: clamp(2rem, 4vw, 3.5rem);\nfont-weight: 900;\nmargin-bottom: 30px;\ncolor: #fff;\n}\n\n.cta-section p {\nfont-size: 1.3rem;\ncolor: rgba(255, 255, 255, 0.8);\nmargin-bottom: 40px;\nmax-width: 700px;\nmargin-left: auto;\nmargin-right: auto;\n}\n\n\/* Style the booking button to match the original btn-primary *\/\n.cta-section .booking-button-wrapper .btn-primary,\n.cta-section .booking-button-wrapper .booking-center-trigger {\npadding: 18px 40px !important;\nbackground: #f123b5 !important;\nborder: none !important;\nborder-radius: 25px !important;\ncolor: #fff !important;\nfont-weight: 700 !important;\nfont-size: 1.1rem !important;\ncursor: pointer !important;\ntext-decoration: none !important;\ndisplay: inline-block !important;\ntransition: all 0.3s !important;\nletter-spacing: 0.5px !important;\nfont-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.cta-section .booking-button-wrapper .btn-primary:hover,\n.cta-section .booking-button-wrapper .booking-center-trigger:hover {\ntransform: translateY(-3px) !important;\nbox-shadow: 0 15px 40px rgba(241, 35, 181, 0.5) !important;\nbackground: #d41a9e !important;\n}\n\n@media(max-width:768px) {\n.cta-section-wrapper {\npadding: 0 20px;\n}\n\n.cta-section {\nmargin: 40px 0;\npadding: 40px 20px;\n}\n\n.cta-section h2 {\nfont-size: 2rem;\nmargin-bottom: 20px;\n}\n\n.cta-section p {\nfont-size: 1.1rem;\nmargin-bottom: 30px;\n}\n}\n<\/style>\n\n<!-- Demo Modal -->\n<div id=\"demoModal\" class=\"modal-overlay\">\n<div class=\"modal-content\">\n<span class=\"modal-close\" onclick=\"closeDemoModal()\">\u00d7<\/span>\n<div class=\"modal-header\">\n<h2>Book Your Free Demo<\/h2>\n<p>\u0398\u03b1 \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b1 \u03bc\u03b1\u03b6\u03af \u03c3\u03b1\u03c2<\/p>\n<\/div>\n<form id=\"demoForm\" onsubmit=\"return handleDemoSubmit(event)\">\n<div class=\"form-group\">\n<label for=\"demo-name\">Full Name *<\/label>\n<input type=\"text\" id=\"demo-name\" name=\"name\" required=\"\" placeholder=\"John Doe\"\/>\n<\/div>\n<div class=\"form-group\">\n<label for=\"demo-email\">Email *<\/label>\n<input type=\"email\" id=\"demo-email\" name=\"email\" required=\"\" placeholder=\"john@company.com\"\/>\n<\/div>\n<div class=\"form-group\">\n<label for=\"demo-phone\">Phone *<\/label>\n<input type=\"tel\" id=\"demo-phone\" name=\"phone\" required=\"\" placeholder=\"+30 123 456 7890\"\/>\n<\/div>\n<div class=\"form-group\">\n<label for=\"demo-company\">Company<\/label>\n<input type=\"text\" id=\"demo-company\" name=\"company\" placeholder=\"Your Company\"\/>\n<\/div>\n<div class=\"form-group\">\n<label for=\"demo-message\">Message<\/label>\n<textarea id=\"demo-message\" name=\"message\" placeholder=\"Tell us about your needs...\"><\/textarea>\n<\/div>\n<button type=\"submit\" class=\"form-submit\" id=\"submitBtn\">Send Request<\/button>\n<div id=\"formSuccess\" class=\"form-success\">\n<h3>\u2713 Success!<\/h3>\n<p>We've received your request. We'll contact you soon! <\/p>\n<\/div>\n<\/form>\n<\/div>\n<\/div>\n\n<!-- Success Popup -->\n<div id=\"successPopup\" class=\"success-popup\">\n<div class=\"success-popup-content\">\n<div class=\"success-icon\">\u2713<\/div>\n<h3>Thank You!<\/h3>\n<p>Your demo request has been submitted successfully. Our team will contact you within 24 hours. <\/p>\n<button onclick=\"closeSuccessPopup()\" class=\"success-close-btn\">Close<\/button>\n<\/div>\n<\/div>\n\n<style>\n\/* Modal Styles *\/\n.modal-overlay {\ndisplay: none;\nposition: fixed;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nbackground: rgba(0, 0, 60, 0.95);\nbackdrop-filter: blur(10px);\nz-index: 10000;\nanimation: fadeIn 0.3s ease;\n}\n\n.modal-overlay.active {\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n}\n\n@keyframes fadeIn {\nfrom { opacity: 0; }\nto { opacity: 1; }\n}\n\n.modal-content {\nbackground: linear-gradient(135deg, rgba(241, 35, 181, 0.1), rgba(0, 212, 255, 0.1));\nbackdrop-filter: blur(20px);\nborder: 2px solid rgba(241, 35, 181, 0.3);\nborder-radius: 30px;\npadding: 50px;\nmax-width: 600px;\nwidth: 90%;\nmax-height: 90vh;\noverflow-y: auto;\nposition: relative;\nanimation: slideUp 0.4s ease;\nbox-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\n}\n\n@keyframes slideUp {\nfrom {\ntransform: translateY(50px);\nopacity: 0;\n}\nto {\ntransform: translateY(0);\nopacity: 1;\n}\n}\n\n.modal-close {\nposition: absolute;\ntop: 20px;\nright: 20px;\nbackground: rgba(241, 35, 181, 0.2);\nborder: 2px solid rgba(241, 35, 181, 0.4);\nwidth: 40px;\nheight: 40px;\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ncursor: pointer;\ntransition: all 0.3s;\ncolor: #fff;\nfont-size: 24px;\nfont-weight: 700;\n}\n\n.modal-close:hover {\nbackground: #f123b5;\ntransform: rotate(90deg);\n}\n\n.modal-header {\ntext-align: center;\nmargin-bottom: 40px;\n}\n\n.modal-header h2 {\nfont-size: 2.5rem;\nfont-weight: 900;\ncolor: #fff;\nmargin-bottom: 10px;\n}\n\n.modal-header p {\ncolor: rgba(255, 255, 255, 0.7);\nfont-size: 1.1rem;\n}\n\n.form-group {\nmargin-bottom: 25px;\n}\n\n.form-group label {\ndisplay: block;\ncolor: rgba(255, 255, 255, 0.9);\nfont-weight: 600;\nmargin-bottom: 10px;\nfont-size: 14px;\n}\n\n.form-group input,\n.form-group textarea {\nwidth: 100%;\npadding: 15px 20px;\nbackground: rgba(255, 255, 255, 0.1);\nborder: 2px solid rgba(255, 255, 255, 0.2);\nborder-radius: 15px;\ncolor: #fff;\nfont-size: 16px;\nfont-family: 'Inter', sans-serif;\ntransition: all 0.3s;\n}\n\n.form-group input::placeholder,\n.form-group textarea::placeholder {\ncolor: rgba(255, 255, 255, 0.5);\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\noutline: none;\nborder-color: #f123b5;\nbackground: rgba(255, 255, 255, 0.15);\n}\n\n.form-group textarea {\nmin-height: 120px;\nresize: vertical;\n}\n\n.form-submit {\nwidth: 100%;\npadding: 18px;\nbackground: #f123b5;\nborder: none;\nborder-radius: 50px;\ncolor: #fff;\nfont-weight: 700;\nfont-size: 1.1rem;\ncursor: pointer;\ntransition: all 0.3s;\nmargin-top: 10px;\n}\n\n.form-submit:hover {\ntransform: translateY(-3px);\nbox-shadow: 0 15px 40px rgba(241, 35, 181, 0.5);\nbackground: #d41a9e;\n}\n\n.form-submit:disabled {\nopacity: 0.6;\ncursor: not-allowed;\ntransform: none;\n}\n\n.form-success {\ndisplay: none;\ntext-align: center;\npadding: 30px;\nbackground: rgba(0, 255, 136, 0.15);\nborder: 2px solid rgba(0, 255, 136, 0.3);\nborder-radius: 20px;\nmargin-top: 20px;\n}\n\n.form-success.active {\ndisplay: block;\nanimation: slideUp 0.4s ease;\n}\n\n.form-success h3 {\ncolor: #00ff88;\nfont-size: 1.5rem;\nmargin-bottom: 10px;\n}\n\n.form-success p {\ncolor: rgba(255, 255, 255, 0.8);\n}\n\n\/* Success Popup *\/\n.success-popup {\ndisplay: none;\nposition: fixed;\ntop: 50%;\nleft: 50%;\ntransform: translate(-50%, -50%);\nbackground: linear-gradient(135deg, rgba(0, 255, 136, 0.2), rgba(0, 212, 255, 0.2));\nbackdrop-filter: blur(20px);\nborder: 2px solid rgba(0, 255, 136, 0.4);\nborder-radius: 30px;\npadding: 50px;\nmax-width: 500px;\nwidth: 90%;\nz-index: 10001;\nbox-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\nanimation: popIn 0.5s ease;\n}\n\n.success-popup.active {\ndisplay: block;\n}\n\n@keyframes popIn {\n0% {\ntransform: translate(-50%, -50%) scale(0.5);\nopacity: 0;\n}\n50% {\ntransform: translate(-50%, -50%) scale(1.05);\n}\n100% {\ntransform: translate(-50%, -50%) scale(1);\nopacity: 1;\n}\n}\n\n.success-popup-content {\ntext-align: center;\n}\n\n.success-icon {\nwidth: 80px;\nheight: 80px;\nbackground: #00ff88;\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nmargin: 0 auto 25px;\nfont-size: 3rem;\ncolor: #00003c;\nanimation: checkmark 0.6s ease;\n}\n\n@keyframes checkmark {\n0% {\ntransform: scale(0) rotate(0deg);\n}\n50% {\ntransform: scale(1.2) rotate(10deg);\n}\n100% {\ntransform: scale(1) rotate(0deg);\n}\n}\n\n.success-popup h3 {\ncolor: #00ff88;\nfont-size: 2rem;\nfont-weight: 900;\nmargin-bottom: 15px;\n}\n\n.success-popup p {\ncolor: rgba(255, 255, 255, 0.9);\nfont-size: 1.1rem;\nline-height: 1.6;\nmargin-bottom: 30px;\n}\n\n.success-close-btn {\npadding: 15px 40px;\nbackground: #00ff88;\nborder: none;\nborder-radius: 50px;\ncolor: #00003c;\nfont-weight: 700;\nfont-size: 1rem;\ncursor: pointer;\ntransition: all 0.3s;\ndisplay: inline-block;\nmargin: 0 auto;\n}\n\n.success-close-btn:hover {\ntransform: translateY(-3px);\nbox-shadow: 0 10px 30px rgba(0, 255, 136, 0.5);\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n.modal-content {\npadding: 30px 25px;\nwidth: 95%;\nmax-height: 85vh;\nborder-radius: 20px;\n}\n\n.modal-header h2 {\nfont-size: 1.8rem;\n}\n\n.modal-header p {\nfont-size: 1rem;\n}\n\n.modal-header {\nmargin-bottom: 25px;\n}\n\n.form-group {\nmargin-bottom: 20px;\n}\n\n.form-group label {\nfont-size: 13px;\nmargin-bottom: 8px;\n}\n\n.form-group input,\n.form-group textarea {\npadding: 12px 15px;\nfont-size: 15px;\n}\n\n.form-group textarea {\nmin-height: 100px;\n}\n\n.form-submit {\npadding: 15px;\nfont-size: 1rem;\n}\n\n.modal-close {\nwidth: 35px;\nheight: 35px;\nfont-size: 20px;\ntop: 15px;\nright: 15px;\n}\n}\n<\/style>\n\n<script>\nfunction openDemoModal() {\ndocument.getElementById('demoModal').classList.add('active');\ndocument.body.style.overflow = 'hidden';\n}\n\nfunction closeDemoModal() {\ndocument.getElementById('demoModal').classList.remove('active');\ndocument.body.style.overflow = '';\ndocument.getElementById('demoForm').reset();\ndocument.getElementById('formSuccess').classList.remove('active');\n}\n\nfunction closeSuccessPopup() {\ndocument.getElementById('successPopup').classList.remove('active');\ndocument.body.style.overflow = '';\n}\n\nasync function handleDemoSubmit(event) {\nevent.preventDefault();\nconst submitBtn = document.getElementById('submitBtn');\nconst formData = new FormData(event.target);\nconst data = Object.fromEntries(formData);\n\nsubmitBtn.disabled = true;\nsubmitBtn.textContent = 'Sending...';\n\ntry {\nconst response = await fetch('', {\nmethod: 'POST',\nheaders: {\n'Content-Type': 'application\/x-www-form-urlencoded',\n},\nbody: new URLSearchParams({\naction: 'submit_demo_form',\n...data\n})\n});\n\nconst result = await response.json();\n\nif (result.success) {\ncloseDemoModal();\ndocument.getElementById('successPopup').classList.add('active');\nevent.target.reset();\n} else {\nalert('There was an error submitting the form. Please try again or contact us directly at hello@bigg.gr');\n}\n} catch (error) {\nconsole.error('Error:', error);\nalert('There was an error submitting the form. Please contact us directly at hello@bigg.gr');\n} finally {\nsubmitBtn.disabled = false;\nsubmitBtn.textContent = 'Send Request';\n}\nreturn false;\n}\n\n\/\/ Close modal when clicking outside\ndocument.addEventListener('click', function(event) {\nconst modal = document.getElementById('demoModal');\nif (event.target === modal) {\ncloseDemoModal();\n}\n});\n\n\/\/ Close success popup when clicking outside\ndocument.addEventListener('click', function(event) {\nconst popup = document.getElementById('successPopup');\nif (event.target === popup) {\ncloseSuccessPopup();\n}\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>AI Call Center Cut CostsBoost Sales \u03a6\u03c5\u03c3\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1 \u03bc\u03b5 AI \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c4\u03bf 90% \u03c4\u03c9\u03bd \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03ba\u03b1\u03b9 \u03bc\u03b5\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03bf \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03ad\u03c9\u03c2 70% \u039a\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd AI Agent \u03a3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7 \u0388\u03c4\u03bf\u03b9\u03bc\u03bf \u03c3\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b1\u03c0\u03cc 450\u20ac 90% \u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd 70% \u039c\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 24\/7 \u0394\u03b9\u03b1\u03b8\u03b5\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 ROI Calculator \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf \u03ba\u03ad\u03c1\u03b4\u03bf\u03c2 \u03c3\u03b1\u03c2 \u03a3\u03cd\u03bd\u03bf\u03bb\u03bf agents \u03c3\u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c3\u03b1\u03c2 5 1 agent 100 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-73","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AI Call Center \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 | \u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 24\/7 - BIGG<\/title>\n<meta name=\"description\" content=\"AI Call Center \u03bc\u03b5 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1. \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 90 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1, \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 70 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc. E-commerce, \u03c4\u03bf\u03c5\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2, \u03c5\u03b3\u03b5\u03af\u03b1. \u0394\u03c9\u03c1\u03b5\u03ac\u03bd demo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aicallcenter.wearebigg.com\/el\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI Call Center \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 | \u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 24\/7 - BIGG\" \/>\n<meta property=\"og:description\" content=\"AI Call Center \u03bc\u03b5 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1. \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 90 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1, \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 70 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc. E-commerce, \u03c4\u03bf\u03c5\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2, \u03c5\u03b3\u03b5\u03af\u03b1. \u0394\u03c9\u03c1\u03b5\u03ac\u03bd demo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aicallcenter.wearebigg.com\/el\/\" \/>\n<meta property=\"og:site_name\" content=\"BIGG AI Call Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-08T15:15:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 \u03bb\u03b5\u03c0\u03c4\u03ac\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/\",\"url\":\"https:\/\/aicallcenter.wearebigg.com\/el\/\",\"name\":\"AI Call Center \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 | \u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 24\/7 - BIGG\",\"isPartOf\":{\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg\",\"datePublished\":\"2025-10-20T10:03:24+00:00\",\"dateModified\":\"2026-04-08T15:15:23+00:00\",\"description\":\"AI Call Center \u03bc\u03b5 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1. \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 90 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1, \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 70 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc. E-commerce, \u03c4\u03bf\u03c5\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2, \u03c5\u03b3\u03b5\u03af\u03b1. \u0394\u03c9\u03c1\u03b5\u03ac\u03bd demo.\",\"breadcrumb\":{\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aicallcenter.wearebigg.com\/el\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#primaryimage\",\"url\":\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg\",\"contentUrl\":\"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/aicallcenter.wearebigg.com\/el\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ai Call Center\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#website\",\"url\":\"https:\/\/aicallcenter.wearebigg.com\/el\/\",\"name\":\"BIGG AI Call Center\",\"description\":\"AI Call Center\",\"publisher\":{\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#organization\"},\"alternateName\":\"AI Call Center\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aicallcenter.wearebigg.com\/el\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#organization\",\"name\":\"BIGG AI Call Center\",\"url\":\"https:\/\/aicallcenter.wearebigg.com\/el\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aicallcenter.wearebigg.com\/wp-content\/uploads\/2025\/10\/cropped-Screenshot-2025-10-23-103219.png\",\"contentUrl\":\"https:\/\/aicallcenter.wearebigg.com\/wp-content\/uploads\/2025\/10\/cropped-Screenshot-2025-10-23-103219.png\",\"width\":512,\"height\":512,\"caption\":\"BIGG AI Call Center\"},\"image\":{\"@id\":\"https:\/\/aicallcenter.wearebigg.com\/el\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AI Call Center \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 | \u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 24\/7 - BIGG","description":"AI Call Center \u03bc\u03b5 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1. \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 90 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1, \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 70 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc. E-commerce, \u03c4\u03bf\u03c5\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2, \u03c5\u03b3\u03b5\u03af\u03b1. \u0394\u03c9\u03c1\u03b5\u03ac\u03bd demo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aicallcenter.wearebigg.com\/el\/","og_locale":"el_GR","og_type":"article","og_title":"AI Call Center \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 | \u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 24\/7 - BIGG","og_description":"AI Call Center \u03bc\u03b5 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1. \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 90 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1, \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 70 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc. E-commerce, \u03c4\u03bf\u03c5\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2, \u03c5\u03b3\u03b5\u03af\u03b1. \u0394\u03c9\u03c1\u03b5\u03ac\u03bd demo.","og_url":"https:\/\/aicallcenter.wearebigg.com\/el\/","og_site_name":"BIGG AI Call Center","article_modified_time":"2026-04-08T15:15:23+00:00","og_image":[{"url":"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"6 \u03bb\u03b5\u03c0\u03c4\u03ac"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aicallcenter.wearebigg.com\/el\/","url":"https:\/\/aicallcenter.wearebigg.com\/el\/","name":"AI Call Center \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 | \u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 24\/7 - BIGG","isPartOf":{"@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#primaryimage"},"image":{"@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#primaryimage"},"thumbnailUrl":"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg","datePublished":"2025-10-20T10:03:24+00:00","dateModified":"2026-04-08T15:15:23+00:00","description":"AI Call Center \u03bc\u03b5 \u03c6\u03c5\u03c3\u03b9\u03ba\u03ae \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1. \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 90 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc \u03ba\u03bb\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1, \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 70 \u03c4\u03bf\u03b9\u03c2 \u03b5\u03ba\u03b1\u03c4\u03cc. E-commerce, \u03c4\u03bf\u03c5\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2, \u03c5\u03b3\u03b5\u03af\u03b1. \u0394\u03c9\u03c1\u03b5\u03ac\u03bd demo.","breadcrumb":{"@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aicallcenter.wearebigg.com\/el\/"]}]},{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#primaryimage","url":"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg","contentUrl":"https:\/\/wearebigg.com\/wp-content\/uploads\/2024\/09\/p.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aicallcenter.wearebigg.com\/el\/"},{"@type":"ListItem","position":2,"name":"Ai Call Center"}]},{"@type":"WebSite","@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#website","url":"https:\/\/aicallcenter.wearebigg.com\/el\/","name":"BIGG AI Call Center","description":"AI Call Center","publisher":{"@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#organization"},"alternateName":"AI Call Center","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aicallcenter.wearebigg.com\/el\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"},{"@type":"Organization","@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#organization","name":"BIGG AI Call Center","url":"https:\/\/aicallcenter.wearebigg.com\/el\/","logo":{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#\/schema\/logo\/image\/","url":"https:\/\/aicallcenter.wearebigg.com\/wp-content\/uploads\/2025\/10\/cropped-Screenshot-2025-10-23-103219.png","contentUrl":"https:\/\/aicallcenter.wearebigg.com\/wp-content\/uploads\/2025\/10\/cropped-Screenshot-2025-10-23-103219.png","width":512,"height":512,"caption":"BIGG AI Call Center"},"image":{"@id":"https:\/\/aicallcenter.wearebigg.com\/el\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/wp\/v2\/pages\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":58,"href":"https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/wp\/v2\/pages\/73\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/aicallcenter.wearebigg.com\/el\/wp-json\/wp\/v2\/media?parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}