* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  overflow-x: hidden !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
button,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  /* margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-sizing: border-box; */
  font-family: Inter, sans-serif !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

.ui.dimmer.modals.page.transition.visible.active {
  z-index: 10000001;
}

.ui.modal.create_listing_wizard {
  max-width: 1442px;
  min-width: 588px;
  /* width: auto; */
  width: 588px;
  box-sizing: border-box;
  transition: width 0.3s ease;
  top: 10%;
}

@media screen and (max-width: 970px) {
  .ui.modal.create_listing_wizard {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}

.ui.modal.create_listing_wizard .description {
  max-width: 100%;
  padding: 0 !important;
}

.ui.modal.create_listing_wizard .header {
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  /* height: 116px; */
  max-width: 100%;
  display: flex;
  align-items: flex-end;
}

#step0 {
  --width: 100%;
  /* --header-height: 420px;  */
  --header-height: 100%;
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/color-bg.png");
  --min-height: 140px;
  --max-height: 140px;
  padding: 8px;
}

#step1 {
  --width: 588px;
  --header-height: 116px;
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/sh_logo.svg");
  --header-background-color: var(--Blue, #187dfd);
  --background-size: 218px 32px;
  --background-repeat: no-repeat;
  --background-position: center;
  --background-color: transparent;
  --min-height: 116px;
  --border-radius: 8px;
  background-color: var(--background-color);
  width: var(--width);
  margin: 0 auto !important;
}

#step2 {
  --width: 588px;
  --header-height: 116px;
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/modal_header_bg.png");
  --min-height: 116px;
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/sh_logo.svg");
  --header-background-color: var(--Blue, #187dfd);
  --background-size: 218px 32px;
  --background-repeat: no-repeat;
  --background-position: center;
  --background-color: transparent;
  --min-height: 116px;
  --border-radius: 8px;
  display: none;
  background-color: var(--background-color);
  width: var(--width);
  margin: 0 auto !important;
}

#step3 {
  --width: 1398px;
  /* --header-height: 420px;  */
  --header-height: 100%;
  --header-background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/hero_screen.png");
  --min-height: 420px;
  --background-repeat: no-repeat;
  --background-position: center;
  --background-size: cover;
  --background-color: var(--White, #fff);
  display: none;

  width: var(--width);
  margin: 0 auto;
  border-radius: 8px;
  padding-bottom: 24px;
}

@media screen and (max-width: 720px) {
  #step1,
  #step2,
  #step3 {
    --width: 100%;
    width: 100%;
  }
  #step3 .event_page_main_wrapper {
    padding: 16px !important;
  }
}

#step2 .poster_upload,
#step3 .poster_upload {
  margin-bottom: 24px;
}

#step2 .poster_upload .upload_area,
#step3 .poster_upload .upload_area {
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1/1.414; /* A4 aspect ratio */
  background: var(--Light-grey, #eff0f5);
  border: 2px dashed #e7e9f1;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.step3_modal_hero_section {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 970px) {
  #step2 .poster_upload .upload_area,
  #step3 .poster_upload .upload_area {
    max-width: 100%;
  }
}

#step2 .poster_upload .upload_area:hover,
#step3 .poster_upload .upload_area:hover {
  border-color: #187dfd;
}

#step2 .poster_upload .upload_area .upload_content,
#step3 .poster_upload .upload_area .upload_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
}

#step2 .poster_upload .upload_area .upload_content svg,
#step3 .poster_upload .upload_area .upload_content svg {
  color: #187dfd;
  margin-bottom: 12px;
}

#step2 .poster_upload .upload_area .upload_content .upload_text,
#step3 .poster_upload .upload_area .upload_content .upload_text {
  color: #187dfd;
  font-weight: 500;
  margin-bottom: 8px;
}

#step2 .poster_upload .upload_area .upload_content .upload_hint,
#step3 .poster_upload .upload_area .upload_content .upload_hint {
  font-size: 16px;
  color: var(--Grey-text, #7f86a4);
  text-align: center;
  font-style: normal;
  font-weight: 400;
}

