@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Noto+Sans+Thai:wght@400;700&display=swap";
:root{--default-font:"Noto Sans Thai", "Noto Sans", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--heading-font:"Noto Sans Thai", "Noto Sans", sans-serif;--nav-font:"Noto Sans Thai", "Noto Sans", sans-serif;--background-color:#fff;--default-color:#555;--heading-color:#0d3035;--accent-color:#dd1427;--surface-color:#fff;--contrast-color:#fff;--nav-color:#000;--nav-hover-color:#dd1427;--nav-mobile-background-color:#fff;--nav-dropdown-background-color:#fff;--nav-dropdown-color:#555;--nav-dropdown-hover-color:#dd1427;scroll-behavior:smooth;scroll-behavior:smooth}body{font-family:var(--default-font);color:var(--default-color);background-color:var(--background-color)}a{color:var(--accent-color);text-decoration:none;transition:all .3s}a:hover{color:color-mix(in srgb, var(--accent-color), transparent 25%);text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font)}.footer{color:#fff;background-color:#1f2024;padding-top:20px;font-size:14px;position:relative}.footer-bottom-fullwidth{text-align:center;color:#fff;text-align:center;background-color:#000;width:99vw;position:absolute;bottom:0;left:0%;transform:translate(-50%)}.footer h4{margin-bottom:15px;font-size:14px;font-style:normal;font-weight:600;line-height:26px}.footer ul{padding:0;list-style:none}.footer ul li{padding:2px 0}.footer ul li a{color:#fff;text-decoration:none}.footer ul li a:hover{text-decoration:underline}.footer .social-links a{color:#fff;background:#dd1427;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin:0 5px;font-size:16px;transition:all .3s ease-in-out;display:inline-flex}.footer .social-links a:hover{color:#dd1427;background:#fff}.footer .footer-contact p{margin:2px 0}.footer .container.text-center p{margin:0}.footer-contact p{color:#fff;align-items:center;margin:8px 0;display:flex}.footer-icon{width:20px;height:20px;margin-right:10px}.footer-about{justify-content:space-between;align-items:center;margin-left:-20px;display:flex}.footer-about img{height:45px}.footer-about p{margin:5px 0}.footer-about .social-links{gap:4px;display:flex}.footer-about .social-links a{color:#fff;font-size:18px;transition:all .3s}.footer-about .social-links a:hover{opacity:.7}.footer-links h4{color:#fff;text-align:left;margin-bottom:15px;font-size:16px;font-weight:700;position:relative}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links ul li{margin-bottom:8px}.footer-links ul li a{color:#fffc;font-size:14px;font-style:normal;font-weight:400;line-height:130%;text-decoration:none;transition:color .3s}.footer-links ul li a:hover{color:#fff}.footer-contact p:first-child,.footer-contact p:nth-child(2),.footer-contact p:nth-child(3){white-space:nowrap;margin-top:0;margin-bottom:30px}.footer-links{text-align:left}.footer-row{border-top:1px solid #cacaca78;margin-top:20px;padding-top:15px}.footer-links:nth-child(2){text-align:left;white-space:nowrap;padding-left:0}.footer-links:nth-child(3){text-align:left;padding-left:0}.footer-links:nth-child(4),.footer-links:nth-child(5){text-align:left;white-space:nowrap;padding-left:0}.social-links{float:right;align-items:center;gap:1px;margin-top:2rem;padding:4px 4px 4px 850px;display:inline-flex}#preloader{z-index:999999;background:var(--background-color);transition:all .6s ease-out;position:fixed;inset:0;overflow:hidden}#preloader:before{content:"";border:6px solid #fff;border-color:var(--accent-color) transparent var(--accent-color) transparent;border-radius:50%;width:60px;height:60px;animation:1.5s linear infinite animate-preloader;position:fixed;top:calc(50% - 30px);left:calc(50% - 30px)}@keyframes animate-preloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section,.section{color:var(--default-color);background-color:var(--background-color);padding:60px 0;scroll-margin-top:90px;overflow:clip}@media (max-width:1199px){section,.section{scroll-margin-top:66px}}#about .container{z-index:3;padding-top:50px;position:relative}.hero .btn-get-started{color:var(--contrast-color);background:var(--accent-color);font-family:var(--heading-font);letter-spacing:1px;border-radius:50px;margin:10px;padding:8px 32px;font-size:15px;font-weight:500;transition:all .5s;animation:1s .4s both fadeInUp;display:inline-block}.hero .btn-get-started:hover{background:color-mix(in srgb, var(--accent-color), transparent 20%)}.chat-container{z-index:1000;position:fixed;bottom:20px;right:20px}#chatPopup{display:none}#chatPopup.open{display:block}.chat-icon:hover{filter:brightness(80%)}.chat-icon{cursor:pointer;cursor:pointer;background-color:#fff;border-radius:50%;width:55px;height:55px;padding:10px;transition:transform .7s;box-shadow:0 4px 12px #00000026}.chat-popup{background:#fff;border-radius:14px;flex-direction:column;width:350px;font-family:Segoe UI,sans-serif;display:none;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 8px 30px #0003}.chat-header{border-bottom:1px solid #eee;align-items:center;padding:15px;display:flex}.chat-admin{background-color:#dd1427;border-radius:50%;width:40px;height:40px;margin-right:10px;padding:6px}.chat-bot-name{color:#000;font-weight:700}.chat-bot-status{color:gray;font-size:12px}.close-btn{color:#999;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:10px}.chat-timestamp{text-align:center;color:gray;padding:5px 0;font-size:12px}.chat-content{height:auto;max-height:400px;padding:15px;overflow-y:auto}.chat-message{border-radius:14px;max-width:80%;margin-bottom:10px;padding:10px 15px;line-height:1.5}.bot-message{background-color:#f2f7fb;align-self:flex-start}.user-message{color:#fff;background-color:#dd1427;align-self:flex-end;margin-left:auto}.chat-options{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.chat-option{word-wrap:break-word;white-space:normal;text-align:left;color:#dd1427;cursor:pointer;background:#fff;border:1.6px solid #dd1427;border-radius:14px;width:auto;padding:8px 14px;transition:all .4s ease-in-out}