/* screen - home-page-u124-mobile */

.home-page-u124-mobile {
  align-items: flex-start;
  background-color: var(--background);
  display: flex;
  height: 4956px;
  overflow: hidden;
  width: 375px;
}

.home-page-u124-mobile .overlap-group2-1 {
  height: 4916px;
  margin-left: 20px;
  margin-top: 40px;
  position: relative;
  width: 1110px;
}

.home-page-u124-mobile .frame-1000004232 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1110px;
}

.home-page-u124-mobile .frame-1000004232-item {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .frame-1000004230 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-1000004230-item {
  height: 40px;
  position: relative;
  width: 40px;
}

.home-page-u124-mobile .white-logo-1-2 {
  object-fit: cover;
  width: 125.16px;
}

.home-page-u124-mobile .frame-1000004197-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 118px;
  padding: 0px 120px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .discover-world-class-1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-left: -120.00px;
  margin-right: -120.00px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 335px;
}

.home-page-u124-mobile .group-302-1 {
  height: 40px;
  margin-left: -120.00px;
  margin-right: -124.00px;
  position: relative;
  width: 339px;
}

.home-page-u124-mobile .overlap-group-1 {
  height: 40px;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .rectangle-2-1 {
  background-color: var(--white);
  border-radius: 15px 0px 0px 15px;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 286px;
}

.home-page-u124-mobile .search-for-events-1 {
  color: var(--placeholder);
  font-weight: 400;
  left: 34px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 12px;
}

.home-page-u124-mobile .rectangle-3-1 {
  background-color: var(--primary);
  border-radius: 0px 15px 15px 0px;
  height: 40px;
  left: 245px;
  position: absolute;
  top: 0;
  width: 90px;
}

.home-page-u124-mobile .search-1 {
  left: 263px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 12px;
}

.home-page-u124-mobile .navbar-element-3 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 5px;
  height: 20px;
  justify-content: center;
  left: 227px;
  position: absolute;
  top: 10px;
  width: 14px;
}

.home-page-u124-mobile .chevron-down-1 {
  height: 5px;
  position: relative;
  width: 8px;
}

.home-page-u124-mobile .rectangle-1-1 {
  background-color: var(--background);
  flex: 1;
  flex-grow: 1;
  height: 5px;
  opacity: 0;
  position: relative;
}

.home-page-u124-mobile .search_light-1 {
  height: 20px;
  left: 8px;
  position: absolute;
  top: 10px;
  width: 20px;
}

.home-page-u124-mobile .frame-427320631-1 {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  transform: rotate(180deg);
  width: 335px;
}

.home-page-u124-mobile .frame-427320626-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .group-274-1 {
  height: 30px;
  position: relative;
  transform: rotate(180deg);
  width: 70px;
}

.home-page-u124-mobile .group-16-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 15px;
  display: flex;
  height: 30px;
  left: 40px;
  min-width: 30px;
  padding: 0 4.5px;
  position: absolute;
  top: 0;
}

.home-page-u124-mobile .expand_left-3 {
  height: 20px;
  transform: rotate(-180deg);
  width: 20px;
}

.home-page-u124-mobile .group-17-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 15px;
  display: flex;
  height: 30px;
  left: 0;
  min-width: 30px;
  padding: 0 4.5px;
  position: absolute;
  top: 0;
  transform: rotate(-180deg);
}

.home-page-u124-mobile .expand_left-4 {
  height: 20px;
  width: 20px;
}

.home-page-u124-mobile .frame-18-2 {
  gap: 5px;
}

.home-page-u124-mobile .events-1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.home-page-u124-mobile .expand_left-5 {
  height: 30px;
  position: relative;
  transform: rotate(-360deg);
  width: 30px;
}

.home-page-u124-mobile .frame-427320630-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.home-page-u124-mobile .frame-427320630-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: flex-end;
  overflow-x: scroll;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .event-card-1 {
  align-items: center;
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  gap: 15px;
  height: 155px;
  justify-content: flex-end;
  padding: 0px 0px 0px 10px;
  position: relative;
  width: 325px;
}

.home-page-u124-mobile .frame-427320627-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 10px 0px;
  position: relative;
}

.home-page-u124-mobile .frame-427320624-2 {
  align-items: flex-end;
  align-self: stretch;
  flex-direction: column;
  width: 100%;
}

.home-page-u124-mobile .frame-427320623-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 74px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .jazzy-night-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  transform: rotate(180deg);
}

.home-page-u124-mobile .enjoy-the-fun-experience-and-book-now-1 {
  align-self: stretch;
  height: 73px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -20.00px;
  position: relative;
  transform: rotate(180deg);
}

