/* Styling for the container of the agent title */
#ai-agent-container {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
}

/* Styling for the placeholder text */
#agent-text-placeholder {
    font-size: 33px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding: 15px 25px;
    background-color: #C4C4C4; /* semi-transparent white background */
    border-radius: 5px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px); /* Apply blur effect to the background */
    transition: color 0.3s ease;
}