Mobile Chatbot<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .chatbot-wrapper {\n width: 100%;\n position: relative;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n\n .chatbot-iframe {\n width: 100%;\n height: 500px;\n border: none;\n display: block;\n background: #f8f9fa;\n }\n\n \/* Mobile optimizations - Better right margin *\/\n @media screen and (max-width: 768px) {\n .chatbot-wrapper {\n margin: 5px 12px 5px 8px; \/* More margin on right side *\/\n border-radius: 8px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n min-height: 80vh;\n max-height: 85vh;\n }\n \n .chatbot-iframe {\n height: 80vh;\n min-height: 600px;\n max-height: 85vh;\n }\n }\n\n @media screen and (max-width: 480px) {\n .chatbot-wrapper {\n margin: 3px 10px 3px 5px; \/* More margin on right side *\/\n border-radius: 6px;\n min-height: 82vh;\n max-height: 87vh;\n }\n \n .chatbot-iframe {\n height: 82vh;\n min-height: 550px;\n max-height: 87vh;\n }\n }\n\n @media screen and (max-width: 360px) {\n .chatbot-wrapper {\n margin: 5px;\n min-height: 60vh;\n max-height: 70vh;\n }\n \n .chatbot-iframe {\n height: 60vh;\n min-height: 400px;\n max-height: 70vh;\n }\n }\n\n \/* Tablet and larger screens *\/\n @media screen and (min-width: 769px) {\n .chatbot-wrapper {\n max-width: 800px;\n margin: 20px auto;\n }\n \n .chatbot-iframe {\n height: 600px;\n }\n }\n\n \/* Loading state with better positioning *\/\n .chatbot-wrapper::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 40px;\n height: 40px;\n margin: -20px 0 0 -20px;\n border: 3px solid #e3e3e3;\n border-top: 3px solid #dc3545;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n z-index: 1;\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n\n .chatbot-wrapper::after {\n content: 'Loading chatbot...';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n margin-top: 40px;\n font-size: 14px;\n color: #666;\n text-align: center;\n z-index: 1;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .chatbot-wrapper.loaded::before,\n .chatbot-wrapper.loaded::after {\n opacity: 0;\n pointer-events: none;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n \/* Prevent iframe from interfering with page layout *\/\n .chatbot-iframe {\n position: relative;\n z-index: 2;\n }\n\n \/* Enhanced mobile experience without breaking layout *\/\n @media screen and (max-width: 768px) {\n .chatbot-wrapper {\n \/* Ensure it doesn't interfere with page header\/footer *\/\n position: relative;\n z-index: 1;\n }\n }\n\n \/* Accessibility improvements *\/\n @media (prefers-reduced-motion: reduce) {\n .chatbot-wrapper::before {\n animation: none;\n }\n }\n\n \/* High contrast mode support *\/\n @media (prefers-contrast: high) {\n .chatbot-wrapper {\n border: 2px solid #000000;\n box-shadow: none;\n }\n }\n\n \/* Ensure proper iframe communication *\/\n .chatbot-iframe {\n pointer-events: auto;\n touch-action: manipulation;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"chatbot-wrapper\" id=\"chatbotWrapper\">\n <iframe\n class=\"chatbot-iframe\"\n id=\"chatbotIframe\"\n src=\"https:\/\/app.daxow.com\/chatbot\/Gw7yW6ajL3yAWSGN\"\n allow=\"microphone; camera; geolocation; autoplay; encrypted-media\"\n loading=\"lazy\"\n title=\"Customer Support Chatbot\"\n referrerpolicy=\"strict-origin-when-cross-origin\">\n <\/iframe>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const wrapper = document.getElementById('chatbotWrapper');\n const iframe = document.getElementById('chatbotIframe');\n let loadTimeout;\n\n \/\/ Handle iframe load\n iframe.onload = function() {\n clearTimeout(loadTimeout);\n setTimeout(() => {\n wrapper.classList.add('loaded');\n }, 500);\n };\n\n \/\/ Fallback - hide loading after 10 seconds regardless\n loadTimeout = setTimeout(() => {\n wrapper.classList.add('loaded');\n }, 10000);\n\n \/\/ Handle iframe errors\n iframe.onerror = function() {\n clearTimeout(loadTimeout);\n wrapper.classList.add('loaded');\n console.log('Chatbot iframe encountered an error');\n };\n\n \/\/ Responsive height adjustment - More aggressive on mobile\n function adjustHeight() {\n if (window.innerWidth <= 768) {\n const viewportHeight = window.innerHeight;\n \/\/ Use more of the available space (80-85% of viewport)\n const targetHeight = Math.min(viewportHeight * 0.82, viewportHeight - 60);\n iframe.style.height = Math.max(targetHeight, 550) + 'px';\n }\n }\n\n \/\/ Adjust on load and resize\n adjustHeight();\n window.addEventListener('resize', adjustHeight);\n window.addEventListener('orientationchange', function() {\n setTimeout(adjustHeight, 300);\n });\n\n \/\/ Ensure iframe loads properly\n setTimeout(() => {\n if (!iframe.src) {\n iframe.src = \"https:\/\/app.daxow.com\/chatbot\/Gw7yW6ajL3yAWSGN\";\n }\n }, 1000);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Chat With Mr.Sit your AI guide designed to kickstart your educational journey in Turkiye! Whether you\u2019re curious about universities, tuition fees, or anything else related to studying in Turkiye, I\u2019m here to provide all the answers you need. Let\u2019s explore your opportunities together!<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"page-type":[],"class_list":["post-180417","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/studyinturkiye.com\/ar\/wp-json\/wp\/v2\/pages\/180417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studyinturkiye.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studyinturkiye.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studyinturkiye.com\/ar\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/studyinturkiye.com\/ar\/wp-json\/wp\/v2\/comments?post=180417"}],"version-history":[{"count":0,"href":"https:\/\/studyinturkiye.com\/ar\/wp-json\/wp\/v2\/pages\/180417\/revisions"}],"wp:attachment":[{"href":"https:\/\/studyinturkiye.com\/ar\/wp-json\/wp\/v2\/media?parent=180417"}],"wp:term":[{"taxonomy":"page-type","embeddable":true,"href":"https:\/\/studyinturkiye.com\/ar\/wp-json\/wp\/v2\/page-type?post=180417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}