.chat-message{margin-bottom:1rem;padding:10px;border-radius:8px;max-width:80%}.chat-message.text-right{background:#d1e7dd;margin-left:auto;text-align:right}.chat-message.text-left{background:#f8f9fa;margin-right:auto;text-align:left}.chatbox{display:flex;flex-direction:column;height:100%;max-width:100%;margin:0;padding:0;background:#fff}.chatbox .chat-messages{flex:1 1;overflow-y:auto;margin-bottom:1rem;padding:1rem;border:1px solid #dee2e6;border-radius:8px;background-color:#fff}.chatbox .chat-input{display:flex;gap:.5rem}.chatbox .chat-input input{flex:1 1;padding:.5rem;border-radius:5px;border:1px solid #ccc}.chatbox .chat-input button{padding:.5rem 1rem}div.contact-us{margin:0 auto;background:#fff;text-align:center;padding:20px 40px 80px}div.contact-us .row{margin:0 auto;text-align:center;max-width:800px}div.contact-us h1{font-size:30px;font-weight:200;color:#000;margin-bottom:20px;text-align:left}div.contact-us p{color:#000;text-align:center;font-size:16px;max-width:600px;text-align:left;margin:0 auto}div.contact-us>img{float:right;width:200px;height:200px;border-radius:50%;object-fit:cover}div.contact-us .pic-of-ai{padding:0}div.contact-us .pic-of-ai img{float:right;width:200px;height:200px;border-radius:50%;object-fit:cover;margin-right:10px}div.contact-us .chatbox{padding:30px 0}div.contact-us .chat-input input{border-top-left-radius:20px;border-bottom-left-radius:20px}.littlechatpic{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:8px;vertical-align:middle}footer{height:80px;padding:20px;color:#fff;background-image:url(/images/update/hero/hero-bg.jpg);text-align:center}@media(max-width:768px){div.contact-us{margin:0 auto 45px;background:#fff;text-align:center;padding:20px 10px}div.contact-us h1{font-size:22px}div.contact-us p{font-size:14px;text-align:justify}div.contact-us .pic-of-ai img{float:right;width:150px;height:150px;border-radius:50%;object-fit:cover;margin-right:10px}div.contact-us .chatbox{margin:10px auto;width:90%}}