@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;600;700&family=Work+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap";img{max-width:100%}body{color:var(--bs-gray-700);font-family:"Work Sans","Noto Sans Thai",sans-serif;line-height:1.8;background:#fff}strong{font-weight:600}.header{position:relative;padding:1rem 0;background-color:var(--bs-gray-800);box-shadow:0 0 2rem rgba(0,0,0,.95);border-bottom:4px solid var(--bs-gray-900)}.header .container{position:relative}.header .container *{color:var(--bs-gray-100)}.header .container .branding{position:absolute;top:0;right:1rem;width:78px;height:78px}.header .container .branding img{max-width:100%;border-radius:50%;border:5px solid var(--bs-yellow)}@media screen and (min-width: 960px){.header .container{display:flex;align-items:center;justify-content:space-between}.header .container p{margin-bottom:0 !important}.header .container .branding{right:calc(50% - 64px);width:128px;height:128px}}.section{padding-top:2rem;padding-bottom:2rem}@media screen and (min-width: 960px){.section{padding-top:4rem;padding-bottom:4rem}}.section h1,.section h2,.section h3,.section h4{font-weight:600}.section .section--header{margin-bottom:4rem;text-align:center}.section.hero{padding:0;background-color:var(--bs-yellow)}.section.hero img{display:block;margin:auto;width:100%}.section.hero .container{min-height:480px}.section-slogan{padding-top:1rem;padding-bottom:1rem;background-color:var(--bs-gray-200)}.section-slogan h2{margin-bottom:0;font-size:100%;line-height:1.5}@media screen and (min-width: 960px){.section-slogan h2{font-size:larger}}.section-services .services .services--card img{max-width:100%;border-radius:.5rem;margin-bottom:1.5rem}.section-services .services .services--card i{margin-bottom:1.5rem}.section-services .services .services--card h4{margin-bottom:1rem}.section-products{padding-top:2rem}.section-products .products{display:grid;grid-template-columns:repeat(6, 1fr);gap:1rem;margin-bottom:0}.section-products .products li{display:grid;place-items:center}.section-products .products li img{max-width:100%}.section-foams img{display:block;margin:auto;height:96px}.section-foams .case{height:100%;background-color:var(--bs-yellow);border-radius:1rem}.section-foams .case .case-header{padding:1.5rem 0;text-align:center;color:var(--bs-white);background-color:#003b6f;border-top-left-radius:1rem;border-top-right-radius:1rem}.section-foams .case .case-header p{margin-bottom:0}.section-foams .case .case-body{padding:2rem 1rem}.section-foams .col-lg-5{margin-bottom:1rem}@media screen and (min-width: 960px){.section-foams .col-lg-5{margin-bottom:0}}.colors{display:grid;justify-content:space-between;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-bottom:0}@media screen and (min-width: 960px){.colors{grid-template-columns:repeat(6, 1fr)}}.colors li{position:relative;display:grid;place-items:center}.colors li img{margin-bottom:.75rem;width:90%;border:4px solid var(--bs-yellow);border-radius:50%}@media screen and (min-width: 960px){.colors li img{width:75%;border:8px solid var(--bs-yellow)}}.colors li .badge{position:absolute;top:0;right:0;background-color:var(--bs-red)}.section-contact .col-lg-5{margin-bottom:2rem}.section-contact .col-lg-5 img{width:100%}@media screen and (min-width: 960px){.section-contact .col-lg-5{margin-bottom:0}.section-contact .col-lg-5 img{width:auto}}.section-article hr{margin-top:0;margin-bottom:4rem}.section-article .col-md-4 h4{margin-bottom:1rem}.section-article .col-md-4 .nav-link{margin-bottom:1.5rem}.section-article .col-md-4 .nav-link img.featured-image{max-width:100%;aspect-ratio:3/2;border-radius:1rem}.footer{padding:4rem 0 1rem 0rem;background-color:var(--bs-yellow)}