/*Chat box css*/
#chatBot_btn{background: #3095d5;border: 1px solid #3095d5;position: fixed;bottom:20px;right: 20px;padding:8px 12px 10px;box-shadow: none;z-index: 1;border-radius:100px;cursor: pointer;box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.24)}
.close_div{padding: 10px;cursor: pointer}
.expand_div{padding: 10px;cursor: pointer}

.chat-container{display:none;width: 420px; position: fixed; bottom: 20px; right: 20px; background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden;z-index: 4}
.chat-container.expanded{width:97%;bottom: 20px; right: 20px}

.chat-header {background: #3095d5; color: white; padding: 10px; font-weight: bold}
.chat-body {height: 400px; overflow-y: auto; padding: 10px}
.chat-input {display: flex; border-top: 1px solid #ccc}
.chat-input input {flex: 1; padding: 10px; border: none; outline: none}
.chat-input button {padding: 10px; background: #3095d5; color: white; border: none; cursor: pointer}
.chat-message {margin-bottom: 10px}
.user {text-align: right; color: #3095d5; background: #fff;padding:8px 20px;border: 1px solid #3095d5;border-radius:6px 6px 0px 6px;width: fit-content;float: right;margin-left: 30px}
.bot {text-align: left; color: #555;background: #eff2f6;padding:8px 10px;border-radius:6px 6px 6px 0px;clear: both;margin-right: 30px}
.bot-message{background: #eff2f6;padding: 8px 10px;border-radius: 8px;margin: 0px 15px 15px}

/*form css*/
#idleForm{text-align: center}
#idleForm .input_div input,
#idleForm .input_div textarea{width: 80%;font-size: 16px;padding:10px 10px;border-radius: 5px;border: 1px solid #dcdcdc;margin-bottom: 12px}
#idleForm .btn_div .bot_form_btn{width: 160px;background-color: #ffd44d;color: #111;border: 1px solid #ffd44d;font-size: 16px;padding:10px 0px;border-radius: 100px;margin-bottom: 10px}

/*Loader*/
/* HTML: <div class="loader"></div> */
.loader{color: #0667ac;width: 4px;aspect-ratio: 1;border-radius: 50%;box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;animation: loader .5s infinite alternate linear;}

@keyframes loader {
  50%  {box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px}
  100% {box-shadow: 19px 0 0 0  , 38px 0 0 3px, 57px 0 0 7px}
}