/* screen - full-project */

.full-project {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 4987px;
  width: 1440px;
}

.full-project .hero-1 {
  align-items: center;
  background-color: var(--zircon);
  display: flex;
  flex-direction: column;
  gap: 178px;
  height: 890px;
  padding: 43px 0;
  width: 1440px;
}

.full-project .group-3 {
  display: flex;
  width: 1140px;
}

.full-project .frame-1-3 {
  height: 38px;
  margin-top: 6.0px;
  width: 252px;
}

.full-project .flashcards-world-2 {
  color: #031a2c;
}

.full-project .frame-2-1 {
  align-items: center;
  display: flex;
  gap: 20px;
  height: 20px;
  margin-left: 462.0px;
  margin-top: 15px;
  position: relative;
  width: 266px;
}

.full-project .place-1 {
  color: var(--black-2);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-l);
  font-weight: 500;
  line-height: 16px;
}

.full-project .about-1 {
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.full-project .frame-2-item {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  width: fit-content;
}

.full-project .frame-39557-1 {
  align-items: flex-start;
  height: 50px;
  margin-left: 38px;
  width: 122px;
}

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

.full-project .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 57px;
  height: 454px;
  margin-right: 298.3px;
  min-width: 842px;
}

.full-project .frame-39560 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: 570px;
}

.full-project .frame-39559 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-right: -6.44px;
  position: relative;
  width: fit-content;
}

.full-project .frame-39 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: fit-content;
}

.full-project .flashcards-world-t-1 {
  color: transparent;
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxxxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 70.0px;
  margin-top: -1.00px;
  position: relative;
  width: 576.44px;
}

.full-project .span0-2 {
  color: var(--x008dfe);
}

.full-project .span1-1 {
  color: var(--black);
}

.full-project .improve-your-languag-1 {
  color: var(--black-2);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-l);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.7;
  position: relative;
  width: 542.12px;
}

.full-project .en_badge_web_generic-2-1 {
  height: 44px;
  min-width: 139px;
  position: relative;
}

.full-project .en_badge_web_generic-2-2 {
  height: 48px;
  width: 140px;
  position: relative;
}

.mobile-version .en_badge_web_generic-2-2 {
  height: 48px;
  width: 132px;
  position: relative;
}

