.ask-amal-button-box{z-index:999}.ask-amal-button-box .popup-button{position:fixed;background-color:#fff;bottom:30px;right:30px;height:45px;width:45px;border-radius:50%;overflow:hidden}.ask-amal-button-box .chat-box{position:fixed;bottom:30px;right:30px;background-color:var(--dashboard-color);height:90vh;width:350px;box-shadow:0 3px 8px rgba(0,0,0,.24);padding:15px;border-radius:10px;transition:.3s ease-in-out;display:flex;flex-direction:column;border:1px solid var(--border-color)}.ask-amal-button-box .chat-box .close-button{display:flex;align-items:center;gap:5px 0;font-size:18px;font-weight:500;padding:5px}.ask-amal-button-box .chat-box .close-button svg{font-size:20px;color:var(--primary-color)}.ask-amal-button-box .chat-close-box{height:0;width:0;overflow:hidden;padding:0;border-radius:0;border:none}.messages-form-box{height:calc(100% - 20px);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding-bottom:10px}.messages-form-box .all-messages{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;padding:50px 15px 0;height:100%;max-height:100%}.messages-form-box .all-messages::-webkit-scrollbar{width:5px}.messages-form-box .all-messages::-webkit-scrollbar-thumb{background-color:var(--primary-color)}.messages-form-box .all-messages p{width:fit-content;max-width:75%;padding:5px 10px;background-color:var(--input-background);border-radius:10px;position:relative;font-size:1em;line-height:1.4em;display:flex;flex-direction:column}.messages-form-box .all-messages p span{align-self:flex-end;margin-top:5px;font-size:13px}.messages-form-box .all-messages p:before{content:"";position:absolute;bottom:0;left:-10px;width:0;height:0;border-bottom:10px solid var(--input-background);border-right:10px solid transparent;border-left:10px solid transparent}.messages-form-box .all-messages .date_filter p{background-color:transparent}.messages-form-box .all-messages .date_filter p:before{content:none}.messages-form-box .all-messages .student{align-self:flex-end;background-color:var(--primary-color);color:#fff}.messages-form-box .all-messages .student:before{border-bottom:10px solid var(--primary-color);right:-10px;left:auto}.messages-form-box .input-box{width:100%;background-color:var(--input-background);border-radius:20px;display:flex;padding:0 10px}.messages-form-box .input-box .message-input{width:100%;padding:8px;border-radius:5px;resize:none;overflow-y:auto;max-height:calc(4.5em + 20px);line-height:1.5;background-color:transparent;outline:none}.messages-form-box .input-box .message-input::-webkit-scrollbar{width:0}.messages-form-box .input-box button{padding:5px;color:var(--primary-color)}.messages-form-box .disclaimer{font-size:12px}.ask-amal-page{padding:20px;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 10px);border-left:1px solid var(--border-color)}.ask-amal-page .back-btn{display:flex;align-items:center;gap:5px;font-size:20px;font-weight:600}@media(max-width:768px){.ask-amal-button-box{display:none}.ask-amal-page{display:flex;flex-direction:column}.messages-form-box{height:calc(100% - 30px)}}