/* screen - index */

.index {
  align-items: center;
  background-color: var(--cod-gray);
  display: flex;
  flex-direction: column;
  height: 5151px;
  overflow: hidden;
  width: 1440px;
}

.index .overlap-group17 {
  height: 100px;
  margin-top: 10px;
  position: relative;
  width: 1440px;
}



.index .white-logo-1 {
  height: 60px;
  margin-bottom: 10.0px;
  object-fit: cover;
  width: 188px;
}



.index .navbar-element-1 {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  margin-left: -27.00px;
  position: relative;
}

.index .place {
  color: var(--bookify);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-weight: 700;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .rectangle-1-1 {
  align-self: stretch;
  background-color: var(--bookify);
  width: 100%;
}

.index .navbar-element-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 5px;
  position: relative;
  width: 78px;
}

.index .home {
  margin-top: -1.00px;
  text-align: center;
}

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

.index .rectangle-1-2 {
  background-color: var(--secondary-color);
  flex: 1;
  flex-grow: 1;
  opacity: 0;
}

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

.index .home-1 {
  margin-top: -1.00px;
  text-align: center;
}

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

.index .home-2 {
  margin-top: -1.00px;
  text-align: center;
}

.index .navbar-element-3 {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  margin-right: -27.00px;
  position: relative;
}

.index .home-3 {
  margin-top: -1.00px;
  text-align: center;
}

.index .line-3 {
  height: 38px;
  margin-bottom: 6.0px;
  margin-left: 329px;
  width: 1px;
}

.index .frame-2-1 {
  align-items: center;
  display: flex;
  gap: 25px;
  height: 48px;
  justify-content: center;
  margin-bottom: 10.0px;
  margin-left: 20px;
  padding: 0px 80px;
  position: relative;
  width: 212px;
}

.index .login {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -79.50px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .frame-1 {
  align-items: center;
  background-color: var(--bookify);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 50px;
  justify-content: center;
  margin-bottom: -1.00px;
  margin-left: -0.50px;
  margin-right: -79.50px;
  margin-top: -1.00px;
  overflow: hidden;
  padding: 13px 36px;
  position: relative;
  width: 132px;
}

.index .sign-up {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -7.00px;
  margin-right: -7.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .group-7 {
  align-items: center;
  display: flex;
  gap: 2px;
  height: 24px;
  left: 949px;
  min-width: 85px;
  position: absolute;
  top: 34px;
}

.index .pin_fill {
  align-items: flex-start;
  display: flex;
  height: 24px;
  min-width: 24px;
  padding: 4px 5px;
}

.index .subtract-4 {
  height: 16px;
  width: 14px;
}

.index .place-1 {
  min-height: 22px;
  min-width: 57px;
}

.index .group-8 {
  align-items: flex-end;
  display: flex;
  gap: 3px;
  height: 24px;
  left: 1051px;
  min-width: 56px;
  position: absolute;
  top: 34px;
}

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








.index .rectangle-3 {
  background-color: var(--bookify);
  border-radius: 0px 15px 15px 0px;
  height: 62px;
  left: 755px;
  position: absolute;
  top: 0;
  width: 138px;
}

.index .search {
  left: 793px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 19px;
}

.index .navbar-element-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 5px;
  height: 30px;
  left: 639px;
  position: absolute;
  top: 16px;
  width: 107px;
}

.index .home-4 {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-weight: 700;
}

.index .rectangle-1-3 {
  background-color: var(--black);
  flex: 1;
  flex-grow: 1;
  opacity: 0;
}

.index .search_light {
  height: 24px;
  left: 20px;
  position: absolute;
  top: 21px;
  width: 24px;
}

.index .overlap-group18 {
  height: 501px;
  margin-left: 1.0px;
  margin-top: 35px;
  position: relative;
  width: 3829px;
}

.index .group-3 {
  align-items: flex-start;
  display: flex;
  height: 501px;
  left: 0;
  min-width: 3829px;
  position: absolute;
  top: 0;
}

.index .component-3 {
  align-items: flex-start;
  display: flex;
  height: 497px;
  justify-content: flex-end;
  min-width: 1240px;
}

.index .frame-3 {
  align-items: flex-start;
  background-color: var(--bookify);
  border-radius: 10px;
  display: flex;
  height: 87px;
  margin-top: 27.45px;
  overflow: hidden;
  padding: 9px 22px;
  width: 89px;
}

.index .overlap-group {
  height: 62px;
  position: relative;
  width: 45px;
}

.index .number {
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
}

.index .name {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 40px;
}

.index .overlap-group6 {
  align-items: flex-start;
  background-color: var(--gray);
  border-radius: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
  margin-left: 690px;
  min-height: 497px;
  padding: 41.1px 18px;
  width: 422px;
}

.index .sherine-abdel-wahab-concert {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 14px;
  margin-top: 2px;
  min-height: 57px;
  width: 276px;
}

.index .sherine-abdel-wahab {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 20.0px;
  margin-top: 13px;
  min-height: 72px;
  width: 340px;
}

.index .group-1-1 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  height: 120px;
  justify-content: flex-end;
  margin-top: 34px;
  min-width: 385px;
}

.index .t_fill-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-height: 60px;
  width: 24px;
}

.index .t_fill {
  align-items: flex-end;
  display: flex;
  height: 24px;
  justify-content: flex-end;
  min-width: 24px;
}

.index .overlap-group-1 {
  height: 19px;
  margin-bottom: -10157.65px;
  position: relative;
  width: 14px;
}

.index .subtract {
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 14px;
}

.index .ellipse-40 {
  height: 6px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 14px;
}

.index .subtract-1 {
  height: 16px;
  margin-bottom: -10120.4px;
  width: 20px;
}

.index .flex-col-2 {
  align-items: flex-start;
  margin-left: 21px;
  min-height: 93px;
  width: 155px;
}

