/* screen - 1440 */

.x1440 {
  background-color: var(--neutral900);
  border: 1px none;
  margin: 0px;
  min-height: 3535px;
  min-width: 1440px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x1440 .bg-1-7R3e8M {
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x1440 .rectangle-266-7R3e8M {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.20000000298023224) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x1440 .frame-78-7R3e8M {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: auto;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x1440 .frame-64-LcuqRM {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
  width: 1440.0833740234375px;
}

.x1440 .frame-62-aaa1Xv {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 120px;
  height: auto;
  mix-blend-mode: normal;
  padding: 24px 150px;
  position: relative;
}

.x1440 .frame-60-1jgZHL {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: auto;
  position: relative;
}

.x1440 .frame-59-eCb4ZK {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  position: relative;
}

.x1440 .frame-10-wPTIls {
  background-color: transparent;
  height: 29.91549301147461px;
  min-width: 177px;
  mix-blend-mode: normal;
  position: relative;
}

.x1440 .barfly-S2xIEL {
  left: 12px;
  letter-spacing: 17.52px;
}

.x1440 .group-27-S2xIEL {
  height: 31px;
  width: 177px;
}

.x1440 .rectangle-251-AJLMic {
  border: 1.3513131141662598px solid white;
  height: 31px;
  width: 177px;
}

.x1440 .frame-2-wPTIls {
  align-items: center;
  background-color: var(--type--iconprimary);
  border-radius: 100px;
  display: flex;
  gap: 10px;
  height: auto;
  justify-content: center;
  mix-blend-mode: normal;
  padding: 12px 26px;
  position: relative;
  width: fit-content;
}

.x1440 .get-the-app-hYALWx {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-61-eCb4ZK {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x1440 .a-great-night-out-on-demand-ciUZcK {
  background-color: transparent;
  letter-spacing: 1.12px;
  line-height: 60px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  width: fit-content;
}

.x1440 .dont-leave-your-ente-ciUZcK {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .group-111-ciUZcK {
  background-color: transparent;
  height: 54.445556640625px;
  min-width: 162.87841796875px;
  position: relative;
}

.x1440 .frame-41-1jgZHL {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral800);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: auto;
  mix-blend-mode: normal;
  padding: 64px;
  position: relative;
}

.x1440 .frame-3-ZA9M7I {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
}

.x1440 .finding-your-bar-is-easy-i89gDx {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.x1440 .barfly-shows-you-whi-i89gDx {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: center;
}

.x1440 .frame-40-ZA9M7I {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: 506px;
  position: relative;
}

.x1440 .frame-37-mKKuym {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  padding: 0px 16px;
  position: relative;
}

.x1440 .frame-34-f8Ddr7 {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x1440 .step-1-g8iupk {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .group-11-g8iupk {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x1440 .search-the-area-where-you-want-to-go-out-f8Ddr7 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x1440 .frame-38-mKKuym {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  padding: 0px 16px;
  position: relative;
}

.x1440 .frame-35-rA2Gqg {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x1440 .step-2-1dIxsp {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .group-12-1dIxsp {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x1440 .get-the-best-options-rA2Gqg {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x1440 .frame-39-mKKuym {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  padding: 0px 16px;
  position: relative;
}

.x1440 .frame-36-xarGcr {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x1440 .step-3-89fIEA {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .group-13-89fIEA {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x1440 .receive-guidance-to-xarGcr {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x1440 .group-104-ZA9M7I {
  background-color: transparent;
  height: 52px;
  min-width: 155.5634765625px;
  position: relative;
}

.x1440 .frame-52-1jgZHL {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 112px;
  height: auto;
  padding: 0px 0px 60px;
  position: relative;
}

.x1440 .frame-42-mMBPxf {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x1440 .how-does-barfly-work-for-you-K7QBpC {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .just-enter-an-addres-K7QBpC {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 28px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: left;
}

.x1440 .frame-9-K7QBpC {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .frame-51-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .icons8-checkmark-1-nuBjQv {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.x1440 .access-the-real-time-nuBjQv {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x1440 .frame-43-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .icons8-checkmark-1-gxgwcP {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.x1440 .see-and-like-posts-from-your-friends-gxgwcP {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .frame-44-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .icons8-checkmark-1-S17yJJ {
  height: 19.137939453125px;
  min-width: 19.1376953125px;
}

.x1440 .choose-among-dozens-S17yJJ {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x1440 .frame-45-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .icons8-checkmark-2-JIeFXn {
  background-color: transparent;
  height: 19.29998779296875px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.x1440 .discover-video-photo-JIeFXn {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .frame-46-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .icons8-checkmark-3-VB3oGs {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.x1440 .see-how-expensive-they-are-from-to-VB3oGs {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .frame-47-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .icons8-checkmark-4-CNmDh7 {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.x1440 .get-a-reliable-bar-r-CNmDh7 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x1440 .frame-48-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .track-your-favorite-cOUMJ5 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .frame-49-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .get-walk-drive-direc-KjgxhV {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .frame-50-xz0I3Z {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x1440 .discover-it-all-an-e-FxtKo2 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .rectangle-259-mMBPxf {
  background-color: transparent;
  flex: 1;
  height: 594px;
  min-width: 514.04150390625px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x1440 .frame-63-LcuqRM {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral800);
  display: flex;
  flex-direction: column;
  height: auto;
  mix-blend-mode: normal;
  padding: 80px 150px;
  position: relative;
}

.x1440 .frame-57-BA9qlx {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: auto;
  position: relative;
  width: 1140.0833740234375px;
}

.x1440 .frame-58-fD0MHo {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x1440 .if-they-had-the-barf-L2k6XV {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-56-fD0MHo {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: 344px;
  position: relative;
}

.x1440 .frame-53-xHgrAO {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x1440 .group-35-fo9K2X {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x1440 .lips-are-kind-of-lik-fo9K2X {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.x1440 .frame-66-fo9K2X {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x1440 .ellipse-2-0Qwx6U {
  background-color: transparent;
  height: 60px;
  min-width: 60px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x1440 .group-29-0Qwx6U {
  background-color: transparent;
  flex: 1;
  height: 44px;
  min-width: 251.36111450195312px;
  position: relative;
}

.x1440 .frame-65-4tjIu7 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: auto;
  left: 0px;
  position: relative;
  top: 0px;
  width: 251px;
}

.x1440 .kylie-jenner-CCyz3E {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .american-model-CCyz3E {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-54-xHgrAO {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x1440 .group-36-dqQxsC {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x1440 .group-114-dqQxsC {
  align-self: stretch;
  background-color: transparent;
  height: 72px;
  margin-right: -2.00px;
  min-width: 323.3611145019531px;
  position: relative;
}

.x1440 .you-better-realize-y-XFl0fL {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 321px;
}

.x1440 .x61fb0fc9ae2d48366a9c45f0_emoji-fire-1-2-XFl0fL {
  background-color: transparent;
  height: 14px;
  left: 139px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 52px;
  width: 14px;
}

.x1440 .frame-68-dqQxsC {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x1440 .frame-67-axTDKP {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.x1440 .cardi-b-9y7Jnp {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .american-rapper-9y7Jnp {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-55-xHgrAO {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x1440 .group-37-fj3wtB {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x1440 .barfly-k-os-the-barr-fj3wtB {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.x1440 .frame-70-fj3wtB {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x1440 .frame-69-TLfQkD {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.x1440 .dwayne-johnson-x7aWIW {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .american-actor-x7aWIW {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .frame-73-LcuqRM {
  align-items: center;
  background-color: transparent;
  display: flex;
  gap: 117px;
  height: auto;
  padding: 0px 150px;
  position: relative;
  width: 1440.0833740234375px;
}

.x1440 .alexander-popov-2-gn-txJPkf {
  background-color: transparent;
  flex: 1;
  height: 302px;
  min-width: 511.54150390625px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x1440 .frame-72-txJPkf {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x1440 .frame-71-dxWYBR {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: auto;
  position: relative;
}

.x1440 .find-your-bar-9CetJo {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 1.08px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.x1440 .group-39-9CetJo {
  align-self: stretch;
  background-color: transparent;
  height: 40px;
  margin-right: -2.00px;
  min-width: 513.5416870117188px;
  position: relative;
}

.x1440 .download-barfly-13Z3t5 {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 512px;
}

.x1440 .download_on_the_-app-dxWYBR {
  background-color: transparent;
  height: 52px;
  min-width: 155.5634765625px;
  mix-blend-mode: normal;
  position: relative;
}

.x1440 .frame-77-LcuqRM {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral800);
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: auto;
  mix-blend-mode: normal;
  padding: 40px 150px 24px;
  position: relative;
}

.x1440 .frame-92-isRi3N {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: auto;
  position: relative;
  width: 1140.0833740234375px;
}

.x1440 .frame-75-Y2ZQmV {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 59px;
  height: auto;
  position: relative;
  width: 1140.0833740234375px;
}

.x1440 .frame-74-RxxwnW {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  position: relative;
}

.x1440 .group-38-qCeurF {
  background-color: transparent;
  height: 35px;
  min-width: 207.0833282470703px;
  position: relative;
}

.x1440 .frame-1-7NmflP {
  background-color: transparent;
  height: 35px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 207px;
}

.x1440 .barfly-i2dSli {
  left: 14px;
  letter-spacing: 20.50px;
}

.x1440 .group-27-i2dSli {
  height: 37px;
  width: 207px;
}

.x1440 .rectangle-251-ofthcS {
  border: 1.580985426902771px solid white;
  height: 37px;
  width: 207px;
}

.x1440 .group-45-qCeurF {
  background-color: transparent;
  height: 25px;
  min-width: 152px;
  position: relative;
}

.x1440 .group-44-Fn3Uel {
  background-color: transparent;
  height: 25px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 154px;
}

.x1440 .x620184c62b5f205ab97e-2VYNz3 {
  background-color: transparent;
  height: 24px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1px;
  width: 24px;
}

.x1440 .instagram-2VYNz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 40px;
  letter-spacing: 0.44px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.x1440 .vector-1-RxxwnW {
  align-self: stretch;
  background-color: transparent;
  height: 1.0001220703125px;
  margin-bottom: -0.50px;
  min-width: 1140.08349609375px;
  object-fit: cover;
  position: relative;
}

.x1440 .frame-76-Y2ZQmV {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  gap: 40px;
  height: auto;
  position: relative;
  width: 1140.0833740234375px;
}

.x1440 .x2022-lightning-man-m-yu3fer {
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x1440 .frame-86-yu3fer {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  gap: 40px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x1440 .privacy-policy-w8VGDt {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .terms-of-service-w8VGDt {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .icons8-checkmark-8 {
  background-color: transparent;
  height: 19.29998779296875px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.x1440 .rectangle-274 {
  align-self: stretch;
  background-color: transparent;
  height: 321px;
  min-width: 294.6943359375px;
  mix-blend-mode: normal;
  position: relative;
}
/* screen - 580-320 */

.x580-320 {
  background-color: var(--neutral900);
  border: 1px none;
  margin: 0px;
  min-height: 6880px;
  min-width: 320px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x580-320 .bg-1-2Lgzlx {
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x580-320 .rectangle-266-2Lgzlx {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.20000000298023224) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x580-320 .frame-90-2Lgzlx {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: auto;
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.x580-320 .frame-89-LATtsE {
  align-items: flex-end;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: auto;
  padding: 24px 24px 0px;
  position: relative;
}

.x580-320 .frame-60-aiqvGb {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: auto;
  position: relative;
}

.x580-320 .frame-59-fFPtUf {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  position: relative;
}

.x580-320 .frame-10-w5vtEy {
  background-color: transparent;
  height: 29.91549301147461px;
  min-width: 177px;
  mix-blend-mode: normal;
  position: relative;
}

.x580-320 .barfly-Nsx9r1 {
  left: 12px;
  letter-spacing: 17.52px;
}

.x580-320 .group-27-Nsx9r1 {
  height: 31px;
  width: 177px;
}

.x580-320 .rectangle-251-HjQMKQ {
  border: 1.3513131141662598px solid white;
  height: 31px;
  width: 177px;
}

.x580-320 .frame-61-fFPtUf {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .a-great-night-out-on-demand-FQIP11 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 1.12px;
  line-height: 60px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.x580-320 .dont-leave-your-ente-FQIP11 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .group-111-FQIP11 {
  background-color: transparent;
  height: 54.4454345703125px;
  min-width: 162.87890625px;
  position: relative;
}

.x580-320 .frame-84-aiqvGb {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral800);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  mix-blend-mode: normal;
  padding: 40px 24px;
  position: relative;
}

.x580-320 .frame-82-AxYLI6 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
}

.x580-320 .finding-your-bar-is-easy-XB8ksW {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x580-320 .barfly-shows-you-whi-XB8ksW {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: center;
}

.x580-320 .frame-79-AxYLI6 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x580-320 .frame-37-PHyhXb {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x580-320 .frame-34-wQzESZ {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x580-320 .step-1-xX7Xn7 {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .group-11-xX7Xn7 {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x580-320 .search-the-area-where-you-want-to-go-out-wQzESZ {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x580-320 .frame-38-PHyhXb {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x580-320 .frame-35-xONxKr {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x580-320 .step-2-yZU3ky {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .group-12-yZU3ky {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x580-320 .get-the-best-options-xONxKr {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x580-320 .frame-39-PHyhXb {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x580-320 .frame-36-rx2pXx {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x580-320 .step-3-4VWAQr {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .group-13-4VWAQr {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x580-320 .receive-guidance-to-rx2pXx {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x580-320 .frame-52-aiqvGb {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 112px;
  height: auto;
  padding: 0px 0px 80px;
  position: relative;
}

.x580-320 .frame-42-Iyawv2 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x580-320 .how-does-barfly-work-for-you-dsk3lt {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.x580-320 .just-enter-an-addres-dsk3lt {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 28px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: left;
}

.x580-320 .rectangle-259-dsk3lt {
  align-self: stretch;
  background-color: transparent;
  height: 280px;
  min-width: 273px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x580-320 .frame-9-dsk3lt {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .frame-51-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .icons8-checkmark-1-RxJTpQ {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.x580-320 .access-the-real-time-RxJTpQ {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .frame-43-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .icons8-checkmark-1-MT4J6C {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.x580-320 .see-and-like-posts-from-your-friends-MT4J6C {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .frame-44-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .icons8-checkmark-1-IpFDdh {
  height: 19.137939453125px;
  min-width: 19.1376953125px;
}

.x580-320 .choose-among-dozens-IpFDdh {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .frame-45-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .icons8-checkmark-2-EFaVO3 {
  background-color: transparent;
  height: 19.300048828125px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.x580-320 .discover-video-photo-EFaVO3 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .frame-46-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .icons8-checkmark-3-EM7psh {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.x580-320 .see-how-expensive-they-are-from-to-EM7psh {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .frame-47-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .icons8-checkmark-4-FxzwMI {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.x580-320 .get-a-reliable-bar-r-FxzwMI {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .frame-48-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .track-your-favorite-7nurLJ {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x580-320 .frame-49-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .get-walk-drive-direc-NhDGok {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .frame-50-R8cd6r {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .discover-it-all-an-e-hQZy4x {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x580-320 .frame-63-LATtsE {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral800);
  display: flex;
  flex-direction: column;
  height: auto;
  mix-blend-mode: normal;
  padding: 80px 24px;
  position: relative;
}

.x580-320 .frame-57-HhUoFg {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: auto;
  position: relative;
}

.x580-320 .frame-58-Py2Wzi {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .if-they-had-the-barf-MmcIN2 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.x580-320 .frame-56-Py2Wzi {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
}

.x580-320 .frame-53-gFxfQh {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x580-320 .group-35-Qte1SU {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x580-320 .lips-are-kind-of-lik-Qte1SU {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.x580-320 .frame-66-Qte1SU {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x580-320 .ellipse-2-bOxaCC {
  background-color: transparent;
  height: 60px;
  min-width: 60px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x580-320 .group-29-bOxaCC {
  background-color: transparent;
  flex: 1;
  height: 44px;
  min-width: 155px;
  position: relative;
}

.x580-320 .frame-65-HvBwgI {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: auto;
  left: 0px;
  position: relative;
  top: 0px;
  width: 155px;
}

.x580-320 .kylie-jenner-Axi0qj {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .american-model-Axi0qj {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .frame-54-gFxfQh {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x580-320 .group-36-6nk8wR {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x580-320 .group-114-6nk8wR {
  align-self: stretch;
  background-color: transparent;
  height: 120px;
  margin-right: -2.00px;
  min-width: 227px;
  position: relative;
}

.x580-320 .you-better-realize-y-P4eyjl {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 225px;
}

.x580-320 .frame-68-6nk8wR {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x580-320 .frame-67-jKCaww {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.x580-320 .cardi-b-gwvQlI {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .american-rapper-gwvQlI {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .frame-91-gFxfQh {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: auto;
  position: relative;
}

.x580-320 .frame-55-L9LiN4 {
  align-items: flex-start;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x580-320 .group-37-xJIJVZ {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x580-320 .barfly-k-os-the-barr-xJIJVZ {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.x580-320 .frame-70-xJIJVZ {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x580-320 .frame-69-cYDg0k {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.x580-320 .dwayne-johnson-RFHa1h {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x580-320 .american-actor-RFHa1h {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x580-320 .frame-73-LATtsE {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  justify-content: center;
  padding: 80px 24px;
  position: relative;
}

.x580-320 .frame-71-6fXIYh {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: auto;
  position: relative;
}

.x580-320 .find-your-bar-su0tTQ {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 1.08px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x580-320 .group-39-su0tTQ {
  align-self: auto;
  background-color: transparent;
  height: 40px;
  margin-right: -2.00px;
  min-width: 275px;
  position: relative;
}

.x580-320 .download-barfly-Ibx4CG {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 273px;
}

.x580-320 .alexander-popov-2-gn-6fXIYh {
  align-self: stretch;
  background-color: transparent;
  height: 280px;
  min-width: 273px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x580-320 .frame-77-LATtsE {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral800);
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: auto;
  mix-blend-mode: normal;
  padding: 40px 24px 24px;
  position: relative;
}

.x580-320 .frame-75-OXQtdM {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 59px;
  height: auto;
  position: relative;
}

.x580-320 .frame-74-MXsBhF {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .group-38-VZcWIq {
  background-color: transparent;
  height: 35px;
  min-width: 207.0833282470703px;
  position: relative;
}

.x580-320 .frame-1-p8qiB3 {
  background-color: transparent;
  height: 35px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 207px;
}

.x580-320 .barfly-z21Pmd {
  left: 14px;
  letter-spacing: 20.50px;
}

.x580-320 .group-27-z21Pmd {
  height: 37px;
  width: 207px;
}

.x580-320 .rectangle-251-1mfxvH {
  border: 1.580985426902771px solid white;
  height: 37px;
  width: 207px;
}

.x580-320 .group-45-VZcWIq {
  background-color: transparent;
  height: 25px;
  min-width: 152px;
  position: relative;
}

.x580-320 .group-44-00kUZj {
  background-color: transparent;
  height: 25px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 154px;
}

.x580-320 .x620184c62b5f205ab97e-pNUubI {
  background-color: transparent;
  height: 24px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1px;
  width: 24px;
}

.x580-320 .instagram-pNUubI {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 40px;
  letter-spacing: 0.44px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.x580-320 .vector-1-MXsBhF {
  align-self: stretch;
  background-color: transparent;
  height: 1px;
  margin-bottom: -0.50px;
  min-width: 273px;
  object-fit: cover;
  position: relative;
}

.x580-320 .frame-76-OXQtdM {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x580-320 .x2022-lightning-man-m-sNQhfp {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
}

.x580-320 .frame-86-sNQhfp {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x580-320 .privacy-policy-4VgRF7 {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .terms-of-service-4VgRF7 {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x580-320 .icons8-checkmark-8 {
  background-color: transparent;
  height: 19.300048828125px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.x580-320 .rectangle-274 {
  align-self: auto;
  background-color: transparent;
  height: 386px;
  min-width: 193px;
  mix-blend-mode: normal;
  position: relative;
}
/* screen - 770-580 */

.x770-580 {
  background-color: var(--neutral900);
  border: 1px none;
  margin: 0px;
  min-height: 5779px;
  min-width: 580px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x770-580 .bg-1-KHi65t {
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x770-580 .rectangle-266-KHi65t {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.20000000298023224) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x770-580 .frame-90-KHi65t {
  align-items: flex-start;
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.x770-580 .frame-89-IQop0f {
  align-items: flex-end;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: auto;
  padding: 24px 80px 0px;
  position: relative;
}

.x770-580 .frame-60-Akcxn8 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: auto;
  position: relative;
}

.x770-580 .frame-59-BCCG6w {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  position: relative;
}

.x770-580 .frame-10-fC7Ji7 {
  background-color: transparent;
  height: 29.91549301147461px;
  min-width: 177px;
  mix-blend-mode: normal;
  position: relative;
}

.x770-580 .barfly-Z7LJXM {
  left: 12px;
  letter-spacing: 17.52px;
}

.x770-580 .group-27-Z7LJXM {
  height: 31px;
  width: 177px;
}

.x770-580 .rectangle-251-AW87gu {
  border: 1.3513131141662598px solid white;
  height: 31px;
  width: 177px;
}

.x770-580 .frame-2-fC7Ji7 {
  align-items: center;
  background-color: var(--type--iconprimary);
  border-radius: 100px;
  display: flex;
  gap: 10px;
  height: auto;
  justify-content: center;
  mix-blend-mode: normal;
  padding: 12px 26px;
  position: relative;
  width: fit-content;
}

.x770-580 .get-the-app-zn1aS1 {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .frame-61-BCCG6w {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x770-580 .a-great-night-out-on-demand-T1uD4s {
  background-color: transparent;
  letter-spacing: 1.12px;
  line-height: 60px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  width: fit-content;
}

.x770-580 .dont-leave-your-ente-T1uD4s {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .group-111-T1uD4s {
  background-color: transparent;
  height: 54.445556640625px;
  min-width: 162.87890625px;
  position: relative;
}

.x770-580 .frame-84-Akcxn8 {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral800);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  mix-blend-mode: normal;
  padding: 40px;
  position: relative;
}

.x770-580 .frame-82-Xh6EhT {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
}

.x770-580 .finding-your-bar-is-easy-VdyfB9 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x770-580 .barfly-shows-you-whi-VdyfB9 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: center;
}

.x770-580 .frame-79-Xh6EhT {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x770-580 .frame-37-PoYeZZ {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x770-580 .frame-34-PSGoTp {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x770-580 .step-1-BIR4cz {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .group-11-BIR4cz {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x770-580 .search-the-area-where-you-want-to-go-out-PSGoTp {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.x770-580 .frame-38-PoYeZZ {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x770-580 .frame-35-2fq4yg {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x770-580 .step-2-ZDzOj8 {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .group-12-ZDzOj8 {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x770-580 .get-the-best-options-2fq4yg {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x770-580 .frame-39-PoYeZZ {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x770-580 .frame-36-2U7aAm {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x770-580 .step-3-8UPPop {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .group-13-8UPPop {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x770-580 .receive-guidance-to-2U7aAm {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x770-580 .frame-52-Akcxn8 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 112px;
  height: auto;
  padding: 0px 0px 80px;
  position: relative;
}

.x770-580 .frame-42-cryfgi {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x770-580 .how-does-barfly-work-for-you-xvnSjY {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.x770-580 .just-enter-an-addres-xvnSjY {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 28px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: left;
}

.x770-580 .frame-9-xvnSjY {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .frame-51-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .icons8-checkmark-1-tTAsfH {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.x770-580 .access-the-real-time-tTAsfH {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x770-580 .frame-43-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .icons8-checkmark-1-fvbGgx {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.x770-580 .see-and-like-posts-from-your-friends-fvbGgx {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x770-580 .frame-44-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .icons8-checkmark-1-3B2ZPb {
  height: 19.137939453125px;
  min-width: 19.1376953125px;
}

.x770-580 .choose-among-dozens-3B2ZPb {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x770-580 .frame-45-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .icons8-checkmark-2-cKHF85 {
  background-color: transparent;
  height: 19.29998779296875px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.x770-580 .discover-video-photo-cKHF85 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x770-580 .frame-46-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .icons8-checkmark-3-2Vqxgc {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.x770-580 .see-how-expensive-they-are-from-to-2Vqxgc {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x770-580 .frame-47-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .icons8-checkmark-4-JbQji9 {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.x770-580 .get-a-reliable-bar-r-JbQji9 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x770-580 .frame-48-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .track-your-favorite-T3xEQP {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x770-580 .frame-49-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .get-walk-drive-direc-WbVU2v {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x770-580 .frame-50-0Sv5qq {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .discover-it-all-an-e-z43lec {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x770-580 .frame-91-IQop0f {
  background-color: var(--neutral800);
  flex-direction: column;
  mix-blend-mode: normal;
  padding: 80px;
}

.x770-580 .frame-57-0twNSO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: auto;
  position: relative;
}

.x770-580 .frame-58-Gy55cG {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x770-580 .if-they-had-the-barf-Wz63fZ {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.x770-580 .frame-56-Gy55cG {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
}

.x770-580 .frame-53-hr9EHc {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x770-580 .group-35-omukuc {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x770-580 .lips-are-kind-of-lik-omukuc {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.x770-580 .frame-66-omukuc {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x770-580 .ellipse-2-CeAPfY {
  background-color: transparent;
  height: 60px;
  min-width: 60px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x770-580 .group-29-CeAPfY {
  background-color: transparent;
  flex: 1;
  height: 44px;
  min-width: 303px;
  position: relative;
}

.x770-580 .frame-65-s0vRck {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: auto;
  left: 0px;
  position: relative;
  top: 0px;
  width: 303px;
}

.x770-580 .kylie-jenner-sD5Hxm {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .american-model-sD5Hxm {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .frame-54-hr9EHc {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x770-580 .group-36-fwY7uK {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x770-580 .group-114-fwY7uK {
  align-self: stretch;
  background-color: transparent;
  height: 72px;
  margin-right: -2.00px;
  min-width: 375px;
  position: relative;
}

.x770-580 .you-better-realize-y-rHx4R9 {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 373px;
}

.x770-580 .frame-68-fwY7uK {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x770-580 .frame-67-ixmtC2 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.x770-580 .cardi-b-mwWAcP {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .american-rapper-mwWAcP {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .frame-91-hr9EHc {
  background-color: transparent;
  gap: 16px;
}

.x770-580 .frame-55-7vxQMN {
  align-items: flex-start;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x770-580 .group-37-eLVy9V {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x770-580 .barfly-k-os-the-barr-eLVy9V {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.x770-580 .frame-70-eLVy9V {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.x770-580 .frame-69-ijh7p3 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.x770-580 .dwayne-johnson-7bKyFG {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x770-580 .american-actor-7bKyFG {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x770-580 .frame-90-IQop0f {
  align-items: center;
  align-self: stretch;
  gap: 40px;
  justify-content: center;
  padding: 80px 24px;
  position: relative;
}

.x770-580 .frame-71-BFRtJP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: auto;
  position: relative;
}

.x770-580 .find-your-bar-nPSas3 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 1.08px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x770-580 .group-39-nPSas3 {
  align-self: center;
  background-color: transparent;
  height: 40px;
  margin-right: -2.00px;
  min-width: 535px;
  position: relative;
}

.x770-580 .download-barfly-0pzMLo {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 533px;
}

.x770-580 .alexander-popov-2-gn-BFRtJP {
  align-self: stretch;
  background-color: transparent;
  height: 280px;
  min-width: 533px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x770-580 .frame-77-IQop0f {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral800);
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: auto;
  mix-blend-mode: normal;
  padding: 40px 80px 24px;
  position: relative;
}

.x770-580 .frame-75-I0KmCS {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 59px;
  height: auto;
  position: relative;
}

.x770-580 .frame-74-mIxRD3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  position: relative;
}

.x770-580 .group-38-GpIgUz {
  background-color: transparent;
  height: 35px;
  min-width: 207.0833282470703px;
  position: relative;
}

.x770-580 .frame-1-9lXWU4 {
  background-color: transparent;
  height: 35px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 207px;
}

.x770-580 .barfly-7q6M9t {
  left: 14px;
  letter-spacing: 20.50px;
}

.x770-580 .group-27-7q6M9t {
  height: 37px;
  width: 207px;
}

.x770-580 .rectangle-251-jArqrb {
  border: 1.580985426902771px solid white;
  height: 37px;
  width: 207px;
}

.x770-580 .group-45-GpIgUz {
  background-color: transparent;
  height: 25px;
  min-width: 152px;
  position: relative;
}

.x770-580 .group-44-Rg7RGf {
  background-color: transparent;
  height: 25px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 154px;
}

.x770-580 .x620184c62b5f205ab97e-x4x7ND {
  background-color: transparent;
  height: 24px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1px;
  width: 24px;
}

.x770-580 .instagram-x4x7ND {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 40px;
  letter-spacing: 0.44px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.x770-580 .vector-1-mIxRD3 {
  align-self: stretch;
  background-color: transparent;
  height: 1px;
  margin-bottom: -0.50px;
  min-width: 421px;
  object-fit: cover;
  position: relative;
}

.x770-580 .frame-76-I0KmCS {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 40px;
  height: auto;
  position: relative;
}

.x770-580 .x2022-lightning-man-m-Q9PVx3 {
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
}

.x770-580 .frame-86-Q9PVx3 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x770-580 .privacy-policy-DNxrMP {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .terms-of-service-DNxrMP {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x770-580 .frame-90 {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: auto;
}

.x770-580 .frame-91 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  height: auto;
  position: relative;
}

.x770-580 .icons8-checkmark-8 {
  background-color: transparent;
  height: 19.29998779296875px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.x770-580 .rectangle-274 {
  align-self: auto;
  background-color: transparent;
  height: 386px;
  min-width: 309px;
  mix-blend-mode: normal;
  position: relative;
}
/* screen - 991-770 */

.x991-770 {
  background-color: var(--neutral900);
  border: 1px none;
  margin: 0px;
  min-height: 3903px;
  min-width: 770px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x991-770 .bg-1-zvYqSi {
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x991-770 .rectangle-266-zvYqSi {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.20000000298023224) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x991-770 .frame-88-zvYqSi {
  background-color: transparent;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x991-770 .frame-87-XEKDQx {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 120px;
  height: auto;
  padding: 24px 80px 0px;
  position: relative;
}

.x991-770 .frame-60-6X9sDb {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: auto;
  position: relative;
}

.x991-770 .frame-59-DrZ4VL {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  position: relative;
}

.x991-770 .frame-10-c5xUMT {
  background-color: transparent;
  height: 29.91549301147461px;
  min-width: 177px;
  mix-blend-mode: normal;
  position: relative;
}

.x991-770 .barfly-JJrUUz {
  left: 12px;
  letter-spacing: 17.52px;
}

.x991-770 .group-27-JJrUUz {
  height: 31px;
  width: 177px;
}

.x991-770 .rectangle-251-S7bsMK {
  border: 1.3513131141662598px solid white;
  height: 31px;
  width: 177px;
}

.x991-770 .frame-2-c5xUMT {
  align-items: center;
  background-color: var(--type--iconprimary);
  border-radius: 100px;
  display: flex;
  gap: 10px;
  height: auto;
  justify-content: center;
  mix-blend-mode: normal;
  padding: 12px 26px;
  position: relative;
  width: fit-content;
}

.x991-770 .get-the-app-uo1Ij3 {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .frame-61-DrZ4VL {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
  width: fit-content;
}

.x991-770 .a-great-night-out-on-demand-BziHZf {
  background-color: transparent;
  letter-spacing: 1.12px;
  line-height: 60px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  width: fit-content;
}

.x991-770 .dont-leave-your-ente-BziHZf {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .group-111-BziHZf {
  background-color: transparent;
  height: 54.445556640625px;
  min-width: 162.87890625px;
  position: relative;
}

.x991-770 .frame-83-6X9sDb {
  align-items: flex-start;
  align-self: center;
  background-color: var(--neutral800);
  border-radius: 16px;
  display: flex;
  gap: 10px;
  height: auto;
  justify-content: center;
  mix-blend-mode: normal;
  padding: 40px;
  position: relative;
}

.x991-770 .frame-81-MgZgmc {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x991-770 .frame-82-ZUM7RO {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
}

.x991-770 .finding-your-bar-is-easy-ssxaGO {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.x991-770 .barfly-shows-you-whi-ssxaGO {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: center;
}

.x991-770 .frame-79-ZUM7RO {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: auto;
  position: relative;
}

.x991-770 .frame-37-0TCYFx {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x991-770 .frame-34-pv2aCb {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  margin-left: -14.99px;
  margin-right: -14.99px;
  position: relative;
  width: fit-content;
}

.x991-770 .step-1-BCTmx1 {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .group-11-BCTmx1 {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x991-770 .search-the-area-where-you-want-to-go-out-pv2aCb {
  align-self: stretch;
  background-color: transparent;
  height: 75px;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x991-770 .frame-38-0TCYFx {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x991-770 .frame-35-6Jcu7x {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  margin-left: -14.99px;
  margin-right: -14.99px;
  position: relative;
  width: fit-content;
}

.x991-770 .step-2-gBvdFi {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .group-12-gBvdFi {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x991-770 .get-the-best-options-6Jcu7x {
  align-self: stretch;
  background-color: transparent;
  height: 100px;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x991-770 .frame-39-0TCYFx {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  height: auto;
  padding: 0px 16px;
  position: relative;
}

.x991-770 .frame-36-R33HJz {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  margin-left: -14.99px;
  margin-right: -14.99px;
  position: relative;
  width: fit-content;
}

.x991-770 .step-3-wTU01Y {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .group-13-wTU01Y {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.x991-770 .receive-guidance-to-R33HJz {
  align-self: stretch;
  background-color: transparent;
  height: 75px;
  letter-spacing: 0.28px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.x991-770 .frame-52-6X9sDb {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 112px;
  height: auto;
  padding: 0px 0px 80px;
  position: relative;
}

.x991-770 .frame-42-wQ3Pxr {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x991-770 .how-does-barfly-work-for-you-bUOsyz {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .just-enter-an-addres-bUOsyz {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 28px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: left;
}

.x991-770 .frame-9-bUOsyz {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .frame-51-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .icons8-checkmark-1-mkI2yx {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.x991-770 .access-the-real-time-mkI2yx {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.x991-770 .frame-43-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .icons8-checkmark-1-84xpfX {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.x991-770 .see-and-like-posts-from-your-friends-84xpfX {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-44-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .icons8-checkmark-1-ZSNQyC {
  height: 19.137939453125px;
  min-width: 19.1376953125px;
}

.x991-770 .choose-among-dozens-ZSNQyC {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-45-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .icons8-checkmark-2-U7kLUw {
  background-color: transparent;
  height: 19.29998779296875px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.x991-770 .discover-video-photo-U7kLUw {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-46-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .icons8-checkmark-3-GxVLdc {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.x991-770 .see-how-expensive-they-are-from-to-GxVLdc {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-47-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .icons8-checkmark-4-5IRj5b {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.x991-770 .get-a-reliable-bar-r-5IRj5b {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-48-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .track-your-favorite-uDmMjf {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-49-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .get-walk-drive-direc-IxDtz8 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-50-quNjQO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .discover-it-all-an-e-tA0Xw6 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-88-XEKDQx {
  align-self: stretch;
  background-color: var(--neutral800);
  mix-blend-mode: normal;
  padding: 80px;
  position: relative;
}

.x991-770 .frame-57-fhWCKK {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: auto;
  position: relative;
}

.x991-770 .frame-58-80adXf {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.x991-770 .if-they-had-the-barf-xk8z1x {
  align-self: auto;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.x991-770 .frame-56-80adXf {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
}

.x991-770 .frame-85-7gtQTX {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: 398px;
  position: relative;
}

.x991-770 .frame-53-AZSG3W {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x991-770 .group-35-KzkSaT {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x991-770 .lips-are-kind-of-lik-KzkSaT {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.x991-770 .frame-66-KzkSaT {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  justify-content: center;
  position: relative;
}

.x991-770 .ellipse-2-FtbTQQ {
  background-color: transparent;
  height: 60px;
  min-width: 60px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x991-770 .group-29-FtbTQQ {
  align-self: stretch;
  background-color: transparent;
  height: 44px;
  min-width: 249.04168701171875px;
  position: relative;
}

.x991-770 .frame-65-M6oqdJ {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: auto;
  left: 0px;
  position: relative;
  top: 0px;
  width: 249px;
}

.x991-770 .kylie-jenner-EPTLBP {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .american-model-EPTLBP {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .frame-54-AZSG3W {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x991-770 .group-36-7VXoCN {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x991-770 .group-114-7VXoCN {
  align-self: stretch;
  background-color: transparent;
  height: 96px;
  margin-right: -2.00px;
  min-width: 251.04168701171875px;
  position: relative;
}

.x991-770 .you-better-realize-y-T8ImQb {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 249px;
}

.x991-770 .frame-68-7VXoCN {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  justify-content: center;
  position: relative;
}

.x991-770 .frame-67-KhH3ex {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.x991-770 .cardi-b-mvZQOV {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .american-rapper-mvZQOV {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .frame-91-7gtQTX {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: auto;
  position: relative;
}

.x991-770 .frame-55-BvPdTJ {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.x991-770 .group-37-affazN {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.x991-770 .barfly-k-os-the-barr-affazN {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.x991-770 .frame-70-affazN {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  justify-content: center;
  position: relative;
}

.x991-770 .frame-69-WvxBml {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.x991-770 .dwayne-johnson-KouOCp {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .american-actor-KouOCp {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-86-BvPdTJ {
  border-radius: 16px;
  flex: 1;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
}

.x991-770 .frame-73-XEKDQx {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 117px;
  height: auto;
  padding: 0px 80px;
  position: relative;
}

.x991-770 .alexander-popov-2-gn-qFPQyu {
  background-color: transparent;
  flex: 1;
  height: 302px;
  min-width: 246.5419921875px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.x991-770 .frame-72-qFPQyu {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.x991-770 .frame-71-yuypv0 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: auto;
  position: relative;
}

.x991-770 .find-your-bar-sr7V9j {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 1.08px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.x991-770 .group-39-sr7V9j {
  align-self: stretch;
  background-color: transparent;
  height: 80px;
  margin-right: -2.00px;
  min-width: 248.54168701171875px;
  position: relative;
}

.x991-770 .download-barfly-kiMiWA {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 247px;
}

.x991-770 .frame-77-XEKDQx {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral800);
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: auto;
  mix-blend-mode: normal;
  padding: 40px 80px 24px;
  position: relative;
}

.x991-770 .frame-75-344Z03 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 59px;
  height: auto;
  position: relative;
}

.x991-770 .frame-74-ZvewjD {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  position: relative;
}

.x991-770 .group-38-LnAyrI {
  background-color: transparent;
  height: 35px;
  min-width: 207.0833282470703px;
  position: relative;
}

.x991-770 .frame-1-Cy1Hqg {
  background-color: transparent;
  height: 35px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 207px;
}

.x991-770 .barfly-hy801h {
  left: 14px;
  letter-spacing: 20.50px;
}

.x991-770 .group-27-hy801h {
  height: 37px;
  width: 207px;
}

.x991-770 .rectangle-251-sJutu5 {
  border: 1.580985426902771px solid white;
  height: 37px;
  width: 207px;
}

.x991-770 .group-45-LnAyrI {
  background-color: transparent;
  height: 25px;
  min-width: 152px;
  position: relative;
}

.x991-770 .group-44-nySI2e {
  background-color: transparent;
  height: 25px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 154px;
}

.x991-770 .x620184c62b5f205ab97e-Hxin81 {
  background-color: transparent;
  height: 24px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1px;
  width: 24px;
}

.x991-770 .instagram-Hxin81 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 40px;
  letter-spacing: 0.44px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.x991-770 .vector-1-ZvewjD {
  align-self: stretch;
  background-color: transparent;
  height: 1px;
  margin-bottom: -0.50px;
  min-width: 610.0830078125px;
  object-fit: cover;
  position: relative;
}

.x991-770 .frame-76-344Z03 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 40px;
  height: auto;
  position: relative;
}

.x991-770 .x2022-lightning-man-m-lSYA6p {
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.x991-770 .frame-86-lSYA6p {
  gap: 16px;
  width: fit-content;
}

.x991-770 .privacy-policy-eIfD0M {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .terms-of-service-eIfD0M {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.x991-770 .frame-86 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
}

.x991-770 .frame-88 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: auto;
}

.x991-770 .icons8-checkmark-8 {
  background-color: transparent;
  height: 19.29998779296875px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.x991-770 .rectangle-274 {
  align-self: stretch;
  background-color: transparent;
  height: 240px;
  min-width: 134.02734375px;
  mix-blend-mode: normal;
  position: relative;
}
/* screen - index */

.index {
  background-color: var(--neutral900);
  border: 1px none;
  margin: 0px;
  min-height: 3903px;
  min-width: 990px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .bg-1-IO3Fu5 {
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .rectangle-266-IO3Fu5 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.20000000298023224) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: transparent;
  height: 725px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .frame-78-IO3Fu5 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: auto;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .frame-64-KHOFlO {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
}

.index .frame-62-MxOpT0 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 120px;
  height: auto;
  mix-blend-mode: normal;
  padding: 24px 150px;
  position: relative;
}

.index .frame-60-h6Zivt {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: auto;
  position: relative;
}

.index .frame-59-yH9PRf {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  position: relative;
}

.index .frame-10-usxnuR {
  background-color: transparent;
  height: 29.91549301147461px;
  min-width: 177px;
  mix-blend-mode: normal;
  position: relative;
}

.index .barfly-RR280E {
  left: 12px;
  letter-spacing: 17.52px;
}

.index .group-27-RR280E {
  height: 31px;
  width: 177px;
}

.index .rectangle-251-ZRNGj7 {
  border: 1.3513131141662598px solid white;
  height: 31px;
  width: 177px;
}

.index .frame-2-usxnuR {
  align-items: center;
  background-color: var(--type--iconprimary);
  border-radius: 100px;
  display: flex;
  gap: 10px;
  height: auto;
  justify-content: center;
  mix-blend-mode: normal;
  padding: 12px 26px;
  position: relative;
  width: fit-content;
}

.index .get-the-app-6QV9c5 {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-61-yH9PRf {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
  width: fit-content;
}

.index .a-great-night-out-on-demand-BbFDT7 {
  background-color: transparent;
  letter-spacing: 1.12px;
  line-height: 60px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  width: fit-content;
}

.index .dont-leave-your-ente-BbFDT7 {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .group-111-BbFDT7 {
  background-color: transparent;
  height: 54.445556640625px;
  min-width: 162.87890625px;
  position: relative;
}

.index .frame-41-h6Zivt {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral800);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: auto;
  mix-blend-mode: normal;
  padding: 64px;
  position: relative;
}

.index .frame-3-KDY2xx {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  position: relative;
}

.index .finding-your-bar-is-easy-zPvzHP {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .barfly-shows-you-whi-zPvzHP {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: center;
}

.index .frame-40-KDY2xx {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: auto;
  position: relative;
}

.index .frame-37-MnWo7r {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  padding: 0px 8px;
  position: relative;
}

.index .frame-34-3yRwsz {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  margin-left: -1.65px;
  margin-right: -1.65px;
  position: relative;
  width: fit-content;
}

.index .step-1-B2FgHC {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .group-11-B2FgHC {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.index .search-the-area-where-you-want-to-go-out-3yRwsz {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.index .frame-38-MnWo7r {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  padding: 0px 8px;
  position: relative;
}

.index .frame-35-1aG2pZ {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  margin-left: -1.65px;
  margin-right: -1.65px;
  position: relative;
  width: fit-content;
}

.index .step-2-SuTSN2 {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .group-12-SuTSN2 {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.index .get-the-best-options-1aG2pZ {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.index .frame-39-MnWo7r {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  padding: 0px 8px;
  position: relative;
}

.index .frame-36-dWSHTp {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  margin-left: -1.65px;
  margin-right: -1.65px;
  position: relative;
  width: fit-content;
}

.index .step-3-KxF0Cx {
  background-color: transparent;
  letter-spacing: 0.44px;
  line-height: 25px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .group-13-KxF0Cx {
  background-color: transparent;
  height: 20px;
  min-width: 164px;
  position: relative;
}

.index .receive-guidance-to-dWSHTp {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
}

.index .group-104-KDY2xx {
  background-color: transparent;
  height: 52px;
  min-width: 155.5634765625px;
  position: relative;
}

.index .frame-52-h6Zivt {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 112px;
  height: auto;
  padding: 0px 0px 60px;
  position: relative;
}

.index .frame-42-Sxx09K {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.index .how-does-barfly-work-for-you-cjZ36r {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.index .just-enter-an-addres-cjZ36r {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 28px;
  mix-blend-mode: normal;
  opacity: 0.7;
  position: relative;
  text-align: left;
}

.index .frame-9-cjZ36r {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .frame-51-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-1-xi0Ygw {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.index .access-the-real-time-xi0Ygw {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.index .frame-43-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-1-deYthy {
  height: 21.8173828125px;
  min-width: 19.2998046875px;
}

.index .see-and-like-posts-from-your-friends-deYthy {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.index .frame-44-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-1-DQpdaU {
  height: 19.137939453125px;
  min-width: 19.1376953125px;
}

.index .choose-among-dozens-DQpdaU {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.index .frame-45-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-2-HeWMP1 {
  background-color: transparent;
  height: 19.29998779296875px;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.index .discover-video-photo-HeWMP1 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.index .frame-46-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-3-kBrwIT {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.index .see-how-expensive-they-are-from-to-kBrwIT {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.index .frame-47-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-4-xmp1z7 {
  background-color: transparent;
  height: 19.137939453125px;
  min-width: 19.1376953125px;
  mix-blend-mode: normal;
  position: relative;
}

.index .get-a-reliable-bar-r-xmp1z7 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.index .frame-48-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-8-FbwmGx {
  height: 19.300003051757812px;
}

.index .track-your-favorite-FbwmGx {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.index .frame-49-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-8-jnYx11 {
  height: 19.300003051757812px;
}

.index .get-walk-drive-direc-jnYx11 {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.index .frame-50-xjuSaP {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 24px;
  height: auto;
  position: relative;
}

.index .icons8-checkmark-8-lPs0CR {
  height: 19.299999237060547px;
}

.index .discover-it-all-an-e-lPs0CR {
  align-self: stretch;
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.9;
  position: relative;
  text-align: left;
}

.index .rectangle-259-Sxx09K {
  background-color: transparent;
  flex: 1;
  height: 594px;
  min-width: 289.0419921875px;
  mix-blend-mode: normal;
  object-fit: contain;
  position: relative;
}

.index .frame-63-KHOFlO {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral800);
  display: flex;
  flex-direction: column;
  height: auto;
  mix-blend-mode: normal;
  padding: 80px 150px;
  position: relative;
}

.index .frame-57-0yrQgD {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: auto;
  position: relative;
}

.index .frame-58-qC87h9 {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  position: relative;
  width: fit-content;
}

.index .if-they-had-the-barf-n4ATzM {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 40px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-56-qC87h9 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: 396px;
  position: relative;
}

.index .frame-53-7UnK2x {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.index .group-35-fKsmuS {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.index .lips-are-kind-of-lik-fKsmuS {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.index .frame-66-fKsmuS {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.index .ellipse-2-8aXHNH {
  background-color: transparent;
  height: 60px;
  min-width: 60px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.index .group-29-8aXHNH {
  background-color: transparent;
  flex: 1;
  height: 44px;
  min-width: 101.36112976074219px;
  position: relative;
}

.index .frame-65-8B8Ut2 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: auto;
  left: 0px;
  position: relative;
  top: 0px;
  width: 101px;
}

.index .kylie-jenner-Fx0pHw {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-right: -5.64px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .american-model-Fx0pHw {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-54-7UnK2x {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.index .group-36-xMh2D2 {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.index .group-114-xMh2D2 {
  align-self: stretch;
  background-color: transparent;
  height: 144px;
  margin-right: -2.00px;
  min-width: 173.3611297607422px;
  position: relative;
}

.index .you-better-realize-y-wjCPtx {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 171px;
}

.index .x61fb0fc9ae2d48366a9c45f0_emoji-fire-1-2-wjCPtx {
  background-color: transparent;
  height: 14px;
  left: 74px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 52px;
  width: 7px;
}

.index .frame-68-xMh2D2 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.index .frame-67-LrLtQe {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.index .cardi-b-ILn8j1 {
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .american-rapper-ILn8j1 {
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  margin-right: -0.64px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-55-7UnK2x {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral900);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  mix-blend-mode: normal;
  padding: 24px;
  position: relative;
}

.index .group-37-jAsLZx {
  background-color: transparent;
  height: 60px;
  min-width: 102px;
  position: relative;
}

.index .barfly-k-os-the-barr-jAsLZx {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.14px;
  line-height: 24px;
  mix-blend-mode: normal;
  opacity: 0.8;
  position: relative;
  text-align: left;
}

.index .frame-70-jAsLZx {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 10px;
  height: auto;
  position: relative;
}

.index .frame-69-UY5Dk9 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  height: auto;
  position: relative;
}

.index .dwayne-johnson-VN13C2 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.34px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.index .american-actor-VN13C2 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.24px;
  line-height: 23px;
  mix-blend-mode: normal;
  opacity: 0.4;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.index .frame-73-KHOFlO {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 117px;
  height: auto;
  padding: 0px 150px;
  position: relative;
}

.index .alexander-popov-2-gn-xv4Cg0 {
  background-color: transparent;
  flex: 1;
  height: 302px;
  min-width: 286.5419921875px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
}

.index .frame-72-xv4Cg0 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  height: auto;
  position: relative;
}

.index .frame-71-v1NrnL {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: auto;
  position: relative;
}

.index .find-your-bar-DUwGVk {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 1.08px;
  line-height: normal;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
}

.index .group-39-DUwGVk {
  align-self: stretch;
  background-color: transparent;
  height: 40px;
  margin-right: -2.00px;
  min-width: 288.54168701171875px;
  position: relative;
}

.index .download-barfly-1nnxgg {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 287px;
}

.index .download_on_the_-app-v1NrnL {
  background-color: transparent;
  height: 52px;
  min-width: 155.5634765625px;
  mix-blend-mode: normal;
  position: relative;
}

.index .frame-77-KHOFlO {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral800);
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: auto;
  mix-blend-mode: normal;
  padding: 40px 150px 24px;
  position: relative;
}

.index .frame-75-tX8chL {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 59px;
  height: auto;
  position: relative;
}

.index .frame-74-zoDm3U {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  position: relative;
}

.index .group-38-6tBFTx {
  background-color: transparent;
  height: 35px;
  min-width: 207.0833282470703px;
  position: relative;
}

.index .frame-1-1zMAZ4 {
  background-color: transparent;
  height: 35px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 207px;
}

.index .barfly-bGA01Y {
  left: 14px;
  letter-spacing: 20.50px;
}

.index .group-27-bGA01Y {
  height: 37px;
  width: 207px;
}

.index .rectangle-251-ydKwwL {
  border: 1.580985426902771px solid white;
  height: 37px;
  width: 207px;
}

.index .group-45-6tBFTx {
  background-color: transparent;
  height: 25px;
  min-width: 152px;
  position: relative;
}

.index .group-44-HUhLxU {
  background-color: transparent;
  height: 25px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 154px;
}

.index .x620184c62b5f205ab97e-j6NYi7 {
  background-color: transparent;
  height: 24px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1px;
  width: 24px;
}

.index .instagram-j6NYi7 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 40px;
  letter-spacing: 0.44px;
  line-height: 25px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .vector-1-zoDm3U {
  align-self: stretch;
  background-color: transparent;
  height: 1px;
  margin-bottom: -0.50px;
  min-width: 690.0830078125px;
  object-fit: cover;
  position: relative;
}

.index .frame-76-tX8chL {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 40px;
  height: auto;
  position: relative;
}

.index .x2022-lightning-man-m-u0fxpw {
  background-color: transparent;
  flex: 1;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.index .frame-86-u0fxpw {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  gap: 40px;
  height: auto;
  position: relative;
  width: fit-content;
}

.index .privacy-policy-RHfqZ3 {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .terms-of-service-RHfqZ3 {
  background-color: transparent;
  letter-spacing: 0.60px;
  line-height: 28px;
  margin-top: -1.00px;
  mix-blend-mode: normal;
  opacity: 0.5;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.index .icons8-checkmark-8 {
  background-color: transparent;
  min-width: 19.2998046875px;
  mix-blend-mode: normal;
  position: relative;
}

.index .rectangle-274 {
  align-self: auto;
  background-color: transparent;
  height: 185.5px;
  min-width: 160.6943359375px;
  mix-blend-mode: normal;
  position: relative;
}
@media screen and (max-width: 579px) {
  .screen.x1440 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.x770-580 { 
    display: none;
   }
  .screen.x991-770 { 
    display: none;
   }
}
@media screen and (min-width: 580px) and (max-width: 769px) {
  .screen.x1440 { 
    display: none;
   }
  .screen.x580-320 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.x991-770 { 
    display: none;
   }
}
@media screen and (min-width: 770px) and (max-width: 989px) {
  .screen.x1440 { 
    display: none;
   }
  .screen.x580-320 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.x770-580 { 
    display: none;
   }
}
@media screen and (min-width: 990px) and (max-width: 1439px) {
  .screen.x1440 { 
    display: none;
   }
  .screen.x580-320 { 
    display: none;
   }
  .screen.x770-580 { 
    display: none;
   }
  .screen.x991-770 { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.x580-320 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.x770-580 { 
    display: none;
   }
  .screen.x991-770 { 
    display: none;
   }
}