body{
    font-family: Arial, Helvetica, sans-serif;
}

/* Floating Icon */

#chatIcon{

    width:70px;
    height:70px;
    cursor:pointer;
    z-index:9999;
    transition:.3s;

}

#chatIcon:hover{

    transform:scale(1.08);

}


/* Chat Window */

#chatWindow{

    width:360px;
    height:600px;
    z-index:9999;
    border-radius:20px;

}


#chatBody{

    height:540px;
}


/* Bot Message */

.bot-message{

    max-width:80%;
    background:#ffffff;
    padding:12px 15px;
    border-radius:15px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

/* User Message */

.user-message{

    max-width:80%;
    align-self:end;
    background:#0d6efd;
    color:white;
    padding:12px 15px;
    border-radius:15px;

}


/* Menu Buttons */

.option-btn{

    margin-top:8px;
}


.options{

    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

#chatWindow {
    width: 380px;
    height: 550px;
}

#chatBody {
    flex: 1;
    height: 420px;
    overflow-y: auto;
}

#messageInput {
    border-radius: 20px 0 0 20px;
}

#sendMessage {
    border-radius: 0 20px 20px 0;
}