#helpmechatbot-chat-container {
     position: fixed;
     right: 20px;
     bottom: 30px;
     z-index: 10000;
}
#helpmechatbot-chat-button {
     position: fixed;
     bottom:130px;
     right:13px;
     background-size:cover;
     background-image: url("/img/chatbot2.png");
     background-color: white;
     border: none;
     border-radius: 50%;
	
     width: 60px;
     height: 60px;
     font-size: 30px;
     cursor: pointer;
}
#helpmechatbot-close-button {
     color: black;
     background-color:transparent;
     border: none;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     font-size: 20px;
     cursor: pointer;
     display: none; /* Initially hidden */
     position: absolute;
     right: 15px;
     top: 10px;
}
#helpmechatbot-chat-iframe {
     display: none;
     width: 90vw; /* Full width on small screens */
     height: 80vh; /* 80% of the screen height */
     border: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
}
@media (min-width: 768px) {
/* For larger screens, we use fixed dimensions */
#helpmechatbot-chat-iframe {
     width: 400px;
     height: 600px;
    }
}