/* Floating Chatbot Button */
       #chatbotIcon {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 50%;
        width: 60px;
        height: 60px;
       font-size: 30px;
        text-align: center;
        line-height: 60px;
        cursor: pointer;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
    }

    /* Chatbot Box */
    #chatbotContainer {
        display: none;
        position: fixed;
        bottom: 80px;
        right: 20px;
        width: 320px;
        background: rgb(6, 6, 6);
        border-radius: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
        padding: 10px;
        font-family: Arial, sans-serif;
    }

    /* Chatbot Header */
    #chatbotHeader {
        background: #4587f9;
        color: rgb(255, 255, 255);
        padding: 10px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    /* Close Button */
    #closeChatbot {
        position: absolute;
        top: 5px;
        right: 10px;
        background: none;
        border: none;
        color: white;
        font-size: 18px;
        cursor: pointer;
    }

    /* Chat Area */
    #chatArea {
        height: 250px;
        overflow-y: auto;
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

    /* User Input */
    #chatInput {
        display: flex;
        padding: 5px;
    }

    #userInput {
        flex: 1;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 5px;
        outline: none;
    }

    /* Send Button */
    #sendBtn {
        background: #007bff;
        color: white;
        border: none;
        padding: 8px 12px;
        margin-left: 5px;
        border-radius: 5px;
        cursor: pointer;
    }

    /* Chat Messages */
    .message { text-align: left; margin: 5px 0; padding: 5px 10px; border-radius: 10px; display: block; }
    .user { background: #007bff; color: white; text-align: right; }
    .bot { background: #e0e0e0; color: black; text-align: left; }