.text-box,p{font-size:18px}:root{--banner-height:50vh;--background:#243746}body{font-family:"Noto Sans Thai",sans-serif;font-style:normal;overflow-y:scroll;height:100%;margin:0}body.no-scroll{overflow:hidden;height:100vh}.navbar-dark,footer{background-color:var(--background)}#content{visibility:hidden;opacity:0;transform:translateY(-20px);transition:opacity .5s ease-out,transform .5s ease-out}#content.show{visibility:visible;opacity:1;transform:translateY(0)}.nav-item{position:relative;display:inline-block;padding-bottom:3px}.nav-item::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#fff;transition:width .3s ease-in-out}.nav-item.nav-active::after,.nav-item:hover::after{width:100%}.banner-img{width:100%;height:500px;object-fit:cover;filter:blur(2px)}.banner-overlay,.caption{position:absolute;top:0;left:0;width:100%;height:100%}.banner-overlay{background:rgba(0,0,0,.35);z-index:1}.caption{z-index:2;padding:0 1rem}.caption h1{line-height:1.8}.text-box{font-weight:400;background-color:#dfebfc;margin-bottom:16px}@media (max-width:768px){.banner-img{height:350px}.caption h1{font-size:1.5rem}}@media (max-width:576px){p{font-size:16px}.banner-img{height:280px}.caption h1{font-size:1.25rem}}