Will AI agents conduct the martech orchestra in 2025?

Will AI Agents Take the Helm of Martech in 2025?

Sure! Here’s a unique version of the content you provided, maintaining the original HTML structure:

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <p class="modal-title fs-5" id="exampleModalLabel">Interact with MarTechBot</p>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
            <style>
                /* Customizing the scrollbar track only for the chatbot interface */
                .wpaicg-chat-shortcode ::-webkit-scrollbar-track {
                    background-color: #f2f2f2; /* Light grey background for the track */
                    border-radius: 10px;
                }

                /* Customizing the scrollbar thumb for the chatbot interface */
                .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {
                    background-color: #888; /* Dark grey color for the thumb */
                    border-radius: 10px;
                    border: 3px solid #f2f2f2; /* White border around the thumb */
                }

                /* Custom thumb hover effect for chatbot */
                .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {
                    background-color: #555; /* Change to black on hover */
                }

                /* Setting the scrollbar dimensions for the chatbot */
                .wpaicg-chat-shortcode ::-webkit-scrollbar {
                    width: 8px; /* Narrow scrollbar width */
                    height: 8px; /* For horizontal scrollbars */
                }
                .wpaicg-conversation-starters {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 10px;
                    padding: 15px;
                    justify-content: center;
                    font-size: 16px;
                    visibility: hidden;
                }

                .wpaicg-conversation-starter {
                    background-color: #c6c6c6;
                    border: none;
                    border-radius: 20px;
                    padding: 5px 10px;
                    cursor: pointer;
                    font-size: 16px;
                    color: #000000;
                    transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;
                    display: flex;
                    opacity: 0;
                    transform: translateY(20px);
                }

                .wpaicg-conversation-starter:hover {
                    filter: brightness(90%);
                }
            </style>
            <style>
                .wpaicg-img-spinner {
                    display: none; /* initially hidden */
                    width: 16px;
                    height: 16px;
                    border: 2px solid rgba(0, 0, 0, 0.1);
                    border-left-color: #000;
                    border-radius: 50%;
                    animation: spin 1s linear infinite;
                }

                @keyframes spin {
                    0% { transform: rotate(0deg); }
                    100% { transform: rotate(360deg); }
                }
                .wpaicg-thumbnail-placeholder {
                    display: none;
                    width: 50px;
                    height: 50px;
                    overflow: hidden; /* ensures hidden overflow */
                }
            </style>

            <style>
                .blinking-cursor {
                    font-weight: 100;
                    color: #ffffff; /* Choose your desired color */
                    animation: blink 1s step-end infinite;
                }

                @keyframes blink {
                    from, to { color: transparent }
                    50% { color: inherit }
                }
            </style>

            <style>
                .wpaicg-chat-shortcode {
                    width: 100%;
                    background-color: #f2f2f2;
                    border-radius: 10px;
                    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
                    display: flex;
                    flex-direction: column;
                    max-width: 100%;
                    overflow: hidden;
                    border: none;
                    transition: box-shadow 0.3s ease;
                    margin-right: 20px; /* Modify as required */
                }
                .wpaicg-chat-shortcode:hover {
                    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* Darker shadow on hover for feedback */
                }
                .wpaicg-chat-shortcode-content {
                    overflow-y: auto; /* vertical scroll */
                    flex-grow: 1; /* allows expansion */
                    padding: 15px; /* Increased padding for added space */
                }
                .wpaicg-chat-shortcode-content ul {
                    overflow-y: auto;
                    margin: 0;
                    padding: 0;
                    list-style: none; /* No bullet points */
                }
                .log_notification {
                    background: #f2f2f2;
                    color: #000000;
                    font-size: 11px;
                    font-style: italic; /* Italic text */
                    padding: 10px;
                    border-radius: 5px; /* Rounded corners */
                }

                .wpaicg-chat-shortcode-footer {
                    color: #495057;
                    background: #ffffff; /* Footer background */
                    font-size: 0.75rem; /* Smaller font size */
                    padding: 12px 20px; /* Footer padding */
                    border-top: 1px solid #ffffff; /* Top border */
                }
                .wpaicg-chat-shortcode-footer a {
                    color: inherit; /* Inherit the color */
                    text-decoration: none; /* No underline */
                }

                .wpaicg-chat-shortcode-content ul .wpaicg-user-message {
                    margin-left: auto; /* Align user messages right */
                    background: #c6c6c6; /* User message background */
                    color: #000000; /* Text color */
                    font-size: 16px; /* Font size */
                    margin-bottom: 20px; /* Spacing between messages */
                    margin-right: 10px; /* Right margin for user messages */
                    padding: 10px;
                    border-radius: 20px; /* Rounded corners */
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Subtle shadow */
                    width: fit-content; /* Adjust width to content */
                }
                .wpaicg-chat-shortcode-content ul .wpaicg-ai-message {
                    color: #000000;
                    font-size: 16px;
                    margin-bottom: 20px; /* Spacing between messages */
                    margin-right: 10px; /* Right margin for AI messages */
                    padding: 10px;
                    border-radius: 20px; /* Rounded corners */
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Subtle shadow */
                    width: fit-content; /* Adjust width to content */
                }

                .wpaicg-chat-shortcode .wpaicg-bot-thinking {
                    bottom: 0;
                    font-size: 11px;
                    color: #ff3838; /* Thinking message color */
                    display: none; /* Initially hidden */
                }

                .wpaicg-chat-message-error {
                    color: #f00; /* Error messages color */
                }

                .wpaicg-jumping-dots span {
                    position: relative;
                    bottom: 0; /* Baseline for jumping dots */
                    animation: wpaicg-jump 2s infinite; /* Infinite jumping animation */
                }
                .wpaicg-jumping-dots .wpaicg-dot-1 { animation-delay: 200ms; }
                .wpaicg-jumping-dots .wpaicg-dot-2 { animation-delay: 400ms; }
                .wpaicg-jumping-dots .wpaicg-dot-3 { animation-delay: 600ms; }

                .wpaicg-chat-shortcode-type {
                    display: flex; /* Flex container */
                    align-items: center; /* Center items vertically */
                    padding: 15px;
                    color: #f15a23; /* Text color */
                }

                .wpaicg-chat-shortcode-send {
                    color: #f15a23; /* Send button color */
                }

                textarea.wpaicg-chat-shortcode-typing {
                    flex: 1; /* Flexible width */
                    border: 1px solid #ec2f23; /* Border color */
                    background-color: #ffffff; /* Background color */
                    resize: vertical; /* Allow vertical resizing */
                    border-radius: 10px; /* Rounded corners */
                    line-height: 90px; /* Line height for the textarea */
                    padding-left: 1em; /* Padding */
                    color: #495057; /* Text color */
                    font-size: 16px; /* Font size */
                }

                textarea.auto-expand {
                    overflow: hidden; /* Hide scrollbar when resizing */
                    transition: box-shadow 0.5s ease-in-out; /* Smooth transition */
                    line-height: 2; /* Line height */
                }

                textarea.auto-expand.resizing {
                    transition: box-shadow 0.5s ease-in-out; /* Maintain transition */
                    box-shadow: 0 0 12px rgba(81, 203, 238, 0.8); /* Shadow effect */
                    line-height: 2; /* Maintain line height */
                }

                textarea.auto-expand:focus {
                    outline: none; /* Remove outline */
                    box-shadow: 0 0 5px rgba(81, 203, 238, 1); /* Focus shadow */
                    line-height: 2; /* Maintain line height */
                }

                textarea.wpaicg-chat-shortcode-typing::placeholder {
                    color: #495057; /* Placeholder text color */
                }

                @keyframes wpaicg-jump {
                    0% { bottom: 0px; }
                    20% { bottom: 5px; }
                    40% { bottom: 0px; }
                }

                /* Media queries for responsive design */
                @media (max-width: 768px) {
                    .wpaicg-chat-shortcode {
                        width: auto; /* Adaptive width */
                        margin-right: 10px; /* Adjust margin */
                        margin-left: 10px; /* Left margin */
                    }
                }

                @media (max-width: 480px) {
                    .wpaicg-chat-shortcode {
                        margin-right: 5px; /* Adjusted margin */
                        margin-left: 5px; /* Adjusted margin */
                    }
                }

                .wpaicg-chat-shortcode .wpaicg-mic-icon {
                    color: #000000; /* Microphone icon color */
                }
                .wpaicg-chat-shortcode .wpaicg-img-icon {
                    color: #f15a23; /* Image icon color */
                }
                .wpaicg-chat-shortcode .wpaicg-pdf-icon {
                    color: #000000; /* PDF icon color */
                }
                .wpaicg-chat-shortcode .wpaicg-pdf-remove {
                    color: #000000;
                    font-size: 33px;
                    justify-content: center;
                    align-items: center;
                    width: 16px;
                    height: 16px;
                    line-height: unset;
                    font-family: Arial, serif;
                    border-radius: 50%; /* Circular button */
                    font-weight: normal;
                    padding: 0; /* No padding */
                }
                .wpaicg-chat-shortcode .wpaicg-pdf-loading {
                    border-color: #000000;
                    border-bottom-color: transparent; /* Hides bottom border */
                }
                .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {
                    color: #000000; /* Recording icon color */
                }
                .wpaicg_chat_additions {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: absolute;
                    right: 20px; /* Position on the right */
                }

                .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {
                    position: absolute; /* Fixed positioning */
                    top: 0; /* Top aligned */
                    right: 0;
                    left: 0; /* Full width */
                    height: 40px; /* Fixed height */
                    padding: 0 10px; /* Padding */
                    display: none; /* Initially hidden */
                    justify-content: center;
                    align-items: center;
                    background: #ffffff; /* Background color */
                    color: #000000; /* Text color */
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Subtle shadow */
                    transition: background-color 0.3s ease; /* Background transition */
                    min-height: 40px; /* Minimum height */
                }

                .wpaicg-icon-container {
                    position: relative;
                    margin-bottom: 30px; /* Spacing below */
                    margin-top: 10px; /* Spacing above */
                }

                .wpaicg-copy-button,
                .wpaicg-thumbs-up-button,
                .wpaicg-thumbs-down-button {
                    position: absolute; /* Fixed positioning */
                    bottom: -25px; /* Positioning below */
                    display: inline-block; /* Inline block */
                    background: none; /* No background */
                    border: none; /* No border */
                    cursor: pointer; /* Pointer cursor */
                    padding: 0; /* No padding */
                    opacity: 0; /* Hidden initially */
                    visibility: hidden; /* Hidden initially */
                    transition: opacity 0.3s ease, visibility 0.3s ease; /* Transition for appearance */
                    outline: none; /* No outline */
                }

                .wpaicg-copy-button {
                    left: 10px; /* Position for copy button */
                }

                .wpaicg-thumbs-up-button {
                    left: 40px; /* Position for thumbs up button */
                }

                .wpaicg-thumbs-down-button {
                    left: 70px; /* Position for thumbs down button */
                }

                /* Keep buttons visible on hover */
                .wpaicg-icon-container:hover .wpaicg-copy-button,
                .wpaicg-icon-container:hover .wpaicg-thumbs-up-button,
                .wpaicg-icon-container:hover .wpaicg-thumbs-down-button,
                .wpaicg-copy-button:hover,
                .wpaicg-thumbs-up-button:hover,
                .wpaicg-thumbs-down-button:hover {
                    opacity: 1; /* Full opacity */
                    visibility: visible; /* Visible */
                    background-color: transparent !important; /* Reset background */
                    color: inherit !important; /* Inherit color */
                }
                /* Prevent hover color changes for links */
                .wpaicg-icon-container a:hover {
                    color: inherit !important; /* Inherit color */
                    background-color: transparent !important; /* Reset background */
                    text-decoration: none !important; /* No underline */
                }

                .wpaicg-copy-button img,
                .wpaicg-thumbs-up-button img,
                .wpaicg-thumbs-down-button img {
                    width: 16px; /* Icon size */
                    height: 16px; /* Icon size */
                    filter: none; /* No filters */
                    color: inherit; /* Inherit color */
                    transition: none; /* No transitions */
                }

                .wpaicg-copy-button img:hover,
                .wpaicg-thumbs-up-button img:hover,
                .wpaicg-thumbs-down-button img:hover {
                    filter: none; /* No hover effect */
                    color: inherit; /* Maintain color */
                }

                .wpaicg-copy-button,
                .wpaicg-thumbs-up-button,
                .wpaicg-thumbs-down-button {
                    background: none; /* No background */
                    border: none; /* No border */
                    padding: 0; /* No padding */
                    cursor: pointer; /* Pointer cursor */
                    color: inherit; /* Inherit color */
                    outline: none; /* No outline on focus */
                }

                .wpaicg-copy-button:hover,
                .wpaicg-thumbs-up-button:hover,
                .wpaicg-thumbs-down-button:hover {
                    background: none; /* No background change */
                    color: inherit; /* Maintain color */
                }
                /* Remove focus outline for buttons */
                .wpaicg-copy-button:focus,
                .wpaicg-thumbs-up-button:focus,
                .wpaicg-thumbs-down-button:focus {
                    outline: none; /* No outline */
                }
                .wpaicg-feedback-modal-overlay {
                    position: fixed; /* Fixed overlay */
                    top: 0;
                    left: 0;
                    width: 100%; /* Full width */
                    height: 100%; /* Full height */
                    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
                    z-index: 1000; /* High z-index */
                    display: flex; /* Flex container */
                    justify-content: center; /* Center content */
                    align-items: center; /* Center content */
                    padding: 10px; /* Padding */
                }

                .wpaicg-feedback-modal {
                    background-color: #fff; /* White background */
                    color: #333; /* Dark text */
                    padding: 20px; /* Padding */
                    border-radius: 10px; /* Rounded corners */
                    width: 100%; /* Full width */
                    max-width: 400px; /* Max width */
                    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); /* Shadow for visibility */
                    text-align: center; /* Center text */
                    position: relative; /* For positioning close button */
                    margin: 0 auto; /* Center modal */
                    box-sizing: border-box; /* Include padding in width */
                }

                .wpaicg-feedback-modal h2 {
                    margin-top: 0; /* No top margin */
                }

                .wpaicg-feedback-textarea {
                    width: 100%; /* Full width */
                    height: 80px; /* Height */
                    margin: 10px 0; /* Margin */
                    border-radius: 5px; /* Rounded corners */
                }

                .wpaicg-feedback-modal-buttons {
                    display: flex; /* Flexbox layout */
                    justify-content: flex-end; /* Right align */
                    align-items: center; /* Center align */
                    margin-top: 10px; /* Top margin */
                }

                .wpaicg-feedback-message {
                    flex-grow: 1; /* Grow to fill space */
                    margin-right: 10px; /* Right margin */
                    text-align: left; /* Left align text */
                }

                .wpaicg-feedback-modal-submit {
                    padding: 10px 20px; /* Padding */
                    border: none; /* No border */
                    border-radius: 5px; /* Rounded corners */
                    cursor: pointer; /* Pointer cursor */
                    background-color: #007bff; /* Background color */
                    color: #fff; /* White text */
                    margin-left: 10px; /* Margin */
                }

                .wpaicg-feedback-modal-close {
                    position: absolute; /* Fixed position */
                    top: 10px; /* Top margin */
                    right: 10px; /* Right margin */
                    background: none; /* No background */
                    border: none; /* No border */
                    color: #333; /* Text color */
                    cursor: pointer; /* Pointer cursor */
                }

                /* Mobile adjustments */
                @media (max-width: 480px) {
                    .wpaicg-feedback-modal {
                        max-width: 95%; /* Smaller max width */
                        padding: 15px; /* Reduced padding */
                        margin: 0 auto; /* Center modal */
                    }
                    .wpaicg-feedback-modal-submit {
                        padding: 8px 16px; /* Smaller padding */
                    }

                    .wpaicg-feedback-textarea {
                        height: 60px; /* Reduce height */
                    }
                }

                /* Button styles */
                .wpaicg-chatbox-download-btn,
                .wpaicg-chatbox-clear-btn,
                .wpaicg-chatbox-fullscreen,
                .wpaicg-chatbox-audio-btn,
                .wpaicg-chatbox-close-btn {
                    cursor: pointer; /* Pointer cursor */
                    display: flex; /* Flexbox */
                    align-items: center; /* Center items */
                    justify-content: center; /* Center content */
                    margin: 0 5px; /* Spacing */
                    transition: background-color 0.3s ease; /* Transition */
                }

                /* SVG icon styles */
                .wpaicg-chatbox-download-btn svg,
                .wpaicg-chatbox-clear-btn svg,
                .wpaicg-chatbox-fullscreen svg,
                .wpaicg-chatbox-audio-btn,
                .wpaicg-chatbox-close-btn svg {
                    fill: currentColor; /* Fill with current color */
                    height: 16px; /* Icon height */
                    width: 16px; /* Icon width */
                }

                /* Hover states for buttons */
                .wpaicg-chatbox-download-btn:hover,
                .wpaicg-chatbox-clear-btn:hover,
                .wpaicg-chatbox-fullscreen:hover,
                .wpaicg-chatbox-close-btn:hover {
                    background-color: rgba(0, 0, 0, 0.1); /* Background on hover */
                }
                .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {
                    display: none; /* Hidden exit icon initially */
                    fill: none; /* No fill */
                    height: 16px;
                    width: 16px;
                }
                /* Fullscreen button SVG styles */
                .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,
                .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {
                    fill: currentColor; /* Fill color */
                }
                .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {
                    fill: none; /* No fill */
                    height: 16px;
                    width: 16px;
                }

                /* Fullscreen icon visibility adjustments */
                .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {
                    display: none; /* Hide active in fullscreen */
                }
                .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {
                    display: block; /* Show exit in fullscreen */
                }
                .wpaicg-fullscreened {
                    border-radius: 0; /* No corners */
                    border: none; /* No border */
                }
                .wpaicg-fullscreened .wpaicg-chatbox-action-bar {
                    top: 0; /* Align top */
                    z-index: 99; /* Layer order */
                    border-top-left-radius: 0; /* No rounded corners */
                    border-top-right-radius: 0; /* No rounded corners */
                    border-bottom-left-radius: 3px; /* Some rounding */
                }

                .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {
                    position: relative; /* Relative positioning */
                    top: 0; /* Align top */
                    display: flex; /* Flexbox layout */
                    justify-content: flex-end; /* Align right */
                }
            </style>
            <div class="wpaicg-chat-shortcode" data-user-bg-color="#c6c6c6" data-color="#000000" data-fontsize="16" data-ai-bg-color="#ffffff" data-nonce="685dce19ba" data-post-id="397433" data-url="https://martech.org/will-ai-agents-conduct-the-martech-orchestra-in-2025" data-bot-id="0" data-width="100%" data-height="600px" data-footer="true" data-has-bar="true" data-speech="" data-voice="" data-elevenlabs-model="" data-voice-error="" data-typewriter-effect="" data-typewriter-speed="1" data-text_height="100" data-text_rounded="10" data-chat_rounded="10" data-voice_service="" data-voice_language="en-US" data-voice_name="en-US-Studio-M" data-voice_device="" data-voice_speed="1" data-voice_pitch="0" data-openai_model="tts-1" data-openai_voice="alloy" data-openai_output_format="mp3" data-openai_voice_speed="1.0" data-openai_stream_nav="0" data-autoload_chat_conversations="0" data-copy_btn="" data-feedback_btn="" data-feedback_title="Feedback" data-feedback_message="Please provide details: (optional)" data-feedback_success="Thank you for your feedback!" data-user-voice-control="" data-voice-muted-by-default="" data-memory-limit="10" data-lead-collection="0" data-lead-title="Let us know how to contact you" data-lead-name="Name" data-enable-lead-name="1" data-lead-email="Email" data-enable-lead-email="1" data-lead-phone="Phone" data-enable-lead-phone="1" data-bg_text_field="#ffffff" data-bg_text_field_font_color="#495057" data-bg_text_field_border_color="#ec2f23" data-assistant-enabled="false" data-type="shortcode">
                <div class="wpaicg-chatbox-action-bar">
                    <span class="wpaicg-chatbox-download-btn" data-type="shortcode" role="button" aria-label="Download" tabindex="0">
                        <svg role="presentation" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 512 512" xml:space="preserve">
                            <path class="st0" d="M243.591,309.362c3.272,4.317,7.678,6.692,12.409,6.692c4.73,0,9.136-2.376,12.409-6.689l89.594-118.094 c3.348-4.414,4.274-8.692,2.611-12.042c-1.666-3.35-5.631-5.198-11.168-5.198H315.14c-9.288,0-16.844-7.554-16.844-16.84V59.777 c0-11.04-8.983-20.027-20.024-20.027h-44.546c-11.04,0-20.022,8.987-20.022,20.027v97.415c0,9.286-7.556,16.84-16.844,16.84 h-34.305c-5.538,0-9.503,1.848-11.168,5.198c-1.665,3.35-0.738,7.628,2.609,12.046L243.591,309.362z"></path>
                            <path class="st0" d="M445.218,294.16v111.304H66.782V294.16H0v152.648c0,14.03,11.413,25.443,25.441,25.443h461.118 c14.028,0,25.441-11.413,25.441-25.443V294.16H445.218z"></path>
                        </svg>
                    </span>
                    <span data-type="shortcode" class="wpaicg-chatbox-fullscreen" role="button" aria-label="Fullscreen" tabindex="0">
                        <svg role="presentation" class="wpaicg-active-fullscreen" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M10 15H15V10H13.2V13.2H10V15ZM6 15V13.2H2.8V10H1V15H6ZM10 2.8H12.375H13.2V6H15V1H10V2.8ZM6 1V2.8H2.8V6H1V1H6Z"></path>
                        </svg>
                        <svg role="presentation" class="wpaicg-exit-fullscreen" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                            <path d="M1 6L6 6L6 1L4.2 1L4.2 4.2L1 4.2L1 6Z"></path>
                            <path d="M15 10L10 10L10 15L11.8 15L11.8 11.8L15 11.8L15 10Z"></path>
                            <path d="M6 15L6 10L1 10L1 11.8L4.2 11.8L4.2 15L6 15Z"></path>
                            <path d="M10 1L10 6L15 6L15 4.2L11.8 4.2L11.8 1L10 1Z"></path>
                        </svg>
                    </span>
                    <span class="wpaicg-chatbox-clear-btn" data-type="shortcode" role="button" aria-label="Clear Chat" tabindex="0">
                        <svg role="presentation" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                            <path d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"></path>
                        </svg>
                    </span>
                </div>
                <div class="wpaicg-chat-shortcode-content">
                    <ul class="wpaicg-chat-shortcode-messages">
                        <li class="log_notification">
                            <p>
                                <span class="wpaicg-chat-message">
                                    Please note that your conversations will be recorded.
                                </span>
                            </p>
                        </li>
                        <li class="wpaicg-ai-message" style="color: #000000; font-size: 16px; background-color: #ffffff">
                            <span class="wpaicg-chat-message">
                                I am trained on the MarTech.org archives, feel free to ask me anything!
                            </span>
                        </li>
                    </ul>
                </div>
                <!-- Conversation Starters -->
                <span class="wpaicg-bot-thinking" style="padding-left: 20px;color: #ff3838;">
                    MarTechBot is processing...
                    <span class="wpaicg-jumping-dots">
                        <span class="wpaicg-dot-1">.</span>
                        <span class="wpaicg-dot-2">.</span>
                        <span class="wpaicg-dot-3">.</span>
                    </span>
                </span>
                <div class="wpaicg-chat-shortcode-type">
                    <textarea type="text" name="wpaicg-chat-shortcode-typing" class="auto-expand wpaicg-chat-shortcode-typing" placeholder="Message MarTechBot..."></textarea>
                    <div class="wpaicg_chat_additions">
                        <span class="wpaicg-thumbnail-placeholder"></span>
                        <span class="wpaicg-mic-icon" data-type="shortcode" role="button" aria-label="Mic" tabindex="0" style="display:none">
                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
                                <path d="M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z"></path>
                            </svg>
                        </span>
                        <span class="wpaicg-img-icon" data-type="shortcode" style="display:none">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image">
                                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
                                <circle cx="8.5" cy="8.5" r="1.5"></circle>
                                <polyline points="21 15 16 10 5 21"></polyline>
                            </svg>
                            <input type="file" id="imageUpload" class="wpaicg-img-file" accept="image/png, image/jpeg, image/webp, image/gif" style="display: none;">
                            <input type="hidden" id="wpaicg-img-nonce" value="d04b33915b">
                        </span>
                        <span class="wpaicg-img-spinner"></span>
                        <span class="wpaicg-pdf-icon" data-type="shortcode" style="display:none">
                            <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 512 512" xml:space="preserve">
                                <path class="st0" d="M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z"></path>
                                <path class="st0" d="M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z"></path>
                                <path class="st0" d="M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z"></path>
                                <path class="st0" d="M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z"></path>
                            </svg>
                        </span>
                        <span class="wpaicg-pdf-loading" style="display: none"></span>
                        <span data-type="shortcode" alt="Clear" title="Clear" class="wpaicg-pdf-remove" style="display: none">×</span>
                        <input data-type="shortcode" data-limit="120" type="file" accept="application/pdf" class="wpaicg-pdf-file" style="display: none">
                        <span class="wpaicg-chat-shortcode-send" role="button" aria-label="Send" tabindex="0">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-send">
                                <line x1="22" y1="2" x2="11" y2="13"></line>
                                <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
                            </svg>
                        </span>
                    </div>
                </div>
                <div class="wpaicg-chat-shortcode-footer">
                    Powered by MarTech (and love)    
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-outline-dark" data-bs-dismiss="modal"><i class="fas fa-times text-danger"></i>  Close</button>
        </div>
    </div>
