{"id":6734,"date":"2026-09-28T07:26:28","date_gmt":"2026-09-28T07:26:28","guid":{"rendered":"https:\/\/brightcodess.com\/bengaluru\/?page_id=6734"},"modified":"2026-09-28T11:29:54","modified_gmt":"2026-09-28T11:29:54","slug":"ai-voice-agent-services-in-bangalore","status":"publish","type":"page","link":"https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/","title":{"rendered":"AI Voice Agent Services in Bangalore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6734\" class=\"elementor elementor-6734\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7922f5 e-flex e-con-boxed e-con e-parent\" data-id=\"d7922f5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-466ba60 elementor-widget elementor-widget-html\" data-id=\"466ba60\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts and Icons (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will not affect your WordPress theme\r\n       ========================================================================= *\/\r\n       \r\n    \/* 1. Scope Variables and Base Settings to this section ONLY (Replaces :root and *) *\/\r\n    .bc-hero-section {\r\n        --bc-primary: #4f46e5;\r\n        --bc-primary-hover: #4338ca;\r\n        --bc-accent: #818cf8;\r\n        --bc-success: #34d399;\r\n        --bc-bg-dark: #0f172a;\r\n        --bc-bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);\r\n        --bc-glass-bg: rgba(255, 255, 255, 0.03);\r\n        --bc-glass-border: rgba(255, 255, 255, 0.1);\r\n        \r\n        background: var(--bc-bg-gradient);\r\n        color: #ffffff;\r\n        font-family: 'Inter', sans-serif;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 60px;\r\n        padding: 50px 5%; \r\n        min-height: 70vh;\r\n        overflow: hidden;\r\n        position: relative;\r\n        text-align: left; \/* Prevent theme center alignment bleed *\/\r\n    }\r\n\r\n    \/* 2. Scoped Reset (Prevents theme styles from breaking this layout) *\/\r\n    .bc-hero-section, \r\n    .bc-hero-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n    \r\n    .bc-hero-section h1, \r\n    .bc-hero-section p, \r\n    .bc-hero-section div {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Subtle background glow effect *\/\r\n    .bc-hero-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(79, 70, 229, 0.15) 0%, rgba(15, 23, 42, 0) 70%);\r\n        top: 50%;\r\n        right: 0;\r\n        transform: translateY(-50%);\r\n        z-index: 0;\r\n        pointer-events: none; \/* Prevents clicking issues *\/\r\n    }\r\n\r\n    \/* Left Content Area *\/\r\n    .bc-hero-section .bc-hero-content {\r\n        flex: 1;\r\n        max-width: 650px;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .bc-hero-section .bc-eyebrow {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        padding: 8px 16px;\r\n        background: rgba(99, 102, 241, 0.15);\r\n        color: var(--bc-accent);\r\n        border-radius: 50px;\r\n        font-size: 0.875rem;\r\n        font-weight: 600;\r\n        margin-bottom: 24px;\r\n        border: 1px solid rgba(99, 102, 241, 0.3);\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .bc-hero-section .bc-hero-title {\r\n        font-size: 3.5rem;\r\n        line-height: 1.15;\r\n        margin-bottom: 24px;\r\n        font-weight: 800;\r\n        background: linear-gradient(to right, #ffffff, #a5b4fc);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        color: transparent; \/* Fallback for webkit *\/\r\n    }\r\n\r\n    .bc-hero-section .bc-hero-desc {\r\n        font-size: 1.125rem;\r\n        line-height: 1.7;\r\n        color: #94a3b8;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .bc-hero-section .bc-hero-actions {\r\n        display: flex;\r\n        gap: 16px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Link\/Button styles protected against theme overrides *\/\r\n    .bc-hero-section .bc-btn {\r\n        padding: 16px 32px;\r\n        border-radius: 8px;\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none !important;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .bc-hero-section .bc-btn-primary {\r\n        background: var(--bc-primary);\r\n        color: white !important;\r\n        border: none;\r\n        box-shadow: 0 4px 14px rgba(79, 70, 229, 0.4);\r\n    }\r\n\r\n    .bc-hero-section .bc-btn-primary:hover {\r\n        background: var(--bc-primary-hover);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(79, 70, 229, 0.6);\r\n        color: white !important;\r\n    }\r\n\r\n    .bc-hero-section .bc-btn-secondary {\r\n        background: transparent;\r\n        color: white !important;\r\n        border: 1px solid var(--bc-accent);\r\n    }\r\n\r\n    .bc-hero-section .bc-btn-secondary:hover {\r\n        background: rgba(129, 140, 248, 0.1);\r\n        transform: translateY(-2px);\r\n        color: white !important;\r\n    }\r\n\r\n    \/* Right Visual Area (Glassmorphism Dashboard) *\/\r\n    .bc-hero-section .bc-hero-visual {\r\n        flex: 1;\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        max-width: 550px;\r\n        z-index: 10;\r\n    }\r\n\r\n    .bc-hero-section .bc-ai-dashboard {\r\n        background: var(--bc-glass-bg);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        border: 1px solid var(--bc-glass-border);\r\n        border-radius: 24px;\r\n        padding: 40px;\r\n        width: 100%;\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n        position: relative;\r\n    }\r\n\r\n    .bc-hero-section .bc-dashboard-header {\r\n        text-align: center;\r\n        font-size: 0.875rem;\r\n        letter-spacing: 2px;\r\n        color: #94a3b8;\r\n        margin-bottom: 24px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .bc-hero-section .bc-ai-status {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        color: var(--bc-success);\r\n        font-size: 0.875rem;\r\n        margin-bottom: 35px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .bc-hero-section .bc-pulse-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        background: var(--bc-success);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 10px var(--bc-success);\r\n        animation: bc-pulse 2s infinite;\r\n    }\r\n\r\n    @keyframes bc-pulse {\r\n        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7); }\r\n        70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(52, 211, 153, 0); }\r\n        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }\r\n    }\r\n\r\n    .bc-hero-section .bc-call-info {\r\n        text-align: center;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .bc-hero-section .bc-call-label {\r\n        font-size: 0.875rem;\r\n        color: #94a3b8;\r\n        margin-bottom: 12px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .bc-hero-section .bc-call-number {\r\n        font-size: 2.2rem;\r\n        font-weight: 700;\r\n        color: white;\r\n        margin-bottom: 20px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .bc-hero-section .bc-ai-voice-text {\r\n        font-style: italic;\r\n        color: #cbd5e1;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        padding: 14px 24px;\r\n        border-radius: 12px;\r\n        display: inline-block;\r\n        font-size: 1.1rem;\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .bc-hero-section .bc-wave-container {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 6px;\r\n        height: 40px;\r\n        margin: 20px 0 10px;\r\n    }\r\n\r\n    .bc-hero-section .bc-wave-bar {\r\n        width: 4px;\r\n        background: var(--bc-accent);\r\n        border-radius: 2px;\r\n        animation: bc-wave 1s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .bc-hero-section .bc-wave-bar:nth-child(1) { height: 10px; animation-delay: 0.1s; }\r\n    .bc-hero-section .bc-wave-bar:nth-child(2) { height: 25px; animation-delay: 0.2s; }\r\n    .bc-hero-section .bc-wave-bar:nth-child(3) { height: 40px; animation-delay: 0.3s; }\r\n    .bc-hero-section .bc-wave-bar:nth-child(4) { height: 20px; animation-delay: 0.4s; }\r\n    .bc-hero-section .bc-wave-bar:nth-child(5) { height: 35px; animation-delay: 0.5s; }\r\n    .bc-hero-section .bc-wave-bar:nth-child(6) { height: 15px; animation-delay: 0.6s; }\r\n\r\n    @keyframes bc-wave {\r\n        0% { height: 8px; }\r\n        100% { height: 40px; }\r\n    }\r\n\r\n    .bc-hero-section .bc-live-label {\r\n        text-align: center;\r\n        font-size: 0.75rem;\r\n        color: var(--bc-accent);\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .bc-hero-section .bc-dashboard-footer {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        border-top: 1px solid var(--bc-glass-border);\r\n        padding-top: 24px;\r\n    }\r\n\r\n    .bc-hero-section .bc-action-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: 0.875rem;\r\n        color: #e2e8f0;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .bc-hero-section .bc-action-icon {\r\n        width: 30px;\r\n        height: 30px;\r\n        background: rgba(99, 102, 241, 0.2);\r\n        color: var(--bc-accent);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    \/* Floating Badges *\/\r\n    .bc-hero-section .bc-floating-badge {\r\n        position: absolute;\r\n        background: rgba(15, 23, 42, 0.85);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border: 1px solid var(--bc-glass-border);\r\n        padding: 12px 20px;\r\n        border-radius: 12px;\r\n        font-size: 0.9rem;\r\n        font-weight: 500;\r\n        color: white;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\r\n        z-index: 20;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .bc-hero-section .bc-floating-badge i {\r\n        color: var(--bc-success);\r\n    }\r\n\r\n    .bc-hero-section .bc-badge-1 { top: -20px; left: -40px; animation: bc-float 4s ease-in-out infinite; }\r\n    .bc-hero-section .bc-badge-2 { top: 60px; right: -50px; animation: bc-float 5s ease-in-out infinite 1s; }\r\n    .bc-hero-section .bc-badge-3 { bottom: 80px; left: -50px; animation: bc-float 4.5s ease-in-out infinite 0.5s; }\r\n    .bc-hero-section .bc-badge-4 { bottom: -20px; right: -30px; animation: bc-float 5.5s ease-in-out infinite 1.5s; }\r\n    \r\n    @keyframes bc-float {\r\n        0% { transform: translateY(0px); }\r\n        50% { transform: translateY(-12px); }\r\n        100% { transform: translateY(0px); }\r\n    }\r\n\r\n    \/* =========================================================================\r\n       RESPONSIVE MEDIA QUERIES (Protected)\r\n       ========================================================================= *\/\r\n    @media (max-width: 1024px) {\r\n        .bc-hero-section .bc-hero-title { font-size: 3rem; }\r\n        .bc-hero-section { padding: 40px 5%; gap: 40px; }\r\n        .bc-hero-section .bc-badge-1 { left: -10px; }\r\n        .bc-hero-section .bc-badge-2 { right: -10px; }\r\n        .bc-hero-section .bc-badge-3 { left: -10px; }\r\n        .bc-hero-section .bc-badge-4 { right: -10px; }\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .bc-hero-section {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 30px 5%;\r\n        }\r\n        .bc-hero-section .bc-hero-content {\r\n            margin: 0 auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        .bc-hero-section .bc-hero-actions { justify-content: center; }\r\n        .bc-hero-section .bc-hero-visual { margin-top: 40px; width: 100%; max-width: 600px; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bc-hero-section .bc-hero-title { font-size: 2.5rem; }\r\n        .bc-hero-section .bc-dashboard-footer { flex-direction: column; gap: 15px; align-items: center; }\r\n        .bc-hero-section .bc-floating-badge { display: none; }\r\n        .bc-hero-section .bc-ai-dashboard { padding: 30px 20px; }\r\n        .bc-hero-section .bc-call-number { font-size: 1.8rem; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .bc-hero-section .bc-hero-actions { flex-direction: column; width: 100%; }\r\n        .bc-hero-section .bc-btn { width: 100%; justify-content: center; }\r\n        .bc-hero-section .bc-hero-title { font-size: 2.2rem; }\r\n    }\r\n<\/style>\r\n\r\n<!-- Hero Section HTML -->\r\n<section class=\"bc-hero-section\">\r\n    <!-- Text Content Area -->\r\n    <div class=\"bc-hero-content\">\r\n        <div class=\"bc-eyebrow\">\r\n            <i class=\"fa-solid fa-robot\" style=\"margin-right: 8px;\"><\/i> AI-Powered Voice Automation for Modern Businesses\r\n        <\/div>\r\n        <h1 class=\"bc-hero-title\">AI Voice Agent Service in Bangalore<\/h1>\r\n        <p class=\"bc-hero-desc\">\r\n            Automate customer calls, lead qualification, appointment booking and business conversations with intelligent AI voice agents. Brightcode provides customized AI Voice Agent Services in Bangalore that connect voice AI with your CRM, ERP, booking systems and business workflows.\r\n        <\/p>\r\n        <div class=\"bc-hero-actions\">\r\n            <a href=\"#popmake-6839\" class=\"bc-btn bc-btn-primary\">\r\n                Book a Free Consultation <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/a>\r\n            <a href=\"tel:8123641383\" class=\"bc-btn bc-btn-secondary\">\r\n                Request an AI Voice Demo\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Visual \/ Dashboard Area -->\r\n    <div class=\"bc-hero-visual\">\r\n        <!-- Floating Badges -->\r\n        <div class=\"bc-floating-badge bc-badge-1\"><i class=\"fa-solid fa-clock\"><\/i> 24\/7 AI Calling<\/div>\r\n        <div class=\"bc-floating-badge bc-badge-2\"><i class=\"fa-solid fa-language\"><\/i> Hindi + English<\/div>\r\n        <div class=\"bc-floating-badge bc-badge-3\"><i class=\"fa-solid fa-database\"><\/i> CRM Integration<\/div>\r\n        <div class=\"bc-floating-badge bc-badge-4\"><i class=\"fa-solid fa-headset\"><\/i> Human Transfer<\/div>\r\n\r\n        <!-- Glassmorphism Dashboard -->\r\n        <div class=\"bc-ai-dashboard\">\r\n            <div class=\"bc-dashboard-header\">\r\n                BRIGHTCODE AI VOICE\r\n            <\/div>\r\n            \r\n            <div class=\"bc-ai-status\">\r\n                <div class=\"bc-pulse-dot\"><\/div> AI Agent Active\r\n            <\/div>\r\n            \r\n            <div class=\"bc-call-info\">\r\n                <div class=\"bc-call-label\">Incoming Call<\/div>\r\n                <div class=\"bc-call-number\">+91 XXXXX XXXXX<\/div>\r\n                <div class=\"bc-ai-voice-text\">\"How can I help you today?\"<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"bc-wave-container\">\r\n                <div class=\"bc-wave-bar\"><\/div>\r\n                <div class=\"bc-wave-bar\"><\/div>\r\n                <div class=\"bc-wave-bar\"><\/div>\r\n                <div class=\"bc-wave-bar\"><\/div>\r\n                <div class=\"bc-wave-bar\"><\/div>\r\n                <div class=\"bc-wave-bar\"><\/div>\r\n            <\/div>\r\n            <div class=\"bc-live-label\">LIVE CONVERSATION<\/div>\r\n            \r\n            <div class=\"bc-dashboard-footer\">\r\n                <div class=\"bc-action-badge\">\r\n                    <div class=\"bc-action-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                    Lead Created\r\n                <\/div>\r\n                <div class=\"bc-action-badge\">\r\n                    <div class=\"bc-action-icon\"><i class=\"fa-regular fa-calendar-check\"><\/i><\/div>\r\n                    Appointment Scheduled\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e3bfe9 e-flex e-con-boxed e-con e-parent\" data-id=\"8e3bfe9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d13c0c elementor-widget elementor-widget-html\" data-id=\"9d13c0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts and Icons (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will not affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    \/* 1. Scope Variables & Base to this section ONLY (Replaces :root) *\/\r\n    .bc-intro-section {\r\n        --bc-primary: #4f46e5;\r\n        --bc-primary-light: #e0e7ff;\r\n        --bc-text-dark: #1e293b;\r\n        --bc-text-gray: #475569;\r\n        --bc-bg-light: #f8fafc;\r\n        --bc-white: #ffffff;\r\n        \r\n        background-color: var(--bc-bg-light);\r\n        font-family: 'Inter', sans-serif !important;\r\n        padding: 60px 5%; \/* Increased top\/bottom padding for better breathing room *\/\r\n        position: relative;\r\n        text-align: left; \/* Prevent theme alignment bleed *\/\r\n    }\r\n\r\n    \/* 2. Scoped Reset (Prevents WP theme styles from breaking this layout) *\/\r\n    .bc-intro-section, \r\n    .bc-intro-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Reset margins for headings and paragraphs inside this section ONLY *\/\r\n    .bc-intro-section h2, \r\n    .bc-intro-section h3, \r\n    .bc-intro-section p, \r\n    .bc-intro-section div {\r\n        margin: 0;\r\n        padding: 0;\r\n        font-family: 'Inter', sans-serif !important; \/* Force font override *\/\r\n    }\r\n\r\n    .bc-intro-section .bc-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Top Text Area *\/\r\n    .bc-intro-section .bc-intro-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px;\r\n    }\r\n\r\n    .bc-intro-section .bc-intro-title {\r\n        font-size: 2.75rem;\r\n        color: var(--bc-text-dark) !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: 24px !important;\r\n    }\r\n\r\n    .bc-intro-section .bc-intro-text {\r\n        font-size: 1.125rem;\r\n        color: var(--bc-text-gray) !important;\r\n        line-height: 1.7 !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    .bc-intro-section .bc-highlight-box {\r\n        background: rgba(79, 70, 229, 0.05);\r\n        border-left: 4px solid var(--bc-primary);\r\n        padding: 24px 30px;\r\n        border-radius: 0 12px 12px 0;\r\n        margin: 30px auto;\r\n        text-align: left;\r\n        font-weight: 500;\r\n        color: var(--bc-text-dark) !important;\r\n        font-size: 1.125rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Capabilities Grid *\/\r\n    .bc-intro-section .bc-capabilities-wrapper {\r\n        margin-top: 50px;\r\n    }\r\n    \r\n    .bc-intro-section .bc-capabilities-lead {\r\n        text-align: center;\r\n        font-size: 1.25rem;\r\n        font-weight: 600 !important;\r\n        color: var(--bc-text-dark) !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .bc-intro-section .bc-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 30px;\r\n    }\r\n\r\n    .bc-intro-section .bc-card {\r\n        background: var(--bc-white);\r\n        border-radius: 16px;\r\n        padding: 35px 30px;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .bc-intro-section .bc-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: var(--bc-primary);\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .bc-intro-section .bc-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n        border-color: transparent;\r\n    }\r\n\r\n    .bc-intro-section .bc-card:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    .bc-intro-section .bc-card-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: var(--bc-primary-light);\r\n        color: var(--bc-primary);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.5rem;\r\n        margin-bottom: 24px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .bc-intro-section .bc-card:hover .bc-card-icon {\r\n        background: var(--bc-primary);\r\n        color: var(--bc-white);\r\n    }\r\n\r\n    .bc-intro-section .bc-card-title {\r\n        font-size: 1.25rem;\r\n        font-weight: 700 !important;\r\n        color: var(--bc-text-dark) !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    .bc-intro-section .bc-card-text {\r\n        color: var(--bc-text-gray) !important;\r\n        font-size: 1rem;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       RESPONSIVE MEDIA QUERIES (Protected)\r\n       ========================================================================= *\/\r\n    @media (max-width: 992px) {\r\n        .bc-intro-section .bc-intro-title {\r\n            font-size: 2.25rem;\r\n        }\r\n        .bc-intro-section {\r\n            padding: 50px 5%;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bc-intro-section .bc-intro-title {\r\n            font-size: 2rem;\r\n        }\r\n        .bc-intro-section .bc-highlight-box {\r\n            padding: 20px;\r\n            font-size: 1rem;\r\n        }\r\n        .bc-intro-section .bc-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Intro Section HTML -->\r\n<section class=\"bc-intro-section\">\r\n    <div class=\"bc-container\">\r\n        \r\n        <!-- Introduction Header -->\r\n        <div class=\"bc-intro-header\">\r\n            <h2 class=\"bc-intro-title\">Intelligent AI Voice Solutions for Bangalore Businesses<\/h2>\r\n            <p class=\"bc-intro-text\">\r\n                Businesses receive calls throughout the day, but every call cannot always be handled by a human team member. Missed enquiries, repetitive questions and delayed follow-ups can result in lost business.\r\n            <\/p>\r\n            <div class=\"bc-highlight-box\">\r\n                Brightcode provides AI Voice Agent Service in Bangalore to help businesses automate customer conversations through intelligent voice technology.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Features Breakdown -->\r\n        <div class=\"bc-capabilities-wrapper\">\r\n            <p class=\"bc-capabilities-lead\">Our AI voice agents are built to seamlessly handle your communications:<\/p>\r\n            \r\n            <div class=\"bc-grid\">\r\n                <!-- Card 1 -->\r\n                <div class=\"bc-card\">\r\n                    <div class=\"bc-card-icon\">\r\n                        <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"bc-card-title\">Answer & Understand<\/h3>\r\n                    <p class=\"bc-card-text\">Instantly answer incoming calls and accurately understand specific customer requirements using natural language processing.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"bc-card\">\r\n                    <div class=\"bc-card-icon\">\r\n                        <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"bc-card-title\">Provide Information<\/h3>\r\n                    <p class=\"bc-card-text\">Deliver precise business information, answer frequently asked questions, and guide customers 24\/7 without delay.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"bc-card\">\r\n                    <div class=\"bc-card-icon\">\r\n                        <i class=\"fa-solid fa-user-check\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"bc-card-title\">Qualify Leads<\/h3>\r\n                    <p class=\"bc-card-text\">Intelligently screen callers by asking the right questions to qualify high-value business leads automatically.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 4 -->\r\n                <div class=\"bc-card\">\r\n                    <div class=\"bc-card-icon\">\r\n                        <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"bc-card-title\">Schedule Appointments<\/h3>\r\n                    <p class=\"bc-card-text\">Seamlessly check availability and book appointments directly into your business calendar while on the call.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 5 -->\r\n                <div class=\"bc-card\">\r\n                    <div class=\"bc-card-icon\">\r\n                        <i class=\"fa-solid fa-gears\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"bc-card-title\">Perform Configured Actions<\/h3>\r\n                    <p class=\"bc-card-text\">Execute customized backend tasks like updating CRMs, sending SMS confirmations, or logging call summaries.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 6 -->\r\n                <div class=\"bc-card\">\r\n                    <div class=\"bc-card-icon\">\r\n                        <i class=\"fa-solid fa-headset\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"bc-card-title\">Human Transfer<\/h3>\r\n                    <p class=\"bc-card-text\">Smoothly transfer complex conversations to the right human team member whenever personal assistance is required.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7909438 e-con-full e-flex e-con e-parent\" data-id=\"7909438\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a9a6ac elementor-widget elementor-widget-html\" data-id=\"6a9a6ac\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts and Icons (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will not affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    \/* 1. Scope Variables & Base Settings to this wrapper ONLY *\/\r\n    .bc-hz-wrapper {\r\n        --bc-primary: #4f46e5;\r\n        --bc-primary-light: #e0e7ff;\r\n        --bc-accent: #818cf8;\r\n        --bc-text-dark: #1e293b;\r\n        --bc-text-gray: #475569;\r\n        --bc-bg-color: #e2e8f0; \r\n        --bc-card-bg: #ffffff;\r\n        \r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: var(--bc-bg-color);\r\n        padding: 60px 5%;\r\n        box-sizing: border-box !important;\r\n        text-align: left; \/* Prevent theme alignment bleed *\/\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* 2. Scoped Reset (Prevents theme styles from breaking this layout) *\/\r\n    .bc-hz-wrapper, \r\n    .bc-hz-wrapper * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-hz-wrapper h2, \r\n    .bc-hz-wrapper h3, \r\n    .bc-hz-wrapper p, \r\n    .bc-hz-wrapper div {\r\n        margin: 0;\r\n        padding: 0;\r\n        font-family: 'Inter', sans-serif !important;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .bc-hz-wrapper .bc-hz-header {\r\n        text-align: center;\r\n        margin-bottom: 70px;\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-title {\r\n        font-size: 2.75rem !important;\r\n        color: var(--bc-text-dark) !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n    }\r\n\r\n    \/* Desktop Horizontal Layout *\/\r\n    .bc-hz-wrapper .bc-hz-timeline {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        position: relative;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        gap: 20px;\r\n    }\r\n\r\n    \/* The Horizontal Connecting Line *\/\r\n    .bc-hz-wrapper .bc-hz-timeline::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 35px; \/* Center of the 70px icon *\/\r\n        left: 10%; \/* Starts at center of first item *\/\r\n        width: 80%; \/* Spans to center of last item *\/\r\n        height: 4px;\r\n        background: linear-gradient(to right, var(--bc-primary-light), var(--bc-primary), var(--bc-primary), var(--bc-primary-light));\r\n        z-index: 0;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-item {\r\n        flex: 1;\r\n        position: relative;\r\n        z-index: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        background-color: var(--bc-primary);\r\n        border: 6px solid var(--bc-primary-light);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #ffffff;\r\n        font-size: 1.5rem;\r\n        box-shadow: 0 4px 10px rgba(79, 70, 229, 0.3);\r\n        transition: all 0.3s ease;\r\n        margin-bottom: 25px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-item:hover .bc-hz-icon {\r\n        transform: scale(1.15);\r\n        background-color: var(--bc-text-dark);\r\n        border-color: var(--bc-primary);\r\n        box-shadow: 0 8px 15px rgba(30, 41, 59, 0.4);\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-content {\r\n        background: var(--bc-card-bg);\r\n        padding: 30px 20px;\r\n        border-radius: 16px;\r\n        border: 1px solid #cbd5e1;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-item:hover .bc-hz-content {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.08);\r\n        border-color: var(--bc-primary-light);\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-step {\r\n        font-size: 4rem;\r\n        font-weight: 800;\r\n        color: rgba(79, 70, 229, 0.08);\r\n        position: absolute;\r\n        top: 5px;\r\n        right: 10px;\r\n        line-height: 1;\r\n        z-index: 0;\r\n        user-select: none;\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-item-title {\r\n        font-size: 1.25rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--bc-text-dark) !important;\r\n        margin-bottom: 12px !important;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .bc-hz-wrapper .bc-hz-item-desc {\r\n        font-size: 0.95rem !important;\r\n        color: var(--bc-text-gray) !important;\r\n        line-height: 1.6 !important;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       RESPONSIVE MEDIA QUERIES (Protected)\r\n       ========================================================================= *\/\r\n       \r\n    \/* Tablet & Mobile (Switches to Vertical Timeline) *\/\r\n    @media screen and (max-width: 992px) {\r\n        .bc-hz-wrapper .bc-hz-title { font-size: 2.25rem !important; }\r\n        \r\n        \/* Change flex container to vertical *\/\r\n        .bc-hz-wrapper .bc-hz-timeline {\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n\r\n        \/* Rotate the connecting line to vertical *\/\r\n        .bc-hz-wrapper .bc-hz-timeline::before {\r\n            top: 0;\r\n            bottom: 0;\r\n            left: 33px; \/* Center of the 70px icon *\/\r\n            width: 4px;\r\n            height: 100%;\r\n            background: linear-gradient(to bottom, var(--bc-primary-light), var(--bc-primary), var(--bc-primary), var(--bc-primary-light));\r\n        }\r\n\r\n        \/* Adjust items for vertical layout *\/\r\n        .bc-hz-wrapper .bc-hz-item {\r\n            flex-direction: row;\r\n            align-items: stretch;\r\n            text-align: left;\r\n        }\r\n\r\n        .bc-hz-wrapper .bc-hz-icon {\r\n            margin-bottom: 0;\r\n            margin-right: 30px;\r\n            z-index: 2;\r\n        }\r\n\r\n        .bc-hz-wrapper .bc-hz-content {\r\n            flex: 1;\r\n            padding: 25px 30px;\r\n        }\r\n        \r\n        .bc-hz-wrapper .bc-hz-step {\r\n            right: 20px;\r\n        }\r\n    }\r\n\r\n    \/* Small Mobile *\/\r\n    @media screen and (max-width: 480px) {\r\n        .bc-hz-wrapper .bc-hz-title { font-size: 2rem !important; }\r\n        .bc-hz-wrapper { padding: 50px 5%; }\r\n        \r\n        .bc-hz-wrapper .bc-hz-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            font-size: 1.1rem;\r\n            border-width: 4px;\r\n            margin-right: 20px;\r\n        }\r\n        \r\n        \/* Readjust connecting line for smaller icon *\/\r\n        .bc-hz-wrapper .bc-hz-timeline::before {\r\n            left: 23px; \/* Center of 50px icon *\/\r\n        }\r\n\r\n        .bc-hz-wrapper .bc-hz-content {\r\n            padding: 20px;\r\n        }\r\n        \r\n        .bc-hz-wrapper .bc-hz-item-title { font-size: 1.15rem !important; }\r\n        .bc-hz-wrapper .bc-hz-item-desc { font-size: 0.9rem !important; }\r\n    }\r\n<\/style>\r\n\r\n<!-- Horizontal Timeline HTML -->\r\n<section class=\"bc-hz-wrapper\">\r\n    <div class=\"bc-hz-header\">\r\n        <h2 class=\"bc-hz-title\">How Our AI Voice Agent Works<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"bc-hz-timeline\">\r\n        \r\n        <!-- Step 01 -->\r\n        <div class=\"bc-hz-item\">\r\n            <div class=\"bc-hz-icon\">\r\n                <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n            <\/div>\r\n            <div class=\"bc-hz-content\">\r\n                <div class=\"bc-hz-step\">01<\/div>\r\n                <h3 class=\"bc-hz-item-title\">Customer Calls<\/h3>\r\n                <p class=\"bc-hz-item-desc\">A customer calls your business number or receives an outbound AI call.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 02 -->\r\n        <div class=\"bc-hz-item\">\r\n            <div class=\"bc-hz-icon\">\r\n                <i class=\"fa-solid fa-brain\"><\/i>\r\n            <\/div>\r\n            <div class=\"bc-hz-content\">\r\n                <div class=\"bc-hz-step\">02<\/div>\r\n                <h3 class=\"bc-hz-item-title\">AI Understands<\/h3>\r\n                <p class=\"bc-hz-item-desc\">The AI listens to the customer and identifies their intent, requirements and questions.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 03 -->\r\n        <div class=\"bc-hz-item\">\r\n            <div class=\"bc-hz-icon\">\r\n                <i class=\"fa-solid fa-comment-dots\"><\/i>\r\n            <\/div>\r\n            <div class=\"bc-hz-content\">\r\n                <div class=\"bc-hz-step\">03<\/div>\r\n                <h3 class=\"bc-hz-item-title\">AI Responds<\/h3>\r\n                <p class=\"bc-hz-item-desc\">The voice agent responds naturally using your business information and configured instructions.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 04 -->\r\n        <div class=\"bc-hz-item\">\r\n            <div class=\"bc-hz-icon\">\r\n                <i class=\"fa-solid fa-bolt\"><\/i>\r\n            <\/div>\r\n            <div class=\"bc-hz-content\">\r\n                <div class=\"bc-hz-step\">04<\/div>\r\n                <h3 class=\"bc-hz-item-title\">AI Takes Action<\/h3>\r\n                <p class=\"bc-hz-item-desc\">The agent can create leads, book appointments, check info or trigger connected workflows.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 05 -->\r\n        <div class=\"bc-hz-item\">\r\n            <div class=\"bc-hz-icon\">\r\n                <i class=\"fa-solid fa-headset\"><\/i>\r\n            <\/div>\r\n            <div class=\"bc-hz-content\">\r\n                <div class=\"bc-hz-step\">05<\/div>\r\n                <h3 class=\"bc-hz-item-title\">Human Handoff<\/h3>\r\n                <p class=\"bc-hz-item-desc\">If the conversation requires your team, the AI can transfer the call to an appropriate employee.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9a82e4 e-con-full e-flex e-con e-parent\" data-id=\"b9a82e4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-412cf77 elementor-widget elementor-widget-html\" data-id=\"412cf77\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts and Icons (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-ben-section {\r\n        background-color: #0b1121 !important;\r\n        background-image: radial-gradient(circle at 50% 0%, #1e1b4b 0%, transparent 70%) !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        padding: 60px 5% !important;\r\n        position: relative;\r\n        overflow: hidden;\r\n        color: #ffffff !important;\r\n        text-align: left !important; \/* Prevent theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-ben-section, \r\n    .bc-ben-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-ben-section h2, \r\n    .bc-ben-section h3, \r\n    .bc-ben-section p, \r\n    .bc-ben-section span,\r\n    .bc-ben-section div {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n    }\r\n\r\n    .bc-ben-section .bc-ben-container {\r\n        max-width: 1300px !important;\r\n        margin: 0 auto !important;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .bc-ben-section .bc-ben-header {\r\n        text-align: center !important;\r\n        max-width: 700px !important;\r\n        margin: 0 auto 80px !important;\r\n    }\r\n\r\n    .bc-ben-section .bc-ben-subtitle {\r\n        color: #818cf8 !important;\r\n        font-size: 0.875rem !important;\r\n        font-weight: 600 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        margin-bottom: 15px !important;\r\n        display: block !important;\r\n        line-height: normal !important;\r\n    }\r\n\r\n    .bc-ben-section .bc-ben-title {\r\n        font-size: 2.75rem !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n        background: linear-gradient(to right, #ffffff, #a5b4fc) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        color: #ffffff !important; \/* Fallback *\/\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    \/* Creative Staggered Grid *\/\r\n    .bc-ben-section .bc-ben-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 30px !important;\r\n        padding-bottom: 40px !important; \/* Space for staggered cards *\/\r\n    }\r\n\r\n    \/* Staggering the middle column for a creative layout on desktop *\/\r\n    @media screen and (min-width: 993px) {\r\n        .bc-ben-section .bc-ben-grid > :nth-child(3n-1) {\r\n            transform: translateY(40px) !important;\r\n        }\r\n    }\r\n\r\n    \/* The Card *\/\r\n    .bc-ben-section .bc-ben-card {\r\n        background: rgba(30, 41, 59, 0.4) !important;\r\n        backdrop-filter: blur(12px) !important;\r\n        -webkit-backdrop-filter: blur(12px) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        border-radius: 24px !important;\r\n        padding: 40px 30px !important;\r\n        position: relative !important;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    .bc-ben-section .bc-ben-card:hover {\r\n        transform: translateY(-10px) !important;\r\n        border-color: rgba(129, 140, 248, 0.5) !important;\r\n        box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5) !important;\r\n        background: rgba(30, 41, 59, 0.7) !important;\r\n        z-index: 10 !important;\r\n    }\r\n\r\n    \/* Reset the stagger transform on hover so it still lifts up smoothly *\/\r\n    @media screen and (min-width: 993px) {\r\n        .bc-ben-section .bc-ben-grid > :nth-child(3n-1):hover {\r\n            transform: translateY(30px) !important;\r\n        }\r\n    }\r\n\r\n    \/* Colored glowing blob behind icons *\/\r\n    .bc-ben-section .bc-ben-glow {\r\n        position: absolute !important;\r\n        width: 100px !important;\r\n        height: 100px !important;\r\n        border-radius: 50% !important;\r\n        top: 20px !important;\r\n        left: 20px !important;\r\n        filter: blur(40px) !important;\r\n        opacity: 0.5 !important;\r\n        z-index: -1 !important;\r\n        transition: all 0.4s ease !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .bc-ben-section .bc-ben-card:hover .bc-ben-glow {\r\n        opacity: 0.8 !important;\r\n        transform: scale(1.2) !important;\r\n    }\r\n\r\n    \/* Unique colors for each card's glow and icon *\/\r\n    .bc-ben-section .bc-card-1 .bc-ben-glow { background: #8b5cf6 !important; }\r\n    .bc-ben-section .bc-card-1 .bc-ben-icon { color: #a78bfa !important; background: rgba(139, 92, 246, 0.1) !important; border-color: rgba(139, 92, 246, 0.2) !important; }\r\n\r\n    .bc-ben-section .bc-card-2 .bc-ben-glow { background: #3b82f6 !important; }\r\n    .bc-ben-section .bc-card-2 .bc-ben-icon { color: #60a5fa !important; background: rgba(59, 130, 246, 0.1) !important; border-color: rgba(59, 130, 246, 0.2) !important; }\r\n\r\n    .bc-ben-section .bc-card-3 .bc-ben-glow { background: #10b981 !important; }\r\n    .bc-ben-section .bc-card-3 .bc-ben-icon { color: #34d399 !important; background: rgba(16, 185, 129, 0.1) !important; border-color: rgba(16, 185, 129, 0.2) !important; }\r\n\r\n    .bc-ben-section .bc-card-4 .bc-ben-glow { background: #f59e0b !important; }\r\n    .bc-ben-section .bc-card-4 .bc-ben-icon { color: #fbbf24 !important; background: rgba(245, 158, 11, 0.1) !important; border-color: rgba(245, 158, 11, 0.2) !important; }\r\n\r\n    .bc-ben-section .bc-card-5 .bc-ben-glow { background: #06b6d4 !important; }\r\n    .bc-ben-section .bc-card-5 .bc-ben-icon { color: #22d3ee !important; background: rgba(6, 182, 212, 0.1) !important; border-color: rgba(6, 182, 212, 0.2) !important; }\r\n\r\n    .bc-ben-section .bc-card-6 .bc-ben-glow { background: #ec4899 !important; }\r\n    .bc-ben-section .bc-card-6 .bc-ben-icon { color: #f472b6 !important; background: rgba(236, 72, 153, 0.1) !important; border-color: rgba(236, 72, 153, 0.2) !important; }\r\n\r\n    .bc-ben-section .bc-ben-icon {\r\n        width: 65px !important;\r\n        height: 65px !important;\r\n        border-radius: 16px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        font-size: 1.75rem !important;\r\n        margin-bottom: 25px !important;\r\n        border: 1px solid transparent !important;\r\n        backdrop-filter: blur(5px) !important;\r\n    }\r\n\r\n    .bc-ben-section .bc-ben-card-title {\r\n        font-size: 1.35rem !important;\r\n        font-weight: 700 !important;\r\n        margin-bottom: 15px !important;\r\n        color: #f8fafc !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    .bc-ben-section .bc-ben-card-text {\r\n        color: #94a3b8 !important;\r\n        font-size: 1rem !important;\r\n        line-height: 1.6 !important;\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    \/* Decorative Grid Background Pattern *\/\r\n    .bc-ben-section .bc-ben-bg-pattern {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background-image: \r\n            linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px) !important;\r\n        background-size: 50px 50px !important;\r\n        opacity: 0.5 !important;\r\n        z-index: 0 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media screen and (max-width: 992px) {\r\n        .bc-ben-section .bc-ben-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            padding-bottom: 0 !important;\r\n        }\r\n        .bc-ben-section .bc-ben-title { font-size: 2.25rem !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-ben-section .bc-ben-grid {\r\n            grid-template-columns: 1fr !important;\r\n        }\r\n        .bc-ben-section { padding: 50px 5% !important; }\r\n        .bc-ben-section .bc-ben-card { padding: 30px 25px !important; }\r\n        .bc-ben-section .bc-ben-card:hover { transform: translateY(-5px) !important; }\r\n    }\r\n<\/style>\r\n\r\n<!-- Benefits Section HTML -->\r\n<section class=\"bc-ben-section\">\r\n    <div class=\"bc-ben-bg-pattern\"><\/div>\r\n    \r\n    <div class=\"bc-ben-container\">\r\n        <div class=\"bc-ben-header\">\r\n            <span class=\"bc-ben-subtitle\">Business Advantages<\/span>\r\n            <h2 class=\"bc-ben-title\">Why Choose an AI Voice Agent for Your Business?<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bc-ben-grid\">\r\n            \r\n            <!-- Benefit 1 -->\r\n            <div class=\"bc-ben-card bc-card-1\">\r\n                <div class=\"bc-ben-glow\"><\/div>\r\n                <div class=\"bc-ben-icon\"><i class=\"fa-regular fa-clock\"><\/i><\/div>\r\n                <h3 class=\"bc-ben-card-title\">24\/7 Customer Availability<\/h3>\r\n                <p class=\"bc-ben-card-text\">Your AI agent can handle conversations beyond traditional working hours, ensuring you are always open for business.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefit 2 -->\r\n            <div class=\"bc-ben-card bc-card-2\">\r\n                <div class=\"bc-ben-glow\"><\/div>\r\n                <div class=\"bc-ben-icon\"><i class=\"fa-solid fa-phone-volume\"><\/i><\/div>\r\n                <h3 class=\"bc-ben-card-title\">Never Miss an Enquiry<\/h3>\r\n                <p class=\"bc-ben-card-text\">Respond immediately to every customer call instead of relying solely on manual, limited human call handling.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefit 3 -->\r\n            <div class=\"bc-ben-card bc-card-3\">\r\n                <div class=\"bc-ben-glow\"><\/div>\r\n                <div class=\"bc-ben-icon\"><i class=\"fa-solid fa-user-check\"><\/i><\/div>\r\n                <h3 class=\"bc-ben-card-title\">Automate Lead Qualification<\/h3>\r\n                <p class=\"bc-ben-card-text\">Intelligently capture customer requirements, budget, location and other important information without lifting a finger.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefit 4 -->\r\n            <div class=\"bc-ben-card bc-card-4\">\r\n                <div class=\"bc-ben-glow\"><\/div>\r\n                <div class=\"bc-ben-icon\"><i class=\"fa-solid fa-arrow-rotate-right\"><\/i><\/div>\r\n                <h3 class=\"bc-ben-card-title\">Reduce Repetitive Calls<\/h3>\r\n                <p class=\"bc-ben-card-text\">Effortlessly automate answers to FAQs, send reminders, verify confirmations and handle routine daily enquiries.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefit 5 -->\r\n            <div class=\"bc-ben-card bc-card-5\">\r\n                <div class=\"bc-ben-glow\"><\/div>\r\n                <div class=\"bc-ben-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                <h3 class=\"bc-ben-card-title\">Faster Customer Response<\/h3>\r\n                <p class=\"bc-ben-card-text\">Customers receive immediate, precise responses without spending frustrating time waiting for a salesperson or receptionist.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefit 6 -->\r\n            <div class=\"bc-ben-card bc-card-6\">\r\n                <div class=\"bc-ben-glow\"><\/div>\r\n                <div class=\"bc-ben-icon\"><i class=\"fa-solid fa-arrow-trend-up\"><\/i><\/div>\r\n                <h3 class=\"bc-ben-card-title\">Scale Calling Operations<\/h3>\r\n                <p class=\"bc-ben-card-text\">Seamlessly handle significantly higher call volumes without increasing your human team expenses at the same rate.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-495752a e-con-full e-flex e-con e-parent\" data-id=\"495752a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbb548 elementor-widget elementor-widget-html\" data-id=\"6fbb548\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts and Icons (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    \/* 1. Scope Variables & Base Settings to this wrapper ONLY (Replaces :root) *\/\r\n    .bc-srv-section {\r\n        --bc-primary: #4f46e5;\r\n        --bc-accent: #818cf8;\r\n        --bc-success: #10b981;\r\n        --bc-text-dark: #0f172a;\r\n        --bc-text-gray: #475569;\r\n        --bc-bg-color: #f8fafc;\r\n        --bc-card-bg: #ffffff;\r\n\r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: var(--bc-bg-color) !important;\r\n        padding: 60px 5% !important; \/* Adjusted slightly for better WP breathing room *\/\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        z-index: 1 !important;\r\n        text-align: left !important; \/* Prevents theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* 2. Scoped Reset (Prevents theme styles from breaking this layout) *\/\r\n    .bc-srv-section, \r\n    .bc-srv-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Block WP Themes from adding weird margins\/padding to text & lists *\/\r\n    .bc-srv-section h2, \r\n    .bc-srv-section h3, \r\n    .bc-srv-section p, \r\n    .bc-srv-section span, \r\n    .bc-srv-section div,\r\n    .bc-srv-section ul,\r\n    .bc-srv-section li {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n    }\r\n\r\n    \/* Ambient Animated Background Blobs *\/\r\n    .bc-srv-section .bc-srv-blob {\r\n        position: absolute !important;\r\n        border-radius: 50% !important;\r\n        filter: blur(80px) !important;\r\n        opacity: 0.4 !important;\r\n        z-index: -1 !important;\r\n        animation: bc-blob-float 10s infinite alternate ease-in-out !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-blob-1 {\r\n        width: 400px !important;\r\n        height: 400px !important;\r\n        background: rgba(79, 70, 229, 0.15) !important;\r\n        top: -100px !important;\r\n        left: -100px !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-blob-2 {\r\n        width: 300px !important;\r\n        height: 300px !important;\r\n        background: rgba(16, 185, 129, 0.1) !important;\r\n        bottom: -50px !important;\r\n        right: -50px !important;\r\n        animation-delay: 2s !important;\r\n    }\r\n\r\n    @keyframes bc-blob-float {\r\n        0% { transform: translate(0, 0) scale(1); }\r\n        100% { transform: translate(30px, 50px) scale(1.1); }\r\n    }\r\n\r\n    \/* Container & Header *\/\r\n    .bc-srv-section .bc-srv-container {\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-header {\r\n        text-align: center !important;\r\n        max-width: 800px !important;\r\n        margin: 0 auto 60px !important;\r\n        animation: bc-fade-up 0.8s ease-out forwards !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-subtitle {\r\n        display: inline-block !important;\r\n        background: rgba(79, 70, 229, 0.1) !important;\r\n        color: var(--bc-primary) !important;\r\n        padding: 6px 16px !important;\r\n        border-radius: 50px !important;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        margin-bottom: 20px !important;\r\n        border: 1px solid rgba(79, 70, 229, 0.2) !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-title {\r\n        font-size: 2.75rem !important;\r\n        color: var(--bc-text-dark) !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    \/* Grid Layout *\/\r\n    .bc-srv-section .bc-srv-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 30px !important;\r\n    }\r\n\r\n    \/* Card Styles *\/\r\n    .bc-srv-section .bc-srv-card {\r\n        background: var(--bc-card-bg) !important;\r\n        border-radius: 20px !important;\r\n        padding: 40px 35px !important;\r\n        position: relative !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05) !important;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n        z-index: 2 !important;\r\n        opacity: 0; \/* JS\/Animation fallback *\/\r\n        transform: translateY(30px);\r\n        animation: bc-fade-up 0.8s ease-out forwards !important;\r\n    }\r\n\r\n    \/* Staggered entrance delays *\/\r\n    .bc-srv-section .bc-srv-card:nth-child(1) { animation-delay: 0.1s !important; }\r\n    .bc-srv-section .bc-srv-card:nth-child(2) { animation-delay: 0.2s !important; }\r\n    .bc-srv-section .bc-srv-card:nth-child(3) { animation-delay: 0.3s !important; }\r\n    .bc-srv-section .bc-srv-card:nth-child(4) { animation-delay: 0.4s !important; }\r\n    .bc-srv-section .bc-srv-card:nth-child(5) { animation-delay: 0.5s !important; }\r\n    .bc-srv-section .bc-srv-card:nth-child(6) { animation-delay: 0.6s !important; }\r\n\r\n    @keyframes bc-fade-up {\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* Gradient Border Hack *\/\r\n    .bc-srv-section .bc-srv-card::before {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        border-radius: 20px !important;\r\n        padding: 2px !important;\r\n        background: linear-gradient(135deg, rgba(79, 70, 229, 0.1), rgba(16, 185, 129, 0.05)) !important;\r\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n        -webkit-mask-composite: xor !important;\r\n        mask-composite: exclude !important;\r\n        transition: all 0.4s ease !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-card:hover {\r\n        transform: translateY(-10px) !important;\r\n        box-shadow: 0 20px 40px -10px rgba(79, 70, 229, 0.15) !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-card:hover::before {\r\n        background: linear-gradient(135deg, var(--bc-primary), var(--bc-success)) !important;\r\n    }\r\n\r\n    \/* Floating Icon *\/\r\n    .bc-srv-section .bc-srv-icon {\r\n        width: 65px !important;\r\n        height: 65px !important;\r\n        background: linear-gradient(135deg, #e0e7ff 0%, #ffffff 100%) !important;\r\n        color: var(--bc-primary) !important;\r\n        border-radius: 16px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        font-size: 1.6rem !important;\r\n        margin-bottom: 25px !important;\r\n        box-shadow: 0 4px 10px rgba(79, 70, 229, 0.1) !important;\r\n        animation: bc-icon-float 3s ease-in-out infinite !important;\r\n        transition: all 0.4s ease !important;\r\n        border: 1px solid #e0e7ff !important;\r\n    }\r\n\r\n    @keyframes bc-icon-float {\r\n        0% { transform: translateY(0px); }\r\n        50% { transform: translateY(-6px); }\r\n        100% { transform: translateY(0px); }\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-card:hover .bc-srv-icon {\r\n        background: var(--bc-primary) !important;\r\n        color: #ffffff !important;\r\n        transform: rotate(-5deg) scale(1.1) !important;\r\n        animation: none !important; \/* Pause float on hover *\/\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-card-title {\r\n        font-size: 1.35rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--bc-text-dark) !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-card-desc {\r\n        color: var(--bc-text-gray) !important;\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.6 !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    \/* Pill Tags *\/\r\n    .bc-srv-section .bc-srv-label {\r\n        font-size: 0.8rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--bc-text-dark) !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n        margin-bottom: 12px !important;\r\n        display: block !important;\r\n        margin-top: auto !important;\r\n        padding-top: 15px !important;\r\n        border-top: 1px dashed #e2e8f0 !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-pills {\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-pill {\r\n        background: var(--bc-bg-color) !important;\r\n        color: var(--bc-text-gray) !important;\r\n        font-size: 0.75rem !important;\r\n        font-weight: 600 !important;\r\n        padding: 6px 12px !important;\r\n        border-radius: 20px !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n        transition: all 0.3s ease !important;\r\n        cursor: default !important;\r\n        display: inline-block !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-card:hover .bc-srv-pill {\r\n        border-color: var(--bc-accent) !important;\r\n        color: var(--bc-primary) !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-pill:hover {\r\n        background: var(--bc-primary) !important;\r\n        color: #ffffff !important;\r\n        transform: scale(1.05) !important;\r\n    }\r\n\r\n    \/* Interactive Checklist *\/\r\n    .bc-srv-section .bc-srv-checklist {\r\n        list-style: none !important;\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-checklist li {\r\n        display: flex !important;\r\n        align-items: flex-start !important;\r\n        gap: 8px !important;\r\n        font-size: 0.85rem !important;\r\n        color: var(--bc-text-gray) !important;\r\n        font-weight: 500 !important;\r\n        transition: transform 0.3s ease !important;\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-card:hover .bc-srv-checklist li {\r\n        transform: translateX(3px) !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-checklist li i {\r\n        color: var(--bc-success) !important;\r\n        font-size: 0.8rem !important;\r\n        margin-top: 4px !important;\r\n        background: rgba(16, 185, 129, 0.1) !important;\r\n        padding: 3px !important;\r\n        border-radius: 50% !important;\r\n        line-height: 1 !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-checklist.bc-single-col {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n\r\n    .bc-srv-section .bc-srv-footer-text {\r\n        font-size: 0.85rem !important;\r\n        color: var(--bc-text-dark) !important;\r\n        font-weight: 600 !important;\r\n        margin-top: 15px !important;\r\n        line-height: 1.5 !important;\r\n        background: linear-gradient(to right, rgba(16, 185, 129, 0.1), transparent) !important;\r\n        padding: 10px 15px !important;\r\n        border-radius: 8px !important;\r\n        border-left: 3px solid var(--bc-success) !important;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media screen and (max-width: 992px) {\r\n        .bc-srv-section .bc-srv-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n        .bc-srv-section .bc-srv-title { font-size: 2.25rem !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-srv-section .bc-srv-grid { grid-template-columns: 1fr !important; }\r\n        .bc-srv-section { padding: 60px 5% !important; }\r\n        .bc-srv-section .bc-srv-checklist { grid-template-columns: 1fr !important; }\r\n        \/* Disable heavy entrance on mobile for better performance *\/\r\n        .bc-srv-section .bc-srv-card { transform: translateY(0) !important; opacity: 1 !important; animation: none !important; } \r\n    }\r\n<\/style>\r\n\r\n<!-- Services Section HTML -->\r\n<section class=\"bc-srv-section\">\r\n    <!-- Ambient Background Animations -->\r\n    <div class=\"bc-srv-blob bc-blob-1\"><\/div>\r\n    <div class=\"bc-srv-blob bc-blob-2\"><\/div>\r\n\r\n    <div class=\"bc-srv-container\">\r\n        \r\n        <div class=\"bc-srv-header\">\r\n            <span class=\"bc-srv-subtitle\"><i class=\"fa-solid fa-sparkles\"><\/i> Our Solutions<\/span>\r\n            <h2 class=\"bc-srv-title\">AI Voice Agent Services We Offer in Bangalore<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bc-srv-grid\">\r\n            \r\n            <!-- Service 1: AI Receptionist -->\r\n            <div class=\"bc-srv-card\">\r\n                <div class=\"bc-srv-icon\"><i class=\"fa-solid fa-bell-concierge\"><\/i><\/div>\r\n                <h3 class=\"bc-srv-card-title\">AI Receptionist<\/h3>\r\n                <p class=\"bc-srv-card-desc\">Create a virtual receptionist that can answer calls, provide business information, handle FAQs and route calls efficiently.<\/p>\r\n                \r\n                <span class=\"bc-srv-label\">Ideal For:<\/span>\r\n                <div class=\"bc-srv-pills\">\r\n                    <span class=\"bc-srv-pill\">Clinics<\/span>\r\n                    <span class=\"bc-srv-pill\">Hospitals<\/span>\r\n                    <span class=\"bc-srv-pill\">Salons<\/span>\r\n                    <span class=\"bc-srv-pill\">Hotels<\/span>\r\n                    <span class=\"bc-srv-pill\">Offices<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service 2: AI Sales Agent -->\r\n            <div class=\"bc-srv-card\">\r\n                <div class=\"bc-srv-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n                <h3 class=\"bc-srv-card-title\">AI Sales Agent<\/h3>\r\n                <p class=\"bc-srv-card-desc\">Your AI sales agent can engage prospects, understand their requirements and qualify leads before handing them to your sales team.<\/p>\r\n                \r\n                <span class=\"bc-srv-label\">Ideal For:<\/span>\r\n                <div class=\"bc-srv-pills\">\r\n                    <span class=\"bc-srv-pill\">Real Estate<\/span>\r\n                    <span class=\"bc-srv-pill\">Automotive<\/span>\r\n                    <span class=\"bc-srv-pill\">Education<\/span>\r\n                    <span class=\"bc-srv-pill\">Insurance<\/span>\r\n                    <span class=\"bc-srv-pill\">B2B<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service 3: AI Customer Support -->\r\n            <div class=\"bc-srv-card\">\r\n                <div class=\"bc-srv-icon\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n                <h3 class=\"bc-srv-card-title\">AI Customer Support<\/h3>\r\n                <p class=\"bc-srv-card-desc\">Automate common customer support conversations such as service enquiries, order questions and basic troubleshooting 24\/7.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 4: AI Appointment -->\r\n            <div class=\"bc-srv-card\">\r\n                <div class=\"bc-srv-icon\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/div>\r\n                <h3 class=\"bc-srv-card-title\">AI Appointment Agent<\/h3>\r\n                <p class=\"bc-srv-card-desc\">Allow customers to seamlessly schedule, reschedule and cancel appointments through natural, real-time voice conversations.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 5: AI Outbound Calling -->\r\n            <div class=\"bc-srv-card\">\r\n                <div class=\"bc-srv-icon\"><i class=\"fa-solid fa-tower-broadcast\"><\/i><\/div>\r\n                <h3 class=\"bc-srv-card-title\">AI Outbound Calling<\/h3>\r\n                <p class=\"bc-srv-card-desc\">Deploy intelligent outbound campaigns at scale.<\/p>\r\n                \r\n                <span class=\"bc-srv-label\" style=\"border-top:none; padding-top:0 !important;\">Automate:<\/span>\r\n                <ul class=\"bc-srv-checklist\">\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Lead follow-ups<\/li>\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Cust. reminders<\/li>\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Surveys<\/li>\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Re-engagement<\/li>\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Confirmations<\/li>\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Campaign calls<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Service 6: AI Lead Qualification -->\r\n            <div class=\"bc-srv-card\">\r\n                <div class=\"bc-srv-icon\"><i class=\"fa-solid fa-filter\"><\/i><\/div>\r\n                <h3 class=\"bc-srv-card-title\">AI Lead Qualification<\/h3>\r\n                <span class=\"bc-srv-label\" style=\"border-top:none; padding-top: 0 !important; margin-top: 0 !important;\">Agent can collect:<\/span>\r\n                <ul class=\"bc-srv-checklist bc-single-col\" style=\"margin-bottom: 0 !important;\">\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Name & Phone<\/li>\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Requirement & Budget<\/li>\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Location & Product Interest<\/li>\r\n                    <li><i class=\"fa-solid fa-check\"><\/i> Preferred Contact Time<\/li>\r\n                <\/ul>\r\n                <div class=\"bc-srv-footer-text\">\r\n                    ...and send qualified leads directly to your CRM or sales team.\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a39c9d e-con-full e-flex e-con e-parent\" data-id=\"2a39c9d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71e54b9 elementor-widget elementor-widget-html\" data-id=\"71e54b9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-io-section {\r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: #0f172a !important;\r\n        background-image: radial-gradient(circle at 50% 100%, rgba(30, 27, 75, 0.5) 0%, transparent 60%) !important;\r\n        padding: 60px 5% !important;\r\n        position: relative !important;\r\n        color: #ffffff !important;\r\n        overflow: hidden !important;\r\n        text-align: left !important; \/* Prevents theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-io-section, \r\n    .bc-io-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-io-section h2, \r\n    .bc-io-section h3, \r\n    .bc-io-section p, \r\n    .bc-io-section div,\r\n    .bc-io-section ul,\r\n    .bc-io-section li {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-container {\r\n        max-width: 1300px !important;\r\n        margin: 0 auto !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-header {\r\n        text-align: center !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-title {\r\n        font-size: 2.75rem !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n        background: linear-gradient(to right, #ffffff, #cbd5e1) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        margin-bottom: 15px !important;\r\n        color: transparent !important; \/* Fallback *\/\r\n    }\r\n\r\n    .bc-io-section .bc-io-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 40px !important;\r\n        align-items: stretch !important;\r\n    }\r\n\r\n    \/* Base Card Styling *\/\r\n    .bc-io-section .bc-io-card {\r\n        background: rgba(30, 41, 59, 0.5) !important;\r\n        backdrop-filter: blur(16px) !important;\r\n        -webkit-backdrop-filter: blur(16px) !important;\r\n        border-radius: 24px !important;\r\n        padding: 50px 40px !important;\r\n        position: relative !important;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-card:hover {\r\n        transform: translateY(-10px) !important;\r\n        background: rgba(30, 41, 59, 0.8) !important;\r\n    }\r\n\r\n    \/* Inbound Card Specifics *\/\r\n    .bc-io-section .bc-io-inbound {\r\n        border-top: 4px solid #6366f1 !important;\r\n    }\r\n    .bc-io-section .bc-io-inbound:hover {\r\n        box-shadow: 0 20px 40px -10px rgba(99, 102, 241, 0.2) !important;\r\n        border-color: rgba(99, 102, 241, 0.3) !important;\r\n        border-top: 4px solid #818cf8 !important;\r\n    }\r\n    .bc-io-section .bc-io-inbound .bc-io-icon {\r\n        background: rgba(99, 102, 241, 0.1) !important;\r\n        color: #818cf8 !important;\r\n        box-shadow: 0 0 20px rgba(99, 102, 241, 0.2) !important;\r\n    }\r\n    .bc-io-section .bc-io-inbound .bc-io-list li svg {\r\n        stroke: #818cf8 !important;\r\n    }\r\n\r\n    \/* Outbound Card Specifics *\/\r\n    .bc-io-section .bc-io-outbound {\r\n        border-top: 4px solid #10b981 !important;\r\n    }\r\n    .bc-io-section .bc-io-outbound:hover {\r\n        box-shadow: 0 20px 40px -10px rgba(16, 185, 129, 0.2) !important;\r\n        border-color: rgba(16, 185, 129, 0.3) !important;\r\n        border-top: 4px solid #34d399 !important;\r\n    }\r\n    .bc-io-section .bc-io-outbound .bc-io-icon {\r\n        background: rgba(16, 185, 129, 0.1) !important;\r\n        color: #34d399 !important;\r\n        box-shadow: 0 0 20px rgba(16, 185, 129, 0.2) !important;\r\n    }\r\n    .bc-io-section .bc-io-outbound .bc-io-list li svg {\r\n        stroke: #34d399 !important;\r\n    }\r\n\r\n    \/* Common Card Elements *\/\r\n    .bc-io-section .bc-io-top {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 20px !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-icon {\r\n        width: 70px !important;\r\n        height: 70px !important;\r\n        border-radius: 18px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        flex-shrink: 0 !important;\r\n        transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-card:hover .bc-io-icon {\r\n        transform: scale(1.1) !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-card-title {\r\n        font-size: 1.75rem !important;\r\n        font-weight: 800 !important;\r\n        color: #f8fafc !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-subtitle {\r\n        font-size: 1.1rem !important;\r\n        color: #94a3b8 !important;\r\n        line-height: 1.6 !important;\r\n        margin-bottom: 35px !important;\r\n        padding-bottom: 25px !important;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        font-weight: 500 !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-list-header {\r\n        font-size: 0.85rem !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1.5px !important;\r\n        color: #cbd5e1 !important;\r\n        margin-bottom: 20px !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-list {\r\n        list-style: none !important;\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 16px 20px !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-list li {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 12px !important;\r\n        font-size: 0.95rem !important;\r\n        color: #e2e8f0 !important;\r\n        font-weight: 500 !important;\r\n        transition: transform 0.2s ease !important;\r\n    }\r\n\r\n    .bc-io-section .bc-io-card:hover .bc-io-list li {\r\n        transform: translateX(4px) !important;\r\n    }\r\n\r\n    \/* Styling for the SVG Checkmarks *\/\r\n    .bc-io-section .bc-io-list li svg {\r\n        width: 22px !important;\r\n        height: 22px !important;\r\n        background: rgba(255, 255, 255, 0.05) !important;\r\n        border-radius: 50% !important;\r\n        padding: 4px !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    \/* Decorative Background Lines *\/\r\n    .bc-io-section .bc-io-bg-lines {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        bottom: 0 !important;\r\n        background-image: \r\n            linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;\r\n        background-size: 40px 40px !important;\r\n        opacity: 0.5 !important;\r\n        z-index: 1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media screen and (max-width: 1024px) {\r\n        .bc-io-section .bc-io-card { padding: 40px 30px !important; }\r\n        .bc-io-section .bc-io-list { grid-template-columns: 1fr !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-io-section .bc-io-grid { grid-template-columns: 1fr !important; gap: 30px !important; }\r\n        .bc-io-section { padding: 80px 5% !important; }\r\n        .bc-io-section .bc-io-title { font-size: 2.25rem !important; }\r\n        .bc-io-section .bc-io-list { grid-template-columns: 1fr 1fr !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 500px) {\r\n        .bc-io-section .bc-io-list { grid-template-columns: 1fr !important; }\r\n        .bc-io-section .bc-io-card { padding: 35px 25px !important; }\r\n        .bc-io-section .bc-io-top { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bc-io-section\">\r\n    <div class=\"bc-io-bg-lines\"><\/div>\r\n\r\n    <div class=\"bc-io-container\">\r\n        <div class=\"bc-io-header\">\r\n            <h2 class=\"bc-io-title\">Inbound & Outbound AI Calling<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bc-io-grid\">\r\n            \r\n            <!-- Inbound Card -->\r\n            <div class=\"bc-io-card bc-io-inbound\">\r\n                <div class=\"bc-io-top\">\r\n                    <div class=\"bc-io-icon\">\r\n                        <!-- Direct SVG for Inbound Phone Icon -->\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\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>\r\n                            <polyline points=\"16 2 16 8 22 8\"><\/polyline>\r\n                            <line x1=\"22\" y1=\"2\" x2=\"16\" y2=\"8\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"bc-io-card-title\">Inbound AI Voice Agent<\/h3>\r\n                <\/div>\r\n                \r\n                <p class=\"bc-io-subtitle\">Turn every incoming call into an opportunity. Handle high volumes without human limitations.<\/p>\r\n                \r\n                <div class=\"bc-io-list-header\">Your AI agent can:<\/div>\r\n                <ul class=\"bc-io-list\">\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Answer calls<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Identify customer intent<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Answer FAQs<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Capture leads<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Book appointments<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Check availability<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Transfer calls<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Create CRM records<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Outbound Card -->\r\n            <div class=\"bc-io-card bc-io-outbound\">\r\n                <div class=\"bc-io-top\">\r\n                    <div class=\"bc-io-icon\">\r\n                        <!-- Direct SVG for Outbound Phone Icon -->\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\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>\r\n                            <polyline points=\"16 2 22 2 22 8\"><\/polyline>\r\n                            <line x1=\"15\" y1=\"9\" x2=\"22\" y2=\"2\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"bc-io-card-title\">Outbound AI Voice Agent<\/h3>\r\n                <\/div>\r\n                \r\n                <p class=\"bc-io-subtitle\">Automate your follow-up process. Reach thousands of contacts simultaneously and efficiently.<\/p>\r\n                \r\n                <div class=\"bc-io-list-header\">Use AI voice agents for:<\/div>\r\n                <ul class=\"bc-io-list\">\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Lead follow-up<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Sales campaigns<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Appointment reminders<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Customer surveys<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Re-engagement<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Feedback collection<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Event invitations<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-caabbd2 e-con-full e-flex e-con e-parent\" data-id=\"caabbd2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7ea096 elementor-widget elementor-widget-html\" data-id=\"f7ea096\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-ind-wrapper {\r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: #f1f5f9 !important; \/* Light Container Background *\/\r\n        padding: 40px 5% !important;\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n        text-align: left !important; \/* Prevent theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-ind-wrapper, \r\n    .bc-ind-wrapper * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-ind-wrapper h2, \r\n    .bc-ind-wrapper h3, \r\n    .bc-ind-wrapper p, \r\n    .bc-ind-wrapper div,\r\n    .bc-ind-wrapper span {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n    }\r\n\r\n    \/* Subtle Light Background Pattern *\/\r\n    .bc-ind-wrapper .bc-ind-pattern {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background-image: \r\n            linear-gradient(rgba(148, 163, 184, 0.1) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(148, 163, 184, 0.1) 1px, transparent 1px) !important;\r\n        background-size: 30px 30px !important;\r\n        z-index: -1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-container {\r\n        max-width: 1300px !important; \/* Slightly narrower to make boxes smaller *\/\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-header {\r\n        text-align: center !important;\r\n        max-width: 800px !important;\r\n        margin: 0 auto 50px !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-subtitle {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        color: #4f46e5 !important;\r\n        font-size: 0.8rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1.5px !important;\r\n        margin-bottom: 15px !important;\r\n        background: #ffffff !important;\r\n        padding: 6px 16px !important;\r\n        border-radius: 50px !important;\r\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-title {\r\n        font-size: 2.5rem !important;\r\n        color: #0f172a !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    \/* Compact Grid *\/\r\n    .bc-ind-wrapper .bc-ind-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 20px !important; \/* Tighter gap for smaller feel *\/\r\n    }\r\n\r\n    \/* Dark Card Design *\/\r\n    .bc-ind-wrapper .bc-ind-box {\r\n        background-color: #1e293b !important; \/* Dark Slate Box Background *\/\r\n        border-radius: 16px !important;\r\n        padding: 25px 25px !important; \/* Smaller padding *\/\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        border: 1px solid #334155 !important;\r\n        box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1) !important;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    \/* Colored top border accent for each card *\/\r\n    .bc-ind-wrapper .bc-ind-box::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        height: 3px !important;\r\n        background: var(--theme-color) !important;\r\n        opacity: 0.7 !important;\r\n        transition: opacity 0.3s ease, height 0.3s ease !important;\r\n    }\r\n\r\n    \/* Soft inner glow on hover *\/\r\n    .bc-ind-wrapper .bc-ind-box::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background: radial-gradient(circle at top right, var(--theme-color) 0%, transparent 50%) !important;\r\n        opacity: 0 !important;\r\n        transition: opacity 0.4s ease !important;\r\n        z-index: -1 !important;\r\n        mix-blend-mode: screen !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-box:hover {\r\n        transform: translateY(-5px) !important;\r\n        box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.2) !important;\r\n        background-color: #0f172a !important;\r\n        border-color: #475569 !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-box:hover::before {\r\n        opacity: 1 !important;\r\n        height: 4px !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-box:hover::after {\r\n        opacity: 0.15 !important;\r\n    }\r\n\r\n    \/* Pulsing Dot *\/\r\n    .bc-ind-wrapper .bc-ind-pulse {\r\n        position: absolute !important;\r\n        top: 20px !important;\r\n        right: 20px !important;\r\n        width: 8px !important;\r\n        height: 8px !important;\r\n        background-color: var(--theme-color) !important;\r\n        border-radius: 50% !important;\r\n        box-shadow: 0 0 10px var(--theme-color) !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-pulse::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: -4px !important;\r\n        left: -4px !important;\r\n        right: -4px !important;\r\n        bottom: -4px !important;\r\n        border-radius: 50% !important;\r\n        border: 1px solid var(--theme-color) !important;\r\n        animation: bc-pulse-ring 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1) !important;\r\n        opacity: 0 !important;\r\n    }\r\n\r\n    @keyframes bc-pulse-ring {\r\n        0% { transform: scale(0.5); opacity: 0; }\r\n        50% { opacity: 0.5; }\r\n        100% { transform: scale(1.5); opacity: 0; }\r\n    }\r\n\r\n    \/* Icon Wrapper *\/\r\n    .bc-ind-wrapper .bc-ind-icon {\r\n        width: 50px !important;\r\n        height: 50px !important;\r\n        border-radius: 12px !important;\r\n        background: rgba(255, 255, 255, 0.05) !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        margin-bottom: 20px !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        transition: transform 0.3s ease, background 0.3s ease !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-box:hover .bc-ind-icon {\r\n        transform: scale(1.1) rotate(-5deg) !important;\r\n        background: rgba(255, 255, 255, 0.1) !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-icon svg {\r\n        width: 24px !important;\r\n        height: 24px !important;\r\n        stroke: var(--theme-color) !important;\r\n    }\r\n\r\n    \/* Text Styles *\/\r\n    .bc-ind-wrapper .bc-ind-box-title {\r\n        font-size: 1.15rem !important;\r\n        font-weight: 700 !important;\r\n        color: #f8fafc !important; \/* Light text for dark box *\/\r\n        margin-bottom: 10px !important;\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n\r\n    .bc-ind-wrapper .bc-ind-box-desc {\r\n        color: #94a3b8 !important; \/* Muted text for description *\/\r\n        font-size: 0.85rem !important;\r\n        line-height: 1.6 !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    @media screen and (max-width: 992px) {\r\n        .bc-ind-wrapper .bc-ind-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }\r\n        .bc-ind-wrapper .bc-ind-title { font-size: 2.25rem !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-ind-wrapper .bc-ind-grid { grid-template-columns: 1fr !important; }\r\n        .bc-ind-wrapper { padding: 70px 5% !important; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bc-ind-wrapper\">\r\n    <div class=\"bc-ind-pattern\"><\/div>\r\n    \r\n    <div class=\"bc-ind-container\">\r\n        <div class=\"bc-ind-header\">\r\n            <div class=\"bc-ind-subtitle\">\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\r\n                Industry-Specific Solutions\r\n            <\/div>\r\n            <h2 class=\"bc-ind-title\">AI Voice Agents for Bangalore Businesses<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bc-ind-grid\">\r\n            \r\n            <!-- 1. Healthcare -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #fb7185;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">Healthcare<\/h3>\r\n                <p class=\"bc-ind-box-desc\">AI receptionist, seamless appointment booking and automated patient enquiries.<\/p>\r\n            <\/div>\r\n\r\n            <!-- 2. Real Estate -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #818cf8;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">Real Estate<\/h3>\r\n                <p class=\"bc-ind-box-desc\">Property enquiries, instant lead qualification and site-visit scheduling.<\/p>\r\n            <\/div>\r\n\r\n            <!-- 3. Education -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #fbbf24;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path><path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">Education<\/h3>\r\n                <p class=\"bc-ind-box-desc\">Admission enquiries, course information and proactive student follow-ups.<\/p>\r\n            <\/div>\r\n\r\n            <!-- 4. Hospitality -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #a78bfa;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"><\/path><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">Hospitality<\/h3>\r\n                <p class=\"bc-ind-box-desc\">Hotel enquiries, room reservations and 24\/7 front-desk customer assistance.<\/p>\r\n            <\/div>\r\n\r\n            <!-- 5. Restaurants -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #fb923c;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"><\/path><path d=\"M7 2v20\"><\/path><path d=\"M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">Restaurants<\/h3>\r\n                <p class=\"bc-ind-box-desc\">Automated table reservations and immediate answers to customer enquiries.<\/p>\r\n            <\/div>\r\n\r\n            <!-- 6. Automotive -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #34d399;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9L2 12.6V16c0 .6.4 1 1 1h2\"><\/path><circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle><circle cx=\"17\" cy=\"17\" r=\"2\"><\/circle><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">Automotive<\/h3>\r\n                <p class=\"bc-ind-box-desc\">Service booking, test-drive enquiries and post-service customer follow-ups.<\/p>\r\n            <\/div>\r\n\r\n            <!-- 7. E-commerce -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #22d3ee;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"><\/path><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><path d=\"M16 10a4 4 0 0 1-8 0\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">E-commerce<\/h3>\r\n                <p class=\"bc-ind-box-desc\">Order tracking enquiries, returns processing and general customer support.<\/p>\r\n            <\/div>\r\n\r\n            <!-- 8. IT & SaaS -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #60a5fa;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">IT & SaaS<\/h3>\r\n                <p class=\"bc-ind-box-desc\">Software product enquiries, demos, tech support and lead qualification.<\/p>\r\n            <\/div>\r\n\r\n            <!-- 9. Professional Services -->\r\n            <div class=\"bc-ind-box\" style=\"--theme-color: #cbd5e1;\">\r\n                <div class=\"bc-ind-pulse\"><\/div>\r\n                <div class=\"bc-ind-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"bc-ind-box-title\">Professional Services<\/h3>\r\n                <p class=\"bc-ind-box-desc\">Consultation booking, specific enquiry handling and client lead qualification.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afe23d8 e-con-full e-flex e-con e-parent\" data-id=\"afe23d8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c84fbed elementor-widget elementor-widget-html\" data-id=\"c84fbed\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts and Icons (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-int-section {\r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: #0b1121 !important; \/* Deep Tech Background *\/\r\n        background-image: \r\n            radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n            radial-gradient(circle at 0% 100%, rgba(6, 182, 212, 0.1) 0%, transparent 50%) !important;\r\n        padding: 40px 5% !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        color: #ffffff !important;\r\n        z-index: 1 !important;\r\n        text-align: left !important; \/* Prevents theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-int-section, \r\n    .bc-int-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-int-section h2, \r\n    .bc-int-section p, \r\n    .bc-int-section span, \r\n    .bc-int-section strong {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n    }\r\n\r\n    \/* Faint grid background *\/\r\n    .bc-int-section .bc-int-bg-grid {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background-size: 40px 40px !important;\r\n        background-image: \r\n            linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n            linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px) !important;\r\n        z-index: -1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-container {\r\n        max-width: 1250px !important;\r\n        margin: 0 auto !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 60px !important;\r\n    }\r\n\r\n    \/* --- LEFT CONTENT COLUMN --- *\/\r\n    .bc-int-section .bc-int-content {\r\n        flex: 1 !important;\r\n        max-width: 600px !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-subtitle {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        color: #38bdf8 !important;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        margin-bottom: 20px !important;\r\n        background: rgba(56, 189, 248, 0.1) !important;\r\n        padding: 6px 16px !important;\r\n        border-radius: 50px !important;\r\n        border: 1px solid rgba(56, 189, 248, 0.2) !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-title {\r\n        font-size: 2.75rem !important;\r\n        color: #f8fafc !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-desc {\r\n        color: #94a3b8 !important;\r\n        font-size: 1.1rem !important;\r\n        line-height: 1.7 !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-highlight {\r\n        background: linear-gradient(90deg, rgba(99, 102, 241, 0.15), transparent) !important;\r\n        border-left: 3px solid #6366f1 !important;\r\n        padding: 20px 25px !important;\r\n        border-radius: 0 12px 12px 0 !important;\r\n        margin-bottom: 40px !important;\r\n        color: #e2e8f0 !important;\r\n        font-weight: 500 !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* Integration Tags *\/\r\n    .bc-int-section .bc-int-tags-title {\r\n        font-size: 0.9rem !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n        color: #cbd5e1 !important;\r\n        margin-bottom: 15px !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-tags {\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-tag {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        background: rgba(30, 41, 59, 0.6) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        color: #e2e8f0 !important;\r\n        padding: 8px 16px !important;\r\n        border-radius: 8px !important;\r\n        font-size: 0.9rem !important;\r\n        font-weight: 500 !important;\r\n        transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-tag svg {\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        stroke: #818cf8 !important;\r\n        max-width: none !important;\r\n    }\r\n\r\n    .bc-int-section .bc-int-tag:hover {\r\n        background: rgba(99, 102, 241, 0.2) !important;\r\n        border-color: #6366f1 !important;\r\n        color: #ffffff !important;\r\n        transform: translateY(-2px) !important;\r\n    }\r\n\r\n    \/* --- RIGHT VISUAL FLOWCHART COLUMN --- *\/\r\n    .bc-int-section .bc-int-visual {\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    \/* Flowchart Architecture *\/\r\n    .bc-int-section .bc-flowchart {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        width: 100% !important;\r\n        max-width: 500px !important;\r\n    }\r\n\r\n    \/* Nodes *\/\r\n    .bc-int-section .bc-node {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        gap: 10px !important;\r\n        padding: 14px 24px !important;\r\n        border-radius: 12px !important;\r\n        font-weight: 700 !important;\r\n        letter-spacing: 1px !important;\r\n        font-size: 0.9rem !important;\r\n        z-index: 2 !important;\r\n        position: relative !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .bc-int-section .bc-node svg {\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n        flex-shrink: 0 !important;\r\n        max-width: none !important;\r\n    }\r\n\r\n    \/* AI Voice Agent Node (Top) *\/\r\n    .bc-int-section .bc-node-ai {\r\n        background: linear-gradient(135deg, #4f46e5, #c026d3) !important;\r\n        color: #ffffff !important;\r\n        box-shadow: 0 10px 30px -10px rgba(192, 38, 211, 0.6) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    \/* System Nodes (Middle & Bottom) *\/\r\n    .bc-int-section .bc-node-sys {\r\n        background: rgba(15, 23, 42, 0.8) !important;\r\n        backdrop-filter: blur(10px) !important;\r\n        -webkit-backdrop-filter: blur(10px) !important;\r\n        color: #e2e8f0 !important;\r\n        border: 1px solid rgba(56, 189, 248, 0.3) !important;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;\r\n        width: 100% !important;\r\n    }\r\n    \r\n    .bc-int-section .bc-node-sys svg { stroke: #38bdf8 !important; }\r\n\r\n    .bc-int-section .bc-node-db {\r\n        border-color: #34d399 !important;\r\n    }\r\n    .bc-int-section .bc-node-db svg { stroke: #34d399 !important; }\r\n\r\n    \/* Lines & Data Flow Animations *\/\r\n    .bc-int-section .bc-line-v {\r\n        width: 2px !important;\r\n        height: 35px !important;\r\n        background-color: rgba(255, 255, 255, 0.1) !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* The glowing dot that travels down vertical lines *\/\r\n    .bc-int-section .bc-line-v::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: -50% !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 50% !important;\r\n        background: linear-gradient(to bottom, transparent, #38bdf8, transparent) !important;\r\n        animation: bc-data-drop 2s linear infinite !important;\r\n    }\r\n\r\n    @keyframes bc-data-drop {\r\n        0% { top: -50%; }\r\n        100% { top: 100%; }\r\n    }\r\n\r\n    \/* Branching Structure *\/\r\n    .bc-int-section .bc-branch {\r\n        width: 100% !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    .bc-int-section .bc-branch-row {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        width: 100% !important;\r\n        gap: 15px !important;\r\n    }\r\n\r\n    .bc-int-section .bc-branch-col {\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    \/* Horizontal Split Lines *\/\r\n    .bc-int-section .bc-h-split-top, \r\n    .bc-int-section .bc-h-split-bottom {\r\n        position: absolute !important;\r\n        left: 16.66% !important; \/* Center of first column *\/\r\n        right: 16.66% !important; \/* Center of third column *\/\r\n        height: 2px !important;\r\n        background-color: rgba(255, 255, 255, 0.1) !important;\r\n    }\r\n\r\n    .bc-int-section .bc-h-split-top { top: 0 !important; }\r\n    .bc-int-section .bc-h-split-bottom { bottom: 0 !important; }\r\n\r\n    \/* Glowing data for horizontal lines *\/\r\n    .bc-int-section .bc-h-split-top::after, \r\n    .bc-int-section .bc-h-split-bottom::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: -50% !important;\r\n        width: 50% !important;\r\n        height: 100% !important;\r\n        background: linear-gradient(to right, transparent, #38bdf8, transparent) !important;\r\n        animation: bc-data-slide 3s linear infinite !important;\r\n    }\r\n    \r\n    .bc-int-section .bc-h-split-top::before, \r\n    .bc-int-section .bc-h-split-bottom::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        right: -50% !important;\r\n        width: 50% !important;\r\n        height: 100% !important;\r\n        background: linear-gradient(to left, transparent, #38bdf8, transparent) !important;\r\n        animation: bc-data-slide-reverse 3s linear infinite !important;\r\n    }\r\n\r\n    @keyframes bc-data-slide {\r\n        0% { left: 50%; width: 0; opacity: 1; }\r\n        50% { left: 0%; width: 50%; opacity: 0; }\r\n        100% { left: 0%; width: 50%; opacity: 0; }\r\n    }\r\n\r\n    @keyframes bc-data-slide-reverse {\r\n        0% { right: 50%; width: 0; opacity: 1; }\r\n        50% { right: 0%; width: 50%; opacity: 0; }\r\n        100% { right: 0%; width: 50%; opacity: 0; }\r\n    }\r\n\r\n    \/* Down arrows to point into boxes *\/\r\n    .bc-int-section .bc-arrow-down {\r\n        width: 0 !important; \r\n        height: 0 !important; \r\n        border-left: 6px solid transparent !important;\r\n        border-right: 6px solid transparent !important;\r\n        border-top: 6px solid rgba(255, 255, 255, 0.3) !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    @media screen and (max-width: 1024px) {\r\n        .bc-int-section .bc-int-container { flex-direction: column !important; gap: 50px !important; }\r\n        .bc-int-section .bc-int-content { max-width: 100% !important; text-align: center !important; }\r\n        .bc-int-section .bc-int-highlight { text-align: left !important; }\r\n        .bc-int-section .bc-int-tags { justify-content: center !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-int-section .bc-int-title { font-size: 2.25rem !important; }\r\n        .bc-int-section .bc-node { font-size: 0.75rem !important; padding: 12px 10px !important; gap: 5px !important; }\r\n        .bc-int-section .bc-node svg { width: 16px !important; height: 16px !important; display: none !important; }\r\n        .bc-int-section .bc-branch-row { gap: 10px !important; }\r\n        .bc-int-section { padding: 80px 5% !important; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bc-int-section\">\r\n    <div class=\"bc-int-bg-grid\"><\/div>\r\n\r\n    <div class=\"bc-int-container\">\r\n        \r\n        <!-- TEXT CONTENT -->\r\n        <div class=\"bc-int-content\">\r\n            <div class=\"bc-int-subtitle\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"><\/polyline><polyline points=\"8 6 2 12 8 18\"><\/polyline><\/svg>\r\n                Business Integrations\r\n            <\/div>\r\n            \r\n            <h2 class=\"bc-int-title\">Connect Your AI Voice Agent With Existing Systems<\/h2>\r\n            \r\n            <p class=\"bc-int-desc\">\r\n                Your AI voice agent doesn't have to work as a standalone system. A smart agent is only as powerful as the data it can access.\r\n            <\/p>\r\n            \r\n            <div class=\"bc-int-highlight\">\r\n                <strong>The Brightcode Advantage:<\/strong> Because we are a core software development company, our team can custom-integrate your AI voice solution directly into your existing architecture, whether it's a mainstream CRM or a fully custom-built application.\r\n            <\/div>\r\n\r\n            <div class=\"bc-int-tags-title\">Supported Integrations<\/div>\r\n            <div class=\"bc-int-tags\">\r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg> CRM<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg> ERP<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg> Website<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg> Booking<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle><circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path><\/svg> E-commerce<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"><\/polyline><polyline points=\"8 6 2 12 8 18\"><\/polyline><\/svg> APIs<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path><\/svg> Databases<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg> WhatsApp<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg> SMS<\/span>\r\n                \r\n                <span class=\"bc-int-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg> Email<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- VISUAL FLOWCHART -->\r\n        <div class=\"bc-int-visual\">\r\n            <div class=\"bc-flowchart\">\r\n                \r\n                <!-- 1. Top Node -->\r\n                <div class=\"bc-node bc-node-ai\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"><\/line><\/svg>\r\n                    AI Voice Agent\r\n                <\/div>\r\n\r\n                <!-- Line down -->\r\n                <div class=\"bc-line-v\"><\/div>\r\n\r\n                <!-- 2. Branching Section -->\r\n                <div class=\"bc-branch\">\r\n                    <div class=\"bc-h-split-top\"><\/div>\r\n                    \r\n                    <div class=\"bc-branch-row\">\r\n                        <!-- CRM Branch -->\r\n                        <div class=\"bc-branch-col\">\r\n                            <div class=\"bc-line-v\" style=\"height: 20px !important;\"><\/div>\r\n                            <div class=\"bc-arrow-down\"><\/div>\r\n                            <div class=\"bc-node bc-node-sys\">CRM<\/div>\r\n                            <div class=\"bc-line-v\" style=\"height: 20px !important;\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- ERP Branch -->\r\n                        <div class=\"bc-branch-col\">\r\n                            <div class=\"bc-line-v\" style=\"height: 20px !important;\"><\/div>\r\n                            <div class=\"bc-arrow-down\"><\/div>\r\n                            <div class=\"bc-node bc-node-sys\">ERP<\/div>\r\n                            <div class=\"bc-line-v\" style=\"height: 20px !important;\"><\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Booking Branch -->\r\n                        <div class=\"bc-branch-col\">\r\n                            <div class=\"bc-line-v\" style=\"height: 20px !important;\"><\/div>\r\n                            <div class=\"bc-arrow-down\"><\/div>\r\n                            <div class=\"bc-node bc-node-sys\">BOOKING<\/div>\r\n                            <div class=\"bc-line-v\" style=\"height: 20px !important;\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bc-h-split-bottom\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Line down to Custom API -->\r\n                <div class=\"bc-line-v\"><\/div>\r\n                <div class=\"bc-arrow-down\"><\/div>\r\n\r\n                <!-- 3. Custom API Node -->\r\n                <div class=\"bc-node bc-node-sys\" style=\"max-width: 250px !important;\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"><\/polyline><polyline points=\"8 6 2 12 8 18\"><\/polyline><\/svg>\r\n                    CUSTOM API\r\n                <\/div>\r\n\r\n                <!-- Line down to Database -->\r\n                <div class=\"bc-line-v\"><\/div>\r\n                <div class=\"bc-arrow-down\"><\/div>\r\n\r\n                <!-- 4. Database Node -->\r\n                <div class=\"bc-node bc-node-sys bc-node-db\" style=\"max-width: 250px !important;\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path><\/svg>\r\n                    YOUR DATABASE\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da335a5 animated-slow e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"da335a5\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e041a41 elementor-widget elementor-widget-html\" data-id=\"e041a41\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-kb-section {\r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: # !important; \/* Fixed missing hex code *\/\r\n        background-image: \r\n            radial-gradient(circle at 10% 10%, rgba(79, 70, 229, 0.05) 0%, transparent 40%),\r\n            radial-gradient(circle at 90% 90%, rgba(14, 165, 233, 0.05) 0%, transparent 40%) !important;\r\n        padding: 0px 5% !important; \/* Fixed missing padding values *\/\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        z-index: 1 !important;\r\n        text-align: left !important; \/* Prevents theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-kb-section, \r\n    .bc-kb-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-kb-section h2, \r\n    .bc-kb-section p, \r\n    .bc-kb-section div,\r\n    .bc-kb-section span {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n    }\r\n\r\n    \/* EXPANDED CONTAINER SETTINGS *\/\r\n    .bc-kb-section .bc-kb-container {\r\n        max-width: 1300px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 80px !important;\r\n    }\r\n\r\n    \/* --- LEFT CONTENT COLUMN --- *\/\r\n    .bc-kb-section .bc-kb-content {\r\n        flex: 1.3 !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-subtitle {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        color: #4f46e5 !important;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        margin-bottom: 20px !important;\r\n        background: #e0e7ff !important;\r\n        padding: 8px 18px !important;\r\n        border-radius: 50px !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-title {\r\n        font-size: 3rem !important;\r\n        color: #0f172a !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-desc {\r\n        color: #475569 !important;\r\n        font-size: 1.15rem !important;\r\n        line-height: 1.7 !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    \/* Config List Grid *\/\r\n    .bc-kb-section .bc-kb-list-title {\r\n        font-size: 1.15rem !important;\r\n        font-weight: 700 !important;\r\n        color: #0f172a !important;\r\n        margin-bottom: 20px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-list-title svg {\r\n        stroke: #10b981 !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;\r\n        gap: 15px !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-item {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 12px !important;\r\n        background: #f8fafc !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n        padding: 12px 18px !important;\r\n        border-radius: 12px !important;\r\n        font-size: 1rem !important;\r\n        font-weight: 600 !important;\r\n        color: #334155 !important;\r\n        transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-item svg {\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n        stroke: #4f46e5 !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-item:hover {\r\n        background: #ffffff !important;\r\n        border-color: #4f46e5 !important;\r\n        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.1) !important;\r\n        transform: translateY(-2px) !important;\r\n        color: #4f46e5 !important;\r\n    }\r\n\r\n    \/* --- RIGHT VISUAL COLUMN (PIPELINE) --- *\/\r\n    .bc-kb-section .bc-kb-visual {\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n        justify-content: flex-end !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-pipeline {\r\n        width: 100% !important;\r\n        max-width: 450px !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* Connection Lines *\/\r\n    .bc-kb-section .bc-kb-line {\r\n        width: 2px !important;\r\n        height: 45px !important;\r\n        background-color: #e2e8f0 !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* Animated Data Flow Drop *\/\r\n    .bc-kb-section .bc-kb-line::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: -50% !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 50% !important;\r\n        background: linear-gradient(to bottom, transparent, #4f46e5, transparent) !important;\r\n        animation: bc-data-flow 2s linear infinite !important;\r\n    }\r\n\r\n    @keyframes bc-data-flow {\r\n        0% { top: -50%; }\r\n        100% { top: 100%; }\r\n    }\r\n\r\n    \/* Pipeline Nodes *\/\r\n    .bc-kb-section .bc-kb-node {\r\n        width: 100% !important;\r\n        background: #ffffff !important;\r\n        border-radius: 16px !important;\r\n        padding: 24px !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05) !important;\r\n        text-align: center !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-node:hover {\r\n        transform: translateY(-3px) !important;\r\n        box-shadow: 0 15px 35px -5px rgba(79, 70, 229, 0.15) !important;\r\n    }\r\n\r\n    \/* Top Node: Inputs *\/\r\n    .bc-kb-section .bc-kb-inputs {\r\n        border: 1px dashed #cbd5e1 !important;\r\n        background: #f8fafc !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-inputs-grid {\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        justify-content: center !important;\r\n        gap: 10px !important;\r\n        margin-top: 12px !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-input-tag {\r\n        background: #ffffff !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 600 !important;\r\n        color: #475569 !important;\r\n        padding: 8px 14px !important;\r\n        border-radius: 20px !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 6px !important;\r\n        box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-input-tag svg {\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    \/* Central Node: Knowledge Base *\/\r\n    .bc-kb-section .bc-kb-core {\r\n        background: linear-gradient(135deg, #4f46e5, #0ea5e9) !important;\r\n        color: #ffffff !important;\r\n        border: none !important;\r\n        padding: 30px 20px !important;\r\n        box-shadow: 0 15px 30px -10px rgba(79, 70, 229, 0.4) !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-node-title {\r\n        font-size: 1.15rem !important;\r\n        font-weight: 800 !important;\r\n        letter-spacing: 0.5px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-core .bc-kb-node-title {\r\n        font-size: 1.35rem !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-node-subtitle {\r\n        font-size: 0.85rem !important;\r\n        color: #64748b !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n        font-weight: 700 !important;\r\n        margin-bottom: 8px !important;\r\n    }\r\n\r\n    \/* SVG Icons in Nodes *\/\r\n    .bc-kb-section .bc-kb-node-icon {\r\n        width: 45px !important;\r\n        height: 45px !important;\r\n        background: rgba(255, 255, 255, 0.2) !important;\r\n        border-radius: 12px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        margin: 0 auto 15px !important;\r\n    }\r\n\r\n    .bc-kb-section .bc-kb-node-icon svg {\r\n        width: 24px !important;\r\n        height: 24px !important;\r\n        stroke: currentColor !important;\r\n    }\r\n    \r\n    .bc-kb-section .bc-kb-node:not(.bc-kb-core) .bc-kb-node-icon {\r\n        background: #e0e7ff !important;\r\n        color: #4f46e5 !important;\r\n    }\r\n\r\n    \/* Final Node Custom Icon Fix *\/\r\n    .bc-kb-section .bc-node-final-icon {\r\n        background: #dcfce7 !important;\r\n        color: #10b981 !important;\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    @media screen and (max-width: 1100px) {\r\n        .bc-kb-section .bc-kb-container { flex-direction: column !important; gap: 60px !important; align-items: center !important; }\r\n        .bc-kb-section .bc-kb-content { width: 100% !important; text-align: center !important; }\r\n        \r\n        \/* Re-center things for tablet\/mobile *\/\r\n        .bc-kb-section .bc-kb-list-title { justify-content: center !important; }\r\n        .bc-kb-section .bc-kb-subtitle { margin: 0 auto 20px !important; }\r\n\r\n        .bc-kb-section .bc-kb-visual { width: 100% !important; justify-content: center !important; }\r\n        .bc-kb-section .bc-kb-pipeline { max-width: 550px !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-kb-section { padding: 80px 5% !important; }\r\n        .bc-kb-section .bc-kb-title { font-size: 2.25rem !important; }\r\n        .bc-kb-section .bc-kb-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 480px) {\r\n        .bc-kb-section .bc-kb-grid { grid-template-columns: 1fr !important; }\r\n        .bc-kb-section .bc-kb-item { justify-content: center !important; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bc-kb-section\">\r\n    <div class=\"bc-kb-container\">\r\n        \r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"bc-kb-content\">\r\n            <div class=\"bc-kb-subtitle\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"><\/path><\/svg>\r\n                Smart Training\r\n            <\/div>\r\n            \r\n            <h2 class=\"bc-kb-title\">Give Your AI Agent the Knowledge It Needs<\/h2>\r\n            \r\n            <p class=\"bc-kb-desc\">\r\n                Your AI voice agent is fully configurable around your specific business information. Simply feed it your existing data, and it will automatically use that knowledge to provide highly relevant, accurate answers during live customer conversations.\r\n            <\/p>\r\n\r\n            <div class=\"bc-kb-list-title\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\r\n                Easily add information about your:\r\n            <\/div>\r\n\r\n            <div class=\"bc-kb-grid\">\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg> FAQs<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg> Products<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 9.36l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 9.36-7.94l-3.79 3.79z\"><\/path><\/svg> Services<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg> Pricing<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg> Policies<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg> Business Timings<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> Locations<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg> Doctors<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg> Properties<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path><path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path><\/svg> Courses<\/div>\r\n                <div class=\"bc-kb-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg> Appointments<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT VISUAL (PIPELINE) -->\r\n        <div class=\"bc-kb-visual\">\r\n            <div class=\"bc-kb-pipeline\">\r\n                \r\n                <!-- Top Box: Data Sources -->\r\n                <div class=\"bc-kb-node bc-kb-inputs\">\r\n                    <div class=\"bc-kb-node-subtitle\">Business Data Inputs<\/div>\r\n                    <div class=\"bc-kb-inputs-grid\">\r\n                        <div class=\"bc-kb-input-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg> PDFs<\/div>\r\n                        <div class=\"bc-kb-input-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg> FAQs<\/div>\r\n                        <div class=\"bc-kb-input-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg> Website<\/div>\r\n                        <div class=\"bc-kb-input-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line><\/svg> Products<\/div>\r\n                        <div class=\"bc-kb-input-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg> Services<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bc-kb-line\"><\/div>\r\n\r\n                <!-- Middle Box: Knowledge Base (Core) -->\r\n                <div class=\"bc-kb-node bc-kb-core\">\r\n                    <div class=\"bc-kb-node-icon\" style=\"color: #ffffff !important;\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <div class=\"bc-kb-node-title\">Knowledge Base<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bc-kb-line\"><\/div>\r\n\r\n                <!-- Bottom Box: AI Agent -->\r\n                <div class=\"bc-kb-node\">\r\n                    <div class=\"bc-kb-node-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"><\/line><\/svg>\r\n                    <\/div>\r\n                    <div class=\"bc-kb-node-title\" style=\"color: #0f172a !important;\">AI Voice Agent<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bc-kb-line\"><\/div>\r\n\r\n                <!-- Final Box: Customer Conversation -->\r\n                <div class=\"bc-kb-node\">\r\n                    <div class=\"bc-kb-node-icon bc-node-final-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <div class=\"bc-kb-node-title\" style=\"color: #0f172a !important;\">Customer Conversation<\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-207a912 e-con-full e-flex e-con e-parent\" data-id=\"207a912\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57501ce elementor-widget elementor-widget-html\" data-id=\"57501ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-ivr-section {\r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: #0b1120 !important;\r\n        background-image: \r\n            radial-gradient(circle at top right, rgba(79, 70, 229, 0.1) 0%, transparent 40%),\r\n            radial-gradient(circle at bottom left, rgba(16, 185, 129, 0.05) 0%, transparent 40%) !important;\r\n        padding: 40px 5% !important;\r\n        color: #f8fafc !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        text-align: left !important; \/* Prevents theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-ivr-section, \r\n    .bc-ivr-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-ivr-section h2, \r\n    .bc-ivr-section h3, \r\n    .bc-ivr-section h4, \r\n    .bc-ivr-section p, \r\n    .bc-ivr-section div,\r\n    .bc-ivr-section span,\r\n    .bc-ivr-section ul,\r\n    .bc-ivr-section li,\r\n    .bc-ivr-section a {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n        text-decoration: none !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ivr-container {\r\n        max-width: 1300px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .bc-ivr-section .bc-ivr-header {\r\n        text-align: center !important;\r\n        max-width: 850px !important;\r\n        margin: 0 auto 60px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ivr-subtitle {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        color: #818cf8 !important;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        margin-bottom: 20px !important;\r\n        background: rgba(99, 102, 241, 0.15) !important;\r\n        padding: 8px 18px !important;\r\n        border-radius: 50px !important;\r\n        border: 1px solid rgba(99, 102, 241, 0.3) !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ivr-title {\r\n        font-size: 2.75rem !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: 25px !important;\r\n        background: linear-gradient(to right, #ffffff, #a5b4fc) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        color: #ffffff; \/* Fallback *\/\r\n    }\r\n\r\n    .bc-ivr-section .bc-ivr-desc {\r\n        color: #94a3b8 !important;\r\n        font-size: 1.1rem !important;\r\n        line-height: 1.7 !important;\r\n    }\r\n\r\n    \/* --- COMPARISON TABLE --- *\/\r\n    .bc-ivr-section .bc-comp-wrapper {\r\n        margin-bottom: 80px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-comp-header-row {\r\n        display: flex !important;\r\n        gap: 20px !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-comp-header {\r\n        flex: 1 !important;\r\n        padding: 20px !important;\r\n        border-radius: 12px !important;\r\n        text-align: center !important;\r\n        font-weight: 800 !important;\r\n        font-size: 1.25rem !important;\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-header-old {\r\n        background: rgba(51, 65, 85, 0.5) !important;\r\n        color: #cbd5e1 !important;\r\n        border: 1px solid #475569 !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-header-new {\r\n        background: linear-gradient(135deg, #4f46e5, #4338ca) !important;\r\n        color: #ffffff !important;\r\n        box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.4) !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-comp-row {\r\n        display: flex !important;\r\n        gap: 20px !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-comp-cell {\r\n        flex: 1 !important;\r\n        padding: 18px 24px !important;\r\n        border-radius: 12px !important;\r\n        font-size: 0.95rem !important;\r\n        font-weight: 500 !important;\r\n        line-height: 1.6 !important;\r\n        display: flex !important;\r\n        align-items: flex-start !important;\r\n        gap: 15px !important;\r\n        transition: transform 0.3s ease !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-comp-cell:hover {\r\n        transform: translateY(-2px) !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-comp-cell svg {\r\n        flex-shrink: 0 !important;\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n        margin-top: 3px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-cell-old {\r\n        background: rgba(30, 41, 59, 0.4) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        color: #94a3b8 !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-cell-old svg { stroke: #ef4444 !important; }\r\n\r\n    .bc-ivr-section .bc-cell-new {\r\n        background: rgba(79, 70, 229, 0.1) !important;\r\n        border: 1px solid rgba(79, 70, 229, 0.2) !important;\r\n        color: #e0e7ff !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-cell-new svg { stroke: #34d399 !important; }\r\n\r\n    \/* --- VISUAL EXAMPLE SECTION --- *\/\r\n    .bc-ivr-section .bc-ex-wrapper {\r\n        background: rgba(15, 23, 42, 0.6) !important;\r\n        border: 1px solid #334155 !important;\r\n        border-radius: 24px !important;\r\n        padding: 50px !important;\r\n        margin-bottom: 80px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ex-title {\r\n        text-align: center !important;\r\n        font-size: 2rem !important;\r\n        font-weight: 800 !important;\r\n        margin-bottom: 40px !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ex-grid {\r\n        display: flex !important;\r\n        gap: 40px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ex-panel {\r\n        flex: 1 !important;\r\n        background: #1e293b !important;\r\n        border-radius: 16px !important;\r\n        padding: 30px !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ex-panel-old {\r\n        border-top: 4px solid #64748b !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ex-panel-new {\r\n        border-top: 4px solid #4f46e5 !important;\r\n        background: linear-gradient(180deg, rgba(30, 41, 59, 1) 0%, rgba(17, 24, 39, 1) 100%) !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ex-label {\r\n        font-size: 0.8rem !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1.5px !important;\r\n        font-weight: 700 !important;\r\n        margin-bottom: 25px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ex-panel-old .bc-ex-label { color: #94a3b8 !important; }\r\n    .bc-ivr-section .bc-ex-panel-new .bc-ex-label { color: #818cf8 !important; }\r\n\r\n    \/* Old IVR Visual *\/\r\n    .bc-ivr-section .bc-ivr-block {\r\n        background: #0f172a !important;\r\n        border: 1px solid #334155 !important;\r\n        padding: 20px !important;\r\n        border-radius: 8px !important;\r\n        font-family: monospace !important;\r\n        color: #cbd5e1 !important;\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.7 !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-ivr-highlight { color: #ef4444 !important; font-weight: bold !important; }\r\n\r\n    \/* Modern Chat Visual *\/\r\n    .bc-ivr-section .bc-chat-bubble {\r\n        padding: 15px 20px !important;\r\n        border-radius: 18px !important;\r\n        margin-bottom: 15px !important;\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.5 !important;\r\n        max-width: 85% !important;\r\n        width: fit-content !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-chat-user {\r\n        background: #334155 !important;\r\n        color: #f8fafc !important;\r\n        margin-left: auto !important;\r\n        border-bottom-right-radius: 4px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-chat-ai {\r\n        background: rgba(79, 70, 229, 0.2) !important;\r\n        border: 1px solid rgba(79, 70, 229, 0.3) !important;\r\n        color: #e0e7ff !important;\r\n        margin-right: auto !important;\r\n        border-bottom-left-radius: 4px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-chat-ai-highlight { color: #34d399 !important; font-weight: 600 !important; }\r\n\r\n    .bc-ivr-section .bc-ex-footer {\r\n        margin-top: 30px !important;\r\n        padding-top: 20px !important;\r\n        border-top: 1px dashed rgba(255, 255, 255, 0.1) !important;\r\n        color: #94a3b8 !important;\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.6 !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    \/* --- 10 REASONS GRID --- *\/\r\n    .bc-ivr-section .bc-reasons-title {\r\n        text-align: center !important;\r\n        font-size: 2.25rem !important;\r\n        font-weight: 800 !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-reasons-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n        gap: 20px !important;\r\n        margin-bottom: 80px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-reason-card {\r\n        background: rgba(30, 41, 59, 0.4) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        padding: 25px !important;\r\n        border-radius: 16px !important;\r\n        transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-reason-card:hover {\r\n        background: rgba(30, 41, 59, 0.8) !important;\r\n        border-color: rgba(99, 102, 241, 0.3) !important;\r\n        transform: translateY(-5px) !important;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-reason-num {\r\n        color: #4f46e5 !important;\r\n        font-size: 1.25rem !important;\r\n        font-weight: 800 !important;\r\n        margin-bottom: 15px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-reason-card h4 {\r\n        font-size: 1.15rem !important;\r\n        font-weight: 700 !important;\r\n        color: #f8fafc !important;\r\n        margin-bottom: 10px !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-reason-card p {\r\n        color: #94a3b8 !important;\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* --- BOTTOM CTA --- *\/\r\n    .bc-ivr-section .bc-cta-block {\r\n        background: linear-gradient(135deg, #312e81 0%, #4f46e5 100%) !important;\r\n        border-radius: 24px !important;\r\n        padding: 60px 40px !important;\r\n        text-align: center !important;\r\n        box-shadow: 0 20px 40px -10px rgba(79, 70, 229, 0.5) !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-cta-block::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background-image: radial-gradient(circle at top right, rgba(255,255,255,0.1) 0%, transparent 40%) !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-cta-title {\r\n        font-size: 2.25rem !important;\r\n        font-weight: 800 !important;\r\n        color: #ffffff !important;\r\n        margin-bottom: 30px !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-cta-btn {\r\n        display: inline-block !important;\r\n        background: #ffffff !important;\r\n        color: #4f46e5 !important;\r\n        font-size: 1.1rem !important;\r\n        font-weight: 700 !important;\r\n        padding: 16px 35px !important;\r\n        border-radius: 12px !important;\r\n        text-decoration: none !important;\r\n        transition: all 0.3s ease !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-cta-btn:hover {\r\n        transform: translateY(-3px) !important;\r\n        box-shadow: 0 15px 25px rgba(0,0,0,0.2) !important;\r\n        background: #f8fafc !important;\r\n    }\r\n\r\n    .bc-ivr-section .bc-cta-btn svg {\r\n        vertical-align: text-bottom !important;\r\n        margin-left: 5px !important;\r\n    }\r\n\r\n    \/* --- RESPONSIVE DESIGN --- *\/\r\n    @media screen and (max-width: 992px) {\r\n        .bc-ivr-section .bc-ex-grid { flex-direction: column !important; }\r\n        .bc-ivr-section .bc-comp-row { flex-direction: column !important; gap: 10px !important; }\r\n        .bc-ivr-section .bc-comp-header-row { display: none !important; } \/* Hide headers on mobile *\/\r\n        \r\n        \/* Add simulated headers to mobile cells *\/\r\n        .bc-ivr-section .bc-cell-old::before { content: 'Traditional IVR: ' !important; font-weight: 800 !important; color: #cbd5e1 !important; display: block !important; margin-bottom: 5px !important; }\r\n        .bc-ivr-section .bc-cell-new::before { content: 'AI Voice Agent: ' !important; font-weight: 800 !important; color: #818cf8 !important; display: block !important; margin-bottom: 5px !important; }\r\n        \r\n        .bc-ivr-section .bc-comp-cell { flex-direction: column !important; align-items: flex-start !important; gap: 5px !important; }\r\n        .bc-ivr-section .bc-comp-cell svg { display: none !important; } \/* Hide icons on mobile for cleaner text flow *\/\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-ivr-section { padding: 80px 5% !important; }\r\n        .bc-ivr-section .bc-ivr-title { font-size: 2.25rem !important; }\r\n        .bc-ivr-section .bc-ex-wrapper { padding: 30px 20px !important; }\r\n        .bc-ivr-section .bc-cta-block { padding: 40px 20px !important; }\r\n        .bc-ivr-section .bc-cta-title { font-size: 1.75rem !important; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bc-ivr-section\">\r\n    <div class=\"bc-ivr-container\">\r\n        \r\n        <!-- HEADER -->\r\n        <div class=\"bc-ivr-header\">\r\n            <div class=\"bc-ivr-subtitle\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\r\n                The Next Generation\r\n            <\/div>\r\n            <h2 class=\"bc-ivr-title\">Go Beyond Traditional IVR<\/h2>\r\n            <p class=\"bc-ivr-desc\">\r\n                Traditional IVR systems are useful for basic call routing, but modern customers expect faster and more natural conversations. AI voice agents allow businesses to move from fixed menu-based interactions to intelligent, conversational voice experiences.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- COMPARISON TABLE -->\r\n        <div class=\"bc-comp-wrapper\">\r\n            \r\n            <!-- Desktop Headers -->\r\n            <div class=\"bc-comp-header-row\">\r\n                <div class=\"bc-comp-header bc-header-old\">Traditional IVR<\/div>\r\n                <div class=\"bc-comp-header bc-header-new\">AI Voice Agent<\/div>\r\n            <\/div>\r\n\r\n            <!-- Rows -->\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\"Press 1 for Sales\"<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Customer can simply explain what they need<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Fixed menu-based navigation<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Natural conversational interaction<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Requires customers to remember options<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Understands customer intent<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Limited to predefined menu paths<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Can handle dynamic conversations<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Mostly suitable for routing calls<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Can answer questions and perform tasks<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Difficult to handle complex requests<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Can understand multi-step requirements<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Often requires multiple menu selections<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Customer can explain the requirement directly<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Limited personalization<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Conversations can be personalized<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Usually needs human intervention for detailed queries<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Can handle many routine enquiries automatically<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Basic call routing<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Lead qualification and business workflows<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Limited business context<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Can use business knowledge and connected systems<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Separate systems may be needed for actions<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Can connect with CRM, ERP, booking and other APIs<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Difficult to scale complex call flows<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Can support multiple workflows and use cases<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-comp-row\">\r\n                <div class=\"bc-comp-cell bc-cell-old\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Primarily designed for incoming call navigation<\/div>\r\n                <div class=\"bc-comp-cell bc-cell-new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Can support both inbound and outbound conversations<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- VISUAL EXAMPLE -->\r\n        <div class=\"bc-ex-wrapper\">\r\n            <h3 class=\"bc-ex-title\">Hear the Difference<\/h3>\r\n            \r\n            <div class=\"bc-ex-grid\">\r\n                \r\n                <!-- Old Panel -->\r\n                <div class=\"bc-ex-panel bc-ex-panel-old\">\r\n                    <div class=\"bc-ex-label\">\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\r\n                        Traditional IVR\r\n                    <\/div>\r\n                    <div class=\"bc-ivr-block\">\r\n                        \"Welcome to ABC Properties.<br><br>\r\n                        <span class=\"bc-ivr-highlight\">Press 1<\/span> for Sales.<br>\r\n                        <span class=\"bc-ivr-highlight\">Press 2<\/span> for Support.<br>\r\n                        <span class=\"bc-ivr-highlight\">Press 3<\/span> for Accounts.\"<br><br>\r\n                        <span style=\"opacity: 0.5;\">[ Waiting for keypad input... ]<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- New Panel -->\r\n                <div class=\"bc-ex-panel bc-ex-panel-new\">\r\n                    <div class=\"bc-ex-label\">\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"><\/line><\/svg>\r\n                        AI Voice Agent\r\n                    <\/div>\r\n                    \r\n                    <div class=\"bc-chat-bubble bc-chat-user\">\r\n                        \"I'm looking for a 2 BHK apartment in Bangalore under \u20b960 lakh.\"\r\n                    <\/div>\r\n                    \r\n                    <div class=\"bc-chat-bubble bc-chat-ai\">\r\n                        \"Sure. Which area of Bangalore are you interested in?\"\r\n                    <\/div>\r\n                    \r\n                    <div class=\"bc-chat-bubble bc-chat-user\">\r\n                        \"Whitefield.\"\r\n                    <\/div>\r\n\r\n                    <div class=\"bc-chat-bubble bc-chat-ai\">\r\n                        \"We have several 2 BHK properties in Whitefield within that range. <span class=\"bc-chat-ai-highlight\">Would you like me to arrange a site visit?<\/span>\"\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bc-ex-footer\">\r\n                The AI can understand the intent, requirements and context of the conversation rather than simply waiting for a keypad selection.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 10 REASONS GRID -->\r\n        <h3 class=\"bc-reasons-title\">Why Businesses Are Moving Beyond Traditional IVR<\/h3>\r\n        \r\n        <div class=\"bc-reasons-grid\">\r\n            \r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">01.<\/div>\r\n                <h4>Natural Conversations<\/h4>\r\n                <p>Customers can speak normally instead of navigating multiple menus.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">02.<\/div>\r\n                <h4>Better Lead Qualification<\/h4>\r\n                <p>The AI can ask relevant questions and collect information such as budget, location, requirements and preferred time.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">03.<\/div>\r\n                <h4>More Personalized Interactions<\/h4>\r\n                <p>The conversation can be based on the customer's previous information, enquiry type or business requirements.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">04.<\/div>\r\n                <h4>Automated Business Actions<\/h4>\r\n                <p>With the right integrations, the AI can trigger actions such as creating a CRM lead, checking availability or scheduling a booking.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">05.<\/div>\r\n                <h4>Reduced Repetitive Work<\/h4>\r\n                <p>Routine questions can be handled automatically, allowing employees to focus on complex customer requirements.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">06.<\/div>\r\n                <h4>24\/7 Availability<\/h4>\r\n                <p>AI voice agents can continue handling configured conversations outside normal business hours.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">07.<\/div>\r\n                <h4>Intelligent Call Routing<\/h4>\r\n                <p>Instead of asking customers to select departments manually, the AI can understand their requirement and route appropriately.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">08.<\/div>\r\n                <h4>Inbound + Outbound Capabilities<\/h4>\r\n                <p>Unlike traditional IVR, an AI solution can also be used for outbound lead follow-ups, reminders, surveys and engagement.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">09.<\/div>\r\n                <h4>Conversation History & Insights<\/h4>\r\n                <p>Businesses can maintain call history and transcripts and analyze common customer questions, outcomes and requirements.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bc-reason-card\">\r\n                <div class=\"bc-reason-num\">10.<\/div>\r\n                <h4>Integration With Your Systems<\/h4>\r\n                <p>AI voice agents can be connected with CRM, ERP, booking systems, websites, databases and custom APIs.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOTTOM CTA -->\r\n        <div class=\"bc-cta-block\">\r\n            <h2 class=\"bc-cta-title\">Move from \"Press 1, Press 2\" to conversations that understand your customers.<\/h2>\r\n            <a href=\"#build-agent\" class=\"bc-cta-btn\">Build Your AI Voice Agent <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eaf38be e-con-full e-flex e-con e-parent\" data-id=\"eaf38be\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d77df2 elementor-widget elementor-widget-html\" data-id=\"0d77df2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-ana-section {\r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: #f8fafc !important;\r\n        background-image: \r\n            radial-gradient(circle at 15% 50%, rgba(99, 102, 241, 0.05) 0%, transparent 50%),\r\n            radial-gradient(circle at 85% 30%, rgba(16, 185, 129, 0.05) 0%, transparent 50%) !important;\r\n        padding: 40px 5% !important;\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n        text-align: left !important; \/* Prevents theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-ana-section, \r\n    .bc-ana-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-ana-section h2, \r\n    .bc-ana-section div,\r\n    .bc-ana-section span {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-container {\r\n        max-width: 1300px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .bc-ana-section .bc-ana-header {\r\n        text-align: center !important;\r\n        max-width: 1200px !important;\r\n        margin: 0 auto 50px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-subtitle {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        color: #4f46e5 !important;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        margin-bottom: 20px !important;\r\n        background-color: #e0e7ff !important;\r\n        padding: 8px 18px !important;\r\n        border-radius: 50px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-title {\r\n        font-size: 2.75rem !important;\r\n        color: #0f172a !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n    }\r\n\r\n    \/* --- DASHBOARD UI --- *\/\r\n    .bc-ana-section .bc-ana-dashboard {\r\n        background-color: #ffffff !important;\r\n        border-radius: 20px !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1) !important;\r\n        overflow: hidden !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* Top App Bar *\/\r\n    .bc-ana-section .bc-ana-topbar {\r\n        background-color: #f1f5f9 !important;\r\n        padding: 15px 25px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: space-between !important;\r\n        border-bottom: 1px solid #e2e8f0 !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-window-controls {\r\n        display: flex !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-dot {\r\n        width: 12px !important;\r\n        height: 12px !important;\r\n        border-radius: 50% !important;\r\n    }\r\n    .bc-ana-section .bc-ana-dot.red { background-color: #ef4444 !important; }\r\n    .bc-ana-section .bc-ana-dot.yellow { background-color: #f59e0b !important; }\r\n    .bc-ana-section .bc-ana-dot.green { background-color: #10b981 !important; }\r\n\r\n    .bc-ana-section .bc-ana-dash-title {\r\n        font-size: 0.95rem !important;\r\n        font-weight: 700 !important;\r\n        color: #475569 !important;\r\n        letter-spacing: 1px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-dash-title svg {\r\n        stroke: #4f46e5 !important;\r\n        color: #4f46e5 !important;\r\n        max-width: none !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-date-filter {\r\n        font-size: 0.85rem !important;\r\n        font-weight: 600 !important;\r\n        color: #64748b !important;\r\n        background-color: #ffffff !important;\r\n        padding: 6px 12px !important;\r\n        border-radius: 6px !important;\r\n        border: 1px solid #cbd5e1 !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 6px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-date-filter svg { stroke: #64748b !important; }\r\n\r\n    \/* Dashboard Content Area *\/\r\n    .bc-ana-section .bc-ana-content {\r\n        padding: 40px !important;\r\n    }\r\n\r\n    \/* Stats Grid *\/\r\n    .bc-ana-section .bc-ana-stats-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 25px !important;\r\n        margin-bottom: 50px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-stat-card {\r\n        background-color: #f8fafc !important;\r\n        border: 1px solid #f1f5f9 !important;\r\n        padding: 25px !important;\r\n        border-radius: 16px !important;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-stat-card:hover {\r\n        transform: translateY(-5px) !important;\r\n        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05) !important;\r\n        background-color: #ffffff !important;\r\n        border-color: #e2e8f0 !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-stat-header {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-stat-label {\r\n        font-size: 0.9rem !important;\r\n        color: #64748b !important;\r\n        font-weight: 600 !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-stat-icon {\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n        border-radius: 10px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-stat-icon svg {\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n        max-width: none !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-stat-value {\r\n        font-size: 2.25rem !important;\r\n        font-weight: 800 !important;\r\n        color: #0f172a !important;\r\n        letter-spacing: -1px !important;\r\n    }\r\n\r\n    \/* Icon Background & SVG Stroke Forces *\/\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-1 { background-color: #e0e7ff !important; }\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-1 svg { stroke: #4f46e5 !important; color: #4f46e5 !important; }\r\n\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-2 { background-color: #dcfce7 !important; }\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-2 svg { stroke: #10b981 !important; color: #10b981 !important; }\r\n\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-3 { background-color: #fef3c7 !important; }\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-3 svg { stroke: #d97706 !important; color: #d97706 !important; }\r\n\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-4 { background-color: #fae8ff !important; }\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-4 svg { stroke: #c026d3 !important; color: #c026d3 !important; }\r\n\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-5 { background-color: #ffedd5 !important; }\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-5 svg { stroke: #ea580c !important; color: #ea580c !important; }\r\n\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-6 { background-color: #e0f2fe !important; }\r\n    .bc-ana-section .bc-ana-stat-icon.bc-ic-6 svg { stroke: #0284c7 !important; color: #0284c7 !important; }\r\n\r\n    \/* Divider *\/\r\n    .bc-ana-section .bc-ana-divider {\r\n        height: 1px !important;\r\n        background-image: linear-gradient(90deg, transparent, #e2e8f0, transparent) !important;\r\n        margin: 0 0 40px 0 !important;\r\n    }\r\n\r\n    \/* Outcomes Section *\/\r\n    .bc-ana-section .bc-ana-outcomes-header {\r\n        font-size: 1.25rem !important;\r\n        font-weight: 800 !important;\r\n        color: #0f172a !important;\r\n        margin-bottom: 25px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-outcomes-header svg {\r\n        max-width: none !important;\r\n        stroke: #4f46e5 !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-outcomes-list {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 18px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-bar-wrap {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 20px !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-bar-label {\r\n        width: 160px !important;\r\n        font-size: 0.95rem !important;\r\n        font-weight: 600 !important;\r\n        color: #475569 !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-bar-track {\r\n        flex: 1 !important;\r\n        height: 12px !important;\r\n        background-color: #f1f5f9 !important;\r\n        border-radius: 10px !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-bar-fill {\r\n        height: 100% !important;\r\n        border-radius: 10px !important;\r\n        transform-origin: left !important;\r\n        animation: bc-grow-bar 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;\r\n        transform: scaleX(0) !important; \/* Starts at 0 for animation *\/\r\n    }\r\n\r\n    .bc-ana-section .bc-ana-bar-value {\r\n        width: 40px !important;\r\n        text-align: right !important;\r\n        font-size: 0.9rem !important;\r\n        font-weight: 700 !important;\r\n        color: #64748b !important;\r\n    }\r\n\r\n    @keyframes bc-grow-bar {\r\n        from { transform: scaleX(0); }\r\n        to { transform: scaleX(1); }\r\n    }\r\n\r\n    \/* Bar Colors - Forces gradients over WP Theme Resets *\/\r\n    .bc-ana-section .bc-bar-1 { background-color: #10b981 !important; background-image: linear-gradient(90deg, #10b981, #34d399) !important; width: 85% !important; }\r\n    .bc-ana-section .bc-bar-2 { background-color: #3b82f6 !important; background-image: linear-gradient(90deg, #3b82f6, #60a5fa) !important; width: 65% !important; }\r\n    .bc-ana-section .bc-bar-3 { background-color: #8b5cf6 !important; background-image: linear-gradient(90deg, #8b5cf6, #a78bfa) !important; width: 45% !important; }\r\n    .bc-ana-section .bc-bar-4 { background-color: #0ea5e9 !important; background-image: linear-gradient(90deg, #0ea5e9, #38bdf8) !important; width: 35% !important; }\r\n    .bc-ana-section .bc-bar-5 { background-color: #ef4444 !important; background-image: linear-gradient(90deg, #ef4444, #f87171) !important; width: 25% !important; }\r\n    .bc-ana-section .bc-bar-6 { background-color: #f59e0b !important; background-image: linear-gradient(90deg, #f59e0b, #fbbf24) !important; width: 15% !important; }\r\n\r\n    \/* Responsive *\/\r\n    @media screen and (max-width: 992px) {\r\n        .bc-ana-section .bc-ana-stats-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n        .bc-ana-section .bc-ana-title { font-size: 2.25rem !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-ana-section { padding: 80px 5% !important; }\r\n        .bc-ana-section .bc-ana-stats-grid { grid-template-columns: 1fr !important; gap: 15px !important; }\r\n        .bc-ana-section .bc-ana-content { padding: 25px !important; }\r\n        .bc-ana-section .bc-ana-topbar { padding: 15px !important; }\r\n        \r\n        .bc-ana-section .bc-ana-bar-wrap { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }\r\n        .bc-ana-section .bc-ana-bar-label { width: 100% !important; }\r\n        .bc-ana-section .bc-ana-bar-track { width: 100% !important; }\r\n        .bc-ana-section .bc-ana-bar-value { display: none !important; \/* Hide numbers on mobile to save space *\/ }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bc-ana-section\">\r\n    <div class=\"bc-ana-container\">\r\n        \r\n        <!-- Header -->\r\n        <div class=\"bc-ana-header\">\r\n            <div class=\"bc-ana-subtitle\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\r\n                Call Analytics\r\n            <\/div>\r\n            <h2 class=\"bc-ana-title\">Track Every Conversation From One Dashboard<\/h2>\r\n        <\/div>\r\n\r\n        <!-- Dashboard UI -->\r\n        <div class=\"bc-ana-dashboard\">\r\n            \r\n            <!-- Mock Topbar -->\r\n            <div class=\"bc-ana-topbar\">\r\n                <div class=\"bc-ana-window-controls\">\r\n                    <div class=\"bc-ana-dot red\"><\/div>\r\n                    <div class=\"bc-ana-dot yellow\"><\/div>\r\n                    <div class=\"bc-ana-dot green\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"bc-ana-dash-title\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"><\/line><\/svg>\r\n                    AI VOICE ANALYTICS\r\n                <\/div>\r\n\r\n                <div class=\"bc-ana-date-filter\">\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n                    Last 30 Days\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Dashboard Content -->\r\n            <div class=\"bc-ana-content\">\r\n                \r\n                <!-- 6 Stats Cards -->\r\n                <div class=\"bc-ana-stats-grid\">\r\n                    \r\n                    <div class=\"bc-ana-stat-card\">\r\n                        <div class=\"bc-ana-stat-header\">\r\n                            <span class=\"bc-ana-stat-label\">Total Calls<\/span>\r\n                            <div class=\"bc-ana-stat-icon bc-ic-1\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-stat-value\">8,420<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bc-ana-stat-card\">\r\n                        <div class=\"bc-ana-stat-header\">\r\n                            <span class=\"bc-ana-stat-label\">Answered<\/span>\r\n                            <div class=\"bc-ana-stat-icon bc-ic-2\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><polyline points=\"14 1 22 9 14 17\"><\/polyline><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-stat-value\">7,912<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bc-ana-stat-card\">\r\n                        <div class=\"bc-ana-stat-header\">\r\n                            <span class=\"bc-ana-stat-label\">Leads Generated<\/span>\r\n                            <div class=\"bc-ana-stat-icon bc-ic-3\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-stat-value\">843<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bc-ana-stat-card\">\r\n                        <div class=\"bc-ana-stat-header\">\r\n                            <span class=\"bc-ana-stat-label\">Appointments<\/span>\r\n                            <div class=\"bc-ana-stat-icon bc-ic-4\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-stat-value\">276<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bc-ana-stat-card\">\r\n                        <div class=\"bc-ana-stat-header\">\r\n                            <span class=\"bc-ana-stat-label\">Human Transfers<\/span>\r\n                            <div class=\"bc-ana-stat-icon bc-ic-5\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><path d=\"M12 11v6\"><\/path><path d=\"M9 14h6\"><\/path><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-stat-value\">94<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bc-ana-stat-card\">\r\n                        <div class=\"bc-ana-stat-header\">\r\n                            <span class=\"bc-ana-stat-label\">Avg. Duration<\/span>\r\n                            <div class=\"bc-ana-stat-icon bc-ic-6\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-stat-value\">2:46<\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"bc-ana-divider\"><\/div>\r\n\r\n                <!-- Call Outcomes Section -->\r\n                <div class=\"bc-ana-outcomes-header\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"><\/path><path d=\"M22 12A10 10 0 0 0 12 2v10z\"><\/path><\/svg>\r\n                    CALL OUTCOMES\r\n                <\/div>\r\n\r\n                <div class=\"bc-ana-outcomes-list\">\r\n                    \r\n                    <!-- Row 1 -->\r\n                    <div class=\"bc-ana-bar-wrap\">\r\n                        <div class=\"bc-ana-bar-label\">Interested<\/div>\r\n                        <div class=\"bc-ana-bar-track\">\r\n                            <div class=\"bc-ana-bar-fill bc-bar-1\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-bar-value\">85%<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Row 2 -->\r\n                    <div class=\"bc-ana-bar-wrap\">\r\n                        <div class=\"bc-ana-bar-label\">Callback Requested<\/div>\r\n                        <div class=\"bc-ana-bar-track\">\r\n                            <div class=\"bc-ana-bar-fill bc-bar-2\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-bar-value\">65%<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Row 3 -->\r\n                    <div class=\"bc-ana-bar-wrap\">\r\n                        <div class=\"bc-ana-bar-label\">Appointment<\/div>\r\n                        <div class=\"bc-ana-bar-track\">\r\n                            <div class=\"bc-ana-bar-fill bc-bar-3\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-bar-value\">45%<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Row 4 -->\r\n                    <div class=\"bc-ana-bar-wrap\">\r\n                        <div class=\"bc-ana-bar-label\">Information<\/div>\r\n                        <div class=\"bc-ana-bar-track\">\r\n                            <div class=\"bc-ana-bar-fill bc-bar-4\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-bar-value\">35%<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Row 5 -->\r\n                    <div class=\"bc-ana-bar-wrap\">\r\n                        <div class=\"bc-ana-bar-label\">Not Interested<\/div>\r\n                        <div class=\"bc-ana-bar-track\">\r\n                            <div class=\"bc-ana-bar-fill bc-bar-5\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-bar-value\">25%<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Row 6 -->\r\n                    <div class=\"bc-ana-bar-wrap\">\r\n                        <div class=\"bc-ana-bar-label\">Transferred<\/div>\r\n                        <div class=\"bc-ana-bar-track\">\r\n                            <div class=\"bc-ana-bar-fill bc-bar-6\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"bc-ana-bar-value\">15%<\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d655ad e-con-full e-flex e-con e-parent\" data-id=\"4d655ad\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2dca36 elementor-widget elementor-widget-html\" data-id=\"b2dca36\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-faq-section {\r\n        font-family: 'Inter', sans-serif !important;\r\n        background-color: #ffffff !important; \/* Fixed incomplete hex value *\/\r\n        padding: 40px 5% !important;\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n        text-align: left !important; \/* Prevents theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-faq-section, \r\n    .bc-faq-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-faq-section h2, \r\n    .bc-faq-section div,\r\n    .bc-faq-section span,\r\n    .bc-faq-section p,\r\n    .bc-faq-section details,\r\n    .bc-faq-section summary {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n    }\r\n\r\n    \/* Subtle Background Pattern *\/\r\n    .bc-faq-section .bc-faq-bg {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background-image: radial-gradient(#cbd5e1 1px, transparent 1px) !important;\r\n        background-size: 40px 40px !important;\r\n        opacity: 0.3 !important;\r\n        z-index: -1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-container {\r\n        max-width: 1300px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* Header Styles *\/\r\n    .bc-faq-section .bc-faq-header {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-subtitle {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        color: #4f46e5 !important;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        margin-bottom: 15px !important;\r\n        background-color: #e0e7ff !important;\r\n        padding: 8px 18px !important;\r\n        border-radius: 50px !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-subtitle svg {\r\n        max-width: none !important;\r\n        stroke: #4f46e5 !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-title {\r\n        font-size: 2.75rem !important;\r\n        color: #0f172a !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.2 !important;\r\n    }\r\n\r\n    \/* Accordion Wrapper *\/\r\n    .bc-faq-section .bc-faq-accordion {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 15px !important;\r\n    }\r\n\r\n    \/* Native HTML5 Details Tag Styling *\/\r\n    .bc-faq-section .bc-faq-item {\r\n        background-color: #ffffff !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n        border-radius: 16px !important;\r\n        overflow: hidden !important;\r\n        transition: all 0.3s ease !important;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-item:hover {\r\n        border-color: #cbd5e1 !important;\r\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;\r\n    }\r\n\r\n    \/* Suppress default browser markers on summary *\/\r\n    .bc-faq-section .bc-faq-item summary::-webkit-details-marker {\r\n        display: none !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-question {\r\n        list-style: none !important;\r\n        padding: 24px 30px !important;\r\n        font-size: 1.15rem !important;\r\n        font-weight: 700 !important;\r\n        color: #1e293b !important;\r\n        cursor: pointer !important;\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        gap: 20px !important;\r\n        position: relative !important;\r\n        user-select: none !important;\r\n        outline: none !important;\r\n        transition: color 0.3s ease, background-color 0.3s ease !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-question::-webkit-details-marker {\r\n        display: none !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-question::marker {\r\n        display: none !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-question:hover {\r\n        color: #4f46e5 !important;\r\n        background-color: rgba(248, 250, 252, 0.5) !important;\r\n    }\r\n\r\n    \/* The Chevron Icon *\/\r\n    .bc-faq-section .bc-faq-icon {\r\n        flex-shrink: 0 !important;\r\n        width: 36px !important;\r\n        height: 36px !important;\r\n        border-radius: 50% !important;\r\n        background-color: #f1f5f9 !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-icon svg {\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n        stroke: #64748b !important;\r\n        transition: stroke 0.3s ease !important;\r\n        max-width: none !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-question:hover .bc-faq-icon {\r\n        background-color: #e0e7ff !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-question:hover .bc-faq-icon svg {\r\n        stroke: #4f46e5 !important;\r\n    }\r\n\r\n    \/* Active\/Open State Styling *\/\r\n    .bc-faq-section .bc-faq-item[open] {\r\n        border-color: #4f46e5 !important;\r\n        box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.15) !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-item[open] .bc-faq-question {\r\n        color: #4f46e5 !important;\r\n        border-bottom: 1px solid #f1f5f9 !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-item[open] .bc-faq-icon {\r\n        transform: rotate(180deg) !important;\r\n        background-color: #4f46e5 !important;\r\n    }\r\n\r\n    .bc-faq-section .bc-faq-item[open] .bc-faq-icon svg {\r\n        stroke: #ffffff !important;\r\n    }\r\n\r\n    \/* The Answer Content *\/\r\n    .bc-faq-section .bc-faq-answer {\r\n        padding: 24px 30px !important;\r\n        color: #475569 !important;\r\n        font-size: 1rem !important;\r\n        line-height: 1.7 !important;\r\n        font-weight: 500 !important;\r\n        background-color: #ffffff !important;\r\n        animation: bc-fade-slide-down 0.4s ease forwards !important;\r\n        opacity: 0;\r\n        transform: translateY(-10px);\r\n    }\r\n\r\n    @keyframes bc-fade-slide-down {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media screen and (max-width: 768px) {\r\n        .bc-faq-section { padding: 80px 5% !important; }\r\n        .bc-faq-section .bc-faq-title { font-size: 2.25rem !important; }\r\n        .bc-faq-section .bc-faq-question { padding: 20px !important; font-size: 1.05rem !important; }\r\n        .bc-faq-section .bc-faq-answer { padding: 20px !important; font-size: 0.95rem !important; }\r\n        .bc-faq-section .bc-faq-icon { width: 32px !important; height: 32px !important; }\r\n        .bc-faq-section .bc-faq-icon svg { width: 16px !important; height: 16px !important; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bc-faq-section\">\r\n    <div class=\"bc-faq-bg\"><\/div>\r\n\r\n    <div class=\"bc-faq-container\">\r\n        \r\n        <div class=\"bc-faq-header\">\r\n            <div class=\"bc-faq-subtitle\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\r\n                FAQ\r\n            <\/div>\r\n            <h2 class=\"bc-faq-title\">Frequently Asked Questions<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bc-faq-accordion\">\r\n            \r\n            <!-- FAQ 1 (Open by default) -->\r\n            <details class=\"bc-faq-item\" open>\r\n                <summary class=\"bc-faq-question\">\r\n                    What is an AI Voice Agent?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    An AI voice agent is an AI-powered software system that communicates with customers through voice, understands spoken requests and can perform configured business actions.\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 2 -->\r\n            <details class=\"bc-faq-item\">\r\n                <summary class=\"bc-faq-question\">\r\n                    What is an AI Voice Agent Service in Bangalore?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    It is a business service that provides AI-powered voice automation for businesses in Bangalore, including customer support, sales, lead qualification, appointment booking and outbound calling.\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 3 -->\r\n            <details class=\"bc-faq-item\">\r\n                <summary class=\"bc-faq-question\">\r\n                    Can AI voice agents receive phone calls?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    Yes. AI voice agents can be connected to programmable telephony systems to handle incoming calls instantly and efficiently.\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 4 -->\r\n            <details class=\"bc-faq-item\">\r\n                <summary class=\"bc-faq-question\">\r\n                    Can AI voice agents make outbound calls?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    Yes. They can be configured for permitted outbound use cases such as lead follow-up, reminders, surveys and customer re-engagement.\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 5 -->\r\n            <details class=\"bc-faq-item\">\r\n                <summary class=\"bc-faq-question\">\r\n                    Can an AI voice agent speak Hindi?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    Depending on the selected AI voice technology, multilingual agents can be configured for local and regional languages such as Hindi and English.\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 6 -->\r\n            <details class=\"bc-faq-item\">\r\n                <summary class=\"bc-faq-question\">\r\n                    Can the AI transfer a call to a human?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    Yes. Human handoff can be smoothly configured for complex enquiries, high-value sales opportunities, or situations specifically requiring human staff assistance.\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 7 -->\r\n            <details class=\"bc-faq-item\">\r\n                <summary class=\"bc-faq-question\">\r\n                    Can you integrate an AI voice agent with our CRM?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    Yes. Brightcode can seamlessly integrate voice agents with CRMs, ERP systems, booking systems and custom software architectures through APIs and webhooks.\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 8 -->\r\n            <details class=\"bc-faq-item\">\r\n                <summary class=\"bc-faq-question\">\r\n                    Can AI voice agents book appointments?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    Yes. With integration to a suitable scheduling or booking system, an AI agent can check availability in real-time and perform configured appointment booking actions.\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 9 -->\r\n            <details class=\"bc-faq-item\">\r\n                <summary class=\"bc-faq-question\">\r\n                    How much does an AI Voice Agent Service cost in Bangalore?\r\n                    <div class=\"bc-faq-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/summary>\r\n                <div class=\"bc-faq-answer\">\r\n                    Pricing depends on call volume, AI usage, telephony requirements, integrations, languages, and required features. Brightcode can provide a customized quotation tailored perfectly to your business requirements.\r\n                <\/div>\r\n            <\/details>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5cd76c e-con-full e-flex e-con e-parent\" data-id=\"b5cd76c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f037f1 elementor-widget elementor-widget-html\" data-id=\"5f037f1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Fonts (Safe for WordPress) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       STRICTLY SCOPED CSS: Will NEVER affect your WordPress theme\r\n       ========================================================================= *\/\r\n\r\n    .bc-cta-section {\r\n        font-family: 'Inter', sans-serif !important;\r\n        \/* Vibrant, deep animated gradient background *\/\r\n        background: linear-gradient(-45deg, #312e81, #4f46e5, #0ea5e9, #1e1b4b) !important;\r\n        background-size: 400% 400% !important;\r\n        animation: bc-gradient-shift 15s ease infinite !important;\r\n        padding: 60px 5% !important; \/* Adjusted slightly for standard section breathing room *\/\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        color: #ffffff !important;\r\n        z-index: 1 !important;\r\n        text-align: center !important; \/* Prevents theme alignment bleed *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    @keyframes bc-gradient-shift {\r\n        0% { background-position: 0% 50%; }\r\n        50% { background-position: 100% 50%; }\r\n        100% { background-position: 0% 50%; }\r\n    }\r\n\r\n    \/* Scoped Reset - Blocks theme from adding weird margins\/padding *\/\r\n    .bc-cta-section, \r\n    .bc-cta-section * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .bc-cta-section h2, \r\n    .bc-cta-section p, \r\n    .bc-cta-section div,\r\n    .bc-cta-section span,\r\n    .bc-cta-section a {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        line-height: normal !important;\r\n        text-decoration: none !important;\r\n    }\r\n\r\n    \/* Abstract glowing background elements *\/\r\n    .bc-cta-section .bc-cta-glow {\r\n        position: absolute !important;\r\n        border-radius: 50% !important;\r\n        filter: blur(80px) !important;\r\n        opacity: 0.5 !important;\r\n        z-index: -1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-glow-1 {\r\n        width: 400px !important; \r\n        height: 400px !important;\r\n        background: #8b5cf6 !important;\r\n        top: -100px !important; \r\n        left: -100px !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-glow-2 {\r\n        width: 500px !important; \r\n        height: 500px !important;\r\n        background: #06b6d4 !important;\r\n        bottom: -150px !important; \r\n        right: -150px !important;\r\n    }\r\n\r\n    \/* Tech Pattern Overlay *\/\r\n    .bc-cta-section .bc-cta-pattern {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px) !important;\r\n        background-size: 30px 30px !important;\r\n        z-index: 0 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-container {\r\n        max-width: 900px !important;\r\n        margin: 0 auto !important;\r\n        text-align: center !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-icon-wrap {\r\n        width: 80px !important;\r\n        height: 80px !important;\r\n        background: rgba(255, 255, 255, 0.1) !important;\r\n        backdrop-filter: blur(10px) !important;\r\n        -webkit-backdrop-filter: blur(10px) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n        border-radius: 24px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        margin: 0 auto 30px !important;\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-icon-wrap svg {\r\n        width: 36px !important;\r\n        height: 36px !important;\r\n        stroke: #ffffff !important;\r\n        max-width: none !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-title {\r\n        font-size: 3.5rem !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.1 !important;\r\n        margin-bottom: 25px !important;\r\n        letter-spacing: -1px !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-desc {\r\n        font-size: 1.25rem !important;\r\n        color: #e2e8f0 !important;\r\n        line-height: 1.7 !important;\r\n        margin-bottom: 45px !important;\r\n        font-weight: 400 !important;\r\n        max-width: 700px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-buttons {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        gap: 20px !important;\r\n        margin-bottom: 50px !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-btn {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        gap: 10px !important;\r\n        padding: 18px 36px !important;\r\n        border-radius: 14px !important;\r\n        font-size: 1.1rem !important;\r\n        font-weight: 700 !important;\r\n        text-decoration: none !important;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    }\r\n\r\n    \/* Primary Button - High Contrast White *\/\r\n    .bc-cta-section .bc-cta-btn-primary {\r\n        background: #ffffff !important;\r\n        color: #4f46e5 !important;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-btn-primary:hover {\r\n        transform: translateY(-4px) !important;\r\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25) !important;\r\n        background: #f8fafc !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-btn-primary svg {\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n        stroke: #4f46e5 !important;\r\n        transition: transform 0.3s ease !important;\r\n        max-width: none !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-btn-primary:hover svg {\r\n        transform: translateX(4px) !important;\r\n    }\r\n\r\n    \/* Secondary Button - Glass\/Outline *\/\r\n    .bc-cta-section .bc-cta-btn-secondary {\r\n        background: rgba(255, 255, 255, 0.1) !important;\r\n        color: #ffffff !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n        backdrop-filter: blur(10px) !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-btn-secondary:hover {\r\n        background: rgba(255, 255, 255, 0.2) !important;\r\n        border-color: rgba(255, 255, 255, 0.5) !important;\r\n        transform: translateY(-4px) !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-small-text {\r\n        font-size: 0.95rem !important;\r\n        color: rgba(255, 255, 255, 0.7) !important;\r\n        font-weight: 500 !important;\r\n        letter-spacing: 1px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        flex-wrap: wrap !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    .bc-cta-section .bc-cta-dot {\r\n        width: 4px !important;\r\n        height: 4px !important;\r\n        background: rgba(255, 255, 255, 0.4) !important;\r\n        border-radius: 50% !important;\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    @media screen and (max-width: 992px) {\r\n        .bc-cta-section .bc-cta-title { font-size: 3rem !important; }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .bc-cta-section { padding: 80px 5% !important; }\r\n        .bc-cta-section .bc-cta-title { font-size: 2.25rem !important; }\r\n        .bc-cta-section .bc-cta-desc { font-size: 1.1rem !important; }\r\n        .bc-cta-section .bc-cta-buttons { flex-direction: column !important; gap: 15px !important; width: 100% !important; }\r\n        .bc-cta-section .bc-cta-btn { width: 100% !important; justify-content: center !important; }\r\n        .bc-cta-section .bc-cta-small-text { font-size: 0.85rem !important; line-height: 1.8 !important; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bc-cta-section\">\r\n    <!-- Abstract Animated Background Glows -->\r\n    <div class=\"bc-cta-glow bc-cta-glow-1\"><\/div>\r\n    <div class=\"bc-cta-glow bc-cta-glow-2\"><\/div>\r\n    <div class=\"bc-cta-pattern\"><\/div>\r\n\r\n    <div class=\"bc-cta-container\">\r\n        \r\n        <div class=\"bc-cta-icon-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\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>\r\n                <path d=\"M14.05 2a9 9 0 0 1 8 7.94\"><\/path>\r\n                <path d=\"M14.05 6A5 5 0 0 1 18 10\"><\/path>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <h2 class=\"bc-cta-title\">Ready to Automate Your Business Calls?<\/h2>\r\n        \r\n        <p class=\"bc-cta-desc\">\r\n            Let Brightcode build an AI voice agent that can effortlessly talk to your customers, qualify high-value leads and automate your most repetitive business workflows.\r\n        <\/p>\r\n\r\n        <div class=\"bc-cta-buttons\">\r\n            <a href=\"#popmake-6839\" class=\"bc-cta-btn bc-cta-btn-primary\">\r\n                Book a Free AI Voice Consultation\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/a>\r\n            \r\n            <a href=\"tel:8123641383\" class=\"bc-cta-btn bc-cta-btn-secondary\">\r\n                Request a Demo\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"bc-cta-small-text\">\r\n            <span>AI Receptionist<\/span>\r\n            <span class=\"bc-cta-dot\"><\/span>\r\n            <span>AI Sales Agent<\/span>\r\n            <span class=\"bc-cta-dot\"><\/span>\r\n            <span>AI Customer Support<\/span>\r\n            <span class=\"bc-cta-dot\"><\/span>\r\n            <span>AI Calling Automation<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>AI-Powered Voice Automation for Modern Businesses AI Voice Agent Service in Bangalore Automate customer calls, lead qualification, appointment booking and business conversations with intelligent AI voice agents. Brightcode provides customized AI Voice Agent Services in Bangalore that connect voice AI with your CRM, ERP, booking systems and business workflows. Book a Free Consultation Request an [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6734","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>AI Voice Agent Services in Bangalore - Brightcode Software Services<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI Voice Agent Services in Bangalore\" \/>\n<meta property=\"og:description\" content=\"AI-Powered Voice Automation for Modern Businesses AI Voice Agent Service in Bangalore Automate customer calls, lead qualification, appointment booking and business conversations with intelligent AI voice agents. Brightcode provides customized AI Voice Agent Services in Bangalore that connect voice AI with your CRM, ERP, booking systems and business workflows. Book a Free Consultation Request an [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightcode Software Services\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightcodess\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-28T11:29:54+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Brightcodebss\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"58 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/ai-voice-agent-services-in-bangalore\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/ai-voice-agent-services-in-bangalore\\\/\",\"name\":\"AI Voice Agent Services in Bangalore - Brightcode Software Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\"},\"datePublished\":\"2026-09-28T07:26:28+00:00\",\"dateModified\":\"2026-09-28T11:29:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/ai-voice-agent-services-in-bangalore\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/ai-voice-agent-services-in-bangalore\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/ai-voice-agent-services-in-bangalore\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AI Voice Agent Services in Bangalore\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"name\":\"Brightcode Software Services\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\",\"name\":\"Brightcode Software Services\",\"alternateName\":\"Brightcode\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"width\":500,\"height\":500,\"caption\":\"Brightcode Software Services\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/brightcodess\\\/\",\"https:\\\/\\\/x.com\\\/Brightcodebss\",\"https:\\\/\\\/www.instagram.com\\\/brightcodess\\\/\",\"https:\\\/\\\/linkedin.com\\\/company\\\/brightcodess\"],\"description\":\"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.\",\"telephone\":\"93868 06214\",\"legalName\":\"Brightcode Software Services Pvt. Ltd.\",\"foundingDate\":\"2019-02-07\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"51\",\"maxValue\":\"200\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"AI Voice Agent Services in Bangalore - Brightcode Software Services","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:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/","og_locale":"en_US","og_type":"article","og_title":"AI Voice Agent Services in Bangalore","og_description":"AI-Powered Voice Automation for Modern Businesses AI Voice Agent Service in Bangalore Automate customer calls, lead qualification, appointment booking and business conversations with intelligent AI voice agents. Brightcode provides customized AI Voice Agent Services in Bangalore that connect voice AI with your CRM, ERP, booking systems and business workflows. Book a Free Consultation Request an [&hellip;]","og_url":"https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/","og_site_name":"Brightcode Software Services","article_publisher":"https:\/\/www.facebook.com\/brightcodess\/","article_modified_time":"2026-09-28T11:29:54+00:00","twitter_card":"summary_large_image","twitter_site":"@Brightcodebss","twitter_misc":{"Est. reading time":"58 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/","url":"https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/","name":"AI Voice Agent Services in Bangalore - Brightcode Software Services","isPartOf":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#website"},"datePublished":"2026-09-28T07:26:28+00:00","dateModified":"2026-09-28T11:29:54+00:00","breadcrumb":{"@id":"https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/brightcodess.com\/bengaluru\/ai-voice-agent-services-in-bangalore\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightcodess.com\/bengaluru\/"},{"@type":"ListItem","position":2,"name":"AI Voice Agent Services in Bangalore"}]},{"@type":"WebSite","@id":"https:\/\/brightcodess.com\/bengaluru\/#website","url":"https:\/\/brightcodess.com\/bengaluru\/","name":"Brightcode Software Services","description":"","publisher":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightcodess.com\/bengaluru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightcodess.com\/bengaluru\/#organization","name":"Brightcode Software Services","alternateName":"Brightcode","url":"https:\/\/brightcodess.com\/bengaluru\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/","url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","contentUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","width":500,"height":500,"caption":"Brightcode Software Services"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightcodess\/","https:\/\/x.com\/Brightcodebss","https:\/\/www.instagram.com\/brightcodess\/","https:\/\/linkedin.com\/company\/brightcodess"],"description":"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.","telephone":"93868 06214","legalName":"Brightcode Software Services Pvt. Ltd.","foundingDate":"2019-02-07","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"51","maxValue":"200"}}]}},"_links":{"self":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/comments?post=6734"}],"version-history":[{"count":118,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6734\/revisions"}],"predecessor-version":[{"id":6892,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6734\/revisions\/6892"}],"wp:attachment":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/media?parent=6734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}