/* screen - landing-page */

.landing-page {
  align-items: center;
  background-color: var(--primary-color);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-height: 8899px;
  overflow-x: hidden;
  width: 1440px;
}

.landing-page .flex-row {
  align-items: flex-start;
  display: flex;
  margin-top: 40px;
  min-width: 1360px;
}

.landing-page .group-2 {
  display: flex;
  width: 273px;
}

.landing-page .logo-removebg-preview-1 {
  height: 55px;
  width: 54.35px;
}

.landing-page .place {
  color: var(--white);
  font-weight: 500;
  height: 36px;
  line-height: 35.2px;
  margin-left: 9.6px;
  margin-top: 9.5px;
  white-space: nowrap;
  width: 207px;
}

.landing-page .group-3 {
  align-self: center;
  display: flex;
  margin-bottom: 1.0px;
  margin-left: 112px;
  width: 590px;
}

.landing-page .navbar {
  display: flex;
  width: 598px;
}

.landing-page .navbar-link-place {
  color: var(--white);
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  width: 54px;
}

.landing-page .navbar-link-safety-center {
  color: var(--white);
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin-left: 51px;
  white-space: nowrap;
  width: 124px;
}

.landing-page .navbar-link-help-center {
  color: var(--white);
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin-left: 50px;
  white-space: nowrap;
  width: 107px;
}

.landing-page .navbar-link-moderator-guide {
  color: var(--white);
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin-left: 50px;
  white-space: nowrap;
  width: 154px;
}

.landing-page .frame-1-1 {
  align-items: flex-start;
  background-color: var(--secondary-color);
  border: 1px none;
  border-radius: 10px;
  display: flex;
  gap: 10px;
  margin-left: 188px;
  padding: 11px 32px;
  width: fit-content;
  cursor: pointer;
}

.frame-1-1:hover {
  opacity: 80%;
}

.landing-page .open-concord {
  color: var(--white);
  font-weight: 500;
  line-height: 32px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}
.landing-page .open-concord:hover {
  opacity: 100%;
}

.landing-page .frame-9 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 70px;
  width: fit-content;
}