.side-by-side {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.full-project .i-phone-11-pro-max-mockup-2 {
  align-self: flex-end;
  display: flex;
  height: 428px;
  width: 215px;
}

.full-project .group-39644-1 {
  align-items: flex-start;
  display: flex;
  height: 659.75px;
  margin-left: 2.1px;
  margin-top: -149.4px;
  min-width: 497.39px;
  padding: 0.0px 0;
}

.full-project .overlap-group2-2 {
  height: 660px;
  position: relative;
  width: 497px;
}

.full-project .i-phone-11-pro-max-mockup-3 {
  align-items: flex-start;
  display: flex;
  height: 660px;
  justify-content: flex-end;
  left: 178px;
  min-width: 320px;
  position: absolute;
  top: 0;
}

.full-project .overlap-group-3 {
  height: 643px;
  position: relative;
  width: 363px;
}

.full-project .shadow-3 {
  height: 643px;
  width: 363px;
}

.full-project .main-5 {
  height: 638px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 318px;
}

.full-project .i-phone-11-pro-max-mockup-label-4 {
  height: 583px;
  left: 23px;
  top: 27px;
  width: 277px;
}

.full-project .group-39643-1 {
  align-items: flex-end;
  display: flex;
  height: 465px;
  justify-content: flex-end;
  left: 0;
  min-width: 246px;
  padding: 0.0px 0.0px;
  position: absolute;
  top: 142px;
}

.full-project .overlap-group1-2 {
  height: 465px;
  position: relative;
  width: 246px;
}

.full-project .shadow-4 {
  height: 465px;
  width: 246px;
}

.full-project .group-39642-1 {
  display: flex;
  height: 446px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 222px;
}

.full-project .group-39641-2 {
  align-items: flex-end;
  display: flex;
  height: 445.94px;
  justify-content: flex-end;
  min-width: 221.91px;
  padding: 0.0px 0.0px;
}

.full-project .overlap-group-4 {
  height: 446px;
  position: relative;
  width: 222px;
}

.full-project .main-6 {
  height: 446px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 222px;
}

.full-project .i-phone-11-pro-max-mockup-label-5 {
  height: 423px;
  left: 11px;
  top: 10px;
  width: 198px;
}

.full-project .group-7 {
  display: flex;
  gap: 57.9px;
  height: 495px;
  margin-left: 10.0px;
  margin-top: 134px;
  width: 1130px;
}

.full-project .group-6-1 {
  display: flex;
  width: 529.55px;
}

.full-project .group-4-1 {
  align-items: flex-end;
  display: flex;
  height: 495.34px;
  min-width: 529.55px;
}

.full-project .frame-container-1 {
  height: 495px;
  margin-bottom: 0;
  position: relative;
  width: 530px;
}

.full-project .frame-39700-1 {
  background-image: url(../img/frame-39700@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 21.16px;
  box-shadow: 0px 9.5px 40.39px #00000026;
  height: 437px;
  left: 249px;
  position: absolute;
  top: 27px;
  width: 280px;
}

.full-project .frame-39699-2 {
  background-image: url(../img/frame-39699@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 20.59px;
  box-shadow: 0px 2.74px 40.39px #00000026;
  height: 495px;
  left: 0;
  position: absolute;
  top: 0;
  width: 305px;
}

.full-project .group-5 {
  display: flex;
  flex-direction: column;
  height: 345.87px;
  margin-top: 69.7px;
  width: 546.52px;
}

.full-project .frame-238453 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 40px;
  padding: 10px;
  position: relative;
  width: 188.5px;
}

.full-project .frame-39704-1 {
  align-items: center;
  display: flex;
  gap: 14px;
  position: relative;
  width: 168.5px;
}

.full-project .about-us {
  -webkit-text-stroke: 1px var(--black);
  letter-spacing: 3.60px;
  line-height: normal;
  margin-left: -1.00px;
  margin-top: -2.00px;
}

.full-project .effortlessly-memorize-study-material-1 {
  height: 72px;
  letter-spacing: 0;
  line-height: 36.2px;
  margin-left: 10px;
  margin-top: 9px;
  width: 525.72px;
}

.full-project .flashcards-world-is-1 {
  height: 204px;
  letter-spacing: 0;
  line-height: 23.8px;
  margin-left: 9.5px;
  margin-top: 20.9px;
  opacity: 0.7;
  width: 533px;
}

.full-project .frame-39707-2 {
  height: 1204px;
  margin-top: 106px;
}

.full-project .group-39640 {
  display: flex;
  flex-direction: column;
  gap: 56px;
  height: 746.35px;
  margin-left: 149px;
  margin-top: 228.8px;
  width: 1142px;
}

.full-project .frame-39708-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 121px;
  margin-left: 318px;
  position: relative;
  width: 506px;
}

.full-project .surname-1 {
  color: transparent;
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 57.8px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .discover-the-array-o-1 {
  letter-spacing: 0;
  line-height: 23.8px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 502.29px;
}

.full-project .group-39639-1 {
  display: flex;
  flex-direction: column;
  gap: 15.3px;
  height: 569.35px;
}

.full-project .frame-39721 {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  height: 277px;
  position: relative;
  width: 1142px;
}

.full-project .frame-39709-2 {
  background-color: var(--x008dfe);
  border: 3px solid;
  border-color: #abd8fd;
  border-radius: 10px;
  display: flex;
  height: 277px;
  min-width: 372px;
  overflow: hidden;
  position: relative;
}

.full-project .frame-39717-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 210px;
  margin-left: 24px;
  margin-top: 33.5px;
  position: relative;
  width: 324px;
}

.full-project .image-1 {
  height: 50px;
  left: 18px;
  position: absolute;
  top: 18px;
  width: 50px;
}

.full-project .frame-39715-2 {
  width: 324px;
}

.full-project .spaced-repetition-1 {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .uses-spaced-repetiti-1 {
  letter-spacing: 0;
  line-height: 27.2px;
  margin-left: -5.21px;
  margin-right: -5.21px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 334.41px;
}

.full-project .frame-3971-1 {
  background-color: var(--white);
  border-radius: 10px;
  display: flex;
  height: 277px;
  min-width: 370px;
  overflow: hidden;
  position: relative;
}

.full-project .frame-39718 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 210px;
  margin-left: 33.2px;
  margin-top: 33.5px;
  position: relative;
  width: 303.52px;
}

.full-project .group-39638-1 {
  border: 1px solid;
  border-color: var(--fresh-air);
}

.full-project .frame-397 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: fit-content;
}

.full-project .multiple-study-modes {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .keeps-you-engaged-wh {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 303.52px;
}

.full-project .frame-39719 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 210px;
  margin-left: 47px;
  margin-top: 33.5px;
  position: relative;
  width: 276px;
}

.full-project .frame-39715-1 {
  width: 276px;
}

.full-project .works-offline {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .study-from-anywhere {
  letter-spacing: 0;
  line-height: 27.2px;
  margin-left: -11.16px;
  margin-right: -11.16px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 298.31px;
}

.full-project .frame-39720 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  height: 277px;
  position: relative;
  width: 1142px;
}

.full-project .image-12-traced {
  height: 50px;
  left: 16px;
  position: absolute;
  top: 18px;
  width: 50px;
}

.full-project .own-your-data {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .study-from-anywhere-1 {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 303.52px;
}

.full-project .frame-39718-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 210px;
  margin-left: 31.8px;
  margin-top: 33.5px;
  position: relative;
  width: 306.39px;
}