.index .address {
  white-space: nowrap;
}

.index .coca-cola-arena {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 13px;
  min-height: 22px;
  white-space: nowrap;
}

.index .address-1 {
  margin-top: 16px;
  white-space: nowrap;
}

.index .line-1 {
  align-self: flex-start;
  height: 1px;
  margin-left: 146px;
  margin-top: -1px;
  object-fit: cover;
  width: 22px;
}

.index .date_today-1 {
  height: 24px;
  margin-bottom: -10367.44px;
  margin-left: 7400px;
  width: 24px;
}

.index .overlap-group1 {
  align-items: flex-start;
  background-color: var(--bookify);
  border-radius: 10px;
  display: flex;
  height: 70px;
  margin-left: 25px;
  margin-top: 48px;
  min-width: 286px;
  padding: 21.6px 77px;
}

.index .bookify-it {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  text-align: center;
  white-space: nowrap;
  width: 122px;
}

.index .rectangle-4-1 {
  align-self: flex-end;
  height: 494px;
  margin-bottom: -10436.06px;
  margin-left: 6528px;
  width: 818px;
}

.index .overlap-group7 {
  align-self: flex-end;
  height: 500px;
  margin-bottom: 0;
  margin-left: 5px;
  position: relative;
  width: 1309px;
}

.index .component-3-1 {
  height: 500px;
  left: 29px;
  position: absolute;
  top: 0;
  width: 1280px;
}

.index .overlap-group2 {
  align-items: flex-start;
  background-image: url(../img/rectangle-4.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 497px;
  left: 0;
  min-width: 844px;
  padding: 27.6px 40.3px;
  position: absolute;
  top: 0;
}

.index .frame-3-1 {
  background-color: var(--gray-2);
  height: 88px;
  width: 92px;
}

.index .overlap-group1-2 {
  align-items: flex-start;
  background-color: var(--gray);
  border-radius: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
  left: 844px;
  min-height: 500px;
  padding: 41.3px 18.8px;
  position: absolute;
  top: 0;
  width: 436px;
}

.index .coming-soon {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 14.26px;
  margin-top: 2px;
  min-height: 29px;
}

.index .stay-tuned-for-excit {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 20.65px;
  margin-top: 15px;
  min-height: 72px;
  width: 351px;
}

.index .group-1-2 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 61px;
  min-height: 120px;
  width: 397px;
}

.index .line-1-1 {
  margin-top: -1px;
  width: 391px;
}

.index .flex-row-1 {
  align-items: flex-end;
  display: flex;
  gap: 22px;
  height: 96px;
  margin-left: 11.35px;
  min-width: 206px;
}

.index .flex-col-3 {
  align-items: flex-start;
  min-height: 96px;
  width: 25px;
}

.index .date_today-2 {
  height: 24px;
  margin-left: 0;
  width: 25px;
}

.index .pin_alt_fill-1 {
  height: 24px;
  margin-top: 12px;
  min-width: 25px;
  padding: 2.0px 4.2px;
}

.index .overlap-group-4 {
  height: 20px;
  position: relative;
  width: 16px;
}

.index .subtract-5 {
  height: 16px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 14px;
}

.index .ellipse-40-2 {
  height: 6px;
  top: 13px;
  width: 16px;
}

.index .ticket_fill-1 {
  align-items: flex-start;
  display: flex;
  height: 24px;
  margin-top: 13px;
  min-width: 25px;
  padding: 3.9px 2.1px;
}

.index .subtract-6 {
  height: 16px;
  width: 21px;
}

.index .flex-col-4 {
  align-items: flex-start;
  min-height: 94px;
  width: 160px;
}

.index .address-3 {
  width: 158px;
}

.index .music-arena-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 13px;
  min-height: 22px;
  width: 160px;
}

.index .x150-aed {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 16px;
  min-height: 22px;
  width: 78px;
}

.index .overlap-group3 {
  align-items: flex-start;
  background-color: var(--bookify);
  border-radius: 10px;
  display: flex;
  height: 70px;
  margin-left: 25.61px;
  margin-top: 48px;
  min-width: 295px;
  padding: 21.7px 79.5px;
}

.index .bookify-it-2 {
  white-space: nowrap;
  width: 126px;
}

.index .group-22 {
  align-items: flex-start;
  display: flex;
  height: 60px;
  left: 0;
  min-width: 60px;
  position: absolute;
  top: 221px;
  transform: rotate(180deg);
}

.index .group-4 {
  align-items: flex-end;
  background-color: var(--alto);
  border-radius: 30px/29.88px;
  display: flex;
  height: 60px;
  justify-content: flex-end;
  min-width: 60px;
  padding: 10.0px 9px;
}

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

.index .component-4 {
  align-items: flex-start;
  display: flex;
  gap: 690px;
  height: 497px;
  margin-left: 35px;
  min-width: 1240px;
}

.index .overlap-group5 {
  height: 494px;
  position: relative;
  width: 128px;
}

.index .rectangle-4-2 {
  height: 494px;
  left: 0;
  position: absolute;
  top: 0;
  width: 45px;
}

.index .frame-3-2 {
  background-color: var(--bookify);
  height: 87px;
  left: 39px;
  position: absolute;
  top: 27px;
  width: 89px;
}

.index .overlap-group4 {
  align-items: flex-start;
  background-color: var(--gray);
  border-radius: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
  min-height: 497px;
  padding: 41.1px 18px;
  width: 422px;
}

.index .group-1-3 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-top: 34px;
  min-height: 120px;
  width: 385px;
}

.index .flex-row-2 {
  align-items: flex-end;
  align-self: flex-start;
  display: flex;
  gap: 21px;
  height: 93px;
  margin-left: 11px;
  margin-top: 26px;
  min-width: 200px;
}