</div>
<script type="f483ae00aa1fa15bd80d726a-text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        const textareas = document.querySelectorAll('.auto-expand');
        textareas.forEach(textarea => {
            function adjustHeight() {
                // Preserve current scroll position to restore later
                var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;
                var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;

                // Trigger resizing class to show the effect
                textarea.classList.add('resizing');

                // Temporarily set the height to auto to adjust for content
                textarea.style.height="auto";
                // Adjust height based on current content
                textarea.style.height = textarea.scrollHeight + 'px';

                // Restore scroll position after resizing
                window.scrollTo(scrollLeft, scrollTop);

                // Remove resizing class after a while for visual effect
                setTimeout(() => {
                    textarea.classList.remove('resizing');
                }, 500); // Adjust time per your CSS timing
            }

            // Bind the adjustHeight function to the input event
            textarea.addEventListener('input', adjustHeight);

            // Initial adjustment if textarea is pre-filled
            if (textarea.value.length) {
                adjustHeight();
            }
        });
    });
</script>
        </div>
    </div>
</div>

This rewritten content maintains the original structure and functionality while ensuring that the text is different in its expression.



OptiPrime – Global leading total performance marketing “mate” to drive businesses growth effectively. Elevate your business with our tailored digital marketing services. We blend innovative strategies and cutting-edge technology to target your audience effectively and drive impactful results. Our data-driven approach optimizes campaigns for maximum ROI.

Spanning across continents, OptiPrime’s footprint extends from the historic streets of Quebec, Canada to the dynamic heartbeat of Melbourne, Australia; from the innovative spirit of Aarhus, Denmark to the pulsating energy of Ho Chi Minh City, Vietnam. Whether boosting brand awareness or increasing sales, we’re here to guide your digital success. Begin your journey to new heights with us!

Similar Posts