#chatbot{width:100vw;height:100dvh;z-index:var(--z-dropdown-modal);flex-direction:column;display:flex;position:fixed;top:0;left:0}#chatbot-inside{width:100vw;height:100dvh;z-index:var(--z-dropdown-modal);background:linear-gradient(90deg,#89f1da,#64a8d3);flex-direction:column;display:flex;position:fixed;top:0;left:0}body.modal-chatbot-open{overflow:hidden}.slide-in-chatbot{animation:.3s ease-out forwards slideUpIn}.slide-out-chatbot{animation:.3s ease-in forwards slideDownOut}@keyframes slideUpIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}#content-chat{background:linear-gradient(90deg,#89f1da,#64a8d3)}#policy{z-index:9999;background:#28575cf2;flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}#policy .modal-header-policy{background-color:#0000;justify-content:space-between;align-items:center;display:flex}#policy .content-center-box{flex-direction:row;justify-content:center;display:flex;align-items:center!important}#policy .policy-title-label{color:#fff;font-size:var(--text-base);font-weight:700}#policy .policy-desc-label{color:#fff;font-size:var(--text-base)}#policy .pdpa-icon{width:100%;max-width:120px;height:auto}#policy .margin-top-pdpa-icon{margin-top:50px}#policy .button-policy{all:unset;color:#68e6e9;font-size:var(--text-sm);background-color:#0000;border:1px solid #68e6e9;border-radius:50px;padding:15px 20px}#policy .button-policy:hover{cursor:pointer;color:#fff;background-color:#51c3c5}#policy .button-confirm{all:unset;color:#fff;font-size:var(--text-sm);background-color:#68e6e9;border:1px solid #68e6e9;border-radius:50px;padding:15px 60px}#policy .button-confirm:hover{cursor:pointer;color:#fff;background-color:#51c3c5}#policy .button-gap{gap:20px}#policy .margin-top-button{margin-top:70px}#chatbot .modal-header-chatbot{background-color:#0000;border-bottom:2px solid #fff;justify-content:space-between;align-items:center;display:flex}#chatbot .modal-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:50px 7%;display:flex;overflow-y:auto}#chatbot .close-button-chat{color:#fff;cursor:pointer;background-color:#1e1760;border:none;flex-direction:row;justify-content:center;align-items:center;width:62px;height:62px;font-size:50px;display:flex}#chatbot .title-box{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;width:100%;padding-left:50px;display:flex}#chatbot .title-label{color:#fff;width:fit-content;margin-left:20px;font-size:30px}#chatbot .chat-box-container{border:2px solid #fff;border-radius:20px;width:100%;height:70vh;padding:10px 5px 10px 10px}#chatbot .chat-box-container-loading{flex-direction:row;justify-content:center;align-items:center;height:100%;display:flex}#chatbot .chat-box{scrollbar-width:thin;scrollbar-color:#1e1760 transparent;height:100%;padding-right:5px;overflow-y:auto}#chatbot .chat-box::-webkit-scrollbar{width:10px}#chatbot .chat-box::-webkit-scrollbar-button{width:0;height:0;display:none}#chatbot .chat-box::-webkit-scrollbar-track{background:0 0}#chatbot .chat-box::-webkit-scrollbar-thumb{background:#1e1760 padding-box content-box;border:2px solid #0000;border-radius:10px}#chatbot .chat-box::-webkit-scrollbar-thumb:hover{background:#0a335c}#chatbot .chat-input{gap:10px;margin-top:20px;display:flex}#chatbot .chat-input input{color:#000;font-size:var(--text-base);background-color:#abdcea;border:1px solid #fff;border-radius:50px;flex:1;padding:10px 10px 10px 20px}#chatbot .send-button{all:unset;color:#fff;cursor:pointer;background-color:#1e1760;border:none;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:120px;height:50px;padding-top:5px;display:flex}#chatbot .send-button-text,#chatbot .send-button-icon{font-size:var(--text-base)}#chatbot .chat-icon{width:100%;max-width:45px;height:auto}.content-center-box{align-items:center!important}.message{font-size:var(--text-sm);margin:5px 0;display:flex}.bot-avatar{background-color:#fff;border-radius:60px;justify-content:center;width:60px;height:60px;margin-right:10px;display:flex}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.user .bubble{color:#fff;background-color:#0a335c;border-radius:20px;max-width:70%;padding:10px 20px}.bot .bubble{color:#000;background-color:#d5f3f7;border-radius:20px;max-width:70%;padding:10px 20px;position:relative}.one-line{align-items:center;display:flex}.bot .bubble:before{content:"";background-color:#d5f3f7;border-radius:0 0 12px;width:12px;height:12px;position:absolute;top:25px;left:-4px;transform:rotate(-45deg)}.bubble-typing{border-radius:20px;max-width:70%;margin-top:10px;padding:5px}.bot .bubble-typing{color:#000;background-color:#d5f3f7}.typing{justify-content:center;align-items:center;gap:4px;width:80px;height:40px;display:flex}.dot{background-color:gray;border-radius:50%;width:6px;height:6px;animation:2.1s infinite blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.dot:nth-child(4){animation-delay:.6s}.dot:nth-child(5){animation-delay:.8s}.question-chat-button{all:unset;color:#0866ae;cursor:pointer;font:inherit;text-decoration:underline}.question-chat-button:hover{color:#074c80}.loader-1{border:8px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:80px;height:80px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,80%,to{opacity:.2;transform:scale(.9)}40%{opacity:1;transform:scale(1.2)}}.godjiImage{display:block}@media (max-width:1200px){#chatbot .chat-box-container{height:calc(100dvh - 240px)}.godjiImage{display:none}#chatbot .title-label{font-size:30px}#chatbot .modal-content{padding-left:5%;padding-right:5%}}@media (max-width:560px){#chatbot .chat-box-container{height:calc(100dvh - 190px)}#chatbot .title-label{font-size:20px}#chatbot .chat-icon{width:100%;max-width:35px;height:auto}#chatbot .title-box{gap:10px;padding-left:30px}#chatbot .close-button-chat{width:50px;height:50px;font-size:30px}#chatbot .modal-content{padding:15px}#chatbot .chat-input input{height:45px;font-size:16px}#chatbot .send-button-text{font-size:var(--text-sm)}.bot-avatar{background-color:#fff;border-radius:60px;justify-content:center;width:50px;height:50px;margin-right:10px;padding-top:3px;display:flex}#chatbot .send-button{width:80px;height:42px}}@media (orientation:landscape) and (max-height:480px){#chatbot .chat-box-container{height:calc(100dvh - 145px)}#policy .margin-top-pdpa-icon{margin-top:10px}#policy .pdpa-icon{max-width:90px}#policy .margin-top-button{margin-top:10px}#chatbot .title-label{font-size:20px}#chatbot .chat-icon{width:100%;max-width:35px;height:auto}#chatbot .title-box{gap:10px;padding-left:30px}#chatbot .close-button-chat{width:50px;height:50px;font-size:30px}#chatbot .modal-content{padding:15px}#chatbot .chat-input input{height:45px;font-size:16px}#chatbot .send-button-text{font-size:var(--text-sm)}.bot-avatar{background-color:#fff;border-radius:60px;justify-content:center;width:50px;height:50px;margin-right:10px;padding-top:3px;display:flex}#chatbot .send-button{width:80px;height:42px}}@media (max-width:360px){#chatbot .chat-box-container{height:calc(100dvh - 190px)}#chatbot .title-label{font-size:16px}#chatbot .chat-icon{width:100%;max-width:25px;height:auto}#chatbot .title-box{gap:0;padding-left:20px}#chatbot .close-button-chat{width:50px;height:50px;font-size:30px}#chatbot .modal-content{padding:10px}.message{margin:5px 0;font-size:12px;display:flex}#chatbot .chat-input input{height:45px;font-size:16px}#chatbot .send-button-text{font-size:var(--text-sm)}#chatbot .chat-input{gap:10px;margin-top:20px;display:flex}#chatbot .send-button{width:80px;height:42px}}