.full-project .image-1-1 {
  height: 50px;
  left: 17px;
  position: absolute;
  top: 18px;
  width: 50px;
}

.full-project .nisl-convallis-in {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .id-in-velit-eu-ipsum {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 306.39px;
}

.full-project .frame-39719-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 210px;
  margin-left: 37.5px;
  margin-top: 34px;
  position: relative;
  width: 295px;
}

.full-project .quam-at {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .in-magna-magna-vesti {
  letter-spacing: 0;
  line-height: 27.2px;
  margin-left: -11.16px;
  margin-right: -11.16px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 298.31px;
}

.full-project .frame-39743 {
  align-items: center;
  display: flex;
  gap: 95px;
  margin-top: 110px;
  position: relative;
  width: fit-content;
}

.full-project .frame-39726 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 35px;
  justify-content: center;
  position: relative;
  width: 500px;
}

.full-project .frame-39725 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 500px;
}

.full-project .study-any-subject-1 {
  letter-spacing: 0;
  line-height: 36.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 500px;
}

.full-project .frame-39724-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 427px;
}

.full-project .our-app-provides-a-w-1 {
  letter-spacing: 0;
  line-height: 23.8px;
  margin-right: -98.54px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  width: 525.54px;
}

.full-project .frame-39557-2 {
  align-items: center;
  justify-content: center;
  width: fit-content;
}

.full-project .frame-39732-1 {
  background-color: #dceffa;
  border-radius: 15px;
  display: flex;
  height: 555px;
  min-width: 545px;
  overflow: hidden;
  position: relative;
}

.full-project .frame-39746 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 473px;
  margin-left: 45px;
  margin-top: 41px;
  position: relative;
  width: 455px;
}

.full-project .frame-39745-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: fit-content;
}

.full-project .all-sets-1 {
  letter-spacing: 0;
  line-height: 24.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-39737-1 {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  position: relative;
  width: fit-content;
}

.full-project .frame-3973-2 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x008dfe);
  border-radius: 41px;
  gap: 10px;
  padding: 12px 29px;
  width: fit-content;
}

.full-project .practice-all-1 {
  letter-spacing: 0;
  line-height: 27.2px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-397-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: fit-content;
}

.full-project .frame-3973-3 {
  background-color: var(--white);
  border-radius: 10px;
  gap: 26.2px;
  height: 169px;
  min-width: 455px;
  overflow: hidden;
}

.full-project .rectangle-1-1 {
  background-color: var(--x008dfe);
  height: 169px;
  width: 15px;
}

.full-project .frame-39740 {
  align-items: flex-start;
  display: flex;
  gap: 131px;
  height: 134px;
  margin-top: 17.5px;
  position: relative;
  width: 387px;
}

.full-project .frame-39738-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: relative;
  width: fit-content;
}

.full-project .language-1 {
  letter-spacing: 0;
  line-height: 24.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .x032-card-memorized-1 {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-3973-4 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x008dfe);
  border-radius: 41px;
  gap: 10px;
  padding: 8px 25px;
  width: fit-content;
}

.full-project .frame-39739-2 {
  height: 133px;
  min-width: 24px;
  position: relative;
}

.full-project .history-1 {
  letter-spacing: 0;
  line-height: 24.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .x06-card-memorized-1 {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .overlap-group3-1 {
  height: 1092px;
  margin-top: 104px;
  position: relative;
  width: 1440px;
}

.full-project .vector-8 {
  height: 114px;
  left: 1335px;
  position: absolute;
  top: 372px;
  width: 105px;
}

.full-project .frame-39707-3 {
  height: 1092px;
  left: 0;
  position: absolute;
  top: 0;
}

.full-project .group-238070 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 149.5px;
  margin-top: 221px;
  min-height: 534px;
  width: 1141px;
}

.full-project .frame-39759 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 35px;
  margin-right: 0;
  position: relative;
  width: fit-content;
}

.full-project .check-out-the-different-study-modes-1 {
  letter-spacing: 0;
  line-height: 36.2px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 880.42px;
}

.full-project .experience-a-dynamic-1 {
  letter-spacing: 0;
  line-height: 23.8px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 683.27px;
}

.full-project .frame-container-2 {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  margin-top: 136px;
  min-width: 1141px;
}

.full-project .frame-39716 {
  background-color: var(--x008dfe);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 211px;
  overflow: hidden;
  width: 274px;
}

.full-project .group-238069-2 {
  background-color: var(--white);
  margin-left: 102.8px;
  margin-top: 25.8px;
  width: 68.33px;
}

.full-project .flascard-1 {
  height: 40px;
  margin-left: 14.2px;
  margin-top: 14.2px;
  width: 40px;
}

.full-project .frame-39760 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 71px;
  margin-left: 29px;
  position: relative;
  width: 216px;
}

