.zodiac-wheel {
    width: 400px;
    height: 400px;
  }

  .rotate-animation {
    animation: spin 10s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .logo-dark {
  filter: brightness(0) invert(1); /* ทำให้โลโก้ดำกลายเป็นขาว */
  }

/* กำหนดสีพื้นหลังเริ่มต้น */
.banner_V06 {
  background-color: #000; /* ดำ */
  position: relative;
}

/* ถ้ามีกรณีที่มันกลายเป็นขาวบนมือถือ ให้เสริมด้วย */
@media (max-width: 767px) {
  .banner_V06 {
    background-color: #000 !important;
  }
}

footer.tf-footer {
  background-color: #3b2a1a; /* หรือสีเดียวกับ header */
}

html, body {
  background-color: #3b2a1a; /* ป้องกันสีขาวหลุดมาด้านล่าง */
}

html, body {
  overflow-x: hidden;         /* ✨ ป้องกันเลื่อนไปด้านข้าง */
  max-width: 100vw;           /* ✨ ป้องกันหลุดความกว้างจอ */
  background-color: #000;     /* หรือ #1e1e1e หรืออะไรก็ได้ที่ไม่ใช่น้ำตาล */
}