

.is-invalid {
  border-color: #dc3545;
  /* Red border for invalid inputs */
}

.invalid-feedback {
  display: none;
  /* Hide feedback by default */
  color: #dc3545;
  /* Red text for feedback */
}

.is-invalid~.invalid-feedback {
  display: block;
  /* Show feedback for invalid inputs */
}

.bg-primary-success {
  background-color: #00900E !important;
}

.text-primary-success {
  color: #00900E !important;
}

.badge-success {
  color: var(--bs-success-inverse);
  background-color: #00900E !important;
}

.btn.btn-color-warning i {
  color: #00900E !important;
}

.text-green {
  color: #00900E !important;
}


/* custom color */
.text-orange {
  color: #FF6600 !important;
}

.text-pink {
  color: #DB147F !important;
}

.text-blue {
  color: #23408F !important;
}

.text-skyblue {
  color: #2395CA !important;
}

.text-purple {
  color: #6657FD !important;
}

.text-red {
  color: #f1416c !important;
}

.badge-light-orange {
  background-color: #FFEBDE !important;
  color: #FF6600 !important;
}

.badge-light-pink {
  background-color: #FFEDF7 !important;
  color: #DB147F !important;
}

.badge-light-blue {
  background-color: #E9ECF4 !important;
  color: #23408F !important;
}

.badge-light-purple {
  background-color: #EEF1FF !important;
  color: #5570FF !important;
}

.badge-light-skyblue {
  background-color: #bdd9e56e !important;
  color: #2395CA !important;
}

.bg-light-orange {
  background-color: #FFEBDE !important;
  color: #FF6600 !important;
}

.badge-light-red {
  background-color: #fff5f8 !important;
  color: #f1416c !important;
}

.badge-red {
  background-color: #f1416c !important;
  color: #ffffff !important;
}

.badge-light-green{
  background-color: #E6F4E7 !important;
  color: #00900E !important;
}

/* card_10 — Benefits layout (dog details) */
.card-10-benefits {
  background-color: #faf9f7;
  border-radius: 0.75rem;
  padding: 1.25rem;
}

.card-10-benefits__header {
  background-color: #ffebde;
}

.card-10-benefits__title {
  color: #d4844a;
}

.card-10-benefits__item:last-child {
  margin-bottom: 0 !important;
}

.card-10-benefits__list .bullet {
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 50%;
}