.home-page-u124-mobile .group-1-1 {
  height: 50px;
  position: relative;
  transform: rotate(180deg);
  width: 137px;
}

.home-page-u124-mobile .frame-427320622-4 {
  display: inline-flex;
  gap: 10px;
  position: relative;
}

.home-page-u124-mobile .frame-42732062-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.home-page-u124-mobile .date_today-1 {
  height: 20px;
  position: relative;
  transform: rotate(-180deg);
  width: 20px;
}

.home-page-u124-mobile .x10th-dec-500-pm-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: right;
  width: fit-content;
}

.home-page-u124-mobile .ticket_fill-1 {
  height: 20px;
  position: relative;
  width: 20px;
}

.home-page-u124-mobile .subtract-2 {
  height: 13px;
  left: 2px;
  position: absolute;
  top: 3px;
  transform: rotate(-180deg);
  width: 17px;
}

.home-page-u124-mobile .frame-1000004199 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2px;
  position: relative;
}

.home-page-u124-mobile .number-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  width: fit-content;
}

.home-page-u124-mobile .saudi-1-1 {
  height: 15px;
  position: relative;
  transform: rotate(-180deg);
  width: 14px;
}

.home-page-u124-mobile .rectangle-29-1 {
  height: 155px;
  object-fit: cover;
  position: relative;
  transform: rotate(-180deg);
  width: 155px;
}

.home-page-u124-mobile .frame-1000004209-1 {
  align-items: center;
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 30px 20px;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .growing-with-every-event-1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.home-page-u124-mobile .frame-5 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-100000420-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 20px;
  height: 146px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .insights-1 {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 145.59px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 137.5px;
}

.home-page-u124-mobile .frame-303-2 {
  display: flex;
  height: 50px;
  justify-content: center;
  margin-top: -7.21px;
  width: 50px;
}

.home-page-u124-mobile .team-outlined-1 {
  height: 40px;
  margin-bottom: -5.00px;
  margin-left: -5.00px;
  margin-right: -5.00px;
  margin-top: -5.00px;
  position: relative;
  width: 40px;
}

.home-page-u124-mobile .frame-1000004202-3 {
  display: inline-flex;
  height: 60px;
  justify-content: center;
  margin-bottom: -7.21px;
  margin-left: -5.25px;
  margin-right: -5.25px;
}

.home-page-u124-mobile .x75-k-4 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-page-u124-mobile .calendar-outlined-1 {
  height: 40px;
  margin-bottom: -5.00px;
  margin-left: -5.00px;
  margin-right: -5.00px;
  margin-top: -5.00px;
  position: relative;
  width: 40px;
}

.home-page-u124-mobile .frame-1000004202-4 {
  display: inline-flex;
  height: 60px;
  justify-content: center;
  margin-bottom: -7.21px;
  margin-left: -3.25px;
  margin-right: -3.25px;
}

.home-page-u124-mobile .ticket-perforated-1 {
  height: 40px;
  margin-bottom: -5.00px;
  margin-left: -5.00px;
  margin-right: -5.00px;
  margin-top: -5.00px;
  position: relative;
  width: 40px;
}

.home-page-u124-mobile .frame-1000004202-5 {
  display: inline-flex;
  height: 60px;
  justify-content: center;
  margin-bottom: -7.21px;
  margin-left: -5.75px;
  margin-right: -5.75px;
}

.home-page-u124-mobile .global-outlined-1 {
  height: 40px;
  margin-bottom: -5.00px;
  margin-left: -5.00px;
  margin-right: -5.00px;
  margin-top: -5.00px;
  position: relative;
  width: 40px;
}

.home-page-u124-mobile .frame-1000004202-6 {
  display: inline-flex;
  height: 60px;
  justify-content: center;
  margin-bottom: -7.21px;
}

.home-page-u124-mobile .frame-300-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 180px;
  justify-content: space-between;
  padding: 0px 0px 0px 20px;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .frame-427320622-5 {
  align-self: stretch;
  display: flex;
  gap: 20px;
  height: 164px;
  justify-content: space-around;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-7 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-1000004211-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .authorized-by-2 {
  font-weight: 700;
}

.home-page-u124-mobile .ge-a-logo-1-1 {
  height: 45px;
  object-fit: cover;
  position: relative;
  width: 64px;
}

.home-page-u124-mobile .we-are-an-authorized {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .authorization-number-2506170105 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .frame-1000004204 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 1110px;
}

.home-page-u124-mobile .frame-1000004206-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 313px;
}

.home-page-u124-mobile .frame-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .why-sell-on-bookify-1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.home-page-u124-mobile .reach-more-attendees-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .button-6 {
  background-color: var(--primary);
  display: inline-flex;
}

.home-page-u124-mobile .sign-up-3 {
  color: var(--white);
}

.home-page-u124-mobile .frame-1000004235 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.home-page-u124-mobile .frame-1000004205-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  position: relative;
}

