/* tab-------- */
.tab-button {
  @apply py-3 px-6 text-left rounded-lg text-gray-600 font-semibold transition duration-300 ease-in-out;
}

.tab-button.active {
  @apply bg-blue-500 text-white shadow-lg transform scale-105;
}

.tab-button:not(.active):hover {
  @apply bg-gray-100 text-blue-500;
}

.tab-item {
  @apply p-6 border border-gray-300 rounded-lg shadow-md mt-2;
}

.tab-item.hidden {
  @apply hidden;
}

/* fornt line tabs  */
.active-tab {
  background-color: rgb(132, 110, 135); /* White background */
  color: rgb(11, 11, 11) !important; /* White text */
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}