.index .flex-col-5 {
  align-items: flex-start;
  min-height: 93px;
  width: 155px;
}

.index .line-1-2 {
  margin-right: -5173px;
  margin-top: 10319px;
  width: 379px;
}

.index .date_today-3 {
  height: 24px;
  margin-right: -4829px;
  margin-top: 24px;
  width: 24px;
}

.index .group-4-1 {
  align-items: center;
  background-color: var(--alto);
  border-radius: 30px;
  display: flex;
  height: 60px;
  justify-content: flex-end;
  left: 2530px;
  min-width: 60px;
  padding: 0 9px;
  position: absolute;
  top: 223px;
}

.index .expand_left-3 {
  height: 40px;
  width: 40px;
}

.index .favorite {
  height: 40px;
  left: 2481px;
  position: absolute;
  top: 401px;
  width: 40px;
}

.index .group-35 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-left: 0.73px;
  margin-top: 26px;
  min-width: 111px;
}

.index .ellipse-120 {
  background-color: var(--bookify);
  border-radius: 7px;
  height: 14px;
  width: 14px;
}

.index .ellipse-1 {
  background-color: var(--alto);
  border-radius: 7px;
  height: 14px;
  width: 14px;
}

.index .flex-row-3 {
  align-items: flex-start;
  display: flex;
  gap: 1068px;
  height: 42px;
  margin-left: 24.0px;
  margin-top: 34px;
  min-width: 1308px;
}

.index .categories {
  letter-spacing: 0;
  line-height: normal;
  min-height: 37px;
  min-width: 170px;
  text-align: center;
}

.index .group-28 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 10px;
  min-width: 70px;
}

.index .group-1 {
  align-items: center;
  background-color: var(--alto);
  border-radius: 15px;
  display: flex;
  height: 30px;
  justify-content: flex-end;
  min-width: 30px;
  padding: 0 4.5px;
  transform: rotate(180deg);
}

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

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

.index .flex-row-4 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 48px;
  margin-right: -244px;
  margin-top: 37px;
  min-width: 1604px;
}

.index .component-5 {
  align-items: flex-start;
  background-image: url(../img/rectangle-27.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 12px;
  height: 170px;
  justify-content: flex-end;
  min-width: 365px;
  padding: 27.4px 13.0px;
}

.index .entertainment {
  align-self: center;
  margin-bottom: 5.04px;
  min-height: 29px;
  text-align: center;
  width: 187px;
}

.index .music_fill {
  height: 114px;
  width: 112px;
}

.index .overlap-group19 {
  height: 170px;
  position: relative;
  width: 365px;
}

.index .component-6 {
  align-items: flex-start;
  background-image: url(../img/rectangle-27-1.svg);
  background-size: 100% 100%;
  display: flex;
  height: 170px;
  left: 0;
  min-width: 365px;
  padding: 68.0px 41.1px;
  position: absolute;
  top: 0;
}

.index .entertainment-1 {
  min-height: 29px;
  text-align: center;
  width: 187px;
}

.index .ellipse-container {
  align-items: flex-start;
  border: 5px solid;
  border-color: var(--secondary-color);
  border-radius: 37.67px;
  display: flex;
  gap: 6px;
  height: 75px;
  left: 236px;
  min-width: 75px;
  position: absolute;
  top: 46px;
}

.index .ellipse-236 {
  align-self: center;
  height: 48px;
  margin-left: -1px;
  margin-top: 11.2px;
  width: 30px;
}

.index .ellipse-237 {
  height: 48px;
  margin-top: -2.0px;
  width: 30px;
}

.index .component-7 {
  align-items: flex-start;
  background-image: url(../img/rectangle-27-2.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 12px;
  height: 170px;
  justify-content: flex-end;
  min-width: 365px;
  padding: 27.3px 13.0px;
}

.index .book_open {
  height: 113px;
  width: 112px;
}

.index .component-8 {
  align-items: flex-end;
  display: flex;
  gap: 5267px;
  min-width: 365px;
}

.index .overlap-group9 {
  height: 170px;
  position: relative;
  width: 228px;
}

.index .rectangle-27 {
  height: 170px;
  left: 0;
  position: absolute;
  top: 0;
  width: 121px;
}

.index .entertainment-2 {
  left: 41px;
  position: absolute;
  text-align: center;
  top: 68px;
  width: 187px;
}

.index .music_fill-1 {
  height: 113px;
  margin-bottom: -9755.65px;
  width: 112px;
}

.index .group-270 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  gap: 34px;
  height: 461px;
  margin-right: -138px;
  margin-top: 49px;
  min-width: 1498px;
}

.index .flex-col-6 {
  align-items: flex-start;
  gap: 44px;
  min-height: 461px;
  width: 734px;
}

.index .frame-18 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.index .our-events {
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .expand_left-4 {
  height: 30px;
  position: relative;
  width: 30px;
}

.index .component-3-2 {
  align-items: flex-start;
  display: flex;
  height: 380px;
  margin-left: 4px;
  min-width: 730px;
}

.index .rectangle-4 {
  height: 378px;
  object-fit: cover;
  width: 380px;
}

.index .overlap-group1-3 {
  align-items: center;
  background-color: var(--gray);
  border-radius: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
  min-height: 380px;
  padding: 27.7px 14.4px;
  width: 350px;
}

.index .coming-soon-1 {
  margin-right: 24.86px;
  margin-top: 5px;
  width: 277px;
}

.index .stay-tuned-for-excit-1 {
  margin-right: 35.0px;
  margin-top: 9px;
}

.index .group-1-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 19px;
  margin-right: 32.53px;
  margin-top: 40px;
  min-height: 97px;
  width: 289px;
}

.index .line-1-3 {
  margin-top: -1px;
  width: 283px;
}

.index .flex-row {
  gap: 16px;
  height: 78px;
  margin-left: 8.21px;
  min-width: 236px;
}

.index .flex-col {
  flex-direction: column;
  min-height: 73px;
  width: 18px;
}

.index .date_today {
  height: 18px;
  width: 18px;
}

.index .pin_alt_fill {
  height: 18px;
  justify-content: flex-end;
  margin-top: 9px;
  min-width: 18px;
  padding: 1.2px 2.7px;
}

.index .overlap-group-2 {
  height: 15px;
  position: relative;
  width: 12px;
}

.index .subtract-2 {
  height: 12px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 10px;
}

.index .ellipse-40-1 {
  height: 5px;
  top: 10px;
  width: 12px;
}

.index .ticket_fill {
  align-items: flex-end;
  display: flex;
  height: 18px;
  margin-top: 10px;
  min-width: 18px;
  padding: 3.0px 1.5px;
}

.index .subtract-3 {
  height: 12px;
  width: 15px;
}

.index .flex-col-1 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 77px;
  width: 202px;
}

