@import url("https://fonts.googleapis.com/css2?family=Recursive:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap");@import url("https://fonts.googleapis.com/css2?family=ZCOOL+QingKe+HuangYou&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--global-color-1:#fff;--global-color-2:#ebe9ea;--global-color-text:#111;--global-color-btn:#d9f191;--global-color-btn-text:#10261f;--global-color-badge:#fa0}a,body{font-family:"Recursive",sans-serif;color:var(--global-color-text);background-color:var(--global-color-1);font-size:16px}a,a:hover,body{text-decoration:none}a:hover,button{color:inherit}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:48px}.btn-global{background:var(--global-color-btn);color:var(--global-color-btn-text);border:2px solid #000;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:700}.btn-global:focus,.btn-global:hover{background:#69cf9560;color:#fff;border:2px solid #000}.grad-global{background-image:linear-gradient(79deg,#2b0aff,#ff5b8a 49%,#ff5b8a 55%,#fba64b 77%,#f99b52)}.grad-canva-global,.grad-global{background-clip:text;-webkit-background-clip:text;color:transparent}.grad-canva-global{background-image:linear-gradient(90deg,#00c4cc,#7d2ae8)}.tag-global{color:#399373}.p-section{padding-top:90px;padding-bottom:90px}.text-muted{color:#6c757d!important}@media (max-width:480px){a,body{font-size:12px}h1{font-size:36px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:16px}h6{font-size:12px}.p-section{padding-top:50px;padding-bottom:50px}.btn-global{padding:8px 15px;font-size:10px;font-weight:700}}.s-navbar.navbar{margin:0 5px}.s-navbar .navbar-brand{color:inherit}.s-navbar .navbar-brand img{width:40px;height:auto;border-radius:30px}.s-navbar .navbar-toggler{color:inherit;border:none}.s-navbar .navbar-nav{margin-left:auto;margin-right:auto}.s-navbar .nav-link{margin-left:20px;color:inherit}.navbar .btn-language{border:2px solid #4b2c20;border-radius:10px;background-color:transparent}@media (max-width:480px){.s-navbar .nav-button{margin-top:10px}}.s-navbar .dropdown-menu{min-width:5px;width:100%;background-color:inherit;border:none}@media (max-width:480px){.s-navbar .dropdown-menu{position:relative}}.s-navbar .dropdown-item{color:#fff;background-color:inherit}.s-navbar .dropdown-item:hover{background-color:inherit;text-decoration:underline}.s-footer{background-color:var(--global-color-1);border-top:2px solid #9a9897;padding:60px 0;font-size:14px}.s-footer img{width:40px;height:auto;border-radius:30px}.s-footer .title{color:#9a9897}.s-footer .nav .nav-link{background-color:transparent;color:inherit}.s-footer .nav .nav-link:hover{text-decoration:underline}.s-intro .intro-container{max-width:40%}@media (max-width:480px){.s-intro .intro-container{max-width:66%}}.s-pricing .card{border:none;color:inherit;background-color:var(--global-color-1);border-radius:20px;width:100%;height:auto;padding:4px}.s-pricing .card-header{background-color:inherit;border-bottom:none;margin-top:10px}.s-pricing .original-price{text-decoration:line-through;color:#999}.s-pricing .price{font-size:40px;font-weight:700;color:#f99269}.s-pricing .currency{font-size:16px;vertical-align:baseline}.s-pricing .card-popular{border:2px solid var(--global-color-badge)}.s-pricing .badge-popular{background-color:var(--global-color-badge);padding:5px 10px;border-radius:20px;font-size:14px;position:absolute;top:-15px;right:40%;width:20%;color:#000}@media (max-width:480px){.s-pricing .badge-popular{font-size:10px}}.s-faq .card{color:inherit;background-color:transparent;border:0;border-bottom:1px solid #4b2c2020}.s-faq .card-header{background-color:transparent;padding:10px 0 5px;border-bottom:0}.s-faq .card-body{padding:3px 0}.s-faq .card-header.collapsed .arrow{transform:rotate(90deg)}.s-signin .signin-container,.s-signup .signup-container{--input-padding-x:.75rem;--input-padding-y:.75rem;height:100%;display:flex;-ms-flex-align:center;-ms-flex-pack:center;align-items:center;justify-content:center;padding-top:40px;padding-bottom:40px;background-color:inherit}.s-signin .form-sign,.s-signup .form-sign{width:100%;max-width:420px;padding:15px;margin:0 auto}.s-signin img,.s-signup img{width:100px;height:auto;border-radius:50px}.s-signin .form-label-group,.s-signup .form-label-group{position:relative;margin-bottom:1rem}.s-signin .form-label-group>input,.s-signin .form-label-group>label,.s-signup .form-label-group>input,.s-signup .form-label-group>label{padding:var(--input-padding-y) var(--input-padding-x)}.s-signin .form-label-group>label,.s-signup .form-label-group>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#495057;border:1px solid transparent;border-radius:.25rem;transition:all .1s ease-in-out}.s-signin .form-label-group input::placeholder,.s-signup .form-label-group input::placeholder{color:transparent}.s-signin .form-label-group input:not(:placeholder-shown),.s-signup .form-label-group input:not(:placeholder-shown){padding-top:calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));padding-bottom:calc(var(--input-padding-y) / 3)}.s-signin .form-label-group input:not(:placeholder-shown)~label,.s-signup .form-label-group input:not(:placeholder-shown)~label{padding-top:calc(var(--input-padding-y) / 3);padding-bottom:calc(var(--input-padding-y) / 3);font-size:10px;color:#777}.s-generate .hero .container{width:50%}@media (max-width:480px){.s-generate .hero .container{width:100%}}.s-generate .outputer .img-area{width:500px;height:500px;background-color:#fff;border:2px solid #000;border-radius:20px}@media (max-width:480px){.s-generate .outputer .img-area{width:350px;height:350px}}:root{--global-path-bot-image:url(https://media.giphy.com/media/E6jscXfv3AkWQ/giphy.gif);--global-path-chat-icon:url(https://github.com/Hankkk423/chatbot_widget_website/blob/main/assets/imgs/chat-icon-s01.png?raw=true)}.chat-widget{position:relative;height:500px;width:100%}.chat-container{width:100%;height:100%;max-height:100%;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2)}.chat-header{padding:10px 20px;background-color:#000;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;font-weight:700;font-size:18px}.chat-header-design{display:flex;align-items:center;justify-content:flex-start;margin:0;box-sizing:border-box;position:relative}.chat-header-avatar{padding:0;box-sizing:border-box;outline:none;flex-shrink:0;width:60px;height:60px;position:relative;margin:0 22px 0 0}.header-avatar-image{margin-right:10px;width:100%;height:100%;border-radius:50%;background-color:#4caf4f40;flex-shrink:0;background-image:var(--global-path-bot-image);background-size:cover}.header-avatar-status{border-radius:100%;position:absolute;bottom:7%;right:7%;display:block;width:16%;height:16%;border:1px solid #fff;background:#69de40}.chat-header-company,.header-avatar-status{margin:0;padding:0;box-sizing:border-box;outline:none;flex-shrink:0}.chat-header-company{flex-grow:1;width:0}.header-company-name{font-size:24px;line-height:31px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;padding:0 15px 0 0;color:#f1ecec}.header-company-name,.header-company-status{margin:0;box-sizing:border-box;outline:none;flex-shrink:0;cursor:default}.header-company-status{padding:0;font-size:15px;line-height:19px;color:#9ba6b3}.chat-log{height:72%;overflow-y:scroll;padding:10px;background:#fff}.chat-box{display:flex}.chat-box-typing{width:90%}.chat-box-sending{width:10%;display:flex;justify-content:center;align-items:center}.chat-user-input{padding:2px 15px;width:100%;border:none;border-top:1px solid #ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;outline:none}.user-message{justify-content:flex-end;margin-bottom:10px;margin-left:30px;display:flex;align-items:center}.user-bubble{background-color:#1e90ff;color:#fff;padding:8px;border-radius:10px;margin-right:5px}.bot-message{justify-content:flex-start;margin-bottom:10px;margin-right:30px;display:flex;align-items:flex-start}.bot-avatar{margin-right:10px;width:30px;height:30px;border-radius:50%;background-color:#4caf4f40;flex-shrink:0;background-image:var(--global-path-bot-image);background-size:cover}.bot-bubble{background-color:#e8f5e9;color:#000;padding:8px;border-radius:10px;margin-left:5px}@keyframes flash{0%,to{opacity:1;transition:ease-out}50%{opacity:0;transition:ease-in}}.bot-bubble.is-replying{animation:flash 1.5s infinite}.s-wave .table-container{& .MuiTableCell-root{color:var(--global-color-text)!important;border-color:hsla(30,2%,82%,.2)!important;padding:20px 3px!important}& .MuiTableHead-root{& .MuiTableCell-root{border:none!important}}& .MuiTableRow-root:hover{transition:background-color .3s!important}}