AI Chatbot Solutions
/* Condensed CSS */ .rw-box{display:inline-flex;align-items:center;gap:2px;font-family:sans-serif;line-height:1} .rw-stars{display:flex;color:#FFC107} /* Gold Color applied here */ .rw-stars svg{width:20px;height:20px;fill:currentColor} .rw-text{color:#4a4a4a;font-size:16px;font-weight:500;margin-left:6px} (1185 Reviews) /* SCOPED & DEFENSIVE CSS Prefix: .ai-chat- Strategy: High specificity and !important to override Shopify theme defaults. */ /* WRAPPER: Isolates the section from the theme */ .ai-chat-wrapper { width: 100%; max-width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #333333 !important; line-height: 1.6 !important; background-color: #f8f9fb !important; /* Soft premium grey background */ box-sizing: border-box !important; font-size: 16px !important; overflow-x: hidden; padding: 80px 20px !important; display: flex !important; justify-content: center !important; } /* RESET: Strips theme margins/paddings */ .ai-chat-wrapper *, .ai-chat-wrapper *::before, .ai-chat-wrapper *::after { box-sizing: border-box !important; } .ai-chat-wrapper h1, .ai-chat-wrapper p, .ai-chat-wrapper a, .ai-chat-wrapper hr { margin: 0 !important; padding: 0 !important; font-weight: normal !important; letter-spacing: normal !important; line-height: 1.7 !important; text-transform: none !important; text-decoration: none !important; } /* --- CONTAINER (The Card) --- */ .ai-chat-container { max-width: 800px !important; width: 100% !important; margin: 0 auto !important; background: #ffffff !important; border-radius: 12px !important; padding: 50px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important; border: 1px solid #eaeaea !important; } /* --- TYPOGRAPHY --- */ .ai-chat-title { font-size: 32px !important; color: #0F4D8B !important; /* Your requested Blue */ font-weight: 800 !important; margin-bottom: 25px !important; text-align: left !important; border-bottom: 2px solid #f0f0f0 !important; padding-bottom: 15px !important; } .ai-chat-text { font-size: 17px !important; color: #444444 !important; margin-bottom: 20px !important; display: block !important; text-align: left !important; } /* --- BUTTON --- */ .ai-chat-btn-container { text-align: left !important; margin-top: 30px !important; margin-bottom: 50px !important; /* Spacing before next section */ } .ai-chat-btn { display: inline-block !important; background-color: #0F4D8B !important; /* Primary Blue */ color: #ffffff !important; padding: 30px 70px !important; font-size: 20px !important; font-weight: 900 !important; text-align: center !important; border-radius: 100px !important; transition: all 0.3s ease !important; border: 10px solid #0F4D8B !important; cursor: pointer !important; box-shadow: 0 4px 10px rgba(15, 77, 139, 0.2) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .ai-chat-btn:hover { background-color: #0A3A6B !important; /* Hover Blue */ border-color: #0A3A6B !important; transform: translateY(-2px) !important; color: #ffffff !important; box-shadow: 0 6px 15px rgba(15, 77, 139, 0.3) !important; } /* --- DIVIDER --- */ .ai-chat-divider { border: 0 !important; height: 1px !important; background: #e0e0e0 !important; margin: 0 0 50px 0 !important; width: 100% !important; } /* --- RESPONSIVE --- */ @media (max-width: 768px) { .ai-chat-wrapper { padding: 40px 15px !important; } .ai-chat-container { padding: 30px 20px !important; } .ai-chat-title { font-size: 26px !important; } .ai-chat-text { font-size: 16px !important; } .ai-chat-btn { width: 100% !important; border-radius: 8px !important; margin-bottom: 0 !important; } .ai-chat-btn-container { margin-bottom: 40px !important; } } 🇬🇧 AI Chatbot Solutions Our AI Chatbot solutions help organizations automate customer interactions, streamline workflows, and enhance user experience. By integrating intelligent conversational technology into your website or internal systems, we enable real-time assistance, 24/7 availability, and efficient handling of repetitive tasks. Each chatbot is custom-built to align with your brand identity and business objectives, ensuring accurate communication and seamless integration with your existing platforms. With our expertise, you gain a reliable digital assistant that improves efficiency, reduces operational costs, and strengthens customer engagement. Request a free quote 🇳🇱 AI Chatbot Oplossingen Onze AI Chatbot-oplossingen helpen organisaties om klantinteracties te automatiseren, processen te optimaliseren en de gebruikerservaring te verbeteren. Door intelligente gesprekstechnologie te integreren in uw website of interne systemen, bieden wij real-time ondersteuning, 24/7 beschikbaarheid en efficiënte afhandeling van repetitieve taken. Elke chatbot wordt op maat ontwikkeld om aan te sluiten bij uw merkidentiteit en bedrijfsdoelen, met nauwkeurige communicatie en naadloze integratie in bestaande platformen. Met onze expertise beschikt u over een betrouwbare digitale assistent die de efficiëntie verhoogt, kosten verlaagt en klantbetrokkenheid versterkt. Request a free quote
More you might like
Related
Bespoke AI Chatbot Solutions
Related
AI & Chatbot
Related
Anesthesia AI ChatBot
Related