.tutor-container{color:#000;position:fixed;width:100%;height:99%;background-color:#ffffffe3;padding:10px;display:flex;flex-direction:row;overflow:hidden;background-size:cover;background-repeat:repeat;background-image:initial}.chat-container{color:#000;position:fixed;bottom:2%;width:75%;height:84%;background-color:#fffffff0;border:4px solid #8bceff94;border-radius:21px;padding:10px;display:flex;flex-direction:column}.topic-container{color:#000;position:fixed;bottom:2%;right:1%;width:23%;height:84%;background-color:#fffffff7;border:4px solid #8bceff94;border-radius:21px;padding:10px;display:flex;flex-direction:column;overflow:auto}.subtopic{padding:1px;background-color:#fff;color:#2d2d2d;border-radius:1px;border-style:solid;border-width:1px;border-color:#8bceff94;height:fit-content}.subtopic:hover{background-color:#add8e6;cursor:pointer}.login-screen{color:#000;position:absolute;width:auto;height:auto;background-color:#ffffffe3;border:4px solid #8bceff94;border-radius:21px;padding:10px;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto}.login-screendat{text-align:center}.logout-btn{font-size:18px;font-weight:700;padding:5px;background-color:#fff;color:#2d2d2d;height:fit-content;position:inherit;right:15px;border-radius:5px}.bot-style{width:70px;height:70px;border-radius:2px}.chat-button{background-color:#0078d0;border:0;border-radius:56px;color:#fff;cursor:pointer;display:inline-block;font-family:system-ui,-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif;font-size:18px;font-weight:600;outline:0;padding:16px 21px;text-align:center;text-decoration:none;transition:all .3s;user-select:none;-webkit-user-select:none;touch-action:manipulation;position:fixed;bottom:10px;right:10px;opacity:85%}.chat-button:before{background-color:initial;background-image:linear-gradient(#fff 0,rgba(255,255,255,0) 85%);border-top-right-radius:inherit;border-top-left-radius:inherit;content:"";height:50%;left:0%;opacity:.5;position:absolute;top:0;transition:all .3s;width:100%}.chat-button:hover{box-shadow:#fff3 0 3px 15px inset,#0000001a 0 3px 5px,#0000001a 0 10px 13px;transform:scale(1.05)}.chat-header{font-size:18px;font-weight:700;padding:10px;background-color:#fff;color:#2d2d2d;border-radius:10px;border-style:solid;border-width:2px;border-color:#8bceff94;height:fit-content}.chat-footer{font-size:10px;font-style:italic;color:#3b3b3be2;text-align:right}.chat-messages{list-style:none;padding:0;overflow-y:auto;flex-grow:1;font-size:20px;font-family:Lexend,sans-serif}.message-item{display:flex;justify-content:flex-start;margin:5px 0}.message-bubble{background-color:#a1e0ff;border-radius:5px;padding:10px}.sent-message{align-self:flex-end;background-color:#005ec1;color:#fff;margin:0 0 0 80%}.chat-input{display:flex;padding:0 0 10px}.chat-input input{flex-grow:1;padding:5px;border:1px solid #ccc;border-radius:5px}.chat-input button{margin-left:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer}.start-tutoring{display:flex}.start-tutoring button{height:70px;width:auto;font-size:20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;position:absolute;top:50%;left:45%}.logo-arktad{width:50px;height:45px;border-radius:2px}.chat-container{left:10px}.tutor-container2{display:flex;flex-direction:column}.tutor-container3{display:flex}.chat-header-brand{font-size:20px;font-weight:700;padding:5px;background-color:#fff;color:#2d2d2d;height:fit-content;border-radius:2px}.device-header{display:flex;position:absolute;left:50%}.used-credits{font-size:15px;padding:10px;background-color:#fff;color:#2d2d2d;border-radius:10px;border-style:solid;border-width:1px;border-color:#8bceff94;height:fit-content}.loading-screen{width:100%;height:100%;background-color:#fff;position:absolute}@media (max-width: 768px){.chat-button{padding:16px 48px}.chat-container{width:95%;height:var(--aa6f0126);top:17%}.device-used{display:flex;flex-direction:row}.topic-container{height:var(--59e4f69c);width:95%;left:10px}.start-tutoring button{height:auto;width:auto;font-size:20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;position:relative;left:35%}.chat-footer{font-size:5px;font-style:italic;color:#3b3b3be2;text-align:right}.chat-header{font-size:15px;font-weight:700;padding:5px;background-color:#fff;color:#2d2d2d;border-radius:10px;border-style:solid;border-width:1px;border-color:#8bceff94;height:fit-content}.device-header{display:flex;flex-direction:row;width:90%;left:10px;top:9%}.chat-header-brand{font-size:18px;font-weight:700;padding:5px;background-color:#fff;color:#2d2d2d;height:fit-content}.tutor-container2{display:flex;flex-direction:column;width:100%}.logout-btn{font-size:15px;font-weight:700;padding:5px;background-color:#fff;color:#2d2d2d;height:fit-content;position:inherit;right:5px;top:1px}.tutor-container3{display:flex;flex-direction:row}.logo-arktad{width:50px;height:40px}.chat-input button{margin-left:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer}.chat-input2 button{margin-left:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:5px;cursor:pointer}.sent-message{align-self:flex-end;background-color:#005ec1;color:#fff;margin:0 0 0 70%}.bot-style{width:50px;height:50px;border-radius:2px}.chat-input{display:flex;padding:0}.chat-messages{list-style:none;padding:0;overflow-y:auto;flex-grow:1;font-size:15px;font-family:Lexend,sans-serif}.login-screen{color:#000;position:absolute;width:80%;height:auto;background-color:#ffffffe3;border:4px solid #8bceff94;border-radius:21px;padding:10px;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto}}@media (max-width: 480px){.chat-button{padding:13px;font-size:18px}}