.ChatBox {position: fixed;bottom: -500px;left: 20px;width: 365px;height: 485px;background: white;border: 1px solid #ccc;display: none;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 9999;transition: bottom 0.5s;}.message {display: flex;margin-bottom: 10px;align-items: center;}.message.user {flex-direction: row-reverse;}.message.support {flex-direction: row;}.message .avatar {width: 30px;height: 30px;border-radius: 50%;margin-left: 10px;margin-right: 10px;background-color: #ccc;background-size: cover;}.message .messageText {background-color: #e1e1e1;padding: 10px;border-radius: 10px;max-width: 200px;word-wrap: break-word;}.message.user .messageText {background-color: #d1f8d1;}.message.support .messageText {background-color: #f1f1f1;}.btnChat {position: fixed;bottom: 33px;left: 20px;padding: 6px 13px;background: rgb(197 175 155);color: #000;border: none;border-radius: 50%;font-size: 24px;cursor: pointer;z-index: 9999;}.label-Chat {display: block;margin-bottom: 5px;font-weight: bold;}.startChat {width: 100%;padding: 10px;background: #007bff;color: white;border: none;border-radius: 4px;cursor: pointer;}.div-messages {height: 300px;overflow-y: scroll;padding: 10px;border-bottom: 1px solid #ccc;margin-bottom: 10px;}.messageInput {width: 100%;padding: 8px;margin-bottom: 10px;border: 1px solid #ccc;border-radius: 4px;}.sendButtonChat {width: 100%;padding: 10px;background: #28a745;color: white;border: none;border-radius: 4px;cursor: pointer;}.text-input {width: 100%;padding: 8px;margin-bottom: 10px;border: 1px solid #ccc;border-radius: 4px;}.closeChatbtn {background: transparent;border: none;color: #000;font-size: 18px;cursor: pointer;float: left;}.divOnlineChat {border-radius: 12px 12px 0 0;background: rgb(197 175 155);color: #000;padding: 10px;font-size: 16px;font-weight: bold;}@media(max-width:768px) {.ChatBox {position: fixed;bottom: -500px;left: 0px;width: 100%;height: 485px;background: white;border: 1px solid #ccc;display: none;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 9999;transition: bottom 0.5s;}}.spinner {margin: auto;width: 40px;height: 40px;border: 4px solid #ccc;border-top: 4px solid #3498db;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}