/* body {
            font-family: sans-serif;
            background-color: black;
            color: white;
        } */
         .img{
            border-radius:50% ;
            width: 80px;
            height: 100px;
            
         }

        #chat-icon {
            position: fixed;
            bottom: 50px;
            right: 30px;
            cursor: pointer;
            background-color: #007bff;
            color: white;
            padding: 15px;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 44px;
            box-shadow: 0 0 50px #007bff, 0 0 50px #007bff;
            transition: box-shadow 0.3s ease;
            z-index: 10;
        }

        #chat-icon:hover {
            box-shadow: 0 0 45px red, 0 0 45px red;
        }

        #chat-window {
            position: fixed;
            z-index: 10;
            bottom: 80px;
            right: 20px;
            width: 300px;
            border: 2px solid #007bff; /* Glowing border color */
            border-radius: 8px;
            background-color: #1a1a1a;
            display: none;
            flex-direction: column;
            max-height: 400px;
            box-shadow: 0 0 10px #007bff, 0 0 20px #007bff, 0 4px 8px rgba(0, 0, 0, 0.5); /*Added a glow to the box shadow */
            transition: border-color 0.3s ease, box-shadow 0.3s ease; /* smooth transition */
        }

        #chat-window:hover {
            border-color: #00a2ff; /* Brighter glow on hover */
            box-shadow: 0 0 15px #00a2ff, 0 0 25px #00a2ff, 0 4px 8px rgba(0, 0, 0, 0.5); /* increased glow on hover */
        }

        #chat-messages {
            flex-grow: 1;
            
            padding: 10px;
            overflow-y: auto;
        }

        #chat-input-area {
            display: flex;
            padding: 10px;
            border-top: 1px solid #333;
        }

        #chat-input {
            flex-grow: 1;
            padding: 8px;
            border: 1px solid #555;
            border-radius: 4px;
            margin-right: 5px;
            background-color: #222;
            color: white;
        }

        #chat-send {
            padding: 8px 12px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            box-shadow: 0 0 5px #007bff;
        }

        .user-message {
            text-align: right;
            margin-bottom: 5px;
            background-color: #263238;
            color: white;
            padding: 5px;
            border-radius: 5px;
            font-size: medium;
        }

        .chatbot-message {
            text-align: left;
            margin-bottom: 5px;
            background-color: #186f9a;
            padding: 5px;
            border-radius: 5px;
            color: whitesmoke;
            font-size: medium;
        }