*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins", sans-serif}html,body{margin:0;padding:0}body{background:#E3F2FD}body{background:#F6F7F8}.chatbot-toggler{position:fixed;bottom:30px;right:35px;outline:none;border:none;height:45px;width:45px;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:#274096;transition:all 0.2s ease;z-index:123}.chatbot-toggler i{color:#fff;font-size:16px}body.show-chatbot .chatbot-toggler{transform:rotate(90deg)}.chatbot-toggler span{color:#fff;position:absolute}.chatbot-toggler span:last-child,body.show-chatbot .chatbot-toggler span:first-child{opacity:0}body.show-chatbot .chatbot-toggler span:last-child{opacity:1}.chatbot{position:fixed;right:35px;bottom:90px;width:375px;background:#fff;border-radius:15px;overflow:hidden;opacity:0;pointer-events:none;transform:scale(0.5);transform-origin:bottom right;box-shadow:0 0 128px 0 rgba(0,0,0,0.1),0 32px 64px -48px rgba(0,0,0,0.5);transition:all 0.1s ease;z-index:123}body.show-chatbot .chatbot{opacity:1;pointer-events:auto;transform:scale(1)}.chatbot header{padding:12px 0;position:relative;text-align:center;color:#fff;background:#274096;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.chatbot header span{position:absolute;right:15px;top:50%;display:none;cursor:pointer;transform:translateY(-50%)}header h2{color:#fff !important;font-size:1.2rem}.chatbot .chatbox{overflow-y:auto;height:450px;padding:20px 20px 75px}.chatbot :where(.chatbox,textarea)::-webkit-scrollbar{width:6px}.chatbot :where(.chatbox,textarea)::-webkit-scrollbar-track{background:#fff;border-radius:25px}.chatbot :where(.chatbox,textarea)::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.chatbox .chat{display:flex;list-style:none;flex-wrap:wrap}.chatbox .outgoing{margin:15px 0;justify-content:flex-end}.chatbox .incoming span{width:32px;height:32px;color:#fff;cursor:default;text-align:center;line-height:32px;align-self:flex-end;background:#274096;border-radius:4px;margin:0 10px 7px 0}.chatbox .chat p{white-space:pre-wrap;padding:12px;border-radius:10px 10px 0 10px;max-width:85%;color:#fff;font-size:14px;line-height:1.5;background:#274096;word-wrap:break-word}.chatbox .chat p a{color:#fff}.chatbox .incoming p{border-radius:10px 10px 10px 0}.chatbox .incoming p>p{margin:0 0 10px 0;padding:0;background:transparent;border-radius:0;min-width:100%}.chatbox .incoming p>p:first-child{margin-bottom:15px}.chatbox .chat p.error{color:#721c24;background:#f8d7da}.chatbox .incoming p{color:#fff;background:#7a1c68}.chatbot .chat-input{display:flex;gap:5px;position:absolute;bottom:0;width:100%;background:#fff;padding:3px 20px;border-top:1px solid #ddd}.chat-input textarea{height:45px;width:100%;border:none;outline:none;resize:none;max-height:180px;padding:10px 15px 10px 0;font-size:14px}.chat-input span{align-self:flex-end;color:#274096;cursor:pointer;height:45px;display:flex;align-items:center;visibility:hidden;font-size:14px;font-weight:600;text-transform:capitalize}.chat-input textarea:valid ~ span{visibility:visible}.button-list-group{display:flex;flex-direction:row;flex-flow:wrap;gap:5px;margin:10px 0 0 0}.button-info{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:4px;color:#274096 !important;font-size:12px !important;font-weight:400 !important;border:0;box-shadow:none;background-image:none;transition:0.2s all ease;background-color:#f2f4f9 !important;padding:5px 10px;cursor:pointer;line-height:1;letter-spacing:0}@media (max-width: 490px){.chatbot-toggler{right:20px;bottom:20px}.chatbot{right:0;bottom:0;height:100%;border-radius:0;width:100%}.chatbot .chatbox{height:90%;padding:25px 15px 100px}.chatbot .chat-input{padding:5px 15px}.chatbot header span{display:block}}