.chatbot{border:1px solid #ccc;padding:16px;width:400px;margin:0 auto;background-color:#f9f9f9}.chat-history{height:300px;overflow-y:auto;margin-bottom:16px;border:1px solid #ddd;padding:8px;background-color:#fff}.chat-input{display:flex;gap:8px}.chat-input input{flex:1 1;padding:8px;border:1px solid #ccc}.chat-input button{color:#fff}.chat-input button,.chatbot-button{padding:8px 16px;background-color:#255aef;border:none;cursor:pointer}.chatbot-button{position:fixed;bottom:20px;right:20px;border-radius:50%;background:none;display:flex;align-items:center;justify-content:center;transition:all 1s;z-index:9999}.chatbot-bubble{display:none;background-color:#fff;color:#000;border-radius:16px;padding:8px 16px;font-size:16px;font-weight:500}.chatbot-bubble,.chatbot-icon{box-shadow:0 4px 6px rgba(0,0,0,.1)}.chatbot-icon{display:flex;align-items:center;justify-content:center;width:74px;height:74px;background-color:#EAF0FF;border-radius:50%}.chatbot-button:hover .chatbot-icon{transform:scale(1.1)}.chatbot-button:hover .chatbot-bubble{display:block}.chatbot-button-content{display:flex;align-items:center;gap:8px}.chatbot-mascot-icon{height:48px;width:48px}.chatbot-window{width:400px;height:500px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.chatbot-header{background-color:#255aef;color:white;border-top-left-radius:8px;border-top-right-radius:8px}.chatbot-input input{flex:1 1;padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:10px}.chatbot-input button{padding:8px 16px;background-color:#007bff;color:white;border:none;border-radius:4px;cursor:pointer}.chatbot-container{overflow:hidden;font-family:sans-serif;background:#f9f9f9}.chatbot-header{background:#255aef}.chatbot-title{font-size:16px;font-weight:700}.chatbot-close-btn{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer}.chatbot-message-group{margin-bottom:10px}.chat-message{display:inline-block;max-width:80%;padding:8px 12px;border-radius:16px;margin-bottom:4px;font-size:14px;line-height:1.4}.bot-message{background:#e9e9e9;text-align:left;border-radius:16px 16px 16px 0;position:relative;display:flex;align-items:center}.bot-avatar{margin-right:8px;font-size:18px}.user-message{background:#4A90E2;color:#fff;text-align:right;border-radius:16px 16px 0 16px;margin-left:auto}.chat-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.option-button{background:#fff;border:1px solid #ccc;border-radius:20px;padding:5px 10px;font-size:13px;cursor:pointer;color:#333;transition:background .3s}.option-button:hover{background:#eee}.chatbot-input-bar{display:flex;border-top:1px solid #ddd;background:#fff;padding:5px}.chatbot-input-bar input{flex:1 1;border:none;padding:8px;font-size:14px;border-radius:4px;background:#fafafa}.chatbot-input-bar input:focus{outline:none}.chatbot-send-btn{background:#4A90E2;border:none;color:#fff;font-size:16px;padding:8px;border-radius:4px;margin-left:5px;cursor:pointer}.chatbot-send-btn:disabled{opacity:.5;cursor:not-allowed}.chatbot-window{display:flex;flex-direction:column;width:300px;height:450px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden;font-family:sans-serif;position:fixed;bottom:90px;right:20px;z-index:9999}.chatbot-header{display:flex;justify-content:space-between;align-items:center;background:#5584ff;padding:10px;color:#fff}.chatbot-header span{font-size:16px;font-weight:700}.chatbot-header button{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer}.chatbot-body{flex:1 1;padding:10px;overflow-y:auto;background:#fff;display:flex;flex-direction:column;gap:10px}.chatbot-bot-container{width:100%;max-width:80%;display:flex;align-items:flex-end;margin-bottom:4px}.chatbot-bot-icon-wrapper{flex-shrink:0;background-color:#EAF0FF;border-radius:50%;padding:6px;margin-right:12px;width:32px;height:32px}.chatbot-bot-icon-wrapper img{width:100%;height:100%}.chatbot-bot,.chatbot-user{font-family:Source Sans\ 3;font-size:14px;line-height:1.4;padding:8px 12px;border-radius:16px;word-wrap:break-word}.chatbot-bot{background:#e9e9e9;color:#333;text-align:left;border-radius:16px 16px 16px 0;display:inline-block;clear:both;margin-bottom:0}.chatbot-user{max-width:80%;background:#5584FF;color:#fff;text-align:right;border-radius:16px 16px 0 16px;margin-left:auto;margin-bottom:10px;float:right;clear:both}.chatbot-options{width:90%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:5px;margin-top:24px;margin-left:auto}.chatbot-options button{background:#fff;border:1px solid #ccc;border-radius:20px;padding:5px 10px;font-family:Source Sans\ 3;font-size:14px;line-height:17px;cursor:pointer;color:#616161;transition:background .3s}.chatbot-options button.selected,.chatbot-options button:hover{background:#5584FF;color:white}.chatbot-input{border-top:1px solid #ddd;padding:10px;background:#f9f9f9;display:flex;align-items:center}.chatbot-input p{margin:0;font-size:14px;color:#666}.chatbot-body::-webkit-scrollbar{width:6px}.chatbot-body::-webkit-scrollbar-track{background:#f1f1f1}.chatbot-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chatbot-body::-webkit-scrollbar-thumb:hover{background:#bbb}.Mui-focused .MuiOutlinedInput-notchedOutline{border:1px solid rgba(0,0,0,.5)!important}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}a,a:hover{text-decoration:none!important}@media (max-width:768px){.popular-resources-swiper .swiper-slide{width:236px!important}}