@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap');

body{background:#f5f8fb;color:#17324d;font-family:'IBM Plex Sans Thai',Tahoma,sans-serif;line-height:1.75}
body>section>div.d-none.d-md-block:first-child{background:#102a43!important;color:#fff!important}
body>section>div.d-none.d-md-block:first-child .container{padding:6px 0!important}
body>section>div.d-none.d-md-block:first-child p,body>section>div.d-none.d-md-block:first-child a{color:#fff!important;font-size:13px}
body>section>.container.p-3.d-none.d-md-block{padding:16px 0!important;background:#fff}
body>section>.container.p-3.d-none.d-md-block .row{align-items:center}
body>section>.container.p-3.d-none.d-md-block .col-md-5{padding-left:0}
body>section>.container.p-3.d-none.d-md-block .col-md-2 img{width:150px!important;height:78px!important;object-fit:contain}
body>section>.container.p-3.d-none.d-md-block .col-md-4 form{margin:0}
body>section>.container.p-3.d-none.d-md-block .form-control{height:38px;border:1px solid #d6e0e9;border-radius:8px 0 0 8px;background:#f7f9fb!important}
body>section>.container.p-3.d-none.d-md-block .input-group-append .btn{height:38px;border-radius:0 8px 8px 0!important}
.container:not(.mt-1):not(.p-3)>.row>#topheader{border-radius:0 0 0 0;overflow:hidden}
.container:not(.mt-1):not(.p-3)>.row>#topheader .navbar{background:#28619a!important;min-height:52px;padding:0 10px}
.container:not(.mt-1):not(.p-3)>.row>#topheader .nav-link{padding:13px 15px;font-size:15px;transition:background .2s ease}
.container:not(.mt-1):not(.p-3)>.row>#topheader .nav-link:hover{background:#1e4e80}
.container:not(.mt-1):not(.p-3)>.row>.col-md-3{background:#e96e56!important;padding-top:0!important;display:flex;align-items:center;justify-content:center}
.container:not(.mt-1):not(.p-3)>.row>.col-md-3 p{margin:0;font-size:14px}
.container.mt-1{max-width:1180px;margin-top:28px!important}
.container.mt-1>.row{align-items:flex-start;gap:28px}
.container.mt-1 #topheader{flex:0 0 280px;max-width:280px;padding:0}
.container.mt-1 #topheader .navbar{border-radius:0;background:#28619a!important;box-shadow:0 18px 34px rgba(16,42,67,.14);padding:0}
.container.mt-1 #topheader .navbar-nav{width:100%;display:flex;flex-direction:column}
.container.mt-1 #topheader .nav-link{display:block;padding:14px 16px;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.14);font-size:15px;line-height:1.5;transition:background .2s ease,padding-left .2s ease}
.container.mt-1 #topheader .nav-link:hover,.container.mt-1 #topheader .nav-link:focus{background:#1e4e80;padding-left:21px}
.container.mt-1 #topheader li.service-current .nav-link{background:#e96e56;color:#fff!important;font-weight:700;border-left:4px solid #fff;padding-left:12px}
.container.mt-1>.row>.col-md-8{flex:1;max-width:none;background:#fff;border-radius:18px;padding:30px 34px;margin:0!important;box-shadow:0 14px 38px rgba(16,42,67,.08)}
.container.mt-1>.row>.col-md-8 h1,.container.mt-1>.row>.col-md-8 h2{color:#17324d;line-height:1.25}
.container.mt-1>.row>.col-md-8 img{max-width:100%;height:auto;border-radius:12px}
.container.mt-1 .height-img2,.container.mt-1 .height-img3{background:#fff;border-radius:14px;padding:12px;box-shadow:0 10px 24px rgba(16,42,67,.06)}
.container.mt-1 #topheader form input,.container.mt-1 #topheader form textarea{border:1px solid #d7e1ea;border-radius:9px;padding:10px}
.container.mt-1 #topheader form button{border:0;border-radius:8px;background:#e96e56!important}
@media(max-width:767px){.container.mt-1{padding:0 16px}.container.mt-1>.row{display:block}.container.mt-1 #topheader{max-width:none;width:100%;margin-bottom:22px}.container.mt-1>.row>.col-md-8{padding:22px 18px}.container.mt-1 #topheader .nav-link{padding:12px 14px}}