.index .address-2 {
  width: 202px;
}

.index .music-arena {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 4px;
  min-height: 22px;
  width: 118px;
}

.index .number-1 {
  margin-top: 6px;
  min-height: 22px;
  width: 76px;
}

.index .flex-row-5 {
  align-items: center;
  display: flex;
  gap: 13px;
  margin-right: 23.72px;
  margin-top: 33px;
  min-width: 262px;
}

.index .overlap-group-5 {
  align-items: flex-start;
  background-color: var(--bookify);
  border-radius: 10px;
  display: flex;
  height: 55px;
  min-width: 213px;
  padding: 14.5px 41.4px;
}

.index .bookify-it-1 {
  width: 122px;
}

.index .favorite-1 {
  height: 35px;
  margin-bottom: 9.24px;
  width: 35px;
}

.index .flex-col-7 {
  align-items: center;
  gap: 48px;
  min-height: 458px;
  width: 730px;
}

.index .group-298 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-left: 276.0px;
  min-width: 70px;
}

.index .component-15 {
  align-items: flex-start;
  display: flex;
  height: 380px;
  min-width: 730px;
}

.index .overlap-group2-1 {
  align-items: flex-start;
  background-color: var(--gray);
  border-radius: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
  min-height: 380px;
  padding: 28.7px 14.4px;
  width: 350px;
}

.index .coming-soon-2 {
  margin-left: 9.7px;
  margin-top: 4px;
}

.index .stay-tuned-for-excit-2 {
  margin-left: 10.62px;
  margin-top: 11px;
}

.index .group-1-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 19px;
  margin-top: 39px;
  min-height: 97px;
  width: 289px;
}

.index .line-1-4 {
  margin-top: -1px;
  width: 198px;
}

.index .number-2 {
  margin-top: 6px;
  min-height: 22px;
  width: 81px;
}

.index .overlap-group1-4 {
  align-items: flex-start;
  background-color: var(--bookify);
  border-radius: 10px;
  display: flex;
  height: 55px;
  margin-left: 17.9px;
  margin-top: 32px;
  min-width: 213px;
  padding: 14.5px 41.4px;
}

.index .favorite_fill {
  align-self: flex-end;
  height: 28px;
  margin-bottom: -9438.53px;
  margin-left: 5637px;
  width: 28px;
}

.index .group-20 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 21px;
  margin-left: 36.0px;
  margin-top: 82px;
  min-height: 203px;
  width: 1300px;
}

.index .our-achievements {
  align-self: center;
  margin-right: 19.0px;
  min-height: 37px;
  min-width: 293px;
}

.index .flex-row-6 {
  align-items: flex-start;
  background-color: var(--gray);
  border-radius: 20px;
  display: flex;
  height: 145px;
  justify-content: flex-end;
  min-width: 1282px;
  padding: 31px 167px;
}

.index .flex-col-8 {
  align-items: flex-end;
  gap: 8px;
  min-height: 71px;
  width: 70px;
}

.index .x75-k {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4px;
  min-height: 34px;
  min-width: 61px;
  text-align: center;
}

.index .users {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 70px;
  text-align: center;
}

.index .flex-col-9 {
  align-items: center;
  gap: 8px;
  margin-left: 194px;
  min-height: 71px;
  width: 85px;
}

.index .x13-k {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  min-height: 34px;
  min-width: 56px;
  text-align: center;
}

.index .events {
  min-height: 29px;
  min-width: 85px;
}

.index .flex-col-10 {
  align-items: center;
  gap: 8px;
  margin-left: 188px;
  min-height: 71px;
  width: 120px;
}

.index .x97-k {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.0px;
  min-height: 34px;
  min-width: 63px;
  text-align: center;
}

.index .bookings {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 120px;
  text-align: center;
}

.index .flex-col-11 {
  align-items: center;
  gap: 8px;
  margin-left: 205px;
  min-height: 71px;
  width: 71px;
}

.index .number-3 {
  min-height: 34px;
  min-width: 17px;
  text-align: center;
}

.index .cities {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 71px;
  text-align: center;
}

.index .group-21 {
  align-items: flex-start;
  display: flex;
  gap: 35px;
  height: 326px;
  margin-right: 0.91px;
  margin-top: 81px;
  min-width: 1235px;
}

.index .logo-small-container {
  align-items: center;
  align-self: flex-end;
  display: flex;
  gap: 40px;
  min-width: 426px;
}

.index .logo-small {
  height: 160px;
  object-fit: cover;
  width: 86px;
}

.index .p-logo-small {
  height: 300px;
  object-fit: cover;
  width: 300px;
}

.index .flex-col-12 {
  align-items: flex-start;
  gap: 46px;
  min-height: 283px;
  width: 774px;
}

.index .our-clients {
  margin-left: 58px;
  min-height: 37px;
  min-width: 177px;
}

.index .flex-row-7 {
  align-items: center;
  display: flex;
  min-width: 774px;
}

