.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.z-\[-1\]{z-index:-1}.m-0{margin:0}.m-auto{margin:auto}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.aspect-\[6\/4\]{aspect-ratio:6/4}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.h-3{height:.75rem}.h-40{height:10rem}.h-\[300px\]{height:300px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.min-h-96{min-height:24rem}.w-3{width:.75rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-64{min-width:16rem}.min-w-80{min-width:20rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.max-w-\[1400px\]{max-width:1400px}.max-w-screen-sm{max-width:640px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border-3{border-width:3px}.bg-\[--secondary-bg\],.bg-\[var\(--secondary-bg\)\]{background-color:var(--secondary-bg)}.bg-black\/20{background-color:#0003}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-home-cover{background-image:url(/images/covers/title-cover.webp)}.bg-service-cover{background-image:url(/images/covers/service-cover.webp)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-8{padding-bottom:2rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-start{text-align:start}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-\[--secondary-text\]{color:var(--secondary-text)}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-solid{--tw-shadow: 8px 8px 0px 0px rgba(255, 255, 255, 1);--tw-shadow-colored: 8px 8px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--nature: #ffffff;--hightlight: #00aaff;--primary-bg: #111827;--secondary-bg: #030712;--primary-text: #f9fafb;--secondary-text: #9ca3af}html,body{background-color:var(--primary-bg);margin:0;padding:0;color:var(--primary-text);font-size:1rem;font-family:Noto Sans Thai;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.navbar{@apply : flex;height:-moz-fit-content;height:fit-content;background-color:var(--secondary-bg)}.menu_items{justify-content:space-between}h1,.heading1{font-size:1.5rem;line-height:2rem;text-align:center}h2,.heading2{font-size:1.25rem;line-height:1.75rem}h3,.heading3{font-size:1.125rem;line-height:1.75rem}p{white-space:normal;overflow-wrap:break-word}.content-area{display:flex;flex-direction:column;justify-content:space-between}.service-content{padding:1rem}.nd-filter{background-color:#030712b3;display:flex;justify-content:center;padding-left:1rem;padding-right:1rem}.button{color:var(--hightlight);text-transform:uppercase;padding:10px 20px;border-radius:8px;border:2px solid var(--hightlight);background:var(--secondary-bg);box-shadow:3px 3px var(--hightlight);cursor:pointer}.button:active{box-shadow:none;transform:translate(3px,3px)}.tiny-button{color:var(--primary-text);text-transform:uppercase;padding:4px 8px;border-radius:8px;background:var(--secondary-bg);cursor:pointer}.tiny-button:active{color:var(--hightlight)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:text-\[\#00aaff\]:active{--tw-text-opacity: 1;color:rgb(0 170 255 / var(--tw-text-opacity))}.group:hover .group-hover\:block{display:block}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[52rem\]{height:52rem}.md\:h-\[550px\]{height:550px}.md\:gap-12{gap:3rem}.md\:gap-6{gap:1.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}}