.landing-page .place-1 {
  color: var(--white);
  font-weight: 500;
  line-height: 61.6px;
  margin-top: -1.00px;
  opacity: 0.9;
  text-shadow: 0px 4px 4px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .that-place-you-imagined {
  color: var(--white);
  font-weight: 500;
  line-height: 35.2px;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .concord-site-34-1 {
  height: 123%;
  width: 123%;
  min-width: 476px;
}

.landing-page .group-3225 {
  align-items: flex-start;
  display: flex;
  height: 930px;
  margin-top: 69px;
  min-width: 1442px;
}

.landing-page .overlap-group {
  align-items: flex-end;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  min-height: 930px;
  padding: 40px 39px;
  width: 1440px;
}

.landing-page .what-weve-got {
  align-self: center;
  color: var(--white);
  font-weight: 500;
  line-height: 44px;
  margin-left: 73.0px;
  min-height: 44px;
  min-width: 513px;
  white-space: nowrap;
}

.landing-page .frame-container {
  align-items: flex-start;
  display: flex;
  margin-top: 60px;
  min-width: 1360px;
}

.landing-page .frame {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(15px) brightness(100%);
  background-color: var(--primary-color);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 20px;
  box-shadow: 0px 20px 40px #00000026;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 338px;
  padding: 30px 21px;
  width: fit-content;
}

.landing-page .image-removebg-previ {
  height: 100px;
  min-width: 100px;
  object-fit: cover;
}

.landing-page .customize-your-character {
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .soon-build-and-cust {
  color: var(--silver);
  font-weight: 400;
  height: 123px;
  line-height: 26px;
  margin-bottom: -0.50px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  width: 284px;
}

.landing-page .frame-5 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(15px) brightness(100%);
  background-color: var(--primary-color);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 20px;
  box-shadow: 0px 20px 40px #00000026;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 338px;
  margin-left: 20px;
  padding: 30px 21px;
  width: fit-content;
}

.landing-page .image-removebg-previ-1 {
  height: 100px;
  min-width: 100px;
}

.landing-page .earn-profile-badges {
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .level-up-your-profil {
  color: var(--silver);
  font-weight: 400;
  height: 96px;
  line-height: 26px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  width: 284px;
}

.landing-page .frame-1 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(15px) brightness(100%);
  background-color: var(--primary-color);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 20px;
  box-shadow: 0px 20px 40px #00000026;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 338px;
  margin-left: 18px;
  padding: 30px 21px;
  width: fit-content;
}

.landing-page .direct-messaging {
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .chat-share-voice-no {
  color: var(--silver);
  font-weight: 400;
  height: 123px;
  line-height: 26px;
  margin-bottom: -0.50px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  width: 284px;
}

.landing-page .frame-7 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(15px) brightness(100%);
  background-color: var(--primary-color);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 20px;
  box-shadow: 0px 20px 40px #00000026;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 18px;
  padding: 29px 21px;
  width: fit-content;
}

.landing-page .communities {
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .the-best-place-to-ho {
  color: var(--silver);
  font-weight: 400;
  height: 124px;
  line-height: 26px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  width: 284px;
}

.landing-page .frame-container-1 {
  align-items: flex-start;
  display: flex;
  margin-top: 50px;
  min-width: 1360px;
}

.landing-page .voice-video-screenshare {
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .reliable-voice-vide {
  color: var(--silver);
  font-weight: 400;
  height: 96px;
  line-height: 26px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  width: 284px;
}

.landing-page .frame-3222 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(15px) brightness(100%);
  background-color: var(--primary-color);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 20px;
  box-shadow: 0px 20px 40px #00000026;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 20px;
  padding: 30px 21px;
  width: fit-content;
}

.landing-page .in-app-quests {
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .complete-in-app-ques {
  color: var(--silver);
  font-weight: 400;
  height: 122px;
  line-height: 26px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  width: 284px;
}

.landing-page .image-removebg-previ-2 {
  height: 100px;
}

.landing-page .emojis-stickers {
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .spice-up-your-chats {
  color: var(--silver);
  font-weight: 400;
  height: 45px;
  line-height: 26px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  width: 284px;
}

.landing-page .world-class-support {
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .no-useless-canned-re {
  color: var(--silver);
  font-weight: 400;
  height: 123px;
  line-height: 26px;
  margin-bottom: -0.50px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  width: 284px;
}

.landing-page .frame-3226 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  margin-right: 23.88px;
  margin-top: 50px;
  width: fit-content;
}

.landing-page .frame-32 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: fit-content;
}

.landing-page .futuristic-3-dimens {
  height: 131px;
  letter-spacing: 0;
  line-height: 74px;
  margin-top: -1.00px;
  width: 813px;
}

.landing-page .our-3-dimensional-us {
  color: var(--bon-jour);
  font-weight: 500;
  height: 467px;
  line-height: 32px;
  width: 719px;
}

.landing-page .group-3235 {
  display: flex;
  height: 588.69px;
  min-width: 523.12px;
}

.landing-page .group-3226 {
  align-items: flex-start;
  box-shadow: 0px 2px 6px #00000040;
  display: flex;
  flex-direction: column;
  min-height: 588.69px;
  width: 523.12px;
  margin-top: 220px;
}

.landing-page .concord-site-2-1 {
  align-self: flex-end;
  height: 48px;
  width: 504px;
}

.landing-page .concord-site-container {
  height: 537px;
  margin-top: 4px;
  position: relative;
  width: 477px;
}

.landing-page .concord-site-3-1 {
  height: 537px;
  left: 210px;
  position: absolute;
  top: 0;
  width: 267px;
}

.landing-page .concord-site-1-1 {
  height: 143px;
  left: 0;
  position: absolute;
  top: 150px;
  width: 233px;
}

.landing-page .frame-3232 {
  align-items: center;
  align-self: flex-start;
  border: 1px none;
  display: flex;
  gap: 20px;
  margin-left: 39px;
  margin-top: 300px;
  width: fit-content;
}

.landing-page .group-3210 {
  display: flex;
  height: 607px;
  min-width: 478.53px;
}

.landing-page .concord-site-4-1 {
  height: 619px;
  margin-left: -6px;
  margin-top: -4px;
  width: 490.53px;
}

.landing-page .frame-323 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 85px;
  width: fit-content;
}

.landing-page .customize-your-character-soon {
  height: 112px;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  text-shadow: 0px 2px 6px #00000040;
  width: 449px;
}

.landing-page .build-and-customize {
  color: var(--bon-jour);
  font-weight: 500;
  height: 128px;
  line-height: 26px;
  width: 785px;
}

.landing-page .frame-3230 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 33px;
  width: fit-content;
  margin-top: 130px;
}

.landing-page .frame-322 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: fit-content;
}

.landing-page .group-3242 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  background: linear-gradient(180deg, rgba(2.13, 0.42, 0.42, 0.4) 0%, rgba(255, 255, 255, 0.17) 100%);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 30px;
  box-shadow: 0px 20px 40px #00000026;
  display: flex;
  height: 60px;
  min-width: 60px;
}

