.chat-widget{font-family:Arial,sans-serif;background-color:#f8f8f8}.chat-widget #open-chat{position:fixed;bottom:20px;right:20px;padding:15px 20px;font-size:16px;background:#1c2f91;color:white;border:none;border-radius:50px;cursor:pointer;z-index:1000;transition:all .3 ease-in-out}.chat-widget .modal{position:fixed;bottom:90px;right:20px;width:400px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:1000;height:500px}.chat-widget .modal-content{background:white;width:100%;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;overflow:hidden;height:500px}.chat-widget .modal-header{display:flex;justify-content:space-between;align-items:center;background-color:#1c2f91;color:white;padding:10px;font-size:16px;border-top-left-radius:10px;border-top-right-radius:10px}.chat-widget .modal-title{font-weight:700}.chat-widget .close{cursor:pointer;font-size:20px;font-weight:700}.chat-widget .chat-container{display:flex;flex-direction:column;height:92%}.chat-widget .chat-box{overflow-y:scroll;padding:10px;display:flex;flex-direction:column;max-width:100%;height:395px;max-height:395px}.chat-widget .message{margin:5px}.chat-widget .bot,.chat-widget .message{padding:10px;border-radius:10px;word-wrap:break-word;white-space:pre-wrap;display:flex}.chat-widget .bot{background-color:#d1e7ff;align-items:center;justify-content:flex-start;max-width:70%}.chat-widget .bot .profile-pic{width:30px;height:30px;border-radius:50%;flex-shrink:0}.chat-widget .message-text,.chat-widget .user{white-space:normal;display:flex}.chat-widget .user{background-color:#cef5dc;align-self:flex-end;padding:10px;border-radius:10px;word-wrap:break-word}.chat-widget .bot-message-wrapper{display:flex;align-items:center;justify-content:flex-start}.chat-widget .profile-pic{width:30px;height:30px;border-radius:50%;margin-right:0}.chat-widget .input-container{display:flex;padding:10px;gap:10px;border-top:1px solid #ccc}.chat-widget textarea{width:100%;padding:8px;border:none;border-radius:5px;max-height:100px;overflow-y:auto;resize:none;height:35px;min-height:35px}.chat-widget button{padding:8px;border:none;background:#1c2f91;color:white;border-radius:5px;cursor:pointer;align-self:center}#send-button{height:35px}@media screen and (max-width:425px){.chat-widget .modal{width:100%;bottom:0;left:0;height:100%}.chat-widget .modal-content{height:100%}.chat-widget .chat-box{height:90%;max-height:90%}.chat-widget .bot,.chat-widget .message-text{font-size:14px}.chat-widget .bot .profile-pic{width:20px;height:20px;border-radius:30%;margin-right:10px;flex-shrink:0}}