.home-page-u124-mobile .frame-1000004203-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.home-page-u124-mobile .why-cards-3 {
  background-color: var(--cards);
}

.home-page-u124-mobile .frame-303-3 {
  background-color: var(--white);
  display: inline-flex;
  flex: 0 0 auto;
}

.home-page-u124-mobile .t-outlined {
  height: 30px;
  position: relative;
  width: 30px;
}

.home-page-u124-mobile .frame-1000004202-2 {
  display: flex;
  height: 100px;
  width: 190px;
}

.home-page-u124-mobile .why-cards-2 {
  background-color: var(--background);
  border: 1px solid;
  border-color: var(--cards);
}

.home-page-u124-mobile .credit-card-outlined {
  height: 30px;
  margin-right: -1846.00px;
  margin-top: -1508.50px;
  position: relative;
  width: 30px;
}

.home-page-u124-mobile .group-303-1 {
  background-image: url(../img/rectangle-33-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 284.61px;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .group-289-1 {
  align-items: flex-end;
  display: flex;
  gap: 5px;
  left: 159px;
  min-width: 18px;
  position: relative;
  top: 262px;
}

.home-page-u124-mobile .ellipse-120-1 {
  background-color: var(--primary);
  border-radius: 3.34px/3.4px;
  height: 7px;
  width: 7px;
}

.home-page-u124-mobile .ellipse-119-1 {
  background-color: var(--white);
  border-radius: 3.34px/3.4px;
  height: 7px;
  margin-bottom: 0;
  width: 7px;
}

.home-page-u124-mobile .frame-1000004218-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 418px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-9 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .button-8 {
  background-color: var(--primary);
  display: flex;
  flex: 1;
  flex-grow: 1;
}

.home-page-u124-mobile .sign-up-4 {
  color: var(--white);
}

.home-page-u124-mobile .button-9 {
  background-color: var(--cards);
  display: flex;
  flex: 1;
  flex-grow: 1;
}

.home-page-u124-mobile .sign-up-5 {
  color: var(--white);
}

.home-page-u124-mobile .ready-to-launch-your-1 {
  align-self: stretch;
  color: transparent;
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-page-u124-mobile .span0-1 {
  color: var(--white);
}

.home-page-u124-mobile .span1-1 {
  color: var(--primary);
}

.home-page-u124-mobile .offer-your-attendees-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .frame-1-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .group-2-1 {
  background-color: var(--cards);
  border-radius: 5px;
  height: 40px;
  position: relative;
  width: 39.25px;
}

.home-page-u124-mobile .black-and-orange2x-2-1 {
  height: 20px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 20px;
}

.home-page-u124-mobile .a-website-with-your-unique-branding-1 {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .icons8-sales-100-3-2 {
  width: 20px;
}

.home-page-u124-mobile .get-full-control-ove-1 {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .icons8-sales-100-3-3 {
  width: 19px;
}

.home-page-u124-mobile .get-customized-features-for-your-events-1 {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .button-10 {
  background-color: var(--primary);
  display: flex;
  width: 187px;
}

.home-page-u124-mobile .sign-up-6 {
  color: var(--white);
}

.home-page-u124-mobile .frame-10 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  transform: rotate(180deg);
  width: 335px;
}

.home-page-u124-mobile .frame-18-1 {
  gap: 10px;
}

.home-page-u124-mobile .our-clients-1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.home-page-u124-mobile .frame-1000004210-1 {
  flex: 0 0 auto;
  margin-right: -1105.00px;
  position: relative;
  width: 1440px;
}

.home-page-u124-mobile .frame-1000004222-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.home-page-u124-mobile .packages-1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.home-page-u124-mobile .frame-1000004221-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .package-1 {
  align-items: center;
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 30px;
  position: relative;
  width: 290px;
}

.home-page-u124-mobile .frame-1000004220-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-15-3 {
  background-color: var(--green);
}

.home-page-u124-mobile .percent-1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.home-page-u124-mobile .frame-6-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 130px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .group-80-3 {
  background-image: url(../img/vector-18.svg);
  background-size: 100% 100%;
}

.home-page-u124-mobile .vector-1 {
  height: 10px;
  left: 6px;
  position: absolute;
  top: 8px;
  width: 14px;
}

.home-page-u124-mobile .address-2 {
  margin-top: -1.00px;
}

.home-page-u124-mobile .group-80-5 {
  background-image: url(../img/vector-20.svg);
  background-size: 100% 100%;
}

.home-page-u124-mobile .frame-10-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  margin-bottom: -3.00px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .button-7 {
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  width: 100%;
}

.home-page-u124-mobile .sign-up-2 {
  color: var(--cards);
}

.home-page-u124-mobile .frame-15-4 {
  background-color: var(--blue);
}

.home-page-u124-mobile .vector-2 {
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
}

.home-page-u124-mobile .vector-4 {
  height: 8px;
  left: 2043px;
  position: absolute;
  top: -3080px;
  width: 12px;
}

.home-page-u124-mobile .vector-5 {
  height: 8px;
  left: 2043px;
  position: absolute;
  top: -3134px;
  width: 12px;
}

.home-page-u124-mobile .vector-6 {
  height: 8px;
  left: 2043px;
  position: absolute;
  top: -3179px;
  width: 12px;
}

.home-page-u124-mobile .frame-15-5 {
  background-color: var(--primary);
}

.home-page-u124-mobile .overlap-group-2 {
  align-items: flex-end;
  background-image: url(../img/vector-25@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 25px;
  justify-content: flex-end;
  left: 1716px;
  min-width: 25px;
  padding: 8.2px 6.1px;
  position: relative;
  top: -3089px;
}

.home-page-u124-mobile .vector-3 {
  height: 8px;
  width: 12px;
}

.home-page-u124-mobile .overlap-group-3 {
  align-items: flex-end;
  background-image: url(../img/vector-25@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 25px;
  justify-content: flex-end;
  left: 1716px;
  min-width: 25px;
  padding: 8.2px 6.1px;
  position: relative;
  top: -3143px;
}

.home-page-u124-mobile .overlap-group-4 {
  align-items: flex-end;
  background-image: url(../img/vector-25@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 25px;
  justify-content: flex-end;
  left: 1716px;
  min-width: 25px;
  padding: 8.2px 6.1px;
  position: relative;
  top: -3188px;
}

.home-page-u124-mobile .frame-427320622-6 {
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  padding: 30px;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .book-a-call-with-our-team-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-page-u124-mobile .got-questions-lets-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .sign-up-7 {
  color: var(--white);
}

.home-page-u124-mobile .group-285-1 {
  height: 502.39px;
  position: relative;
  width: 343px;
}

.home-page-u124-mobile .overlap-group1-1 {
  height: 502px;
  position: relative;
}

.home-page-u124-mobile .rectangle-30-1 {
  background-color: var(--cards);
  border-radius: 10px;
  height: 353px;
  left: 0;
  position: absolute;
  top: 149px;
  width: 343px;
}

.home-page-u124-mobile .mobile-app-1-1 {
  height: 234px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 298px;
}

.home-page-u124-mobile .frame-427320622-7 {
  display: flex;
  gap: 30px;
  left: 18px;
  position: absolute;
  top: 283px;
  width: 307px;
}

.home-page-u124-mobile .download-bookify-app-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-page-u124-mobile .scan-tickets-track-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .download-buton-1 {
  height: 55px;
  position: relative;
  width: 307px;
}

.home-page-u124-mobile .footer-1 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 17px;
  justify-content: center;
  padding: 20px;
  position: relative;
  width: 335px;
}

.home-page-u124-mobile .frame-1000004234 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .line-4-1 {
  align-self: stretch;
  height: 1px;
  margin-top: -1.00px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .white-logo-1-3 {
  width: 112px;
}

.home-page-u124-mobile .line-2 {
  align-self: stretch;
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-1000004223 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .terms-conditions-1 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-page-u124-mobile .privacy-policy-1 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-page-u124-mobile .refund-policy-1 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-page-u124-mobile .cancellation-policy-1 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-page-u124-mobile .button-11 {
  align-self: stretch;
  background-color: var(--primary);
  display: flex;
  width: 100%;
}

.home-page-u124-mobile .sign-up-8 {
  color: var(--white);
}

.home-page-u124-mobile .frame-427320625-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-427320624-3 {
  align-items: center;
  width: 200px;
}

.home-page-u124-mobile .authorized-by-3 {
  font-weight: 400;
}

.home-page-u124-mobile .no-2506170105-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.home-page-u124-mobile .payment-methods-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-page-u124-mobile .frame-11 {
  align-self: stretch;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-1000004226-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 158px;
}

.home-page-u124-mobile .contact-info-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-page-u124-mobile .text-2 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .supportbookifysa-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .frame-1000004225-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 151.87px;
}

.home-page-u124-mobile .follow-us-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-page-u124-mobile .copyright-2024-p-1 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.home-page-u124-mobile .pattern-1-3 {
  height: 73px;
  left: 306px;
  object-fit: cover;
  position: absolute;
  top: 909px;
  width: 49px;
}

.home-page-u124-mobile .address {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .authorized-by {
  color: var(--white);
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.home-page-u124-mobile .basic {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.home-page-u124-mobile .bookify-wallet-organizer-app {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-page-u124-mobile .button {
  align-items: center;
  border-radius: 10px;
  gap: 10px;
  height: 42px;
  justify-content: center;
  padding: 0px 20px;
  position: relative;
}

.home-page-u124-mobile .frame-1000004202 {
  align-items: center;
  flex-direction: column;
  gap: 5px;
  position: relative;
}

.home-page-u124-mobile .frame-15 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 130px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.home-page-u124-mobile .frame-18 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  transform: rotate(180deg);
}

.home-page-u124-mobile .frame-303 {
  align-items: center;
  border-radius: 10px;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.home-page-u124-mobile .frame-427320622 {
  align-items: flex-start;
  flex-direction: column;
}

.home-page-u124-mobile .frame-427320624 {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.home-page-u124-mobile .group-80 {
  height: 25px;
  position: relative;
  width: 25px;
}

.home-page-u124-mobile .icons8-sales-100-3 {
  height: 20px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 10px;
}

.home-page-u124-mobile .service-fees-per-ticket {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.home-page-u124-mobile .sign-up {
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.home-page-u124-mobile .users {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-page-u124-mobile .white-logo-1 {
  height: 40px;
  position: relative;
}

.home-page-u124-mobile .why-cards {
  align-items: flex-start;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 250px;
  justify-content: center;
  padding: 30px 20px;
  position: relative;
  width: 230px;
}

.home-page-u124-mobile .x1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.home-page-u124-mobile .x1-ticket-type-per-event {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.home-page-u124-mobile .x2-events-150-tickets-per-event {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}
/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--background);
  display: flex;
  height: 4220px;
  overflow: hidden;
  width: 1440px;
}

.index .overlap-group2 {
  height: 4161px;
  margin-left: -61px;
  position: relative;
  width: 1546px;
}

.index .pattern-1 {
  height: 163px;
  left: 61px;
  object-fit: cover;
  position: absolute;
  top: 2363px;
  width: 102px;
}

.index .image-1 {
  height: 619px;
  left: 61px;
  position: absolute;
  top: 0;
  width: 1440px;
}

.index .elements {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: 4121px;
  left: 60px;
  position: absolute;
  top: 40px;
  width: 1441px;
}

.index .frame-1000004198 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 100px;
  position: relative;
  width: 100%;
}

.index .navigation-bar {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 0px 165px;
  position: relative;
  width: 1441px;
}

.index .white-logo-1 {
  height: 35px;
  position: relative;
  width: 133px;
}

.index .frame-1000004190 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  height: 42px;
  position: relative;
}

.index .navbar-element {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  position: relative;
}

.index .place {
  color: var(--primary);
  font-weight: 700;
  margin-top: -1.00px;
}

.index .navbar-element-1 {
  position: relative;
  width: 69px;
}

.index .home {
  color: var(--white);
  margin-top: -1.00px;
  text-align: center;
}

.index .home-1 {
  color: var(--white);
  margin-top: -1.00px;
  text-align: center;
}

.index .home-2 {
  color: var(--white);
  margin-top: -1.00px;
  text-align: center;
}

.index .home-3 {
  color: var(--white);
  margin-top: -1.00px;
  text-align: center;
}

.index .frame-1000004 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.index .frame-100000419 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2px;
  position: relative;
}

.index .pin_fill {
  height: 24px;
  position: relative;
  width: 24px;
}

.index .subtract-1 {
  left: 5px;
  width: 14px;
}

.index .place-1 {
  color: var(--white);
  font-weight: 400;
  white-space: nowrap;
}

.index .globe {
  height: 24px;
  position: relative;
  width: 24px;
}

.index .language {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .line-6 {
  width: 1px;
}

.index .login {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .button {
  background-color: var(--primary);
  display: inline-flex;
  flex: 0 0 auto;
}

.index .sign-up {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-1000004197 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  padding: 0px 120px;
  position: relative;
  width: 100%;
}

.index .discover-world-class {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .group-302 {
  height: 50px;
  position: relative;
  width: 704.69px;
}

.index .overlap-group {
  height: 50px;
  position: relative;
  width: 701px;
}

.index .rectangle-2 {
  background-color: var(--white);
  border-radius: 15px 0px 0px 15px;
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 598px;
}

.index .search-for-events {
  color: var(--placeholder);
  font-weight: 400;
  left: 56px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 17px;
  white-space: nowrap;
  width: 140px;
}

.index .rectangle-3 {
  background-color: var(--primary);
  border-radius: 0px 15px 15px 0px;
  height: 50px;
  left: 592px;
  position: absolute;
  top: 0;
  width: 109px;
}

.index .search {
  color: var(--white);
  font-weight: 700;
  left: 617px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 16px;
  white-space: nowrap;
}

.index .navbar-element-2 {
  height: 24px;
  left: 488px;
  position: absolute;
  top: 13px;
  width: 97px;
}

.index .home-4 {
  color: var(--background);
}

.index .chevron-down {
  height: 5px;
  position: relative;
  width: 8px;
}

.index .rectangle-1 {
  background-color: var(--background);
  flex: 1;
  flex-grow: 1;
  height: 5px;
  opacity: 0;
  position: relative;
}

.index .search_light {
  height: 30px;
  left: 16px;
  position: absolute;
  top: 10px;
  width: 30px;
}

.index .frame-427320631 {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  position: relative;
  transform: rotate(180deg);
  width: 1110px;
}

.index .frame {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 1110px;
}

.index .group-274 {
  height: 30px;
  position: relative;
  transform: rotate(180deg);
  width: 70px;
}

.index .group-16 {
  align-items: center;
  background-color: var(--white);
  border-radius: 15px;
  display: flex;
  height: 30px;
  left: 40px;
  min-width: 30px;
  padding: 0 4.5px;
  position: absolute;
  top: 0;
}

.index .expand_left {
  height: 20px;
  transform: rotate(-180deg);
  width: 20px;
}

.index .group-17 {
  align-items: center;
  background-color: var(--white);
  border-radius: 15px;
  display: flex;
  height: 30px;
  left: 0;
  min-width: 30px;
  padding: 0 4.5px;
  position: absolute;
  top: 0;
  transform: rotate(-180deg);
}

.index .expand_left-1 {
  height: 20px;
  width: 20px;
}

.index .frame-18 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  transform: rotate(180deg);
}

.index .events {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .expand_left-2 {
  height: 30px;
  position: relative;
  transform: rotate(-360deg);
  width: 30px;
}

.index .frame-427320630::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index .frame-427320630 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  justify-content: flex-end;
  overflow-x: scroll;
  position: relative;
  width: 100%;
}

.index .event-card {
  align-items: center;
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  gap: 20px;
  height: 250px;
  justify-content: flex-end;
  padding: 0px 0px 0px 10px;
  position: relative;
  width: 510px;
}

.index .frame-427320627 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.index .frame-427320624 {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 0px 10px;
  position: relative;
  width: 220px;
}

.index .frame-427320623 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 74px;
  position: relative;
  width: 100%;
}

.index .jazzy-night {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  transform: rotate(180deg);
}

.index .enjoy-the-fun-experience-and-book-now {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  height: 73px;
  line-height: normal;
  margin-bottom: -25.00px;
  position: relative;
  transform: rotate(180deg);
}

.index .group-1 {
  height: 58.11px;
  position: relative;
  transform: rotate(180deg);
  width: 164.84px;
}

.index .frame-427320622 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.index .frame-42732062 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.index .date_today {
  height: 24.06px;
  position: relative;
  transform: rotate(-180deg);
  width: 23.84px;
}

.index .x10th-dec-500-pm {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: right;
  width: fit-content;
}

.index .ticket_fill {
  height: 24.06px;
  position: relative;
  width: 23.84px;
}

.index .subtract {
  left: 2px;
  transform: rotate(-180deg);
  width: 20px;
}

.index .number {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  width: fit-content;
}

.index .saudi-1 {
  height: 20px;
  position: relative;
  transform: rotate(-180deg);
  width: 19px;
}

.index .frame-427320628 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 220px;
}

.index .line-1 {
  height: 1px;
  margin-bottom: -1.00px;
  transform: rotate(-180deg);
  width: 100%;
}

.index .frame-100000420 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  justify-content: center;
  position: relative;
}

.index .favorite {
  height: 30px;
  position: relative;
  transform: rotate(-180deg);
  width: 30px;
}

.index .button-1 {
  background-color: var(--primary);
  display: flex;
  transform: rotate(180deg);
  width: 150px;
}

.index .rectangle-29 {
  height: 250px;
  object-fit: cover;
  position: relative;
  transform: rotate(-180deg);
  width: 250px;
}

.index .frame-1000004209 {
  align-items: center;
  background-color: var(--cards);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 20px 165px;
  position: relative;
  width: 1440px;
}

.index .growing-with-every-event {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .insights {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 180px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 170px;
}

.index .frame-303 {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.index .team-outlined {
  height: 50px;
  position: relative;
  width: 50px;
}

.index .frame-1000004202 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
  height: 60px;
  justify-content: center;
  position: relative;
}

.index .x75-k {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .calendar-outlined {
  height: 50px;
  position: relative;
  width: 50px;
}

.index .ticket-perforated {
  height: 50px;
  position: relative;
  width: 50px;
}

.index .global-outlined {
  height: 50px;
  position: relative;
  width: 50px;
}

.index .frame-300 {
  align-items: center;
  border: 1px solid;
  border-color: var(--cards);
  border-radius: 10px;
  display: flex;
  height: 180px;
  justify-content: space-between;
  padding: 0px 0px 0px 60px;
  position: relative;
  width: 1110px;
}

.index .frame-427320622-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 164px;
  justify-content: space-around;
  position: relative;
  width: 565.88px;
}

.index .frame-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.index .frame-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  position: relative;
  width: 100%;
}

.index .frame-1000004211 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
  width: 100%;
}

.index .authorized-by {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .ge-a-logo-1 {
  height: 45px;
  object-fit: cover;
  position: relative;
  width: 64px;
}

.index .authoriz {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  width: 503px;
}

.index .hotline-operator-39 {
  height: 180px;
  position: relative;
  width: 380px;
}

.index .frame-1000004206 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  width: 313px;
}

.index .frame-10000042 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.index .why-sell-on-bookify {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .reach-more-attendees {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.index .button-3 {
  background-color: var(--primary);
  display: inline-flex;
}

.index .frame-1000004205 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  position: relative;
}

.index .frame-1000004203 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.index .why-cards-1 {
  align-items: flex-start;
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 250px;
  justify-content: center;
  padding: 30px 20px;
  position: relative;
  width: 230px;
}

.index .frame-303-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.index .x-outlined {
  height: 30px;
  position: relative;
  width: 30px;
}

.index .frame-1000004202-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 100px;
  position: relative;
  width: 190px;
}

.index .why-cards {
  align-items: flex-start;
  background-color: var(--background);
  border: 1px solid;
  border-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 250px;
  justify-content: center;
  padding: 30px 20px;
  position: relative;
  width: 230px;
}

.index .frame-1000004218 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 418px;
  position: relative;
  width: 516.78px;
}

.index .button-4 {
  background-color: var(--cards);
  display: inline-flex;
  flex: 0 0 auto;
}

.index .ready-to-launch-your {
  color: transparent;
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 484.71px;
}

.index .span0 {
  color: var(--white);
}

.index .span1 {
  color: var(--primary);
}

.index .offer-your-attendees {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.index .frame-1000004217 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 384.25px;
}

.index .group-2 {
  background-color: var(--cards);
  border-radius: 5px;
  height: 40px;
  position: relative;
  width: 39.25px;
}

.index .black-and-orange2x-2 {
  height: 20px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 20px;
}

.index .a-website-with-your-unique-branding {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
  width: 100%;
}

.index .icons8-sales-100-3 {
  height: 20px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 20px;
}

.index .get-full-control-ove {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .icons8-sales-100-3-1 {
  height: 20px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 19px;
}

.index .get-customized-features-for-your-events {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .button-5 {
  background-color: var(--primary);
  display: flex;
  width: 187px;
}

.index .group-303 {
  background-image: url(../img/rectangle-33@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 418px;
  position: relative;
  width: 492px;
}

.index .group-289 {
  align-items: flex-start;
  display: flex;
  gap: 7px;
  left: 233px;
  min-width: 27px;
  position: relative;
  top: 385px;
}

.index .ellipse-120 {
  background-color: var(--primary);
}

.index .ellipse-119 {
  background-color: var(--white);
  margin-top: 0;
}

.index .clients {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
  position: relative;
  width: 1110px;
}

.index .frame-427320626 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  transform: rotate(180deg);
  width: 1110px;
}

.index .our-clients {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .frame-1000004210 {
  flex: 0 0 auto;
  margin-left: -165.00px;
  margin-right: -165.00px;
  position: relative;
  width: 1440px;
}

.index .frame-1000004222 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.index .packages {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .frame-1000004221 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .package {
  align-items: center;
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  padding: 30px;
  position: relative;
  width: 350px;
}

.index .frame-1000004220 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: 100%;
}

.index .frame-15 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--green);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 130px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.index .frame-13 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.index .frame-17 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

.index .percent {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .service-fees-per-ticket {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 130px;
  position: relative;
  width: 100%;
}

.index .group-80 {
  background-image: url(../img/vector.svg);
  background-size: 100% 100%;
  height: 25px;
  position: relative;
  width: 25px;
}

.index .vector {
  height: 10px;
  left: 6px;
  position: absolute;
  top: 8px;
  width: 14px;
}

.index .bookify-wallet-organizer-app {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .button-2 {
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  width: 100%;
}

.index .sign-up-1 {
  color: var(--cards);
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-15-1 {
  background-color: var(--blue);
}

.index .frame-13-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  margin-right: -5.00px;
  position: relative;
}

.index .group-80-1 {
  background-image: url(../img/vector-6.svg);
}

.index .x2-events-150-tickets-per-event {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .x1-ticket-type-per-event {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-15-2 {
  background-color: var(--primary);
}

.index .group-80-2 {
  background-image: url(../img/vector-12.svg);
}

.index .x2-events-150-tickets-per-event-1 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-right: -12.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .x1-ticket-type-per-event-1 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-427320622-2 {
  align-items: center;
  background-color: var(--cards);
  display: flex;
  height: 200px;
  justify-content: space-between;
  padding: 0px 165px;
  position: relative;
  width: 1440px;
}

.index .frame-427320621 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 567px;
}

.index .book-a-call-with-our-team {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .got-questions-lets {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-right: -17.00px;
  position: relative;
  width: 584px;
}

.index .group-285 {
  height: 415px;
  position: relative;
  width: 1110px;
}

.index .overlap-group1 {
  height: 415px;
  position: relative;
}

.index .rectangle-30 {
  background-color: var(--cards);
  border-radius: 10px;
  height: 264px;
  left: 0;
  position: absolute;
  top: 151px;
  width: 1110px;
}

.index .mobile-app-1 {
  height: 372px;
  left: 68px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 474px;
}

.index .frame-427320622-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 650px;
  position: absolute;
  top: 201px;
  width: 426px;
}

.index .download-bookify-app {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .scan-tickets-track {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.index .download-buton {
  height: 49.9px;
  position: relative;
  width: 316.65px;
}

.index .apple-download-button {
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 151px;
}

.index .google-download-button {
  height: 50px;
  left: 166px;
  position: absolute;
  top: 0;
  width: 151px;
}

.index .footer {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 17px;
  padding: 20px 165px;
  position: relative;
  width: 1440px;
}

.index .line-4 {
  height: 1px;
  margin-top: -1.00px;
  width: 100%;
}

.index .frame-1000004224 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.index .white-logo-1-1 {
  height: 58px;
  position: relative;
  width: 163px;
}

.index .terms-conditions {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .privacy-policy {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .refund-policy {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .cancellation-policy {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .line {
  height: 1px;
  width: 100%;
}

.index .frame-1000004229 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.index .frame-427320625 {
  align-items: flex-start;
  background-color: var(--cards);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 20px;
  position: relative;
  width: 210px;
}

.index .frame-427320624-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  margin-right: -30.00px;
  position: relative;
  width: 200px;
}

.index .authorized-by-1 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .no-2506170105 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .payment-methods {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-4 {
  align-self: stretch;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .frame-1000004226 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 158px;
}

.index .contact-info {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .text-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.index .supportbookifysa {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .frame-1000004225 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 151.87px;
}

.index .follow-us {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .copyright-2024-p {
  align-self: stretch;
  color: transparent;
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .pattern-1-1 {
  height: 137px;
  left: 1390px;
  top: 908px;
  width: 111px;
}

.index .pattern-1-2 {
  height: 136px;
  left: 1410px;
  top: 3208px;
  width: 91px;
}

.index .address-2 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .basic-3 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .bookify-wallet-organizer-app-3 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .boost-ticket-sales-3 {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .button-6 {
  align-items: center;
  border-radius: 10px;
  gap: 10px;
  height: 42px;
  justify-content: center;
  padding: 0px 20px;
  position: relative;
}

.index .designed-for-event-o-3 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.index .ellipse {
  border-radius: 4.91px/5px;
  height: 10px;
  width: 10px;
}

.index .frame-15-3 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 130px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.index .group-80-3 {
  background-size: 100% 100%;
  height: 25px;
  position: relative;
  width: 25px;
}

.index .home-5 {
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .line-2 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
}

.index .navbar-element-3 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 5px;
  justify-content: center;
}

.index .pattern-1-3 {
  object-fit: cover;
  position: absolute;
}

.index .place-2 {
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .service-fees-per-ticket-3 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .subtract-2 {
  height: 16px;
  position: absolute;
  top: 4px;
}

.index .users-4 {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .x1-2 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .x75-k-4 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}
@media screen and (max-width: 1439px) {
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.home-page-u124-mobile { 
    display: none;
   }
}