body{
  margin:0 auto;
}
#s-main-header{
  height: 642px;
  width: 100%;
  background: url(../images/bg.jpg) center center;
  background-size: cover;
}
#s-main-wrapper{
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
}
#s-main-wrapper h1{
  font-family: 'SST W20 Medium', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size:35px;
  margin:0;
  padding-top:32px;
}
#s-main-wrapper h2{
  font-family: 'SST W20 Medium', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size:22px;
  margin:0;
  padding-top:42px;
}
#s-main-content{
  font-family: 'SST W20 Medium', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size:15px;
  line-height: 22px;
  margin:0;
  padding-top:32px;
  color:#81808f;
  padding-bottom: 140px;
}
#s-main-content p{
  margin-bottom:24px;
  font-size:15px;
  line-height: 22px;
}
@media only screen and (max-width: 991px){
  #s-main-header{
    height: 250px;
    background-size: cover;
  }
  #s-main-wrapper{
    padding:0 30px;
    width: auto;
  }
  #s-main-wrapper h1{
    padding-top:50px;
  }
}
@media only screen and (max-width: 767px){
  #s-main-header{
    background: url(../images/mobile-bg.jpg) center center;
    height: 220px;
    background-size: cover;
  }
  #s-main-wrapper h1{
    font-size:28px;
  }
  #s-main-wrapper h2{
    font-size:18px;
    padding-top:32px;
  }
  #s-main-content{
    font-size:15px;
    padding-top:22px;
  }
}

.button-link {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 10px auto;
  padding: 15px 20px;
  background-color: #2166b3;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  box-sizing: border-box;
}
.button-link:hover { background-color: #1a5494; }

/* === NEW OVERRIDE (scoped): Use Sukhumvit ONLY in page content === */
:root{
  --thai-font: "Sukhumvit Set","IBM Plex Sans Thai","Noto Sans Thai",
               "Helvetica Neue",Arial,Tahoma,sans-serif;
}
/* apply only to your content — header/footer keep their own fonts/icons */
#s-main-wrapper, #s-main-wrapper * ,
#s-main-content, #s-main-content * {
  font-family: var(--thai-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* weights & sizes inside content */
#s-main-wrapper h1, #s-main-wrapper h2 { font-weight:700; }
#s-main-content, #s-main-wrapper p, #s-main-wrapper li { font-weight:400; }
#s-main-wrapper h1 { font-size:35px; }
#s-main-wrapper h2 { font-size:22px; }
#s-main-content  { font-size:15px; line-height:22px; }
@media only screen and (max-width: 767px){
  #s-main-wrapper h1 { font-size:28px; }
  #s-main-wrapper h2 { font-size:18px; }
  #s-main-content  { font-size:15px; }
}

/* ✖️ Removed the previous “font-family: inherit !important” on Header/Footer */