.shepherd-theme-custom {
  padding: 0px;
  background-color: var(--color-base-100);
  border-radius: 20px;
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before {
    background-color: var(--color-primary) !important;
}

.shepherd-element.shepherd-has-title[data-popper-placement^=top]>.shepherd-arrow:before {
    background-color: #fff;
}

.shepherd-theme-custom .shepherd-element {
  border-radius: 20px !important;
}

.shepherd-element {
  border-radius: 20px !important;
}

.shepherd-theme-custom .shepherd-content {
  padding: 0px;
  border-radius: 20px;
}

.shepherd-theme-custom .shepherd-header {
  background: #FF00BB !important;
  background: linear-gradient(45deg, rgba(255, 0, 187, 1) 0%, rgba(0, 186, 255, 1) 100%) !important;
  border-radius: 20px 20px 0px 0px;
}

.shepherd-theme-custom .shepherd-cancel-icon {
  color: #fff !important;
  font-weight: bold;
}

.shepherd-theme-custom .shepherd-title {
  color: #fff !important;
  font-weight: bold;
}

.shepherd-theme-custom .shepherd-button {
  background-color: var(--color-secondary) !important;
  color: var(--color-secondary-content) !important;
  border-radius: 10px;
  font-weight: bold;
}

.shepherd-theme-custom .shepherd-button:hover {
  filter: brightness(0.9);
}

.shepherd-theme-custom .shepherd-button-secondary {
  background-color: var(--color-base-200) !important;
  color: var(--color-base-content) !important;
  border-radius: 10px;
  font-weight: bold;
}