body{font-family:Noto Sans Thai,Prompt,sans-serif;margin:0}:root{--font-noto:"Noto Sans Thai";--font-prompt:"Prompt";--primary:#e09f00;--secondary:silver;--white:#fff;--t-primary:#18191f;--disabled:silver;--border:#555555d9;--border-radius-xs:4px;--border-radius-s:8px;--border-radius-m:16px;--border-radius-l:40px;--border-radius-xl:50%}.col{display:flex;flex-direction:column;.full{flex-grow:1}}.col-12{width:100%}.col-9{width:75%}.col-8{width:66.666%}.col-7{width:60%}.col-6{width:50%}.col-5{width:40%}.col-4{width:33.333%}.col-3{width:25%}.bd-t{border-top:1px solid #555555d9;border-top:1px solid var(--border)}.bd-b{border-bottom:1px solid #555555d9;border-bottom:1px solid var(--border)}.bd-l{border-left:1px solid #555555d9;border-left:1px solid var(--border)}.bd-r{border-right:1px solid #555555d9;border-right:1px solid var(--border)}.bd-a{border:1px solid #555555d9;border:1px solid var(--border)}.bd-x{border-left:1px solid #555555d9;border-left:1px solid var(--border);border-right:1px solid #555555d9;border-right:1px solid var(--border)}.bd-y{border-bottom:1px solid #555555d9;border-bottom:1px solid var(--border);border-top:1px solid #555555d9;border-top:1px solid var(--border)}.br-t{border-top-left-radius:#555555d9 -radius-s!important;border-top-left-radius:var(--border)-radius-s!important;border-top-right-radius:#555555d9 -radius-s!important;border-top-right-radius:var(--border)-radius-s!important}.br-b{border-bottom-right-radius:#555555d9 -radius-s!important;border-bottom-right-radius:var(--border)-radius-s!important}.br-b,.br-l{border-bottom-left-radius:#555555d9 -radius-s!important;border-bottom-left-radius:var(--border)-radius-s!important}.br-l{border-top-left-radius:#555555d9 -radius-s!important;border-top-left-radius:var(--border)-radius-s!important}.br-r{border-bottom-right-radius:#555555d9 -radius-s!important;border-bottom-right-radius:var(--border)-radius-s!important;border-top-right-radius:#555555d9 -radius-s!important;border-top-right-radius:var(--border)-radius-s!important}.br-a{border-radius:#555555d9 -radius-s!important;border-radius:var(--border)-radius-s!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-inline{display:inline!important}.p-relative{position:relative!important}.d-flex{display:flex!important}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-space-around{justify-content:space-around}.justify-space-between{justify-content:space-between}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:0!important}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.justify-self-start{justify-self:flex-start}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.text-shadow{text-shadow:1px 4px 2px #000}.section-landing{align-content:center!important;height:100vh!important;width:100%!important}.img{height:auto;width:150px}.img-name{height:auto;width:70%}.ct-skeleton-card{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background-color:#ffffff16!important;border:2px solid #e09f00!important;border:2px solid var(--primary)!important;border-radius:4px!important;height:34%!important;width:98%!important}.box-preview{justify-content:center!important;place-items:center!important;position:relative!important;top:-46px!important}.scroll-down{background-size:14px auto;bottom:-30px;display:block;left:50%;position:absolute;text-align:center;transform:translate(-50%,-50%);z-index:2}.img-text-buakaw{gap:0;left:62%;opacity:.5;position:absolute;top:36px;width:392.26px}.bounce-icon{animation:bounce 2s 2s infinite;-webkit-transition:all .2s ease-in}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:1024px){.img-text-buakaw{position:absolute;width:280px}}@media (max-width:768px){.scroll-down{bottom:10px;left:50%;transform:translate(-50%)}.img-text-buakaw{position:absolute;transform:translate(-50%,-50%);width:280px}}@media (max-width:390px){.scroll-down{bottom:10px;left:50%;transform:translate(-50%)}.img-text-buakaw{position:absolute;transform:translate(-50%,-50%);width:220px}}