.full-project .flashcards-review-1 {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .basic-flashcards-review {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-39713 {
  background-color: var(--white);
  border-radius: 10px;
  display: flex;
  height: 211px;
  overflow: hidden;
  width: 274px;
}

.full-project .frame-39761-2 {
  margin-left: 15px;
  width: 244px;
}

.full-project .group-238068-1 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fresh-air);
  border-radius: 34.17px;
  height: 68.33px;
  min-width: 68.33px;
  position: relative;
}

.full-project .icon-2 {
  left: 13px;
  position: absolute;
  top: 13px;
}

.full-project .audio-player-1 {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .review-by-listening-to-your-cards {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-39714 {
  background-color: var(--white);
  border-radius: 10px;
  display: flex;
  height: 211px;
  overflow: hidden;
  width: 273px;
}

.full-project .frame-39761-3 {
  margin-left: 35.5px;
  width: 202px;
}

.full-project .multiple-answers-1 {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 196px;
}

.full-project .select-the-correct-answers-1 {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-39756 {
  background-color: var(--white);
  border-radius: 10px;
  display: flex;
  height: 211px;
  overflow: hidden;
  width: 275px;
}

.full-project .frame-39761-4 {
  margin-left: 53.5px;
  width: 168px;
}

.full-project .group-238069-3 {
  min-width: 68.33px;
  position: relative;
}

.full-project .icon-3 {
  margin-left: 14.2px;
  margin-top: 14.2px;
}

.full-project .writing-review-1 {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .review-by-writing-1 {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-39557-3 {
  align-items: flex-start;
  margin-left: 31.0px;
  margin-top: 38px;
  width: fit-content;
}

.full-project .group-238066 {
  display: flex;
  width: 1440px;
}

.full-project .frame-238065 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 296px;
  justify-content: center;
  position: relative;
  width: 1440px;
}

.full-project .frame-35563 {
  background-color: #000f19;
  height: 296px;
  min-width: 1440px;
  position: relative;
}

.full-project .overlap-group-5 {
  height: 36px;
  left: 0;
  position: absolute;
  top: 259px;
  width: 1440px;
}

.full-project .line-143-1 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1440px;
}

.full-project .flashcards-world-sl-1 {
  color: var(--white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 13px;
  font-weight: 400;
  height: 36px;
  left: 608px;
  letter-spacing: 0;
  line-height: 21.8px;
  opacity: 0.7;
  position: absolute;
  text-align: center;
  top: 0;
  width: 225px;
}

.full-project .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 1048px;
  height: 149px;
  left: 39px;
  min-width: 1370px;
  position: absolute;
  top: 34px;
}

.full-project .group-238063-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-height: 149px;
  width: 255px;
}

.full-project .frame-1-4 {
  width: fit-content;
}

.full-project .flashcards-world-3 {
  color: var(--white);
}

.full-project .the-best-flashcards-1 {
  letter-spacing: 0;
  line-height: 23.4px;
  margin-left: 0;
  min-height: 81px;
  opacity: 0.7;
  width: 253px;
}

.full-project .frame-39703-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 4.61px;
  position: relative;
  width: fit-content;
}

.full-project .main-7 {
  color: var(--white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-l);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-39702-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.full-project .place-2 {
  line-height: 32.5px;
  margin-top: -1.00px;
  opacity: 0.7;
}

.full-project .frame-39702-item-1 {
  letter-spacing: 0;
  line-height: 32.5px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color: rgb(255, 255, 255); /* Change the color to any other color you want */
  text-decoration: none; /* Remove any underline */
}

.full-project .about {
  opacity: 0.7;
  position: relative;
  width: fit-content;
}

.full-project .flashcards-world {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .frame-1 {
  align-items: center;
  display: flex;
  gap: 10px;
  position: relative;
}

.full-project .frame-39557 {
  background-color: var(--x008dfe);
  border-radius: 43px;
  display: flex;
  gap: 10px;
  padding: 15px 28px;
  position: relative;
}

.full-project .frame-39707 {
  background-color: var(--zircon);
  display: flex;
  width: 1440px;
}

.full-project .frame-39715 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}

.full-project .frame-3973 {
  display: flex;
  position: relative;
}

.full-project .frame-39761 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 159.33px;
  margin-top: 25.8px;
  position: relative;
}

.full-project .group-238069 {
  border: 1px solid;
  border-color: var(--fresh-air);
  border-radius: 34.17px;
  display: flex;
  height: 68.33px;
}

.full-project .group-39638 {
  background-color: var(--white);
  border-radius: 43.5px;
  height: 87px;
  min-width: 87px;
  position: relative;
}

.full-project .i-phone-11-pro-max-mockup-label {
  object-fit: cover;
  position: absolute;
}

.full-project .icon {
  height: 40px;
  width: 40px;
}

.full-project .icon-logo {
  height: 38px;
  min-width: 38px;
  object-fit: cover;
  position: relative;
}

.full-project .place {
  letter-spacing: 0;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .review {
  letter-spacing: 0;
  line-height: 27.2px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.full-project .shadow {
  left: 0;
  position: absolute;
  top: 0;
}
/* screen - mobile-version */

.mobile-version {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 44px;
  min-width: 375px;
  position: relative;
}

.mobile-version .hero {
  background-color: var(--zircon);
  display: flex;
  flex-direction: column;
  gap: 62.1px;
  height: 1014px;
  min-width: 375px;
  position: relative;
}

.mobile-version .nav-bar {
  -webkit-backdrop-filter: blur(33px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(33px) brightness(100%);
  background-color: #ffffff2b;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 77.91px;
  margin-top: -3px;
  padding: 25px 19px;
  position: relative;
  width: 223.26px;
}

.mobile-version .frame-238430 {
  align-items: center;
  display: flex;
  gap: 116px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-1-1 {
  gap: 7.35px;
  position: relative;
}

.mobile-version .icon-logo {
  height: 27.91px;
  min-width: 27.91px;
  object-fit: cover;
  position: relative;
}

.mobile-version .flashcards-world {
  color: #031a2c;
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 17.6px;
  font-weight: 800;
  line-height: 17.6px;
}

.mobile-version .frame-238434 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 45px;
  height: 720.33px;
  margin-left: 20px;
  position: relative;
  width: 335px;
}

.mobile-version .frame-2384 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-238432 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: fit-content;
}

.mobile-version .flashcards-world-t {
  color: transparent;
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  text-align: center;
  width: 335px;
}

.mobile-version .span0 {
  color: var(--x008dfe);
}

.mobile-version .span1 {
  color: var(--black-2);
}

.mobile-version .improve-your-languag {
  color: var(--black-2);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22.7px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 314.71px;
}

.mobile-version .en_badge_web_generic-2 {
  height: 40.85px;
  min-width: 129.06px;
  position: relative;
}

.mobile-version .group-39644 {
  height: 405.48px;
  min-width: 305.69px;
  position: relative;
}

.mobile-version .overlap-group2 {
  height: 405px;
  position: relative;
  width: 306px;
}

.mobile-version .i-phone-11-pro-max-mockup {
  align-items: flex-start;
  display: flex;
  height: 405px;
  justify-content: flex-end;
  left: 109px;
  min-width: 196px;
  position: absolute;
  top: 0;
}

.mobile-version .overlap-group {
  height: 395px;
  position: relative;
  width: 223px;
}

.mobile-version .shadow {
  height: 395px;
  left: 0;
  position: absolute;
  top: 0;
  width: 223px;
}

.mobile-version .main {
  height: 392px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 195px;
}

.mobile-version .i-phone-11-pro-max-mockup-label {
  height: 358px;
  left: 14px;
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 170px;
}

.mobile-version .group-39643 {
  align-items: flex-start;
  display: flex;
  height: 286px;
  left: 0;
  min-width: 151px;
  padding: 0 0.0px;
  position: absolute;
  top: 87px;
}

.mobile-version .overlap-group1 {
  height: 286px;
  position: relative;
  width: 151px;
}

.mobile-version .shadow-1 {
  height: 286px;
  width: 151px;
}

.mobile-version .group-39642 {
  display: flex;
  height: 274px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 136px;
}

.mobile-version .group-39641 {
  align-items: flex-end;
  display: flex;
  height: 274.07px;
  justify-content: flex-end;
  min-width: 136.38px;
  padding: 0.0px 0;
}

.mobile-version .overlap-group-1 {
  height: 274px;
  position: relative;
  width: 136px;
}

.mobile-version .main-1 {
  height: 274px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 136px;
}

.mobile-version .i-phone-11-pro-max-mockup-label-1 {
  height: 260px;
  left: 7px;
  top: 6px;
  width: 122px;
}

.mobile-version .frame-238437 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-238435 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-39704 {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: center;
  position: relative;
  width: 168.5px;
}

.mobile-version .about {
  -webkit-text-stroke: 1px var(--black);
  letter-spacing: 3.15px;
  line-height: normal;
  margin-top: -2.00px;
  opacity: 0.7;
  position: relative;
  width: fit-content;
}

.mobile-version .effortlessly-memorize-study-material {
  letter-spacing: 0;
  line-height: 36.2px;
  position: relative;
  text-align: center;
  width: 320.06px;
}

.mobile-version .flashcards-world-is {
  line-height: 23.8px;
  opacity: 0.7;
  text-align: center;
  width: 337px;
}

.mobile-version .group-6 {
  display: flex;
  height: 304.87px;
  min-width: 325.92px;
  position: relative;
}

.mobile-version .group-4 {
  align-items: flex-start;
  display: flex;
  height: 304.87px;
  min-width: 325.92px;
}

.mobile-version .frame-container {
  height: 305px;
  position: relative;
  width: 326px;
}

.mobile-version .frame-39700 {
  background-image: url(../img/frame-39700-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 13.03px;
  box-shadow: 0px 5.85px 24.86px #00000026;
  height: 269px;
  left: 153px;
  position: absolute;
  top: 17px;
  width: 173px;
}

.mobile-version .frame-39699 {
  background-image: url(../img/frame-39699-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 12.67px;
  box-shadow: 0px 1.69px 24.86px #00000026;
  height: 305px;
  left: 0;
  position: absolute;
  top: 0;
  width: 188px;
}

.mobile-version .frame-39707 {
  background-color: var(--zircon);
  display: flex;
  height: 2004px;
  min-width: 375px;
  overflow: hidden;
  position: relative;
}

.mobile-version .frame-238439 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 1982px;
  margin-left: 19px;
  margin-top: 60.1px;
  position: relative;
  width: 337px;
}

.mobile-version .frame-39708 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 336px;
}

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

.mobile-version .discover-the-array-o {
  letter-spacing: 0;
  line-height: 23.8px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 335.99px;
}

.mobile-version .frame-39709 {
  background-color: var(--white);
  border: 1px solid var(--zircon);
  border-radius: 10px;
  display: flex;
  height: 277px;
  min-width: 337px;
  overflow: hidden;
  position: relative;
}

.mobile-version .frame-39717 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 185px;
  margin-left: 28.5px;
  margin-top: 48.5px;
  position: relative;
  width: 280px;
}

.mobile-version .group-39638 {
  background-color: var(--white);
  border-radius: 34px;
  height: 68px;
  min-width: 68px;
  position: relative;
}

.mobile-version .image-14-traced {
  height: 39px;
  left: 14px;
  position: absolute;
  top: 14px;
  width: 39px;
}

.mobile-version .frame-39715 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: -22.00px;
  margin-right: -22.00px;
  position: relative;
  width: 324px;
}

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

.mobile-version .uses-spaced-repetiti {
  letter-spacing: 0;
  line-height: 23.8px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 289.54px;
}

.mobile-version .frame-3971 {
  height: 277px;
  min-width: 337px;
  position: relative;
}

.mobile-version .frame-238444 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: 913px;
  padding: 0px 0px 62px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-238441 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 335px;
}

