@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&family=Poppins:wght@500;600&display=swap";*{padding:0;margin:0;font-family:Oswald,sans-serif;font-family:Poppins,sans-serif}.Main-Container{display:flex;align-items:center;justify-content:center;height:100vh;background:#E1E6F9}.Main-Screen{margin:20px 0;border-radius:20px;width:460px;height:700px;border:2px solid black;overflow:hidden}.buttonsarea{padding:20px}.timeArea{padding:20px;display:flex;flex-direction:column}.react-chatbot-kit-chat-container{border:2px solid;margin:20px;width:400px!important;overflow:hidden;height:706px!important;border-radius:20px}.react-chatbot-kit-chat-message-container{background:whitesmoke}.react-chatbot-kit-chat-bot-message{margin-left:0!important}.react-chatbot-kit-user-chat-message{position:none!important}.catBtuton button{color:#fff;background:salmon;border:none;cursor:pointer;padding:8px}.catBtuton{padding-left:120px}.check{display:none}.Main_cont{display:flex;flex-direction:column;gap:20px}.day_cont{display:flex;justify-content:center;align-items:center}.buttonSelect{display:flex;flex-direction:column}.day_cont button{padding:10px}.timeSLot{padding:20px;display:flex;justify-content:center}.btn-group .select{position:relative;input:checked + label {background-color: #ffc107; &:hover,&:focus,&:active{background-color: #ffc107;}} input{opacity: 0; position: absolute;} .button_select{margin: 0 10px 10px 0; display:flex; background-color: transparent; &:hover,&:focus,&:active{background-color: transparent;}}}.option{position:relative;input{opacity: 0; position: absolute;} input:checked + span {background-color: #ffc107; &:hover,&:focus,&:active{background-color: #ffc107;}} .btn-option{margin: 0 10px 10px 0; display:flex; background-color: transparent; &:hover,&:focus,&:active{background-color: transparent;}}}.control{display:inline-flex;position:relative;margin:5px;cursor:pointer;border-radius:99em}.control input{position:absolute;opacity:0;z-index:-1}.control__content{flex-direction:column;display:flex;align-items:center;padding:6px 12px;font-size:1.2rem;width:100px;color:#0000008a;background-color:#0000000d;border-radius:99em}.control:hover :scope{background-color:#0000001a}.control input:focus~.control__content{box-shadow:0 0 0 .25rem #0cf28f33;background-color:#0000001a}.control input:checked~.control__content{background-color:#0cf28f33}.ending{background:black;color:#fff;padding:20px;margin:20px;display:flex;align-items:center;height:200px;font-size:2em;text-align:center;justify-content:center}.react-chatbot-kit-chat-message-container{height:655px!important}.login-contianer{border:2px solid;width:400px;margin:20px;height:706px!important;display:flex;border-radius:20px;background:whitesmoke}.main_login_contianer{margin:auto;text-align:center}.main_login_contianer button{height:36px;background:aquamarine;border-radius:20px;width:200px;border:none;cursor:pointer}.new_page{border:2px solid;width:400px;height:706px;align-items:center;justify-content:center;display:flex;border-radius:20px}.start_bnt button{background:bisque;cursor:pointer;border-radius:20px;width:111px}#target{color:#5f9ea0}.control__content p{font-size:15px}.forscroll{overflow-x:scroll}.forscroll::-webkit-scrollbar{display:none}.react-chatbot-kit-user-chat-message-container{display:flex;margin:15px 0;justify-content:flex-end}.react-chatbot-kit-user-avatar-container{width:40px;height:40px;border-radius:50%;margin-left:12.5px;background-color:#3d4e8d;display:flex;justify-content:center;align-items:center}.react-chatbot-kit-user-avatar-icon{fill:#fff;width:15px;height:15px}.react-chatbot-kit-user-chat-message{background-color:#f1f1f1;padding:10px;border-radius:5px;font-size:.9rem;color:#585858;font-weight:medium;position:relative;text-align:left}.react-chatbot-kit-user-chat-message-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #f1f1f1;position:absolute;right:-7px;top:13px}.react-chatbot-kit-chat-bot-message-container{display:flex;margin:15px 0;justify-content:flex-start}.react-chatbot-kit-chat-bot-avatar-container{width:40px;height:40px;border-radius:50%;font-size:1.2rem;margin-right:12.5px;background-color:#d8d8d8;display:flex;justify-content:center;align-items:center}.react-chatbot-kit-chat-bot-avatar-icon{fill:#494646;width:22.5px;height:22.5px}.react-chatbot-kit-chat-bot-avatar-letter{color:#1d1d1d;margin:0;padding:0}.react-chatbot-kit-chat-bot-message{background-color:#2898ec;padding:10px;border-radius:5px;font-size:.9rem;color:#fff;font-weight:medium;position:relative;width:184.5px;margin-left:auto;text-align:left}.react-chatbot-kit-chat-bot-message-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #2898ec;position:absolute;left:-7px;top:13px}.react-chatbot-kit-chat-bot-loading-icon-container{height:17px;width:25px}.chatbot-loader-container{display:flex;width:100%;justify-content:center}#chatbot-loader #chatbot-loader-dot1{animation:load 1s infinite}#chatbot-loader #chatbot-loader-dot2{animation:load 1s infinite;animation-delay:.2s}#chatbot-loader #chatbot-loader-dot3{animation:load 1s infinite;animation-delay:.4s}@keyframes load{0%{opacity:0}50%{opacity:1}to{opacity:0}}.react-chatbot-kit-chat-container{position:relative;width:275px}.react-chatbot-kit-chat-inner-container{height:500px;background-color:#fff;border-radius:5px}.react-chatbot-kit-chat-header{border-top-right-radius:5px;border-top-left-radius:5px;background-color:#efefef;font-family:Arial;display:flex;align-items:center;font-size:.85rem;color:#514f4f;padding:12.5px;font-weight:700}.react-chatbot-kit-chat-input-container{position:absolute;bottom:0;width:100%;display:flex}.react-chatbot-kit-chat-message-container{padding:0 17.5px 10px;overflow:scroll;height:424px}.react-chatbot-kit-chat-input{width:100%;padding:12.5px;border:none;font-size:.85rem;border-top:1px solid #d8d8d8;border-bottom-left-radius:5px}.react-chatbot-kit-chat-input-form{width:100%;display:flex}.react-chatbot-kit-chat-input::placeholder{color:#585858}.react-chatbot-kit-chat-btn-send{background-color:#2898ec;width:100px;border:none;color:#fff;border-bottom-right-radius:5px}.react-chatbot-kit-chat-btn-send-icon{fill:#fff;width:15px;margin:0 auto}.react-chatbot-kit-error{background-color:#fff;border-radius:3px;padding:15px}.react-chatbot-kit-error-container{width:260px}.react-chatbot-kit-error-header{font-size:1.3rem;color:#1d1d1d;margin-bottom:30px}.react-chatbot-kit-error-docs{display:block;margin:25px auto;color:#38688b;padding:8px;border:1px solid rgb(40,152,236);width:130px;text-align:center;text-decoration:none;font-size:1rem}