.landing-page .icons8-clothes-96-1 {
  height: 50px;
  margin-left: 5px;
  margin-top: 5px;
  object-fit: cover;
  width: 50px;
}

.landing-page .stand-out-by-choosin {
  color: var(--silver);
  font-weight: 400;
  height: 122px;
  line-height: 24px;
  width: 256px;
}

.landing-page .group-3241 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  background: linear-gradient(180deg, rgba(2.13, 0.42, 0.42, 0.4) 0%, rgba(255, 255, 255, 0.17) 100%);
  background-image: url(../img/icons8-image-100-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 30px;
  box-shadow: 0px 20px 40px #00000026;
  height: 60px;
  margin-left: -0.50px;
  margin-top: -0.50px;
  min-width: 60px;
}

.landing-page .if-thats-not-you-u {
  color: var(--silver);
  font-weight: 400;
  height: 118px;
  line-height: 24px;
  width: 256px;
}

.landing-page .overlap-group4 {
  align-self: flex-end;
  height: 605px;
  margin-right: 9.93px;
  margin-top: 70px;
  position: relative;
  width: 1390px;
}

.landing-page .frame-3238 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 20px;
  left: 0;
  position: absolute;
  top: 18px;
  width: fit-content;
}

.landing-page .earn-profile-badges-1 {
  height: 119px;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  text-shadow: 0px 2px 6px #00000040;
  width: 397px;
}

.landing-page .profile-badges-are-c {
  color: var(--bon-jour);
  font-weight: 500;
  height: 157px;
  line-height: 32px;
  width: 754px;
}

.landing-page .frame-3235 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 30px;
  width: fit-content;
  margin-top: 130px;
}

.landing-page .frame-3233 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 196px;
  width: fit-content;
}

.landing-page .group-324 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  background: linear-gradient(180deg, rgba(2.13, 0.42, 0.42, 0.4) 0%, rgba(255, 255, 255, 0.17) 100%);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 29.99px;
  box-shadow: 0px 20px 40px #00000026;
  display: flex;
  height: 59.98px;
  min-width: 59.97px;
}

.landing-page .icons8-clothes-96-2 {
  height: 50px;
  margin-left: 1.0px;
  margin-top: 1.0px;
  width: 56.97px;
}

.landing-page .level-up-your-profil-1 {
  color: var(--silver);
  font-weight: 400;
  height: 122px;
  line-height: 24px;
  width: 256px;
}

.landing-page .frame-3234 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 192px;
  width: 255px;
}

.landing-page .icons8-image-100-4 {
  height: 50px;
  margin-left: 5.0px;
  margin-top: 5.0px;
  object-fit: cover;
  width: 50px;
}

.landing-page .your-badge-might-jus {
  color: var(--silver);
  font-weight: 400;
  height: 117.95px;
  line-height: 24px;
  margin-right: -0.88px;
  width: 255.88px;
}

.landing-page .group-3207 {
  display: flex;
  height: 452.82px;
  min-width: 616.07px;
}

.landing-page .concord-site-4-1-1 {
  height: 464.82px;
  margin-left: -6px;
  margin-top: -4.0px;
  width: 628.07px;
}

.landing-page .concord-site-13-1 {
  height: 281px;
  left: 728px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 500px;
}

.landing-page .concord-site-7-1 {
  height: 337px;
  left: 756px;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: 599px;
}