.mobile-version .frame-238440 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: -1.50px;
  margin-right: -1.50px;
  position: relative;
  width: fit-content;
}

.mobile-version .study-any-subject {
  letter-spacing: 0;
  line-height: 36.2px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 338px;
}

.mobile-version .frame-39724 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 335px;
}

.mobile-version .our-app-provides-a-w {
  letter-spacing: 0;
  line-height: 23.8px;
  margin-left: -0.92px;
  margin-right: -0.92px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 336.84px;
}

.mobile-version .frame-39557 {
  align-items: flex-start;
  background-color: var(--x008dfe);
  border-radius: 43px;
  display: flex;
  gap: 10px;
  padding: 15px 28px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-39732 {
  align-items: flex-start;
  background-color: #dceffa;
  border-radius: 15px;
  display: flex;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  padding: 45px 12px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-238443 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 23px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-39745 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: fit-content;
}

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

.mobile-version .frame-39737 {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-3973 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x008dfe);
  border-radius: 41px;
  display: flex;
  gap: 10px;
  padding: 12px 29px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-1 {
  background-color: var(--white);
  border-radius: 10px;
  display: flex;
  gap: 10.1px;
  height: 169px;
  min-width: 309px;
  overflow: hidden;
  position: relative;
}

.mobile-version .rectangle-1 {
  background-color: var(--x008dfe);
  height: 169px;
  width: 8.42px;
}

.mobile-version .frame-238442 {
  align-items: center;
  display: flex;
  gap: 25px;
  height: 133px;
  margin-top: 18px;
  position: relative;
  width: 281px;
}

.mobile-version .frame-39738 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: fit-content;
}

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

