@font-face {
  font-family: 'DBHelvethaica';
  src: url('/frontend/fonts/DB-Helvethaica-X-v3_2.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'DBHelvethaica';
  src: url('/frontend/fonts/DB-Helvethaica-X-Blk-v3_2.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'DBHelvethaica';
  src: url('/frontend/fonts/DB-Helvethaica-X-Bd-v3_2.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'DBHelvethaica';
  src: url('/frontend/fonts/DB-Helvethaica-X-Med-v3_2.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'DBHelvethaica';
  src: url('/frontend/fonts/DB-Helvethaica-X-Li-v3_2.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'DBHelvethaica';
  src: url('/frontend/fonts/DB-Helvethaica-X-Thin-v3_2.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'DBHelvethaica';
  src: url('/frontend/fonts/DB-Helvethaica-X-UlLi-v3_2.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

body {
  font-family: 'DBHelvethaica', sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-rendering: optimizeLegibility; /* ช่วยเรื่องการตัดคำและการวางสระ */
  -webkit-font-smoothing: antialiased; /* ทำให้ฟอนต์ดูเนียนขึ้นบน Mac/iOS */
}

h1, .h1 {font-size: 130px; font-weight: 700; line-height: 1.1;}
h2, .h2 {font-size: 60px; font-weight: 700;}
h3, .h3 {font-size: 32px; font-weight: 600;}
h4, .h4 {font-size: 28px; font-weight: 600;}
h5, .h5 {font-size: 24px; font-weight: 500; line-height: 1.1;}
h6, .h6 {font-size: 18px; font-weight: 500;}

p {line-height: 1.3;}

a {line-height: initial;}

.text-white h1, .text-white h2 { font-weight: 600; }
.text-white h3, .text-white h4 { font-weight: 500; }
.text-white h5, .text-white h6, .text-white p { font-weight: 400; }

.text-border-primary {
  font-weight: 900 !important;
}
.text-pri-b-dark {
  font-weight: 900 !important;
}
.text-green-b-pri {
  font-weight: 900 !important;
}
.text-green-b-dark {
  font-weight: 900 !important;
}

.btn-main {
  padding: 6px 50px;
  font-size: 18px;
}

.custom-nav-pill {
  font-size: 18px;
}

.form-control {
  font-size: 18px;
}

.footer {
  font-size: 18px;
}

@media (max-width: 1299px) {
  h1, .h1 {font-size: 90px;}
}
@media (max-width: 991px) {
  h1, .h1 {font-size: 70px;}
  h2, .h2 {font-size: 44px;}
  h5, .h5 {font-size: 22px;}
}

@media (max-width: 575px) {
  .btn-main { padding: 4px 18px; }
}

@media (max-width: 480px) {
  h1, .h1 {font-size: 64px;}
  h2, .h2 {font-size: 42px;}
  h3, .h3 {font-size: 28px;}
  h4, .h4 {font-size: 26px;}
}