.landing-page .frame-3240 {
  align-items: center;
  align-self: flex-start;
  border: 1px none;
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-left: -39px;
  margin-top: 120px;
  width: fit-content;
}

.landing-page .group-3236 {
  display: flex;
  height: 564.51px;
  min-width: 655.13px;
}

.landing-page .concord-site-4-2 {
  height: 576.51px;
  margin-left: -6px;
  margin-top: -4px;
  width: 667.13px;
}

.landing-page .in-app-quests-daily-check-in {
  height: 120px;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -100.00px;
  text-shadow: 0px 2px 6px #00000040;
  width: 408px;
}

.landing-page .log-in-daily-or-comp {
  color: var(--silver);
  font-weight: 500;
  height: 122px;
  line-height: 32px;
  width: 726px;
}

.landing-page .frame-3245 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 188px;
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 15px;
  width: fit-content;
}

.landing-page .frame-3244 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: fit-content;
}

.landing-page .direct-messaging-1 {
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  text-shadow: 0px 2px 6px #00000040;
  width: 397.73px;
}

.landing-page .frame-32-1 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: fit-content;
}

.landing-page .frame-324 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 30px;
  width: fit-content;
}

.landing-page .group-32 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  background: linear-gradient(180deg, rgba(2.13, 0.42, 0.42, 0.4) 0%, rgba(255, 255, 255, 0.17) 100%);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 78.5px/79.5px;
  box-shadow: 0px 20px 40px #00000026;
  display: flex;
  height: 159px;
  min-width: 157px;
}

.landing-page .icons8-clothes-96-2-1 {
  height: 132px;
  margin-left: 13px;
  margin-top: 13px;
  object-fit: cover;
  width: 130px;
}

.landing-page .chat-share-voice-no-1 {
  color: var(--silver);
  font-weight: 500;
  height: 91.5px;
  line-height: 32px;
  width: 365px;
}

.landing-page .icons8-clothes-96-3 {
  height: 132.5px;
  margin-left: 13.1px;
  margin-top: 13.2px;
  object-fit: cover;
  width: 130.83px;
}

.landing-page .your-documents-and-c {
  color: var(--silver);
  font-weight: 400;
  height: 66.5px;
  line-height: 25.2px;
  width: 361px;
}

.landing-page .group-3236-1 {
  display: flex;
  height: 498.34px;
  min-width: 604px;
  margin-top: -300px;
}

.landing-page .concord-site-4-1-2 {
  height: 150%;
  margin-left: -6px;
  margin-top: -4.0px;
  width: 100%;
}

.landing-page .overlap-group3 {
  height: 1240px;
  margin-right: 4.0px;
  margin-top: 148px;

  position: relative;
  width: 1440px;
}

.landing-page .group-3204 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  background: linear-gradient(180deg, rgba(2.13, 0.42, 0.42, 0.4) 0%, rgba(255, 255, 255, 0.17) 100%);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 30px;
  box-shadow: 0px 20px 40px #00000026;
  height: 60px;
  left: 37px;
  position: absolute;
  top: 643px;
  width: 60px;
}

.landing-page .rectangle-100 {
  background-color: var(--black);
  border: 1px none;
  height: 1240px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.landing-page .bubbles {
  color: var(--white);
  font-weight: 500;
  left: 579px;
  line-height: 44px;
  position: absolute;
  text-align: center;
  top: 39px;
  white-space: nowrap;
}

.landing-page .frame-3247 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  left: 40px;
  position: absolute;
  top: 139px;
  width: fit-content;
}

.landing-page .group-32-1 {
  height: 343px;
  min-width: 675px;
}

.landing-page .overlap-group-1 {
  height: 343px;
  position: relative;
  width: 675px;
}

.landing-page .rectangle-105 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  border-color: var(--monsoon);
  border-radius: 20px;
  border-right-style: solid;
  border-right-width: 6px;
  border-top-style: solid;
  border-top-width: 6px;
  height: 338px;
  left: 5px;
  position: absolute;
  top: 0;
  width: 670px;
}

