body {
      font-family: 'Prompt', sans-serif;
    }


/* BRANCH TAB */
/* ซ่อน Scrollbar แนวนอน แต่ยังสามารถใช้นิ้วปัดเลื่อนได้ตามปกติ */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.hide-scroll-bar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.hide-scroll-bar::-webkit-scrollbar {
    display: none;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

.hide-scroll-bar { -ms-overflow-style: none; scrollbar-width: none; }
.hide-scroll-bar::-webkit-scrollbar { display: none; }



/* ✅ เพิ่ม CSS Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 0.4s ease-out forwards;
}
/* คลาสเริ่มต้น (ซ่อนและเลื่อนลงนิดหน่อย) */
.scroll-fade {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* คลาสเมื่อเลื่อนมาถึง (แสดงผลและกลับตำแหน่งเดิม) */
.scroll-fade.is-visible {
  opacity: 1;
  transform: translateY(0);
}