@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;700&display=swap');

body {font-family: 'SF Pro Display', 'Sarabun', sans-serif;}

@media (min-width: 768px) {
  .whybti-item-txt {height:278px;}
  .product-item-txt {height:104px;}
  .service-item-txt {height:104px;}
  .tech-item-btm {height:328px;}
}

@media (min-width: 992px) {
  .navbar-dark .navbar-nav .nav-link {font-size:0.9rem;padding-left:0.3rem;padding-right:0.3rem;}
  .whybti-item-txt {height:201px;}
  .product-item-txt {height:84px;}
  .service-item-txt {height:84px;}
  .tech-item-btm {height:232px;}
}

@media (min-width: 1200px) {
  .navbar-dark .navbar-nav .nav-link {font-size:1rem;padding-left:0.5rem;padding-right:0.5rem;}
  .whybti-item-txt {height:316px;}
  .product-item-txt {height:80px;}
  .service-item-txt {height:58px;}
  .tech-item-btm {height:194px;}
}