.landing-page .rectangle-101 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  background: linear-gradient(180deg, rgba(2.13, 0.42, 0.42, 0.4) 0%, rgba(255, 255, 255, 0.17) 100%);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 20px;
  box-shadow: 0px 20px 40px #00000026;
  height: 338px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 670px;
}

.landing-page .frame-324-1 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: fit-content;
}

.landing-page .create-and-organize {
  height: 29px;
  letter-spacing: 0;
  line-height: 44px;
  margin-top: -1.00px;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: 528px;
}

.landing-page .text-list {
  list-style: disc;
  margin-left: 25px;
}

.landing-page .organize-your-member {
  color: var(--silver);
  font-weight: 400;
  line-height: 26px;
  text-shadow: 0px 2px 6px #00000040;
  width: 479px;
}

.landing-page .concord-site-11-1 {
  height: 350px;
  left: 62px;
  position: absolute;
  top: 156px;
  width: 450px;
}

.landing-page .concord-site-13-2 {
  height: 179px;
  left: 482px;
  position: absolute;
  top: 303px;
  width: 133px;
}

.landing-page .concord-site-12-1 {
  height: 239px;
  left: 282px;
  position: absolute;
  top: 149px;
  width: 300px;
}

.landing-page .frame-3249 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 718px;
  position: absolute;
  top: 139px;
  width: fit-content;
}

.landing-page .group-3245 {
  height: 353px;
  min-width: 689.23px;
}

.landing-page .overlap-group1 {
  height: 353px;
  position: relative;
  width: 689px;
}

.landing-page .overlap-group-2 {
  height: 343px;
  left: 12px;
  position: absolute;
  top: 0;
  width: 677px;
}

.landing-page .rectangle-105-1 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  border-color: var(--monsoon);
  border-radius: 20px;
  border-right-style: solid;
  border-right-width: 6px;
  border-top-style: solid;
  border-top-width: 6px;
  height: 338px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 670px;
}

.landing-page .rooms1-2 {
  height: 338px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 689px;
}

.landing-page .utilize-the-variety {
  height: 29px;
  letter-spacing: 0;
  line-height: 44px;
  margin-top: -1.00px;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: 589px;
}

.landing-page .events-calendar-tex {
  color: var(--silver);
  font-weight: 400;
  line-height: 26px;
  text-shadow: 0px 2px 6px #00000040;
  width: 479px;
}

.landing-page .frame-3250 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  left: 40px;
  position: absolute;
  top: 800px;
  width: fit-content;
}

.landing-page .group-3246 {
  height: 397.57px;
  min-width: 675px;
}

.landing-page .overlap-group1-1 {
  height: 410px;
  position: relative;
  top: -4px;
  width: 675px;
}

.landing-page .overlap-group-3 {
  height: 343px;
  left: 0;
  position: absolute;
  top: 21px;
  width: 675px;
}

.landing-page .whats-app_-image_2022-09-19_at_128-1 {
  height: 410px;
  left: 47px;
  position: absolute;
  top: 0;
  width: 606px;
}

.landing-page .upgrade-your-bubble-with-power-up {
  height: 29px;
  letter-spacing: 0;
  line-height: 44px;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: 479px;
  margin-left: 100px;
  margin-top: -20px;
}

.landing-page .frame-3251 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 25px;
  left: 730px;
  position: absolute;
  top: 800px;
  width: fit-content;
}

.landing-page .overlap-group1-2 {
  height: 351px;
  position: relative;
  width: 675px;
}

.landing-page .overlap-group-4 {
  height: 343px;
  left: 0;
  position: absolute;
  top: 0;
  width: 675px;
}

.landing-page .whats-app_-image_2022-09-19_at_128-2 {
  height: 350px;
  left: 29px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 598px;
}

.landing-page .discover-preview-an {
  height: 62px;
  letter-spacing: 0;
  line-height: 35px;
  text-shadow: 0px 2px 6px #00000040;
  width: 670px;
  margin-left: 0px;
}

.landing-page .group-3231 {
  display: flex;
  margin-right: 19.47px;
  margin-top: 60px;
  width: 1341px;
}

.landing-page .frame-3253 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 185px;
  height: 607px;
  justify-content: center;
  width: 1340.53px;
}