.mobile-version .x032-card-memorized {
  letter-spacing: 0;
  line-height: 23.8px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .frame-3973-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x008dfe);
  border-radius: 41px;
  display: flex;
  gap: 10px;
  padding: 8px 25px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-39739 {
  height: 133px;
  min-width: 24px;
  position: relative;
}

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

.mobile-version .x06-card-memorized {
  letter-spacing: 0;
  line-height: 23.8px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .frame-39739-1 {
  height: 133px;
  min-width: 24px;
  position: relative;
}

.mobile-version .frame-39707-1 {
  background-color: var(--zircon);
  display: flex;
  height: 1444px;
  min-width: 375px;
  overflow: hidden;
  position: relative;
}

.mobile-version .frame-238447 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 1473px;
  margin-left: 19px;
  margin-top: 62.1px;
  position: relative;
  width: 337px;
}

.mobile-version .frame-238446 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-238439-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: fit-content;
}

.mobile-version .check-out-the-different-study-modes {
  letter-spacing: 0;
  line-height: 36.2px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 326.66px;
}

.mobile-version .experience-a-dynamic {
  letter-spacing: 0;
  line-height: 23.8px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  width: 335.99px;
}

.mobile-version .frame-39709-1 {
  background-color: var(--x008dfe);
  border: 1px solid;
  border-radius: 10px;
  display: flex;
  height: 245px;
  min-width: 337px;
  overflow: hidden;
  position: relative;
}