.index .x63e95d1b71e18830180207 {
  height: 150px;
  margin-bottom: 4.0px;
  object-fit: cover;
  width: 150px;
}

.index .overlap-group11 {
  height: 200px;
  margin-left: 55px;
  position: relative;
  width: 385px;
}

.index .dalcf {
  height: 100px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 53px;
  width: 201px;
}

.index .photo_2023-11-02_13-42-29 {
  height: 200px;
  left: 183px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 202px;
}

.index .tribe-logo {
  height: 60px;
  margin-bottom: 14.0px;
  margin-left: 3px;
  object-fit: cover;
  width: 181px;
}

.index .group-283 {
  align-items: flex-end;
  display: flex;
  height: 336px;
  margin-left: 11.0px;
  margin-top: 1px;
  min-width: 1289px;
}

.index .overlap-group1-1 {
  align-items: flex-end;
  background-color: var(--gray);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 260px;
  padding: 37.3px 13px;
  width: 400px;
}

.index .flex-row-8 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 15px;
  margin-right: 38.0px;
  margin-top: 5px;
  min-width: 296px;
}

.index .overlap-group-6 {
  align-items: flex-end;
  background-color: var(--secondary-color);
  border-radius: 10px;
  display: flex;
  height: 61px;
  min-width: 60px;
  padding: 7px 10px;
}

.index .icons8-sales-100-1 {
  height: 40px;
  object-fit: cover;
  width: 40px;
}

.index .boost-your-ticket-sales {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 7.94px;
  min-height: 45px;
  width: 221px;
}

.index .designed-for-event-o {
  letter-spacing: 0;
  line-height: normal;
  min-height: 101px;
  width: 354px;
}

.index .flex-col-13 {
  align-items: center;
  gap: 39px;
  margin-left: 40px;
  min-height: 336px;
  width: 400px;
}

.index .why-sell-on-bookify {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  min-height: 37px;
  min-width: 317px;
  text-align: center;
}

.index .flex-row-9 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 15px;
  margin-right: 14.0px;
  margin-top: 5px;
  min-width: 320px;
}

.index .overlap-group1-5 {
  align-items: flex-end;
  background-color: var(--secondary-color);
  border-radius: 10px;
  display: flex;
  height: 61px;
  min-width: 60px;
  padding: 10px;
}

.index .icons8-sales-100-2 {
  height: 40px;
  object-fit: cover;
  width: 40px;
}

.index .easily-manage-your-events {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 5.94px;
  min-height: 45px;
  width: 245px;
}

.index .effortlessly-organiz {
  letter-spacing: 0;
  line-height: normal;
  min-height: 101px;
  width: 354px;
}

.index .overlap-group14 {
  align-items: flex-start;
  background-color: var(--gray);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-left: 35px;
  min-height: 260px;
  padding: 37.3px 13px;
  width: 400px;
}

.index .flex-row-10 {
  align-items: center;
  display: flex;
  gap: 15px;
  margin-left: 20px;
  margin-top: 5px;
  min-width: 278px;
}

.index .group-242 {
  align-items: flex-start;
  background-color: var(--secondary-color);
  border-radius: 10px;
  display: flex;
  height: 61px;
  min-width: 60px;
  padding: 9px 10px;
}

.index .icons8-sales-100-3-1 {
  height: 40px;
  object-fit: cover;
  width: 40px;
}

.index .secure-and-safe-payment {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 5.94px;
  min-height: 45px;
  width: 203px;
}

.index .ensure-secure-and-sa {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  min-height: 101px;
  width: 354px;
}

.index .group-290 {
  align-items: flex-start;
  display: flex;
  gap: 94px;
  height: 506px;
  margin-left: 41.0px;
  margin-top: 91px;
  min-width: 1223px;
}

.index .group-container {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 35px;
  min-height: 486px;
  width: 529px;
}

.index .group-297 {
  align-items: flex-start;
  display: flex;
  gap: 19px;
  min-width: 445px;
}

.index .overlap-group-7 {
  align-items: flex-start;
  background-color: var(--bookify);
  border-radius: 10px;
  display: flex;
  height: 55px;
  min-width: 213px;
  padding: 14.5px 33.4px;
}

.index .surname {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 138px;
  text-align: center;
  white-space: nowrap;
}

.index .overlap-group1-6 {
  align-items: flex-start;
  background-color: var(--gray);
  border-radius: 10px;
  display: flex;
  height: 55px;
  min-width: 213px;
  padding: 14.5px 27.4px;
}

.index .custom-pages {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 151px;
  text-align: center;
  white-space: nowrap;
}

.index .group-286 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 396px;
  width: 529px;
}

.index .ready-to-launch-your {
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 4px;
  min-height: 74px;
  width: 494px;
}

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

.index .group-245 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 27px;
  margin-right: -6px;
  margin-top: 7px;
  min-height: 201px;
  width: 528px;
}

.index .offer-your-attendees {
  letter-spacing: 0;
  line-height: normal;
  min-height: 40px;
  width: 520px;
}

.index .flex-row-11 {
  align-items: center;
  display: flex;
  gap: 19px;
  height: 134px;
  min-width: 411px;
}

.index .group-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 134px;
  width: 40px;
}

.index .group-268 {
  align-items: flex-end;
  background-color: var(--secondary-color);
  border-radius: 5px;
  display: flex;
  height: 40px;
  min-width: 40px;
  padding: 4px 5px;
}

.index .black-and-orange2x-2 {
  height: 28px;
  object-fit: cover;
  width: 29px;
}

.index .group-243 {
  align-items: flex-start;
  background-color: var(--secondary-color);
  border-radius: 5px;
  display: flex;
  height: 40px;
  margin-top: 8px;
  min-width: 40px;
  padding: 5.9px 6.7px;
}

