@import url("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:#ffffff;--default-color:#555555;--heading-color:#0d3035;--accent-color:#DD1427;--surface-color:#ffffff;--contrast-color:#ffffff;--nav-color:#000000;--nav-hover-color:#DD1427;--nav-mobile-background-color:#ffffff;--nav-dropdown-background-color:#ffffff;--nav-dropdown-color:#555555;--nav-dropdown-hover-color:#DD1427;scroll-behavior:smooth}body{font-family:var(--default-font);color:var(--default-color);background-color:var(--background-color)}a{color:var(--accent-color);transition:.3s}a,a:hover{text-decoration:none}a:hover{color:color-mix(in srgb,var(--accent-color),transparent 25%)}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font)}.footer{background-color:#1F2024;color:#ffffff;font-size:14px;position:relative;padding-top:20px}.container.footer-top{background-color:transparent;padding:0}.footer-bottom-fullwidth{width:99vw;position:absolute;bottom:0;left:0;transform:translateX(-50%);background-color:#000000;color:white;text-align:center}.footer h4{font-size:14px;font-weight:700;margin-bottom:15px;font-style:normal;font-weight:600;line-height:26px}.footer ul{list-style:none;padding:0}.footer ul li{padding:2px 0}.footer ul li a{color:#ffffff;text-decoration:none}.footer ul li a:hover{text-decoration:underline}.footer .social-links a{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#DD1427;color:#ffffff;border-radius:50%;margin:0 5px;font-size:16px;transition:all .3s ease-in-out}.footer .social-links a:hover{background:#ffffff;color:#DD1427}.footer .footer-contact p{margin:2px 0}.footer .container.text-center p{margin:0}.footer-contact p{display:flex;align-items:center;color:#ffffff;margin:8px 0}.footer-icon{width:20px;height:20px;margin-right:10px}.footer-about{display:flex;align-items:center;justify-content:space-between;margin-left:-20px}.footer-about img{height:45px}.footer-about p{margin:5px 0}.footer-about .social-links{display:flex;gap:4px}.footer-about .social-links a{font-size:18px;color:#ffffff;transition:.3s}.footer-about .social-links a:hover{opacity:.7}.footer-links h4{color:#ffffff;font-size:16px;font-weight:700;text-align:left;margin-bottom:15px;position:relative}.footer-links ul{padding:0;margin:0;list-style:none}.footer-links ul li{margin-bottom:8px}.footer-links ul li a{font-size:14px;font-style:normal;font-weight:400;line-height:130%;text-decoration:none;transition:color .3s ease;color:rgba(255,255,255,.8)}.footer-links ul li a:hover{color:#ffffff}.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{margin-left:-50px;border-top:1px solid rgba(202,202,202,.47);padding-top:15px;margin-top:20px}.footer-links:nth-child(2){white-space:nowrap}.footer-links:nth-child(2),.footer-links:nth-child(3){padding-left:0;text-align:left}.footer-links:nth-child(4),.footer-links:nth-child(5){padding-left:0;text-align:left;white-space:nowrap}.social-links{float:right;margin-top:2rem;display:inline-flex;align-items:center;gap:1px;padding:4px 4px 4px 850px}#preloader{position:fixed;inset:0;z-index:999999;overflow:hidden;background:var(--background-color);transition:all .6s ease-out}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #ffffff;border-color:var(--accent-color) transparent var(--accent-color) transparent;border-radius:50%;width:60px;height:60px;animation:animate-preloader 1.5s linear infinite}@keyframes animate-preloader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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{position:relative;z-index:3;padding-top:50px}.hero .btn-get-started{color:var(--contrast-color);background:var(--accent-color);font-family:var(--heading-font);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:8px 32px;border-radius:50px;transition:.5s;margin:10px;animation:fadeInUp 1s .4s both}.hero .btn-get-started:hover{background:color-mix(in srgb,var(--accent-color),transparent 20%)}.chat-container{position:fixed;bottom:20px;right:20px;z-index:1000}#chatPopup{display:none}#chatPopup.open{display:block}.chat-icon:hover{filter:brightness(80%)}.chat-icon{width:55px;height:55px;border-radius:50%;background-color:white;padding:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;transition:transform .7s ease}.chat-popup{display:none;flex-direction:column;width:350px;background:white;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.2);overflow:hidden;position:absolute;font-family:Segoe UI,sans-serif;bottom:0;right:0}.chat-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid #eee}.chat-admin{width:40px;height:40px;margin-right:10px;border-radius:50%;background-color:#DD1427;padding:6px}.chat-bot-name{font-weight:700;color:#000}.chat-bot-status{font-size:12px;color:gray}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;color:#999;cursor:pointer}.chat-timestamp{text-align:center;font-size:12px;color:gray;padding:5px 0}.chat-content{padding:15px;height:auto;max-height:400px;overflow-y:auto}.chat-message{padding:10px 15px;border-radius:14px;margin-bottom:10px;max-width:80%;line-height:1.5}.bot-message{background-color:#F2F7FB;align-self:flex-start}.user-message{background-color:#DD1427;color:white;align-self:flex-end;margin-left:auto}.chat-options{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.chat-option{width:auto;word-wrap:break-word;white-space:normal;text-align:left;border:1.6px solid #dd1427;background:white;color:#DD1427;padding:8px 14px;border-radius:14px;cursor:pointer;transition:all .4s ease-in-out}