.mobile-version .frame-39717-1 {
  height: 161.33px;
  margin-top: 41.8px;
}

.mobile-version .group-238069 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fresh-air);
  border-radius: 34.17px;
  display: flex;
  height: 68.33px;
  min-width: 68.33px;
  position: relative;
}

.mobile-version .flascard {
  height: 40px;
  margin-left: 14.2px;
  margin-top: 14.2px;
  width: 40px;
}

.mobile-version .flashcards-review {
  line-height: 28.9px;
  margin-top: -1.00px;
}

.mobile-version .review {
  letter-spacing: 0;
  line-height: 23.8px;
  opacity: 0.7;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 289.54px;
}

.mobile-version .frame-3 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--x008dfe);
  border-radius: 10px;
  display: flex;
  height: 245px;
  min-width: 337px;
  overflow: hidden;
  position: relative;
}

.mobile-version .frame-39717-2 {
  height: 161px;
  margin-top: 42px;
}

.mobile-version .group-39639 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fresh-air);
  border-radius: 34px;
  height: 68px;
  min-width: 68px;
  position: relative;
}

.mobile-version .image-15-traced {
  height: 39px;
  left: 13px;
  position: absolute;
  top: 13px;
  width: 39px;
}

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

.mobile-version .frame-39761 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 156.33px;
  margin-left: 70.5px;
  margin-top: 44.3px;
  position: relative;
  width: 196px;
}

.mobile-version .group-238068 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fresh-air);
  border-radius: 34.17px;
  height: 68.33px;
  min-width: 68.33px;
  position: relative;
}

.mobile-version .icon {
  height: 40px;
  left: 13px;
  position: absolute;
  top: 13px;
  width: 40px;
}

.mobile-version .multiple-answers {
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 196px;
}

.mobile-version .select-the-correct-answers {
  letter-spacing: 0;
  line-height: 23.8px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .frame-39761-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 159.33px;
  margin-left: 84.5px;
  margin-top: 42.8px;
  position: relative;
  width: 168px;
}

.mobile-version .group-238069-1 {
  border: 1px solid;
  border-color: var(--fresh-air);
  border-radius: 34.17px;
  display: flex;
  height: 68.33px;
  min-width: 68.33px;
  position: relative;
}

.mobile-version .icon-1 {
  height: 40px;
  margin-left: 14.2px;
  margin-top: 14.2px;
  width: 40px;
}

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

.mobile-version .review-by-writing {
  letter-spacing: 0;
  line-height: 27.2px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .group-238072 {
  height: 1169px;
  min-width: 375px;
  position: relative;
}

.mobile-version .overlap-group3 {
  height: 1169px;
  position: relative;
  width: 375px;
}

.mobile-version .footer {
  background-color: #000f19;
  display: flex;
  height: 904px;
  left: 0;
  mix-blend-mode: normal;
  position: absolute;
  top: 265px;
  width: 375px;
}

.mobile-version .group-238071 {
  display: flex;
  flex-direction: column;
  gap: 6.8px;
  height: 478.7px;
  margin-top: 398.2px;
  width: 375px;
}

.mobile-version .frame-238450 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 434.93px;
  margin-left: 20px;
  position: relative;
  width: 253px;
}

.mobile-version .group-238063 {
  height: 119.93px;
  margin-right: -2.00px;
  min-width: 255px;
  position: relative;
}

.mobile-version .the-best-flashcards {
  left: 0;
  letter-spacing: 0;
  line-height: 23.4px;
  opacity: 0.7;
  position: absolute;
  top: 68px;
  width: 253px;
}

.mobile-version .frame-39557-1 {
  align-items: flex-start;
  height: 40px;
  width: 40px;
}

.full-version .frame-39558 {
  align-items: flex-start;
  background-color: var(--x008dfe);
  border-radius: 43px;
  display: flex;
  font-weight: 800;
  padding: 12px 12px;
  position: relative;
  width: fit-content;
}

.wide {
  width: 50px;
}

.mobile-version .frame-39558 {
  align-items: flex-start;
  background-color: var(--x008dfe);
  border-radius: 43px;
  display: flex;
  font-weight: 800;
  padding: 12px 12px;
  position: relative;
  width: fit-content;
}

.mobile-version .frame-1-2 {
  gap: 10px;
  left: 0;
  position: absolute;
  top: 0;
}

