:root {
  --primary-color: #9a30df;
  --black-color: #1a1a1a;
  --gradient-color: linear-gradient(45deg, #8000ff, #9500ff, #bf00ff);
  --gray-color: #808080;
  --blue-color: #3e70f1;
  --purple-color: #eadef4;
  --font_12: 12px;
  --font_14: 14px;
  --font_16: 16px;
  --font_40: 40px;
  --vio_gradient: linear-gradient(
    135.08deg,
    #059dff -17.62%,
    #9500ff 35.95%,
    #e33fa1 89.51%,
    #fb5343 134.15%
  );
}
.color-gradient-text {
  background: linear-gradient(45deg, #8000ff, #9500ff, #bf00ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.primary-text-color {
  color: var(--primary-color) !important;
}
.gradient_button_color {
  background: var(--gradient-color) !important;
  border: none;
}
.color-gradient-bg {
  background: var(--gradient-color);
}
.blue_text_color {
  color: #3e70f1 !important;
}
.font_size_14 {
  font-size: var(--font_14) !important;
}
.font_size_12 {
  font-size: var(--font_12) !important;
}
.font_size_responsive {
  font-size: var(--font_16) !important;
}
.black-text-color {
  color: var(--black-color) !important;
}
.primary-background-color {
  background-color: var(--primary-color) !important;
  background: var(--primary-color) !important;
}

.gray_text_color {
  color: var(--gray-color) !important;
}
.blue_text_color {
  color: var(--blue-color) !important;
}

.primary-button-color {
  background-color: var(--primary-color) !important;
  background: var(--primary-color) !important;
  color: white !important;
}

.cancel-button-color {
  background-color: #e7e8e9 !important;
  background: #e7e8e9 !important;
  color: #1a1a1a !important;
}

.primary-border {
  border-color: var(--primary-color) F !important;
  border-width: 3px;
}

.transparent-background-color {
  background-color: transparent !important;
  border: none;
}

.ticket-price {
  font-weight: 700;
  color: red !important;
  margin-bottom: 0;
  font-size: 24px;
}

.grey-button {
  background-color: #e7e8e9 !important;
  color: black !important;
}

.ticket-original-price {
  color: gray;
  text-decoration: line-through;
  font-size: 16px;
  font-weight: 400;
}

.new-line {
  white-space: "pre-line" !important;
}
.text-red-500 {
  color: red;
}

.grey-placeholder::placeholder {
  color: grey !important; /* Change 'red' to your custom color */
}

.cursor-pointer {
  cursor: pointer !important;
}

.max-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4; /* Ensure enough line spacing */
  max-height: calc(1.4em * 2); /* Optional but helpful */
}
input::placeholder {
  color: #aaa !important; /* light grey */
  opacity: 1; /* optional: make sure it's fully visible */
}
.custom-switch:checked {
  background-color: #a020f0;
  border-color: #a020f0;
}

.custom-switch:focus {
  box-shadow: 0 0 0 0.2rem rgba(160, 32, 240, 0.25);
}

.dashed-divider {
  border-top: 1px dashed #e0e0e0;
}
.vio-banner {
  background: linear-gradient(135deg, #a020f0, #7d1fc4);
}

.event_detail_body {
}

.main_logo {
  height: 36px;
}

@media (max-width: 991px) {
  .event_detail_body {
    padding-bottom: 90px;
  }
  .main_logo {
    height: 24px;
  }
}

@media (max-width: 768px) {
  .font_size_responsive {
    font-size: var(--font_14) !important;
  }
}

.event_detail_title {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

.input_border {
  border-radius: 0.375rem !important;
}

.border_radius_dialog {
  border-radius: 0.5rem !important;
  overflow: hidden;
}

.dialog_flexible_width {
  max-width: 90vw;
}

.unset_max_width {
  max-width: 90% !important;
}

.dash_line {
  height: 1px;
  background-image: repeating-linear-gradient(
    to right,
    #e7e8e9,
    #e7e8e9 10px,
    /* length stroke */ transparent 10px,
    transparent 14px /* distance between strokes */
  );
  border-top: none !important;
}