.index .icons8-sales-100-3 {
  height: 26px;
  object-fit: cover;
  width: 27px;
}

.index .group-244 {
  align-items: flex-start;
  background-color: var(--secondary-color);
  border-radius: 5px;
  display: flex;
  height: 40px;
  margin-top: 6px;
  min-width: 40px;
  padding: 5.9px 6.7px;
}

.index .flex-col-14 {
  align-items: flex-start;
  margin-bottom: 3.0px;
  min-height: 115px;
  width: 352px;
}

.index .a-website-with-your-unique-branding {
  letter-spacing: 0;
  line-height: normal;
  min-height: 20px;
}

.index .get-full-control-ove {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 30px;
  min-height: 20px;
}

.index .get-customized-features-for-your-events {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 25px;
  min-height: 20px;
}

.index .frame-427320619 {
  align-items: center;
  background-color: var(--bookify);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 50px;
  justify-content: center;
  margin-top: 64px;
  padding: 12px 9px;
  position: relative;
  width: 200px;
}

.index .join-bookify {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .ellipse-container-1 {
  align-items: flex-end;
  background-image: url(../img/rectangle-33.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  height: 500px;
  justify-content: flex-end;
  min-width: 600px;
  padding: 16px 273.8px;
}

.index .packages {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 115px;
  min-height: 37px;
  min-width: 152px;
  text-align: center;
}

.index .frame-16 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-right: 6.0px;
  margin-top: 48px;
  position: relative;
  width: 1286px;
}

.index .package {
  align-items: center;
  background-color: var(--gray);
  border-radius: 20px;
  display: flex;
  gap: 10px;
  height: 600px;
  justify-content: center;
  padding: 77px 40px;
  position: relative;
  width: 400px;
}

.index .frame-14 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
  height: 491px;
  margin-bottom: -22.50px;
  margin-top: -22.50px;
  position: relative;
}

.index .frame-15 {
  align-items: flex-start;
  align-self: stretch;
  background-color: #009245;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 150px;
  padding: 20px 30px;
  position: relative;
  width: 100%;
}

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

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

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

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

.index .group-80 {
  height: 30px;
  position: relative;
  width: 30px;
}

.index .x2-in-service-fees-per-ticket {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 246px;
}

.index .frame-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--secondary-color);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 50px;
  justify-content: center;
  margin-bottom: -19.00px;
  overflow: hidden;
  padding: 13px 36px;
  position: relative;
  width: 100%;
}

.index .subscribe {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .frame-15-1 {
  background-color: #2e3192;
  gap: 20px;
}

.index .x0 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .frame-15-2 {
  background-color: var(--bookify);
  gap: 15px;
}

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

.index .starting-from {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .group-285 {
  align-items: flex-start;
  display: flex;
  margin-right: 2.0px;
  margin-top: 85px;
  min-width: 1280px;
}

.index .overlap-group15 {
  height: 492px;
  position: relative;
  width: 1280px;
}

.index .rectangle-30 {
  background-color: var(--bookify);
  border-radius: 20px;
  height: 360px;
  left: 0;
  position: absolute;
  top: 132px;
  width: 1280px;
}

.index .mobile-app-1 {
  height: 433px;
  left: 77px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 552px;
}

.index .frame-427320622 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 37px;
  left: 743px;
  position: absolute;
  top: 228px;
  width: 461px;
}

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

.index .download-bookify-app {
  align-self: stretch;
  color: var(--cod-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .scan-tickets-track {
  align-self: stretch;
  color: var(--cod-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .download-buton {
  height: 55px;
  position: relative;
  width: 349px;
}

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

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

.index .desktop-footer {
  align-items: flex-end;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 22px;
  margin-top: 116px;
  min-height: 279px;
  padding: 0 3px;
  width: 1340px;
}

.index .flex-col-15 {
  align-items: flex-end;
  margin-top: -1px;
  min-height: 87px;
  width: 1284px;
}

.index .line {
  height: 1px;
  object-fit: cover;
  width: 1279px;
}

.index .flex-row-12 {
  align-items: center;
  align-self: flex-start;
  display: flex;
  margin-top: 17px;
  min-width: 1230px;
}

.index .white-logo-1-1 {
  height: 58px;
  object-fit: cover;
  width: 181px;
}

.index .events-1 {
  margin-bottom: 2.0px;
  margin-left: 66px;
  min-height: 24px;
  min-width: 71px;
  white-space: nowrap;
}

.index .entertainment-3 {
  margin-bottom: 2.0px;
  margin-left: 20px;
  min-height: 22px;
  min-width: 134px;
}

.index .sports {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  margin-left: 20px;
  min-height: 22px;
  min-width: 59px;
}

.index .workshops {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  margin-left: 20px;
  min-height: 22px;
  min-width: 102px;
}

.index .escape-rooms {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  margin-left: 20px;
  min-height: 22px;
  min-width: 133px;
}

.index .cinema {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  margin-left: 20px;
  min-height: 22px;
  min-width: 71px;
}

.index .become-an-organizer {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  margin-left: 85px;
  min-height: 24px;
  min-width: 228px;
  text-align: center;
  white-space: nowrap;
}

.index .line-6 {
  height: 1px;
  margin-top: 10px;
  object-fit: cover;
  width: 1279px;
}

.index .flex-row-13 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 2px;
  margin-right: 22.0px;
  margin-top: 19px;
  min-width: 1200px;
}

.index .flex-col-16 {
  align-items: flex-start;
  gap: 15px;
  margin-top: 3px;
  min-height: 79px;
  width: 193px;
}

.index .payment-methods {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 193px;
  text-align: center;
  white-space: nowrap;
}

.index .flex-row-14 {
  align-items: center;
  display: flex;
  gap: 17px;
  min-width: 178px;
}

.index .mastercard-logosvg-1 {
  height: 30px;
  margin-top: 2.0px;
  object-fit: cover;
  width: 39px;
}

.index .asset-72x-1 {
  height: 20px;
  margin-top: 2.0px;
  object-fit: cover;
  width: 65px;
}

.index .asset-92x-1 {
  height: 40px;
  object-fit: cover;
  width: 40px;
}

.index .flex-row-15 {
  align-items: center;
  display: flex;
  height: 98px;
  min-width: 1005px;
}

.index .asset-102x-1 {
  height: 25px;
  margin-top: 33.0px;
  object-fit: cover;
  width: 63px;
}

.index .asset-112x-1 {
  height: 25px;
  margin-left: 17px;
  margin-top: 33.0px;
  object-fit: cover;
  width: 53px;
}

.index .flex-col-17 {
  align-items: flex-start;
  align-self: flex-start;
  margin-left: 308px;
  min-height: 79px;
  width: 235px;
}

.index .contact-info {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 2px;
  min-height: 24px;
  min-width: 130px;
  text-align: center;
  white-space: nowrap;
}

.index .x00447518801106 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 11px;
  min-height: 20px;
  min-width: 137px;
  text-align: center;
}

.index .supportbookifyeventscom {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 4px;
  margin-top: 4px;
  min-height: 20px;
  min-width: 231px;
  text-align: center;
}

.index .flex-col-18 {
  align-items: flex-start;
  margin-left: 125px;
  min-height: 98px;
  width: 204px;
}

.index .terms-conditions {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 204px;
  text-align: center;
  white-space: nowrap;
}

.index .follow-us {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 4px;
  margin-top: 11px;
  min-height: 24px;
  min-width: 102px;
  text-align: center;
  white-space: nowrap;
}

.index .frame-427320618 {
  align-items: flex-start;
  align-self: flex-end;
  display: inline-flex;
  gap: 25px;
  margin-right: 8.13px;
  margin-top: 18px;
  position: relative;
}

.index .facebook {
  height: 21px;
  position: relative;
  width: 13px;
}

.index .instagram {
  height: 21px;
  position: relative;
  width: 21px;
}

.index .twitter {
  height: 21px;
  position: relative;
  width: 22px;
}

.index .linked-in {
  height: 20.87px;
  position: relative;
  width: 20.87px;
}

.index .flex-col-19 {
  align-items: center;
  gap: 22px;
  margin-top: 20px;
  min-height: 40px;
  width: 1279px;
}

.index .copyright-2024-b {
  color: var(--secondary-color);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 54.0px;
  min-height: 17px;
  min-width: 203px;
}

.index .book {
  align-self: flex-end;
  height: 24px;
  margin-right: -6806px;
  margin-top: 6768px;
  width: 24px;
}

.index .address-4 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 22px;
}

.index .basic-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .bookify-it-3 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  text-align: center;
}

.index .coming-soon-3 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
}