#step2 #previewImage,
#step3 #previewImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#step2 .ql-container,
#step3 .ql-container {
  font-family: inherit !important;
  font-size: 14px !important;
  height: 324px !important;
  border-top: 1px solid !important;
}

#step2 .ql-toolbar,
#step3 .ql-toolbar {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-color: var(--Medium-grey, #e7e9f1) !important;
  background-color: #fff !important;
  margin-bottom: 8px;
}

#step2 .ql-container,
#step3 .ql-container {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border-color: var(--Medium-grey, #e7e9f1) !important;
  background-color: var(--Light-grey, #eff0f5) !important;
}

#step2 .ql-editor,
#step3 .ql-editor {
  min-height: 200px;
}

#step2 #editor.error {
  border-color: #e0b4b4 !important;
  background-color: #fff6f6 !important;
  color: #9f3a38;
}

.checkbox_group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkbox_group label {
  margin: 0 !important;
}

#step2 ui.field.checkbox_group input[type="checkbox"],
#step3 ui.field.checkbox_group input[type="checkbox"] {
  width: 16px;
  height: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
}

#create_events_wizard .content {
  padding: 24px !important;
}

#step1 .form-wrapper,
#step2 .form-wrapper,
#step3 .form-wrapper {
  padding: 24px;
  background-color: #fff;
}

@media screen and (max-width: 720px) {
  #step1 .form-wrapper,
  #step2 .form-wrapper,
  #step3 .form-wrapper {
    padding: 24px 16px;
  }
}

#step2 .nav_buttons_wrapper {
  margin-top: 40px;
}

#step3 .nav_buttons_wrapper {
  padding: 0 24px;
}

#step3 .nav_buttons_wrapper .next_button {
  width: 100%;
  height: 50px;
  color: var(--light-text-color, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 0.85714rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 166.667% */
  letter-spacing: 0.05143rem;
  text-transform: uppercase;
}

#step1 .header {
  border-radius: 8px 8px 0px 0px;
  height: 116px;
  min-height: 116px;
  background-image: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/sh_logo.svg");
  background-color: var(--Blue, #187dfd);
  background-repeat: no-repeat;
  background-size: 218px 32px;
  background-position: center;
}

#create_events_wizard {
  padding: 68px 0;
  padding: 0px !important;
}

@media screen and (max-width: 970px) {
  #create_events_wizard .content {
    padding: 24px 14px !important;
  }
}

#create_events_wizard .header_text,
#create_events_wizard .bottom_section_header {
  margin-bottom: 16px;
  color: var(--Black, #000);

  /* Small Header */
  font-family: Inter;
  font-size: 1.71429rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.42857rem; /* 141.667% */
  letter-spacing: -0.03429rem;
}

@media screen and (max-width: 970px) {
  #create_events_wizard .header_text {
    /* Small Header */
    font-size: 1.71429rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.42857rem; /* 141.667% */
    letter-spacing: -0.03429rem;
  }
}

#create_events_wizard .ui.form .field {
  margin-bottom: 16px;
}

#create_events_wizard .ui.form label {
  margin-bottom: 8px !important;
  color: var(--Black, #000);
  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

#create_events_wizard .ui.form .field_input {
  border-radius: 6px;
  border: 1px solid var(--Medium-grey, #e7e9f1);
  background: var(--Light-grey, #eff0f5);
  height: 50px;
}

#create_events_wizard .ui.form .ui.input.error .field_input {
  border-color: #e0b4b4;
  background-color: #fff6f6;
  color: #9f3a38;
}

#create_events_wizard .ui.form .char_count {
  color: var(--Grey-text, #7f86a4);
  text-align: right;
  /* Caption */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  display: block;
  margin-bottom: 16px;
}

#create_events_wizard .error_message {
  text-align: right;
  display: none;
  margin-top: 8px;
  color: #9f3a38 !important;
}

#create_events_wizard .ui.input.error .error_message {
  display: block;
}

#create_events_wizard .ui.form .form_group_header {
  color: var(--Black, #000);
  /* Small Header */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 141.667% */
  letter-spacing: -0.48px;
}

