.bot-message,.user-message{padding:10px;word-wrap:break-word;max-width:80%}#chat-box,#toggle-chat{position:fixed;right:20px}#chat-box{width:350px;height:450px;bottom:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:12px;display:none;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:9999}#chat-box .heading-area{background-color:#fff;color:#fff;padding:7px 15px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}#chat-box .heading-area .logo-area{display:flex}#chat-box .heading-area .logo-area img{width:3rem;height:3rem;align-items:center;margin-right:10px}#chat-box .chatbot-heading p{color:#003566;font-size:10px;font-weight:900;margin-bottom:0!important;text-align:end;margin-top:-8px}#chat-box h3{color:#ff792e;font-size:15px;margin:5px 0 0!important;font-weight:900}@keyframes bounce{0%,100%,40%,80%{transform:translateY(0)}20%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}#chat-box i{font-size:20px;cursor:pointer;color:#023566;margin-top:-5px}#chat-messages{padding:10px;max-height:336px;overflow-y:auto}#chat-messages p{margin-bottom:0;font-size:14px;line-height:1.5}#chat-messages::-webkit-scrollbar{width:4px}#chat-messages::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}#chat-messages::-webkit-scrollbar-track{background-color:#ecf0f1;border-radius:10px}.chat-welcome{text-align:center;justify-content:space-between!important;height:20rem!important}.chat-welcome img{margin-top:20px!important}.bot-message button,.chat-welcome button{margin:3px;font-size:11px;cursor:pointer}.chat-welcome .show-message{margin:20px auto 0;background-color:transparent}.chat-welcome .chat-options{margin-top:20px}.bot-message{background-color:#e6f7ff;border-radius:10px;margin-right:auto!important;margin:5px 0}.bot-message button{border:1px solid #ccc;background:#ddd;border-radius:50px;padding:5px 10px;color:#000}.chat-welcome button{border:1px solid #6d57d2;background:#f0eefb;border-radius:50px;padding:0 15px;color:#6d57d2}.user-message{background-color:#d4edda;border-radius:10px;margin-left:auto!important;margin:5px 0}.chatbot-input{width:100%;display:flex;border-top:1px solid #ddd;padding:0 8px;position:absolute;left:0;bottom:0}#user-input{border:none!important;width:90%;outline:0;font-size:14px;background:0 0;color:#000}#send-btn{background-color:transparent;color:#000;padding:5px 10px;border-radius:50%;border:1px solid #ccc;cursor:pointer;font-size:18px;margin:3px 0}#toggle-chat{bottom:10px;width:5rem;cursor:pointer;border:none;border-radius:5px;z-index:9}#chat-box.fadeIn{animation:.5s forwards fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#toggle-chat::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,#fff,transparent);animation:2s linear infinite scanning}@keyframes scanning{0%{left:-100%}100%,50%{left:100%}}.typing-indicator{display:flex;align-items:center;margin-top:10px}.typing-indicator span{display:inline-block;width:5px;height:5px;margin:0 3px;border-radius:50%;background-color:#000;animation:1.5s ease-in-out infinite typingAnimation}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.6s}@keyframes typingAnimation{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.chatbot-web{overflow-x:auto;white-space:nowrap;padding:5px 0;max-width:80%;margin-right:auto}.web-track{display:flex;gap:4px}.chatbot-web .img{display:inline-block;background:0 0;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);width:140px;text-align:center}.chatbot-web .img img{width:100%;height:50px;border-radius:4px;border:1px solid #ddd}#chat-box .toggle-dark{position:absolute;top:19px;right:55px;z-index:1000;cursor:pointer}.chatbot-darkmode{background-color:#121212!important;transition:background-color .3s,color .3s}#chat-box .form-check-input:checked{background-color:#000!important;border-color:#000!important}#chat-box .form-check-input:focus{border-color:transparent!important;box-shadow:none!important}