.card {
  padding: 0;
  border-radius: 15px;
}

.card-header {
  padding: 1.5rem;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.card-body {
  padding: 2rem;
}

.tagify-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.badge {
  padding: 0.6rem 1.2rem;
  font-size: 0.9rem;
  border-radius: 20px;
}

.gradient-tag {
  background-color: #fde6d5 !important;
  color: #000000 !important;
  border: none;
}

.form-control {
  padding: 0.75rem;
  border-radius: 10px;
  margin-top: 1rem;
}

.btn-gradient {
  background: linear-gradient(270deg, #f58634 0%, #ee314d 100%);
  border: none;
  color: white;
  border-radius: 10px;
  font-size: 1.1rem;
}

.btn-gradient:hover {
  background: linear-gradient(270deg, #ee314d 0%, #f58634 100%);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.tag-remove {
  margin-left: 10px;
  cursor: pointer;
  color: #ff0000; /* Close icon color */
  font-weight: bold;
}

.tag-remove:hover {
  color: #ff4d4d; /* Close icon color on hover */
}