.landing-page .voice-video-screenshare-1 {
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  text-shadow: 0px 2px 6px #00000040;
  width: 397.73px;
}

.landing-page .reliable-voice-vide-1 {
  color: var(--silver);
  font-weight: 400;
  height: 82px;
  line-height: 25.2px;
  width: 630px;
}

.landing-page .group-11 {
  display: flex;
  height: 607px;
  min-width: 525.53px;
}

.landing-page .concord-site-4-1-3 {
  height: 619px;
  margin-left: -6px;
  margin-top: -4px;
  width: 537.53px;
}

.landing-page .overlap-group5 {
  background-color: var(--black);
  height: 752px;
  margin-right: 4.0px;
  margin-top: 80px;
  position: relative;
  width: 1440px;
}

.landing-page .frame-3255 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 310px;
  position: absolute;
  top: 50px;
  width: fit-content;
  margin-left: -25px;
}

.landing-page .everything-is-free {
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  text-align: center;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .use-any-emoji-or-sti {
  color: var(--silver);
  font-weight: 500;
  height: 145px;
  line-height: 32px;
  text-align: center;
  width: 821px;
}

.landing-page .group-3216 {
  height: 397.58px;
  min-width: 675px;
}

.landing-page .overlap-group1-3 {
  height: 398px;
  position: relative;
  width: 675px;
  margin-left: 60px
}

.landing-page .overlap-group-5 {
  height: 343px;
  left: 0;
  position: absolute;
  top: 29px;
  width: 675px;
}

.landing-page .whats-app-image-2022-09-19-at-1056-1 {
  height: 398px;
  left: 44px;
  position: absolute;
  top: 0;
  width: 557px;
}

.landing-page .free {
  color: var(--white);
  font-weight: 500;
  left: 568px;
  line-height: 44px;
  position: absolute;
  text-align: center;
  top: 502px;
  white-space: nowrap;
  margin-left: -40px;
}

.landing-page .frame-3257 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 90px;
  margin-right: 41.5px;
  margin-top: 70px;
  width: fit-content;
}

.landing-page .whats-app_-image_2022-09-19_at_1056-1 {
  height: 406px;
  min-width: 628px;
  margin-right: -50px;
}

.landing-page .frame-3256 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: fit-content;
  margin-right: -20px;
}

.landing-page .group-3217 {
  display: flex;
  flex-direction: column;
  height: 113.5px;
  margin-right: -4.00px;
  min-width: 604.5px;
}

.landing-page .place-2 {
  color: var(--white);
  font-weight: 500;
  height: 62px;
  line-height: 61.6px;
  margin-left: 15.5px;
  text-shadow: 0px 4px 4px #00000040;
  white-space: nowrap;
  width: 585px;
}

.landing-page .that-place-you-imagined-1 {
  color: var(--white);
  font-weight: 500;
  height: 36px;
  line-height: 35.2px;
  margin-top: 15.5px;
  white-space: nowrap;
  width: 598px;
}

.landing-page .group-3218 {
  height: 51px;
  min-width: 359px;
}

.landing-page .overlap-group1-4 {
  height: 51px;
  position: relative;
  width: 357px;
}

.landing-page .ellipse-123 {
  background-color: var(--secondary-color);
  border: 1px none;
  border-radius: 178.5px/11px;
  filter: blur(65px);;
  height: 22px;
  left: 0;
  position: absolute;
  top: 22px;
  width: 357px;
}

.landing-page .overlap-group-6 {
  height: 51px;
  left: 30px;
  position: absolute;
  top: 0;
  width: 300px;
}

.landing-page .rectangle-105-2 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  border: 2px solid;
  border-color: var(--secondary-color);
  border-radius: 20px;
  height: 47px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 298px;
}

.landing-page .rectangle-101-1 {
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
  background: linear-gradient(180deg, rgba(2.13, 0.42, 0.42, 0.4) 0%, rgba(255, 255, 255, 0.17) 100%);
  border: 0.5px solid;
  border-color: var(--white-2);
  border-radius: 20px;
  box-shadow: 0px 20px 40px #00000026;
  height: 47px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 298px;
}

