/* ==================================================
   ตั้งค่าฟอนต์เฉพาะส่วนที่เป็น "ตัวเลข" ทั้งหมดในเว็บ
================================================== */

/* 1. เปลี่ยนฟอนต์ให้ตัวเลขทั้งหมดเป็นดีไซน์เดียวกัน */
.hero-stat-num,
.service-price,
.service-duration,
.about-img-accent strong,
.step-num {
  font-family: 'Montserrat', sans-serif !important; /* ใช้ฟอนต์ Montserrat */
}

/* 2. บังคับให้ตัวเลขบางจุด หนาและโดดเด่นขึ้น (ยกเว้นตัวเลขเวลา) */
.hero-stat-num,
.service-price,
.about-img-accent strong,
.step-num {
  font-weight: 700 !important;
}

/* 3. ปรับขนาดตัวเลขสถิติหน้าแรกให้ใหญ่สะใจ (ปรับเลข 2.5 ได้ตามต้องการ) */
.hero-stat-num {
  font-size: 2.5rem; 
}
/* ซ่อนเนื้อหาแท็บทั้งหมดไว้ก่อน */
/* ซ่อนเนื้อหาแท็บที่ "ไม่มี" คลาส active */
.tab-content:not(.active) {
  display: none !important;
}

/* 
  💡 ข้อดีของโค้ดนี้คือ: 
  พอแท็บไหนมีคำว่า active ปุ๊บ มันจะกลับไปใช้เลย์เอาต์เดิม 
  (เช่น gallery-grid ที่คุณทำไว้แต่แรก) ทันที รูปจะไม่ขยายพังแล้วครับ 
*/