.index .ellipse-40-3 {
  left: 0;
  position: absolute;
}

.index .entertainment-4 {
  letter-spacing: 0;
  line-height: normal;
}

.index .events-2 {
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
}

.index .flex {
  align-items: flex-start;
  display: flex;
}

.index .flex-col-20 {
  display: flex;
  flex-direction: column;
}

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

.index .frame-3-3 {
  align-items: flex-start;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
  padding: 9px 22px;
}

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

.index .line-1-5 {
  height: 1px;
  object-fit: cover;
}

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

.index .navbar-element-5 {
  align-items: center;
  justify-content: center;
}

.index .number-4 {
  letter-spacing: 0;
  line-height: normal;
}

.index .our {
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
}

.index .pin_alt_fill-2 {
  align-items: flex-end;
  display: flex;
}

.index .place-2 {
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
}

.index .price-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .rectangle-1-4 {
  height: 5px;
  position: relative;
}

.index .stay-tuned-for-excit-3 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 55px;
  width: 265px;
}

.index .x2-in-service-fees-per-ticket-11 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}
/* screen - mobile-version */

.mobile-version {
  align-items: center;
  background-color: var(--cod-gray);
  display: flex;
  flex-direction: column;
  height: 1894px;
  overflow: hidden;
  padding: 16px 0;
  width: 375px;
}

.mobile-version .rectangle-33 {
  height: 292px;
  margin-right: 1.0px;
  object-fit: cover;
  width: 342px;
}

.mobile-version .group-297-1 {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  margin-top: 26px;
  min-width: 343px;
}

.mobile-version .overlap-group-8 {
  align-items: flex-end;
  background-color: var(--bookify);
  border-radius: 5px;
  display: flex;
  height: 40px;
  min-width: 164px;
  padding: 9.5px 23.8px;
}

.mobile-version .surname-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 20px;
  min-width: 110px;
  text-align: center;
}

.mobile-version .overlap-group1-7 {
  align-items: flex-end;
  background-color: var(--gray);
  border-radius: 5px;
  display: flex;
  height: 40px;
  min-width: 164px;
  padding: 9.5px 19.1px;
}

.mobile-version .custom-pages-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 20px;
  min-width: 121px;
  text-align: center;
}

.mobile-version .flex-row-16 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  gap: 894px;
  height: 360px;
  margin-right: -1244px;
  margin-top: 30px;
  min-width: 1603px;
}

.mobile-version .group-286-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 360px;
  width: 345px;
}

.mobile-version .ready-to-launch-your-1 {
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 4px;
  min-height: 48px;
  width: 339px;
}

.mobile-version .span1-1 {
  color: var(--bookify);
}

.mobile-version .group-245-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-left: 4px;
  margin-top: 7px;
  min-height: 224px;
  width: 344px;
}

.mobile-version .offer-your-attendees-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 60px;
  width: 336px;
}

.mobile-version .flex-row-17 {
  align-items: flex-start;
  display: flex;
  gap: 9px;
  height: 136px;
  min-width: 336px;
}