#create_events_wizard .ui.form .selection.dropdown {
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--Medium-grey, #e7e9f1);
  background: var(--Light-grey, #eff0f5);
}

#create_events_wizard .ui.form .selection.dropdown.error {
  border-color: #e0b4b4;
  background-color: #fff6f6;
  color: #9f3a38;
}

#create_events_wizard .ui.form .dropdown .icon {
  top: 1.3em;
}

.text-muted {
  color: var(--Grey-text, #7f86a4);
}

.borderless {
  border: none !important;
  box-shadow: none !important;
}

.add_button {
  color: #187dfd !important;
  font-size: 16px;
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;

  cursor: pointer;
}

.add_button .text {
  color: var(--Blue, #187dfd);
  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

.add_button .icon_wrapper {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #187dfd;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add_button .icon_wrapper .icon {
  color: #fff;
  margin: 0;
  font-size: 12px;
}

.field_button_group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.field_button_group > .ui.button {
  margin-right: 0;
}

.field_button_group > input.field_input {
  margin-right: 16px !important;
  flex-grow: 1;
}

@media screen and (max-width: 970px) {
  .field_button_group > input.field_input {
    margin-right: 16px !important;
  }
}

.selected_tags {
  display: flex;
  flex-wrap: wrap;
}

.selected_tags .ui.label {
  border-radius: 20px;
  padding: 8px 16px;
  font-weight: normal;
  margin-bottom: 6px;
  background-color: #e7e9f1;
}

.stepper-navigation .stepper_next_button {
  margin-top: 56px !important;
  font-weight: normal !important;
  color: var(--White, #fff);
  text-align: center;
  font-family: inherit;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
}

.stepper-navigation .stepper_prev_button {
  margin-top: 24px;
  background: transparent;
  font-weight: normal;
  color: var(--Blue, #187dfd);
  text-align: center;

  font-family: inherit;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 20px !important; /* 142.857% */
  letter-spacing: 0.84px !important;
  text-transform: uppercase !important;
}

.stepper-navigation .stepper_prev_button:hover,
.stepper-navigation .stepper_prev_button:active {
  background-color: transparent;
  color: var(--Blue, #187dfd);
}

.primary_button {
  background-color: #187dfd !important;
  color: #fff !important;
}

#create_events_wizard-h-0,
#create_events_wizard-h-1 {
  display: none;
}

.wizard .steps {
  display: none;
}

.modal_header_content {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: end;
  height: 100%;
}

.modal_event_name {
  color: var(--White, #fff);

  font-family: Inter;
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
  line-height: 72px; /* 120% */
  letter-spacing: -1.2px;
}

.modal_hero_section {
  position: relative;
  transition: min-height 0.3s ease-in-out;
  overflow: hidden;
}

.modal_hero_section .modal_hero_section_content {
  position: relative;
  z-index: 10;
  padding: 32px 24px;
  display: flex;
  align-items: flex-end;
  /* gap: 70px; */
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 970px) {
  .modal_hero_section .modal_hero_section_content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.modal_hero_section .modal_hero_section_content_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.modal_hero_section .modal_hero_section_content_tags .tag {
  background-color: rgba(255, 255, 255, 0.9);
  color: black;
  padding: 4px 16px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 500;
}

.modal_hero_section .modal_hero_section_content_title_container {
  margin-bottom: 0;
}

.modal_hero_section .modal_hero_section_content_title_container .title {
  color: white;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 3.2em;
  transition: max-height 0.3s ease-out;
  margin: 0;
  padding: 0;
}

.modal_hero_section
  .modal_hero_section_content_title_container
  .title.expanded {
  -webkit-line-clamp: unset;
  max-height: 1000px;
}

.modal_hero_section
  .modal_hero_section_content_title_container
  .modal_hero_section_content_read_more {
  background: none;
  border: none;
  color: white;
  padding: 0;
  font-size: 16px;
  cursor: pointer;
  margin-top: 8px;

  display: inline-block;
}

.modal_hero_section
  .modal_hero_section_content_title_container
  .modal_hero_section_content_read_more:hover {
  text-decoration: underline;
}

.modal_hero_section .modal_hero_section_content .share-section {
  display: flex;
  align-items: center;
  gap: 16px;
  /* flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end; */
}

.modal_hero_section .modal_hero_section_content .share-section .share-text {
  color: white;
}

.modal_hero_section .modal_hero_section_content .share-section .share-buttons {
  display: flex;
  gap: 8px;
}

.modal_hero_section
  .modal_hero_section_content
  .share-section
  .share-buttons
  .share-button {
  background-color: white;
  border: 1px solid var(--Grey, #afb5d1);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}

.modal_hero_section
  .modal_hero_section_content
  .share-section
  .share-buttons
  .share-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.modal_hero_section
  .modal_hero_section_content
  .share-section
  .share-buttons
  .share-button
  svg {
  width: 20px;
  height: 20px;
  color: black;
}

@media (min-width: 768px) {
  .modal_hero_section .modal_hero_section_content {
    padding: 32px;
  }

  .modal_hero_section .modal_hero_section_content_title_container .title {
    font-size: 48px;
  }
}

@media (min-width: 1024px) {
  .modal_hero_section .modal_hero_section_content_title_container .title {
    font-size: 60px;
  }
}

.event_page_main_location .marker {
  background: black;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.event_page_main_location_text .event_page_main_location_name {
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}

.event_page_media_wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.event_page_media_wrapper .event_page_event_poster_img {
  background: lightgray 50% / cover no-repeat;
  border-radius: 16px;
  width: 100%;
  height: 487px;
  max-width: 344px;
  min-width: 344px;
}

@media screen and (max-width: 720px) {
  .event_page_media_wrapper .event_page_event_poster_img {
    max-width: 100%;
    min-width: 100%;
  }
}

#step3 .event_page_main_content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}

.event_page_main_content .event_dates_section {
  /* margin: 56px 0; */
}

.event_page_main_content .event_dates_section .event_date_cards {
  display: flex;
  gap: 22px;
  margin-top: 24px;
}

.event_page_main_content
  .event_dates_section
  .event_date_cards
  .event_date_card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
}

.event_page_main_content
  .event_dates_section
  .event_date_cards
  .event_date_card
  .event_date_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  width: 100%;
}

.event_page_main_content
  .event_dates_section
  .event_date_cards
  .event_date_card
  .event_date_content
  .month {
  color: var(--Black, #000);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
}

.event_page_main_content
  .event_dates_section
  .event_date_cards
  .event_date_card
  .event_date_content
  .day {
  color: var(--Black, #000);
  text-align: center;

  /* Medium Header */
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 111.111% */
  letter-spacing: -0.72px;
}

.event_page_main_content
  .event_dates_section
  .event_date_cards
  .event_date_card
  .event_date_content
  .weekday {
  color: var(--Black, #000);
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.event_page_main_content
  .event_dates_section
  .event_date_cards
  .event_date_card
  .time {
  color: var(--Black, #000);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
  width: 100%;
  padding: 12px;
  background: var(--Medium-grey, #e7e9f1);
}

.event_page_main_content .events_description_section p {
  color: var(--Black, #000);

  /* Text */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
  margin-top: 24px;
}

@media (max-width: 768px) {
  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card {
    min-width: 100px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content {
    padding: 12px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .month {
    font-size: 14px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .day {
    font-size: 32px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .weekday {
    font-size: 14px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .time {
    padding: 10px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card {
    min-width: 100px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content {
    padding: 8px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .month {
    font-size: 12px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .day {
    font-size: 24px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .event_date_content
    .weekday {
    font-size: 12px;
  }

  .event_page_main_content
    .event_dates_section
    .event_date_cards
    .event_date_card
    .time {
    padding: 8px;
    font-size: 14px;
  }
}

@media screen and (max-width: 970px) {
  #create_events_wizard .event_page_main_wrapper {
    padding: 0;
    flex-direction: column;
    gap: 48px;
  }
}

.intl-tel-input,
.iti {
  width: 100%;
}

.phone_number_input {
  padding-left: 100px !important;
  width: 100% !important;
}

.iti__search-input {
  width: 100% !important;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: var(--Light-grey, #eff0f5) !important;
}

.map_preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.discoverability_section {
  margin-top: 56px;
}

.add_events_dates_section {
  margin-top: 56px;
}

.add_events_dates_section .dates_list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background-color: var(--Light-grey, #eff0f5);
}

.add_events_dates_section .date_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  background-color: #fff;
}

.add_events_dates_section .date_item .date_item_wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}

.add_events_dates_section .date_item .date_item_wrapper .date,
.add_events_dates_section .date_item .date_item_wrapper .time {
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.28571rem; /* 128.571% */
}

.add_events_dates_section .date_item .delete_menu_wrapper {
  width: 24px;
  height: 24px;
  background: var(--Light-grey, #eff0f5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}

.add_events_dates_section .date_item .delete_menu_wrapper .icon {
  color: #7f86a4;
  margin: 0;
  font-size: 12px;
}

.add_events_dates_section .date_item .dropdown-menu {
  position: absolute;
  right: 0px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding: 8px 0;
  min-width: 120px;
  z-index: 1000;
  display: none;
}

.add_events_dates_section .date_item .menu-container {
  position: relative;
}

.add_events_dates_section .date_item .dropdown-menu.show {
  display: block;
}

.add_events_dates_section .date_item .dropdown-menu-item {
  padding: 8px 16px;
  cursor: pointer;
  color: #ef4444;
  font-size: 14px;
}

.add_events_dates_section .date_item .dropdown-menu-item:hover {
  background-color: #f3f4f6;
}

.add_events_dates_section .add_date_section h2 {
  color: var(--Black, #000);

  /* Small Header */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 141.667% */
  letter-spacing: -0.48px;
  margin-bottom: 16px;
}

.required {
  color: #ef4444;
  margin-left: 2px;
}

.add_events_dates_section .add_date_button_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.add_events_dates_section .add_date_button_wrapper .add_date_button {
  width: 222px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.add_events_dates_section .add_date_button_wrapper .add_date_button .icon {
  color: #fff;
}

.add_events_dates_section .add_date_button_wrapper .add_date_button .text {
  color: var(--White, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}

.add_events_dates_section .add_date_button:disabled {
  background-color: var(--Light-grey, #eff0f5);
  cursor: not-allowed;
}

.add_events_dates_section .date_options_menu {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid var(--Medium-grey, #e7e9f1) !important;
  border-radius: 6px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0/0.1);
  z-index: 10000002;
}

.menu_item {
  padding: 8px 16px;
  cursor: pointer;
  font-size: 14px;
}

.menu_item:hover {
  background-color: #f3f4f6;
}

.menu_item.delete {
  color: #ef4444;
}

.flatpickr-calendar {
  border-radius: 6px !important;
}

.flatpickr-day.selected {
  background: #4477ff !important;
  border-color: #4477ff !important;
}

.fields_grid {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}

.fields_grid .field {
  flex: 1;
}

.accessibility_ticket_description {
  display: none;
}

@media only screen and (max-width: 991.98px) {
  .ui.modal > .close {
    color: #fff;
  }
}

.nav_links_wrapper {
  /* width: 100%; */
  display: flex;
  justify-content: center;
  flex: 1;
  /* margin-left: -120px; */
}

@media screen and (max-width: 970px) {
  .nav_links_wrapper {
    display: none;
  }
}

.nav_links_wrapper .nav_links {
  display: flex;
  gap: 16px;
}

.nav_links_wrapper .nav_link a {
  color: var(--White, #fff);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
}

.step0_modal_header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

.step0_modal_header .modal_hero_header_logo_lg {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/showshappening_logo.svg")
    no-repeat;
  background-position: center;
  background-size: contain;
  width: auto;
  /* width: 480px; */
  height: 76px;
  align-self: center;
  margin: auto;
}

.step0_modal_header .modal_hero_header_logo_lg_wrapper {
  width: 354px;
}

.step0_modal_header .modal_hero_header_logo_sm_wrapper {
  display: none;
}

@media screen and (max-width: 970px) {
  .step0_modal_header .modal_hero_header_logo_lg_wrapper {
    display: none;
  }

  .step0_modal_header .modal_hero_header_logo_sm_wrapper {
    display: block;
  }

  .step0_modal_header .modal_hero_header_logo_sm {
    background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/showsmanager_logo_small.svg")
      no-repeat;
    background-position: center;
    width: 210px;
    height: 33.462px;
  }
}

#step0 .section_content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 28px;
}

#step0 .section_content .section_content_item {
  display: flex;
  align-items: center;
  gap: 16px;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-color: var(--Medium-grey, #e7e9f1);
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  i {
  display: inline-block;
  width: 24px;
  height: 24px;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  .ticket_icon {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/ticket.svg")
    no-repeat center;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  .settings_icon {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/settings.svg")
    no-repeat center;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  .metrics_icon {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/metrics.svg")
    no-repeat center;
}

#step0
  .section_content
  .section_content_item
  .section_content_item_icon_wrapper
  .clock_icon {
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/clock.svg")
    no-repeat center;
}

#step0 .section_content .section_content_item .section_content_item_text {
  color: var(--Black, #000);

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

@media screen and (max-width: 970px) {
  #step0 .section_content .section_content_item .section_content_item_text {
    font-size: 1.14286rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.6rem */
  }
}

#step0 .top_section_footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

#step0 .top_section_footer .top_section_footer_buttons {
  display: flex;
  align-items: center;
  gap: 40px;
}

#step0 .top_section_footer .top_section_footer_buttons button {
  color: var(--White, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}

#step0 .top_section_footer .top_section_footer_buttons .cancel_button {
  color: var(--Grey-text, #707696);

  /* Text Header */
  font-family: Inter;
  font-size: 1.28571rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 1.41429rem */
  letter-spacing: -0.02571rem;

  cursor: pointer;
}

@media screen and (max-width: 970px) {
  #step0 .top_section_footer .top_section_footer_buttons {
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    width: 100%;
  }

  #step0 .top_section_footer .top_section_footer_buttons button {
    width: 100%;
    margin-right: 0 !important;
  }

  #step0 .top_section_footer .top_section_footer_buttons .cancel_button {
    margin-left: 0 !important;
  }
}

#step0 hr {
  margin: 24px 0;
  border: 1px solid #e7e9f1;
}

#step .bottom_section .bottom_section_header {
  color: var(--Black, #000);

  /* Small Header */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 141.667% */
  letter-spacing: -0.48px;
  margin-bottom: 24px;
}

#step0 .bottom_section_footer .bottom_section_footer_buttons {
  display: flex;
  justify-content: center;
}

#step0 .bottom_section_footer .bottom_section_footer_buttons button {
  color: var(--Blue, #187dfd);

  /* Text Header */
  font-family: inherit;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
  letter-spacing: -0.4px;
}

@media screen and (max-width: 970px) {
  #step0 .bottom_section_footer .bottom_section_footer_buttons button {
    font-size: 16px;
  }
}

#step0 .bottom_section_footer .bottom_section_footer_buttons button:hover {
  text-decoration: none;
  box-shadow: none;
}

.remove-category-button {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 16px;
  cursor: pointer;
  padding: 0;
  font-size: 16px;
  gap: 8px;

  color: var(--Blue, #187dfd);
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.remove-category-button .icon_wrapper {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #187dfd;
  display: flex;
  justify-content: center;
  align-items: center;
}

.remove-category-button .icon_wrapper .icon {
  color: #187dfd;
  margin: 0;
  font-size: 12px;
}

.remove-category-button .text {
  color: var(--Blue, #187dfd);
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.secondary-categories {
  margin-top: 16px;
}

.secondary-categories .secondary-category:last-of-type {
  margin-bottom: 0;
}

.tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;

  display: none;
}

.tags-container .tag {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #3b82f6;
  padding: 8px 16px;
  border-radius: 20px;
}

.tags-container .tag .text {
  color: var(--White, #fff);

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

.tags-input-wrapper {
  margin-bottom: 16px;
}

.tags-list.visible {
  display: block;
}

.create_events_listing_wizard {
  padding: 68px 0;
}

@media screen and (max-width: 720px) {
  .create_events_listing_wizard {
    padding: 68px 16px;
  }
}

.back-button {
  display: flex;
  align-items: center;
  color: var(--Blue, #187dfd);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  gap: 8px;
  margin-bottom: 8px;
}

.tags-input-container {
  display: flex;
  margin-bottom: 16px;
}

.tags-input {
  flex-grow: 1;
  margin-right: 12px;
}

.tags-container .tag .remove-tag {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.tags-container .tag .remove-tag .icon {
  color: #fff;
  font-size: 12px;
  margin: 0;
}

.tags-list-title {
  color: var(--Grey-text, #707696);

  /* Rubricator Tab */
  font-family: Inter;
  font-size: 0.85714rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 1.02857rem */
  letter-spacing: 0.05143rem;
  text-transform: uppercase;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}

.tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tag-option {
  border-radius: 20px;
  border: 1px solid var(--Medium-grey, #d4d9ec);
  background: var(--Medium-grey, #d4d9ec);
  color: #111827;
  padding: 8px 16px;
  color: var(--Black, #000);

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
  cursor: pointer;
  transition: background-color 0.2s;
}

.tag-option:hover {
  background-color: #d1d5db;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .tags-input-container {
    flex-direction: column;
  }

  .tags-input {
    margin-right: 0;
    margin-bottom: 12px;
  }
}

.add-tag-btn {
  border-radius: 6px;
  width: 100px;
  flex-shrink: 0;

  color: var(--light-text-color, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter !important;
  font-size: 0.85714rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.42857rem !important; /* 166.667% */
  letter-spacing: 0.05143rem !important;
  text-transform: uppercase !important;
}

.event_title_field {
  margin-bottom: 8px !important;
}

.ui.form .divider {
  width: 100%;
  background: #d4d9ec;
  height: 1px;
  margin: 24px 0 40px 0px;
}

.ui.form .next_button,
.ui.form .previous_button {
  width: 100%;
  height: 50px;
  color: var(--White, #fff);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}

.autocomplete {
  position: relative;
  width: 100%;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #e5e7eb;
  border-bottom: none;
  z-index: 1050;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0 0 8px 8px;
  background-color: white;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  color: #000;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857rem; /* 142.857% */
}

.autocomplete-items div {
  padding: 10px 15px;
  cursor: pointer;
  background-color: white;
  border-bottom: 1px solid #e5e7eb;
}

.autocomplete-items div:hover {
  background-color: #f3f4f6;
}

.autocomplete-active {
  background-color: #e5e7eb !important;
}

.map-container {
  width: 100%;
  height: 118px;
  margin-top: 12px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#map {
  width: 100%;
  height: 100%;
}

.nav_buttons_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.previous_button_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
.previous_button_wrapper .back-button {
  margin: 0;
}

.ticket_sales_link label {
  color: var(--Deep-Grey, #1b1e21) !important;

  /* Small text link */
  font-family: Inter;
  font-size: 1.14286rem !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 130% !important; /* 1.48571rem */
  letter-spacing: -0.02286rem !important;
}

.links_section .links .field label {
  margin-left: 40px !important;
}

.field .input_wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

#step2 .icon_wrapper .icon,
#step3 .icon_wrapper .icon {
  width: 24px;
  height: 24px;
  display: flex;
  margin: 0;
}

#step2 .icon_wrapper .globe-icon,
#step3 .icon_wrapper .globe-icon {
  background: url("./assets/icons/globe-icon.svg") no-repeat center;
}

#step2 .icon_wrapper .facebook-icon,
#step3 .icon_wrapper .facebook-icon {
  background: url("./assets/icons/facebook-icon.svg") no-repeat center;
}

#step2 .icon_wrapper .instagram-icon,
#step3 .icon_wrapper .instagram-icon {
  background: url("./assets/icons/instagram-icon.svg") no-repeat center;
}

#step2 .icon_wrapper .youtube-icon,
#step3 .icon_wrapper .youtube-icon {
  background: url("./assets/icons/youtube-icon.svg") no-repeat center;
}

#step2 .icon_wrapper .plus-icon,
#step3 .icon_wrapper .plus-icon {
  background: url("./assets/icons/plus-icon.svg") no-repeat center;
}

.event_page_main_content_info_block_item_content .contact_buttons {
  display: flex;
  gap: 8px;
  padding-top: 8px;
}

.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper
  .globe-icon {
  background: url("./assets/icons/globe-icon-40px.svg") no-repeat center;
}
.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper
  .facebook-icon {
  background: url("./assets/icons/facebook-icon-40px.svg") no-repeat center;
}
.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper
  .instagram-icon {
  background: url("./assets/icons/instagram-icon-40px.svg") no-repeat center;
}

.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper {
  width: 40px;
  height: 40px;
}

.event_page_main_content_info_block_item_content
  .contact_buttons
  .icon_wrapper
  .icon {
  width: 100%;
  height: 100%;
}

#step3 .ui.large.form {
  margin-top: 32px;
}

#step3 .checkbox-container {
  margin-top: 32px;
}

#step3 .nav_buttons_wrapper {
  margin-top: 32px;
}

#step3 .terms-text {
  margin-top: 24px;
}

#step3 .terms-text {
  text-align: center;
  margin: 24px 0 10px 0;
  color: var(--Black, #000);
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

#step3 .terms-text a {
  color: var(--Blue, #187dfd);
  text-decoration: none;
}

#step3 .password-requirements {
  display: flex;
  gap: 0.5rem;
  margin-top: 8px;
  margin-bottom: 1rem;
}

#step3 .requirement {
  padding: 0.3rem 0.7rem;
  font-size: 0.8rem;

  border-radius: 4px;
  background: var(--Medium-grey, #d4d9ec);
  backdrop-filter: blur(10px);

  color: var(--Grey-text, #707696);

  /* Caption */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.28571rem; /* 128.571% */
}

#step3 .login-section {
  text-align: center;
  gap: 16px;
  background-color: #000;
  color: white;
  height: 148px;
  padding: 1.5rem;
  background: url("https://showshappening.blob.core.windows.net/content/assets/v4/images/login-section-bg.svg")
    no-repeat center;
  background-size: cover;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#step3 .login-section button {
  display: flex;
  width: 222px;
  padding: 15px 40px;
  align-items: center;
  gap: 10px;
  height: 89px;
  justify-content: center;
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}

#step3 .login-section p {
  color: var(--white, #fff);
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */
}

#step3 .guest-section {
  border-radius: 0px 0px 8px 8px;
  background: var(--Blue, #187dfd);
  color: white;
  padding: 1.5rem;
  text-align: center;

  display: flex;
  flex-direction: column;
  width: 588px;
  padding: 30.5px 0px;
  justify-content: center;
  align-items: center;
}

#step3 .guest-section p {
  color: var(--white, #fff);
  text-align: center;

  /* Small Text */
  font-family: Inter;
  font-size: 1.14286rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.6rem */

  margin-bottom: 16px;

  width: 420px;
}

#step3 .ui.button.guest-button {
  background-color: white;
  width: 100%;
  max-width: 400px;

  color: var(--Blue, #187dfd);
  text-align: center;

  /* Rubricator */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.42857rem; /* 142.857% */
  letter-spacing: 0.06rem;
  text-transform: uppercase;

  display: flex;
  width: 466px;
  padding: 15px 40px;
  flex-direction: column;
  align-items: center;
  gap: 10px;

  border-radius: 6px;
}

@media screen and (max-width: 720px) {
  #step3 .guest-section {
    width: 100%;
  }
  #step3 .ui.button.guest-button {
    width: auto;
  }
  #step3 .guest-section p {
    width: auto;
  }
}

.skeleton-div {
  position: relative;
  overflow: hidden;
  background-color: var(--Light-grey, #eff0f5);
  border-radius: 4px;

  height: 50px;
  width: 100%;
}

.skeleton-div::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

#step1 .tags-list-wrapper.secondary-tags {
  margin-top: 16px;
}

#tags-input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.block {
  display: block !important;
}

.flex {
  display: flex !important;
}

.justify-center {
  justify-content: center !important;
}

.column {
  flex-direction: column !important;
}