.landing-page .open-concord-1 {
  color: var(--white);
  font-weight: 500;
  left: 32px;
  line-height: 56.4px;
  position: absolute;
  text-shadow: 0px 2px 6px #00000040;
  white-space: nowrap;
  padding: 0px 30px;
}

.landing-page .group-234 {
  display: flex;
  justify-content: flex-end;
  margin-top: 70px;
  width: 1440px;
}

.landing-page .frame-8 {
  align-items: center;
  background-color: var(--black);
  border: 1px none;
  display: flex;
  height: 367px;
  padding: 37px 40px;
  width: 1440px;
  margin-right: -0px;
}

.landing-page .flex-col {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  width: 335px;
}

.landing-page .concord-was-inspired {
  letter-spacing: -0.16px;
  line-height: 24px;
  margin-top: 5px;
  min-height: 190px;
  width: 335px;
}

.landing-page .group-3201 {
  align-items: flex-end;
  display: flex;
  height: 143px;
  margin-bottom: 64.0px;
  margin-left: 56px;
  min-width: 164px;
}

.landing-page .ellipse-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 89px;
  width: 10px;
}

.landing-page .ellipse-11 {
  background-color: var(--secondary-color);
  border: 1px none;
  border-radius: 5px;
  height: 10px;
  width: 10px;
}

.landing-page .ellipse-116 {
  background-color: var(--secondary-color);
  border: 1px none;
  border-radius: 5px;
  height: 10px;
  margin-top: 29px;
  width: 10px;
}

.landing-page .ellipse-1 {
  background-color: var(--secondary-color);
  border: 1px none;
  border-radius: 5px;
  height: 10px;
  margin-top: 30px;
  width: 10px;
}

.landing-page .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  min-height: 143px;
  width: 140px;
}

.landing-page .resources {
  letter-spacing: -0.20px;
  line-height: 25.2px;
  min-height: 26px;
  white-space: nowrap;
}

.landing-page .safety-center-help-c {
  letter-spacing: -0.16px;
  line-height: 24px;
  margin-left: 15px;
  width: 140px;
}

.landing-page .group-3202 {
  align-items: flex-end;
  display: flex;
  height: 186px;
  margin-bottom: 21.0px;
  margin-left: 116px;
  min-width: 172px;
}

.landing-page .ellipse-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
  min-height: 130px;
  width: 10px;
}

.landing-page .flex-col-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  min-height: 186px;
  width: 148px;
}

.landing-page .policies {
  letter-spacing: -0.20px;
  line-height: 25.2px;
  min-height: 18px;
  white-space: nowrap;
}

.landing-page .image-text-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 16px;
}

.landing-page .term-of-service-priv {
  letter-spacing: -0.16px;
  line-height: 24px;
  margin-left: 10px;
  width: 148px;
}

.landing-page .group-3200 {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  height: 94px;
  margin-left: 147px;
  margin-top: 43px;
  width: 184px;
}

.landing-page .lets-connect {
  height: 26px;
  letter-spacing: -0.20px;
  line-height: 25.2px;
  white-space: nowrap;
  width: 133px;
}

.landing-page .group-229 {
  display: flex;
  margin-top: 20px;
  width: 181.96px;
}

.landing-page .group-228 {
  align-items: flex-start;
  display: flex;
  height: 47.88px;
  min-width: 181.96px;
}

.landing-page .overlap-group1-5 {
  align-items: center;
  background-color: var(--white);
  border-radius: 23.94px;
  display: flex;
  height: 48px;
  justify-content: flex-end;
  min-width: 48px;
  padding: 0 13.0px;
}

.landing-page .icon-twitter {
  height: 18px;
  width: 22px;
}

.landing-page .overlap-group2 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 23.94px;
  display: flex;
  height: 48px;
  margin-left: 19px;
  min-width: 48px;
  padding: 11.9px 12.0px;
}

.landing-page .icon-instagram {
  height: 23px;
  width: 23px;
}

.landing-page .overlap-group-7 {
  align-items: center;
  background-color: var(--white);
  border-radius: 23.94px;
  display: flex;
  height: 48px;
  justify-content: flex-end;
  margin-left: 19px;
  min-width: 48px;
  padding: 0 9.9px;
}

.landing-page .logo {
  height: 28px;
  width: 28px;
}