@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  min-height: 100%;
  background-image: url(BG~.png);
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
/* @FONTWARNING[{"type": "restricted", "family": "Vividly-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */
@font-face {
   font-family: "Vividly-Regular";
  /* Replace 'vividly.woff2' with your actual filename */
  src: url('vividly.woff2') format('woff2'), 
       url('Vividly-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* This helps it load faster on mobile! */
}


@font-face {
   font-family: "overdoze sans Regular";
  /* Replace 'vividly.woff2' with your actual filename */
  src: url('overdozesans.otf') format('otf'), 
       url('overdozesans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* This helps it load faster on mobile! */
}


@font-face {
   font-family: "KN Maiyuan Regular";
  /* Replace 'vividly.woff2' with your actual filename */
  src: url('KNMaiyuan-Regular.woff2') format('woff2'), 
       url('KNMaiyuan-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* This helps it load faster on mobile! */
}
@font-face {
  font-family: "Vividly-Regular";
  src: local("Vividly-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Inter-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Inter-Regular";
  src: local("Inter-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Black Future-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Black Future-Regular";
  src: local("Black Future-Regular");
}
.languages-learning {
  width: 100%;
  min-width: 576px;
  min-height: 4222px;
  position: relative;
}

.languages-learning .rectangle {
  position: absolute;
  top: 3735px;
  left: calc(50.00% - 196px);
  width: 392px;
  height: 74px;
}

.languages-learning .removebg-preview {
  top: 3723px;
  left: 409px;
  width: 38px;
  height: 38px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .soft-lessons-cute {
  position: absolute;
  top: 3758px;
  left: calc(50.00% - 141px);
  width: 282px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.languages-learning .img {
  position: absolute;
  top: 274px;
  left: calc(50.00% - 267px);
  width: 535px;
  height: 91px;
}

.languages-learning .group {
  position: absolute;
  top: 291px;
  left: 87px;
  width: 62px;
  height: 63px;
}

.languages-learning .div {
  position: absolute;
  top: 253px;
  left: calc(50.00% - 106px);
  width: 212px;
  height: 47px;
  background-color: #ffffff;
  border-radius: 39px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.languages-learning .text-wrapper {
  position: absolute;
  top: 270px;
  left: calc(50.00% - 112px);
  width: 225px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .learn-korean-gently {
  position: absolute;
  top: 317px;
  left: calc(50.00% - 108px);
  width: 215px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.languages-learning .span {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 16px;
  letter-spacing: 0;
}

.languages-learning .text-wrapper-2 {
  font-size: 13px;
}

.languages-learning .removebg-preview-2 {
  top: 238px;
  left: 181px;
  width: 36px;
  height: 36px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .rectangle-2 {
  top: 528px;
  left: 62px;
  position: absolute;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-3 {
  top: 528px;
  left: calc(50.00% - 52px);
  position: absolute;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-4 {
  top: 528px;
  right: 63px;
  position: absolute;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-5 {
  top: 701px;
  left: 62px;
  position: absolute;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-6 {
  top: 701px;
  left: calc(50.00% - 52px);
  position: absolute;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-7 {
  top: 879px;
  left: calc(50.00% - 139px);
  position: absolute;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-8 {
  top: 878px;
  left: calc(50.00% + 35px);
  position: absolute;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-9 {
  top: 701px;
  right: 63px;
  position: absolute;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .xaqxsq {
  top: 397px;
  left: calc(50.00% - 82px);
  position: absolute;
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-3 {
  top: 525px;
  left: 251px;
  width: 15px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level {
  position: absolute;
  top: 541px;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-2 {
  top: 397px;
  left: calc(50.00% + 92px);
  position: absolute;
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-4 {
  top: 525px;
  left: 425px;
  width: 15px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .b-level {
  position: absolute;
  top: 541px;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-3 {
  top: 397px;
  left: calc(50.00% - 256px);
  position: absolute;
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-5 {
  top: 525px;
  left: 77px;
  width: 15px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .a-level {
  position: absolute;
  top: 541px;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-4 {
  top: 573px;
  left: calc(50.00% - 82px);
  position: absolute;
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-6 {
  top: 699px;
  left: 251px;
  width: 15px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .c-level {
  position: absolute;
  top: 715px;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-5 {
  top: 572px;
  left: calc(50.00% + 92px);
  position: absolute;
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-7 {
  top: 699px;
  left: 425px;
  width: 15px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .p {
  position: absolute;
  top: 715px;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-6 {
  top: 572px;
  left: calc(50.00% - 256px);
  position: absolute;
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-8 {
  top: 699px;
  left: 77px;
  width: 15px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-2 {
  position: absolute;
  top: 715px;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .group-2 {
  position: absolute;
  top: 748px;
  left: calc(50.00% - 169px);
  width: 342px;
  height: 152px;
}

.languages-learning .xaqxsq-7 {
  top: 1px;
  left: calc(50.00% - 171px);
  position: absolute;
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-9 {
  top: 128px;
  left: 45px;
  width: 15px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .soft-idioms {
  position: absolute;
  top: 143px;
  left: calc(50.00% - 136px);
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-8 {
  top: 0;
  left: calc(50.00% + 3px);
  position: absolute;
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-10 {
  top: 128px;
  left: 219px;
  width: 15px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .daily-talk {
  position: absolute;
  top: 143px;
  left: calc(50.00% + 33px);
  width: 103px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .rectangle-10 {
  top: 1228px;
  position: absolute;
  left: 62px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-11 {
  top: 1228px;
  position: absolute;
  left: calc(50.00% - 52px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-12 {
  top: 1228px;
  position: absolute;
  right: 63px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-13 {
  top: 1402px;
  position: absolute;
  left: 62px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-14 {
  top: 1402px;
  position: absolute;
  left: calc(50.00% - 52px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-15 {
  top: 1579px;
  position: absolute;
  left: calc(50.00% - 139px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-16 {
  top: 1578px;
  position: absolute;
  left: calc(50.00% + 35px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-17 {
  top: 1402px;
  position: absolute;
  right: 63px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .xaqxsq-9 {
  top: 1098px;
  position: absolute;
  left: calc(50.00% - 82px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-11 {
  top: 1226px;
  position: absolute;
  left: 251px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-3 {
  top: 1241px;
  position: absolute;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-10 {
  top: 1098px;
  position: absolute;
  left: calc(50.00% + 92px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-12 {
  top: 1226px;
  position: absolute;
  left: 425px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-4 {
  top: 1241px;
  position: absolute;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-11 {
  top: 1098px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-13 {
  top: 1226px;
  position: absolute;
  left: 77px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-5 {
  top: 1241px;
  position: absolute;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-12 {
  top: 1273px;
  position: absolute;
  left: calc(50.00% - 82px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-14 {
  top: 1400px;
  position: absolute;
  left: 251px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-6 {
  top: 1415px;
  position: absolute;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-13 {
  top: 1272px;
  position: absolute;
  left: calc(50.00% + 92px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-15 {
  top: 1400px;
  position: absolute;
  left: 425px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-7 {
  top: 1415px;
  position: absolute;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-14 {
  top: 1272px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-16 {
  top: 1400px;
  position: absolute;
  left: 77px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-8 {
  top: 1415px;
  position: absolute;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .group-3 {
  top: 1448px;
  position: absolute;
  left: calc(50.00% - 169px);
  width: 342px;
  height: 152px;
}

.languages-learning .rectangle-18 {
  top: 1922px;
  position: absolute;
  left: 62px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-19 {
  top: 1922px;
  position: absolute;
  left: calc(50.00% - 52px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-20 {
  top: 1922px;
  position: absolute;
  right: 63px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-21 {
  top: 2096px;
  position: absolute;
  left: 62px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-22 {
  top: 2096px;
  position: absolute;
  left: calc(50.00% - 52px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-23 {
  top: 2273px;
  position: absolute;
  left: calc(50.00% - 139px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-24 {
  top: 2272px;
  position: absolute;
  left: calc(50.00% + 35px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-25 {
  top: 2096px;
  position: absolute;
  right: 63px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .xaqxsq-15 {
  top: 1792px;
  position: absolute;
  left: calc(50.00% - 82px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-17 {
  top: 1920px;
  position: absolute;
  left: 251px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-9 {
  top: 1935px;
  position: absolute;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-16 {
  top: 1792px;
  position: absolute;
  left: calc(50.00% + 92px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-18 {
  top: 1920px;
  position: absolute;
  left: 425px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-10 {
  top: 1935px;
  position: absolute;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-17 {
  top: 1792px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-19 {
  top: 1920px;
  position: absolute;
  left: 77px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-11 {
  top: 1935px;
  position: absolute;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-18 {
  top: 1967px;
  position: absolute;
  left: calc(50.00% - 82px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-20 {
  top: 2094px;
  position: absolute;
  left: 251px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-12 {
  top: 2109px;
  position: absolute;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-19 {
  top: 1966px;
  position: absolute;
  left: calc(50.00% + 92px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-21 {
  top: 2094px;
  position: absolute;
  left: 425px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-13 {
  top: 2109px;
  position: absolute;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-20 {
  top: 1966px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-22 {
  top: 2094px;
  position: absolute;
  left: 77px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-14 {
  top: 2109px;
  position: absolute;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .group-4 {
  top: 2142px;
  position: absolute;
  left: calc(50.00% - 169px);
  width: 342px;
  height: 152px;
}

.languages-learning .rectangle-26 {
  top: 2616px;
  position: absolute;
  left: 62px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-27 {
  top: 2616px;
  position: absolute;
  left: calc(50.00% - 52px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-28 {
  top: 2616px;
  position: absolute;
  right: 63px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-29 {
  top: 2790px;
  position: absolute;
  left: 62px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-30 {
  top: 2790px;
  position: absolute;
  left: calc(50.00% - 52px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-31 {
  top: 2967px;
  position: absolute;
  left: calc(50.00% - 139px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-32 {
  top: 2966px;
  position: absolute;
  left: calc(50.00% + 35px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-33 {
  top: 2790px;
  position: absolute;
  right: 63px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .xaqxsq-21 {
  top: 2486px;
  position: absolute;
  left: calc(50.00% - 82px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-23 {
  top: 2614px;
  position: absolute;
  left: 251px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-15 {
  top: 2629px;
  position: absolute;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-22 {
  top: 2486px;
  position: absolute;
  left: calc(50.00% + 92px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-24 {
  top: 2614px;
  position: absolute;
  left: 425px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-16 {
  top: 2629px;
  position: absolute;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-23 {
  top: 2486px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-25 {
  top: 2614px;
  position: absolute;
  left: 77px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-17 {
  top: 2629px;
  position: absolute;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-24 {
  top: 2661px;
  position: absolute;
  left: calc(50.00% - 82px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-26 {
  top: 2788px;
  position: absolute;
  left: 251px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-18 {
  top: 2803px;
  position: absolute;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-25 {
  top: 2660px;
  position: absolute;
  left: calc(50.00% + 92px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-27 {
  top: 2788px;
  position: absolute;
  left: 425px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-19 {
  top: 2803px;
  position: absolute;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-26 {
  top: 2660px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-28 {
  top: 2788px;
  position: absolute;
  left: 77px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-20 {
  top: 2803px;
  position: absolute;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .group-5 {
  top: 2836px;
  position: absolute;
  left: calc(50.00% - 169px);
  width: 342px;
  height: 152px;
}

.languages-learning .rectangle-34 {
  top: 3310px;
  position: absolute;
  left: 62px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-35 {
  top: 3310px;
  position: absolute;
  left: calc(50.00% - 52px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-36 {
  top: 3310px;
  position: absolute;
  right: 63px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-37 {
  top: 3484px;
  position: absolute;
  left: 62px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-38 {
  top: 3484px;
  position: absolute;
  left: calc(50.00% - 52px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-39 {
  top: 3661px;
  position: absolute;
  left: calc(50.00% - 139px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-40 {
  top: 3660px;
  position: absolute;
  left: calc(50.00% + 35px);
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .rectangle-41 {
  top: 3484px;
  position: absolute;
  right: 63px;
  width: 104px;
  height: 34px;
  aspect-ratio: 3.07;
  object-fit: cover;
}

.languages-learning .xaqxsq-27 {
  top: 3180px;
  position: absolute;
  left: calc(50.00% - 82px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-29 {
  top: 3308px;
  position: absolute;
  left: 251px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-21 {
  top: 3323px;
  position: absolute;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-28 {
  top: 3180px;
  position: absolute;
  left: calc(50.00% + 92px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-30 {
  top: 3308px;
  position: absolute;
  left: 425px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-22 {
  top: 3323px;
  position: absolute;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-29 {
  top: 3180px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-31 {
  top: 3308px;
  position: absolute;
  left: 77px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-23 {
  top: 3323px;
  position: absolute;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-30 {
  top: 3355px;
  position: absolute;
  left: calc(50.00% - 82px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-32 {
  top: 3482px;
  position: absolute;
  left: 251px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-24 {
  top: 3498px;
  position: absolute;
  left: calc(50.00% - 38px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-31 {
  top: 3354px;
  position: absolute;
  left: calc(50.00% + 92px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-33 {
  top: 3482px;
  position: absolute;
  left: 425px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-25 {
  top: 3498px;
  position: absolute;
  left: calc(50.00% + 136px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .xaqxsq-32 {
  top: 3354px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 164px;
  height: 133px;
  aspect-ratio: 1.23;
}

.languages-learning .removebg-preview-34 {
  top: 3482px;
  position: absolute;
  left: 77px;
  width: 15px;
  height: 15px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .level-26 {
  top: 3498px;
  position: absolute;
  left: calc(50.00% - 212px);
  width: 77px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.languages-learning .group-6 {
  top: 3530px;
  position: absolute;
  left: calc(50.00% - 169px);
  width: 342px;
  height: 152px;
}

.languages-learning .rectangle-42 {
  top: 968px;
  position: absolute;
  left: calc(50.00% - 267px);
  width: 535px;
  height: 91px;
}

.languages-learning .group-7 {
  top: 985px;
  position: absolute;
  left: 87px;
  width: 62px;
  height: 63px;
}

.languages-learning .rectangle-43 {
  top: 948px;
  position: absolute;
  left: calc(50.00% - 106px);
  width: 212px;
  height: 47px;
  background-color: #ffffff;
  border-radius: 39px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.languages-learning .text-wrapper-3 {
  position: absolute;
  top: 965px;
  left: calc(50.00% - 112px);
  width: 225px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.languages-learning .learn-russian-slowly {
  position: absolute;
  top: 1011px;
  left: calc(50.00% - 108px);
  width: 215px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.languages-learning .removebg-preview-35 {
  top: 932px;
  position: absolute;
  left: 181px;
  width: 36px;
  height: 36px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .rectangle-44 {
  top: 1662px;
  position: absolute;
  left: calc(50.00% - 267px);
  width: 535px;
  height: 91px;
}

.languages-learning .group-8 {
  top: 1679px;
  position: absolute;
  left: 87px;
  width: 62px;
  height: 63px;
}

.languages-learning .rectangle-45 {
  top: 1642px;
  position: absolute;
  left: calc(50.00% - 106px);
  width: 212px;
  height: 47px;
  background-color: #ffffff;
  border-radius: 39px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.languages-learning .english-cozy {
  position: absolute;
  top: 1659px;
  left: calc(50.00% - 112px);
  width: 225px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.languages-learning .learn-english-speak {
  position: absolute;
  top: 1705px;
  left: calc(50.00% - 108px);
  width: 215px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.languages-learning .removebg-preview-36 {
  top: 1626px;
  position: absolute;
  left: 181px;
  width: 36px;
  height: 36px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .rectangle-46 {
  top: 2356px;
  position: absolute;
  left: calc(50.00% - 267px);
  width: 535px;
  height: 91px;
}

.languages-learning .group-9 {
  top: 2373px;
  position: absolute;
  left: 87px;
  width: 62px;
  height: 63px;
}

.languages-learning .rectangle-47 {
  top: 2336px;
  position: absolute;
  left: calc(50.00% - 106px);
  width: 212px;
  height: 47px;
  background-color: #ffffff;
  border-radius: 39px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.languages-learning .text-wrapper-4 {
  position: absolute;
  top: 2353px;
  left: calc(50.00% - 112px);
  width: 225px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.languages-learning .learn-chinese-step {
  position: absolute;
  top: 2399px;
  left: calc(50.00% - 108px);
  width: 215px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.languages-learning .removebg-preview-37 {
  top: 2320px;
  position: absolute;
  left: 181px;
  width: 36px;
  height: 36px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .rectangle-48 {
  top: 3050px;
  position: absolute;
  left: calc(50.00% - 267px);
  width: 535px;
  height: 91px;
}

.languages-learning .group-10 {
  top: 3067px;
  position: absolute;
  left: 87px;
  width: 62px;
  height: 63px;
}

.languages-learning .rectangle-49 {
  top: 3030px;
  position: absolute;
  left: calc(50.00% - 106px);
  width: 212px;
  height: 47px;
  background-color: #ffffff;
  border-radius: 39px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.languages-learning .japanese-soft {
  position: absolute;
  top: 3047px;
  left: calc(50.00% - 112px);
  width: 225px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.languages-learning .learn-japanese {
  position: absolute;
  top: 3093px;
  left: calc(50.00% - 108px);
  width: 215px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.languages-learning .removebg-preview-38 {
  top: 3014px;
  position: absolute;
  left: 181px;
  width: 36px;
  height: 36px;
  aspect-ratio: 1;
  object-fit: cover;
}

.languages-learning .group-11 {
  position: absolute;
  top: 3998px;
  left: calc(50.00% - 262px);
  width: 521px;
  height: 95px;
}

.languages-learning .rectangle-50 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 261px);
  width: 513px;
  height: 95px;
}

.languages-learning .text-wrapper-5 {
  position: absolute;
  top: 10px;
  left: calc(50.00% - 61px);
  width: 114px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.languages-learning .a-soft-place-to-glow {
  position: absolute;
  top: 32px;
  left: calc(50.00% - 95px);
  width: 182px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.languages-learning .about-contact {
  position: absolute;
  top: 49px;
  left: calc(50.00% - 198px);
  width: 389px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.languages-learning .element-rabbitelle-all {
  position: absolute;
  top: 70px;
  left: calc(50.00% - 122px);
  width: 236px;
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.languages-learning .text-wrapper-6 {
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  letter-spacing: 0;
}

.languages-learning .text-wrapper-7 {
  font-family: "Vividly-Regular", Helvetica;
}

.languages-learning .softdecor {
  position: absolute;
  top: 3865px;
  left: calc(50.00% - 257px);
  width: 504px;
  height: 92px;
  aspect-ratio: 5.46;
  object-fit: cover;
}

.languages-learning .softdecor-2 {
  position: absolute;
  top: 109px;
  left: calc(50.00% - 252px);
  width: 504px;
  height: 92px;
  aspect-ratio: 5.46;
  object-fit: cover;
}

.languages-learning .footpic {
  top: 431px;
  left: 90px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-2 {
  top: 431px;
  left: calc(50.00% - 24px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-3 {
  top: 431px;
  left: calc(50.00% + 153px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-4 {
  top: 605px;
  left: 90px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-5 {
  top: 605px;
  left: calc(50.00% - 24px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-6 {
  top: 784px;
  left: 178px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-7 {
  top: 784px;
  left: calc(50.00% + 64px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-8 {
  top: 605px;
  left: calc(50.00% + 153px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-9 {
  top: 1133px;
  left: 92px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-10 {
  top: 1133px;
  left: calc(50.00% - 22px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-11 {
  top: 1133px;
  left: calc(50.00% + 155px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-12 {
  top: 1307px;
  left: 92px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-13 {
  top: 1307px;
  left: calc(50.00% - 22px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-14 {
  top: 1486px;
  left: 180px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-15 {
  top: 1486px;
  left: calc(50.00% + 66px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-16 {
  top: 1307px;
  left: calc(50.00% + 155px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-17 {
  top: 1827px;
  left: 90px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-18 {
  top: 1827px;
  left: calc(50.00% - 24px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-19 {
  top: 1827px;
  left: calc(50.00% + 153px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-20 {
  top: 2001px;
  left: 90px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-21 {
  top: 2001px;
  left: calc(50.00% - 24px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-22 {
  top: 2180px;
  left: 178px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-23 {
  top: 2180px;
  left: calc(50.00% + 64px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-24 {
  top: 2001px;
  left: calc(50.00% + 153px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-25 {
  top: 2519px;
  left: 90px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-26 {
  top: 2519px;
  left: calc(50.00% - 24px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-27 {
  top: 2519px;
  left: calc(50.00% + 154px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-28 {
  top: 2693px;
  left: 90px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-29 {
  top: 2693px;
  left: calc(50.00% - 24px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-30 {
  top: 2872px;
  left: 178px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-31 {
  top: 2872px;
  left: calc(50.00% + 64px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-32 {
  top: 2693px;
  left: calc(50.00% + 154px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-33 {
  top: 3214px;
  left: 92px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-34 {
  top: 3214px;
  left: calc(50.00% - 22px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-35 {
  top: 3214px;
  left: calc(50.00% + 155px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-36 {
  top: 3388px;
  left: 92px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-37 {
  top: 3388px;
  left: calc(50.00% - 22px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-38 {
  top: 3567px;
  left: 180px;
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-39 {
  top: 3567px;
  left: calc(50.00% + 66px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.languages-learning .footpic-40 {
  top: 3388px;
  left: calc(50.00% + 155px);
  position: absolute;
  width: 48px;
  height: 65px;
  aspect-ratio: 0.75;
  object-fit: cover;
}
.about-contact a {
    color: #ffa7d4; /* This matches your pink theme */
    text-decoration: none; /* This removes the underline */
}

.about-contact a:hover {
    opacity: 0.7; /* This adds a cute "hover" effect */
}




.languages-learning {
    width: 576px;
    margin: 0 auto;
    transform-origin: top center;
}

/* Small phones (390px) */
@media (max-width: 390px) {
    .languages-learning {
        position: relative;
        left: 50%;
        transform: translateX(-50%) scale(0.67);
        min-height: 2840px;
    }
}
/* Tablets (810px) */
@media (min-width: 810px) {
    .languages-learning{
        transform: scale(1);
    }
}

/* Laptops (1024px+) */
@media (min-width: 1024px) {
    .languages-learning {
        transform: scale(1.25);
    }
}