.mobile-version .icon-logo-1 {
  height: 38px;
  min-width: 38px;
  object-fit: cover;
  position: relative;
}

.mobile-version .flashcards-world-1 {
  color: var(--white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-weight: 800;
  line-height: 24px;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .frame-39703 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: fit-content;
}

.mobile-version .main-2 {
  color: var(--white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .frame-39702 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

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

.mobile-version .frame-39702-item {
  letter-spacing: 0;
  line-height: 28.4px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color: rgb(255, 255, 255); /* Change the color to any other color you want */
  text-decoration: none; /* Remove any underline */
}

.mobile-version .frame-238454 {
  height: 100px;
  min-width: 100px;
  position: relative;
}

.mobile-version .frame-238449 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 37px;
  position: relative;
  width: 375px;
}

.mobile-version .line-143 {
  height: 1px;
  margin-top: -1.00px;
  min-width: 375px;
  object-fit: cover;
  position: relative;
}

.mobile-version .flashcards-world-sl {
  color: var(--white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 21.8px;
  opacity: 0.7;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .frame-39712 {
  background: linear-gradient(180deg, rgb(125.38, 197.1, 255) 0%, rgb(34, 150, 243) 100%);
  border-radius: 20px;
  display: flex;
  height: 530px;
  left: 20px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 335px;
}

.mobile-version .frame-238452 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 585.61px;
  margin-left: 25.6px;
  margin-top: 42px;
  position: relative;
  width: 283.84px;
}

.mobile-version .memorize-anything-with-flashcards-world {
  letter-spacing: 0;
  line-height: 39.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 266.16px;
}

.mobile-version .span0-1 {
  color: var(--white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
}

.mobile-version .frame-39699-1 {
  align-items: flex-start;
  display: flex;
  gap: 8.69px;
  position: relative;
  width: fit-content;
}

.mobile-version .image-8 {
  height: 38.25px;
  min-width: 133px;
  position: relative;
}

.mobile-version .en_badge_web_generic-1 {
  height: 38.25px;
  min-width: 120.83px;
  position: relative;
}

.mobile-version .en_badge_web_generic-1-2 {
  height: 40.25px;
  min-width: 120.83px;
  position: relative;
}

.mobile-version .group-238064 {
  height: 350.36px;
  min-width: 283.84px;
  position: relative;
}

.mobile-version .overlap-group2-1 {
  height: 350px;
  position: relative;
  width: 284px;
}

.mobile-version .i-phone-11-pro-max-mockup-1 {
  align-items: flex-start;
  display: flex;
  height: 350px;
  justify-content: flex-end;
  left: 114px;
  min-width: 170px;
  position: absolute;
  top: 0;
}

.mobile-version .overlap-group-2 {
  height: 253px;
  position: relative;
  width: 180px;
}

.mobile-version .shadow-2 {
  height: 253px;
  width: 180px;
}

.mobile-version .main-3 {
  height: 252px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 169px;
}

.mobile-version .i-phone-11-pro-max-mockup-label-2 {
  height: 239px;
  left: 12px;
  top: 14px;
  width: 147px;
}

.mobile-version .group-39641-1 {
  align-items: flex-start;
  display: flex;
  height: 280px;
  justify-content: flex-end;
  left: 0;
  min-width: 139px;
  position: absolute;
  top: 51px;
}

.mobile-version .overlap-group1-1 {
  height: 202px;
  position: relative;
  width: 139px;
}

.mobile-version .main-4 {
  height: 202px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 139px;
}

.mobile-version .i-phone-11-pro-max-mockup-label-3 {
  height: 195px;
  left: 7px;
  top: 7px;
  width: 124px;
}

.mobile-version .ellipse-5 {
  border-radius: 24.71px;
  height: 49.42px;
  margin-left: 964.3px;
  margin-top: 179.8px;
  width: 49.42px;
}

.mobile-version .ellipse-24 {
  border-radius: 12.38px;
  height: 24.76px;
  margin-left: 10.9px;
  margin-top: 135.8px;
  width: 24.76px;
}

.mobile-version .ellipse {
  background-color: #d9f1fd;
  opacity: 0.6;
  transform: rotate(-94.09deg);
}

.mobile-version .flashcards {
  letter-spacing: 0;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .flashcards-world-2 {
  letter-spacing: 0;
  position: relative;
}

.mobile-version .frame-1-3 {
  align-items: center;
  display: flex;
  width: fit-content;
}

.mobile-version .frame-39717-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-left: 28.5px;
  position: relative;
  width: 280px;
}

.mobile-version .i-phone-11-pro-max-mockup-label-4 {
  object-fit: cover;
  position: absolute;
}

.mobile-version .practice-2 {
  letter-spacing: 0;
  line-height: 27.2px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .review-4 {
  letter-spacing: 0;
  line-height: 27.2px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-version .shadow-3 {
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1439px) {
  .screen.full-project { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.mobile-version { 
    display: none;
   }
}