.mobile-version .group-container-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 134px;
  width: 40px;
}

.mobile-version .group-268-1 {
  align-items: flex-end;
  background-color: var(--secondary-color);
  border-radius: 5px;
  display: flex;
  height: 40px;
  min-width: 40px;
  padding: 4px 5px;
}

.mobile-version .black-and-orange2x-2-1 {
  height: 28px;
  object-fit: cover;
  width: 29px;
}

.mobile-version .group-243-1 {
  align-items: flex-start;
  background-color: var(--secondary-color);
  border-radius: 5px;
  display: flex;
  height: 40px;
  margin-top: 8px;
  min-width: 40px;
  padding: 5.9px 6.7px;
}

.mobile-version .icons8-sales-100-3-2 {
  height: 26px;
  object-fit: cover;
  width: 27px;
}

.mobile-version .group-244-1 {
  align-items: flex-start;
  background-color: var(--secondary-color);
  border-radius: 5px;
  display: flex;
  height: 40px;
  margin-top: 6px;
  min-width: 40px;
  padding: 5.9px 6.7px;
}

.mobile-version .flex-col-20 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 129px;
  width: 287px;
}

.mobile-version .a-website-with-your-unique-branding-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 34px;
  width: 247px;
}

.mobile-version .get-full-control-ove-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 16px;
  min-height: 34px;
  width: 287px;
}

.mobile-version .get-customized-features-for-your-events-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 11px;
  min-height: 34px;
  width: 265px;
}

.mobile-version .frame-427320619-1 {
  align-items: center;
  background-color: var(--bookify);
  border-radius: 5px;
  display: flex;
  gap: 10px;
  height: 40px;
  justify-content: center;
  margin-top: 40px;
  padding: 12px 9px;
  position: relative;
  width: 164px;
}

.mobile-version .join-bookify-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -1.00px;
  margin-top: -3.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.mobile-version .component-8-1 {
  align-items: center;
  display: flex;
  gap: 6113px;
  justify-content: flex-end;
  margin-top: 12.0px;
  min-width: 364px;
}

.mobile-version .entertainment-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 5.04px;
  min-height: 29px;
  text-align: center;
  width: 186px;
}

.mobile-version .overlap-group-9 {
  align-items: flex-start;
  align-self: flex-end;
  background-image: url(../img/rectangle-27-2@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 170px;
  justify-content: flex-end;
  margin-bottom: -10798px;
  min-width: 364px;
  padding: 27.3px 13px;
}

.mobile-version .music_fill-2 {
  height: 113px;
  width: 112px;
}

.mobile-version .flex-row-18 {
  align-items: center;
  display: flex;
  gap: 170px;
  margin-right: 1.0px;
  margin-top: 44px;
  min-width: 342px;
}

.mobile-version .packages-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  min-height: 24px;
  min-width: 102px;
  text-align: center;
  white-space: nowrap;
}

.mobile-version .group-298-1 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  min-width: 70px;
}

.mobile-version .group-15 {
  transform: rotate(180deg);
}

.mobile-version .expand_left-5 {
  transform: rotate(-180deg);
}

.mobile-version .frame-16-1 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  justify-content: space-between;
  margin-right: -238px;
  margin-top: 27px;
  position: relative;
  width: 597px;
}

.mobile-version .package-1 {
  align-items: center;
  background-color: var(--gray);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 435px;
  justify-content: center;
  padding: 77px 40px;
  position: relative;
  width: 290px;
}

.mobile-version .frame-14-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 406px;
  justify-content: space-between;
  margin-bottom: -62.50px;
  margin-left: -20.00px;
  margin-right: -20.00px;
  margin-top: -62.50px;
  position: relative;
  width: 250px;
}

.mobile-version .frame-15-3 {
  background-color: #009245;
}

.mobile-version .frame-13-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  margin-right: -13.00px;
  position: relative;
  width: 203px;
}

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

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

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

.mobile-version .x2-in-service-fees-per-ticket-11 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 195px;
}

.mobile-version .different-ticket-types {
  letter-spacing: 0;
  line-height: normal;
  margin-right: -46.00px;
  position: relative;
  width: 246px;
}

.mobile-version .frame-2-2 {
  align-items: center;
  background-color: var(--secondary-color);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 40px;
  justify-content: center;
  overflow: hidden;
  padding: 13px 36px;
  position: relative;
  width: 176px;
}

.mobile-version .subscribe-1 {
  color: var(--cod-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -2.00px;
  margin-top: -4.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.mobile-version .frame-15-4 {
  background-color: #2e3192;
}

.mobile-version .group-285-1 {
  align-items: flex-start;
  display: flex;
  margin-top: 35px;
  min-width: 343px;
}

.mobile-version .overlap-group2-2 {
  height: 484px;
  position: relative;
  width: 343px;
}

.mobile-version .rectangle-30-1 {
  background-color: var(--bookify);
  border-radius: 10px;
  height: 335px;
  left: 0;
  position: absolute;
  top: 149px;
  width: 343px;
}

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

.mobile-version .frame-427320622-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 18px;
  position: absolute;
  top: 283px;
  width: 307px;
}

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

.mobile-version .download-bookify-app-1 {
  align-self: stretch;
  color: var(--cod-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobile-version .scan-tickets-track-1 {
  align-self: stretch;
  color: var(--cod-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

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

.mobile-version .apple-download-button-1 {
  height: 55px;
  left: 0;
  position: absolute;
  top: 0;
  width: 146px;
}

.mobile-version .google-download-button-1 {
  height: 55px;
  left: 161px;
  position: absolute;
  top: 0;
  width: 146px;
}

.mobile-version .address {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.mobile-version .basic {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .expand_left {
  height: 20px;
  width: 20px;
}

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

.mobile-version .monthky {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.mobile-version .price {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}