.aboutus {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--collection-1-4xl);
  padding: var(--collection-1-5xl) var(--collection-1-6xl)
    var(--collection-1-5xl) var(--collection-1-6xl);
  position: relative;
  background-color: var(--baseblack);
}

.aboutus .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.aboutus .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--subtitle-subtitle-1-bold-font-family);
  font-weight: var(--subtitle-subtitle-1-bold-font-weight);
  color: var(--basewhite);
  font-size: var(--subtitle-subtitle-1-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-1-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-1-bold-line-height);
  font-style: var(--subtitle-subtitle-1-bold-font-style);
}

.aboutus .description {
  display: flex;
  align-items: flex-start;
  gap: var(--collection-1-xxl);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.aboutus .div {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--basewhite);
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
}

.aboutus .container {
  gap: var(--collection-1-xxl);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.aboutus .container-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.aboutus .card {
  display: flex;
  align-items: center;
  gap: var(--collection-1-3xl);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.aboutus .frame {
  display: flex;
  width: 90px;
  justify-content: center;
  padding: 0px var(--collection-1-s) 0px var(--collection-1-s);
  align-self: stretch;
  margin-top: -1.00px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  border-color: var(--basewhite);
  align-items: center;
  position: relative;
  border-radius: var(--collection-1-6xl);
  border: 1px solid;
}

.aboutus .element {
  position: relative;
  width: 60px;
  margin-left: -2.00px;
  font-family: var(--subtitle-subtitle-3-bold-font-family);
  font-weight: var(--subtitle-subtitle-3-bold-font-weight);
  color: var(--basewhite);
  font-size: var(--subtitle-subtitle-3-bold-font-size);
  text-align: center;
  letter-spacing: var(--subtitle-subtitle-3-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-3-bold-line-height);
  font-style: var(--subtitle-subtitle-3-bold-font-style);
}

.aboutus .vertical-border {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--collection-1-xxs);
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.aboutus .vector {
  position: relative;
  flex: 1;
  width: 1px;
  flex-grow: 1;
}

.aboutus .ellipse-wrapper {
  display: inline-flex;
  padding: var(--collection-1-xxs);
  flex: 0 0 auto;
  border-color: var(--primary-600);
  align-items: center;
  position: relative;
  border-radius: var(--collection-1-6xl);
  border: 1px solid;
}

.aboutus .ellipse {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--primary-600);
  border-radius: 8px;
}

.aboutus .the-official-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--collection-1-l) var(--collection-1-6xl) var(--collection-1-l)
    0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.aboutus .the-official {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--basewhite);
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
}




.contact {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--collection-1-xxl);
  padding: var(--collection-1-5xl) var(--collection-1-6xl)
    var(--collection-1-5xl) var(--collection-1-6xl);
  position: relative;
  background-color: var(--neutral-25);
}

.contact .img {
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: var(--collection-1-l);
  background-image: url(../assets/images/contact.png);
  background-size: cover;
  background-position: 50% 50%;
}

.contact .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--collection-1-xxl);
  padding: var(--collection-1-l);
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: var(--basewhite);
  border-radius: 32px;
}

.contact .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--subtitle-subtitle-1-bold-font-family);
  font-weight: var(--subtitle-subtitle-1-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--subtitle-subtitle-1-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-1-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-1-bold-line-height);
  white-space: nowrap;
  font-style: var(--subtitle-subtitle-1-bold-font-style);
}

.contact .inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.contact .row {
  display: flex;
  align-items: flex-start;
  gap: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.contact .input {
  display: flex;
  align-items: center;
  gap: var(--collection-1-xs);
  padding: var(--collection-1-s);
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: var(--basewhite);
  border-radius: 200px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--neutral-100);
}

.contact .placeholder {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--neutral-400);
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
  background: transparent;
  border: none;
  padding: 0;
}

.contact .div {
  height: 56px;
  align-items: center;
  border-radius: 200px;
  display: flex;
  gap: var(--collection-1-xs);
  padding: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--basewhite);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--neutral-100);
}

.contact .email {
  position: relative;
  width: 24px;
  height: 24px;
}

.contact .input-2 {
  height: 146px;
  align-items: flex-start;
  border-radius: var(--collection-1-m);
  display: flex;
  gap: var(--collection-1-xs);
  padding: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--basewhite);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--neutral-100);
}

.contact .placeholder-2 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--neutral-400);
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
}

.contact .button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--collection-1-xs);
  padding: var(--collection-1-s) var(--collection-1-l) var(--collection-1-s)
    var(--collection-1-l);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--primary-500);
  border-radius: 50px;
  box-shadow: 0px 2px 32px #00ce1929, 0px 1px 6px #00ce190f;
}

.contact .discover-more {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-body-1-semibold-font-family);
  font-weight: var(--body-body-1-semibold-font-weight);
  color: var(--basewhite);
  font-size: var(--body-body-1-semibold-font-size);
  letter-spacing: var(--body-body-1-semibold-letter-spacing);
  line-height: var(--body-body-1-semibold-line-height);
  white-space: nowrap;
  font-style: var(--body-body-1-semibold-font-style);
}


.products {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--collection-1-5xl) var(--collection-1-6xl)
    var(--collection-1-5xl) var(--collection-1-6xl);
  position: relative;
  background-color: var(--neutral-25);
}

.products .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--collection-1-m);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.products .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.products .text-wrapper {
  position: relative;
  flex: 1;
  font-family: var(--subtitle-subtitle-1-bold-font-family);
  font-weight: var(--subtitle-subtitle-1-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--subtitle-subtitle-1-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-1-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-1-bold-line-height);
  font-style: var(--subtitle-subtitle-1-bold-font-style);
}

.products .buttons {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
}

.products .img-wrapper {
  display: inline-flex;
  align-items: center;
  padding: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--neutral-50);
  border-radius: var(--collection-1-6xl);
  overflow: hidden;
}

.products .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.products .button-right {
  border: 2px solid;
  border-color: var(--primary-500);
  display: inline-flex;
  align-items: center;
  padding: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--neutral-50);
  border-radius: var(--collection-1-6xl);
  overflow: hidden;
}

.products .cards {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--collection-1-m);
  position: relative;
  flex: 0 0 auto;
  margin-right: -2285.00px;
}

.products .card {
  display: flex;
  flex-direction: column;
  width: 357px;
  align-items: flex-start;
  padding: var(--collection-1-xxs);
  position: relative;
  background-color: var(--basewhite);
  border-radius: 34px;
  box-shadow: 0px 22px 22px #747f9617, 0px 49px 30px #747f960d, 0px 88px 35px #747f9603;
}

.products .image {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image-8.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .overlap-group {
  position: relative;
  width: 349px;
  height: 303px;
}

.products .froggy-steam {
  position: absolute;
  width: 297px;
  height: 303px;
  top: 0;
  left: 52px;
  object-fit: cover;
}

.products .img-2 {
  position: absolute;
  width: 349px;
  height: 303px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.products .div {
  display: flex;
  align-items: flex-start;
  gap: var(--collection-1-xs);
  padding: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.products .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--collection-1-xxs);
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.products .hyun-chang-hoon {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--subtitle-subtitle-3-bold-font-family);
  font-weight: var(--subtitle-subtitle-3-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--subtitle-subtitle-3-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-3-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-3-bold-line-height);
  font-style: var(--subtitle-subtitle-3-bold-font-style);
}

.products .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--neutral-600);
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
}

.products .overlap-group-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image-4.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .div-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image-10.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .image-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image-15.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .image-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image-7.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .image-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .image-5 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image-5.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .image-6 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image-2.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .image-7 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 303px;
  border-radius: var(--collection-1-l);
  overflow: hidden;
  background-image: url(./img/image-6.png);
  background-size: cover;
  background-position: 50% 50%;
}

.products .button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--collection-1-l) 0px var(--collection-1-0) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.products .button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 357px;
  align-items: center;
  justify-content: center;
  gap: var(--collection-1-xs);
  padding: var(--collection-1-s) var(--collection-1-l) var(--collection-1-s)
    var(--collection-1-l);
  position: relative;
  flex: 0 0 auto;
  border-radius: 50px;
  border: 1px solid;
  border-color: var(--primary-500);
  box-shadow: 0px 2px 32px #00ce1929, 0px 1px 6px #00ce190f;
}

.products .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-body-1-semibold-font-family);
  font-weight: var(--body-body-1-semibold-font-weight);
  color: var(--primary-500);
  font-size: var(--body-body-1-semibold-font-size);
  letter-spacing: var(--body-body-1-semibold-letter-spacing);
  line-height: var(--body-body-1-semibold-line-height);
  white-space: nowrap;
  font-style: var(--body-body-1-semibold-font-style);
}




.section3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--collection-1-4xl);
  padding: var(--collection-1-5xl) var(--collection-1-6xl)
    var(--collection-1-5xl) var(--collection-1-6xl);
  position: relative;
  background-color: var(--basewhite);
}

.section3 .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section3 .restoring {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--subtitle-subtitle-1-bold-font-family);
  font-weight: var(--subtitle-subtitle-1-bold-font-weight);
  color: transparent;
  font-size: var(--subtitle-subtitle-1-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-1-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-1-bold-line-height);
  font-style: var(--subtitle-subtitle-1-bold-font-style);
}

.section3 .text-wrapper {
  color: #1c1f26;
  letter-spacing: var(--subtitle-subtitle-1-bold-letter-spacing);
  font-family: var(--subtitle-subtitle-1-bold-font-family);
  font-style: var(--subtitle-subtitle-1-bold-font-style);
  font-weight: var(--subtitle-subtitle-1-bold-font-weight);
  line-height: var(--subtitle-subtitle-1-bold-line-height);
  font-size: var(--subtitle-subtitle-1-bold-font-size);
}

.section3 .span {
  color: #00be08;
  letter-spacing: var(--subtitle-subtitle-1-bold-letter-spacing);
  font-family: var(--subtitle-subtitle-1-bold-font-family);
  font-style: var(--subtitle-subtitle-1-bold-font-style);
  font-weight: var(--subtitle-subtitle-1-bold-font-weight);
  line-height: var(--subtitle-subtitle-1-bold-line-height);
  font-size: var(--subtitle-subtitle-1-bold-font-size);
}

.section3 .div {
  position: relative;
  align-self: stretch;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--neutral-600);
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
}

.section3 .container {
  display: flex;
  align-items: flex-start;
  gap: var(--collection-1-xxl);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section3 .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--collection-1-l);
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.section3 .left-side {
  display: flex;
  flex-direction: column;
  min-height: 1px;
  align-items: center;
  gap: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section3 .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--subtitle-subtitle-2-bold-font-family);
  font-weight: var(--subtitle-subtitle-2-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--subtitle-subtitle-2-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-2-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-2-bold-line-height);
  font-style: var(--subtitle-subtitle-2-bold-font-style);
}

.section3 .right-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--collection-1-m);
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.section3 .card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--collection-1-xs);
  padding: var(--collection-1-xxl);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--neutral-50);
  border-radius: var(--collection-1-l);
}

.section3 .title-2 {
  display: flex;
  align-items: center;
  gap: var(--collection-1-xs);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section3 .img {
  position: relative;
  width: 32px;
  height: 32px;
}

.section3 .nexus {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--subtitle-subtitle-2-bold-font-family);
  font-weight: var(--subtitle-subtitle-2-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--subtitle-subtitle-2-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-2-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-2-bold-line-height);
  white-space: nowrap;
  font-style: var(--subtitle-subtitle-2-bold-font-style);
}



.section6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--collection-1-4xl);
  padding: var(--collection-1-5xl) var(--collection-1-6xl)
    var(--collection-1-5xl) var(--collection-1-6xl);
  position: relative;
  background-color: var(--neutral-25);
}

.section6 .frame {
  flex-direction: column;
  gap: var(--collection-1-m);
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section6 .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section6 .text-wrapper {
  position: relative;
  flex: 1;
  font-family: var(--subtitle-subtitle-1-bold-font-family);
  font-weight: var(--subtitle-subtitle-1-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--subtitle-subtitle-1-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-1-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-1-bold-line-height);
  font-style: var(--subtitle-subtitle-1-bold-font-style);
}

.section6 .buttons {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
}

.section6 .button-left {
  display: inline-flex;
  align-items: center;
  padding: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--neutral-50);
  border-radius: var(--collection-1-6xl);
  overflow: hidden;
}

.section6 .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.section6 .button-right {
  border: 2px solid;
  border-color: var(--primary-500);
  display: inline-flex;
  align-items: center;
  padding: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--neutral-50);
  border-radius: var(--collection-1-6xl);
  overflow: hidden;
}

.section6 .div {
  gap: var(--collection-1-m);
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section6 .card {
  display: flex;
  flex-direction: column;
  width: 357px;
  align-items: flex-start;
  gap: var(--collection-1-s);
  padding: var(--collection-1-m);
  position: relative;
  background-color: var(--basewhite);
  border-radius: var(--collection-1-l);
  box-shadow: 0px 22px 22px #747f9617, 0px 49px 30px #747f960d, 0px 88px 35px
    #747f9603;
}

.section6 .img-2 {
  position: relative;
  width: 64px;
  height: 64px;
}

.section6 .frame-2 {
  flex-direction: column;
  gap: var(--collection-1-xs);
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section6 .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--subtitle-subtitle-2-bold-font-family);
  font-weight: var(--subtitle-subtitle-2-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--subtitle-subtitle-2-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-2-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-2-bold-line-height);
  font-style: var(--subtitle-subtitle-2-bold-font-style);
}

.section6 .p {
  position: relative;
  align-self: stretch;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--neutral-600);
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
}

.section6 .card-2 {
  margin-right: -380.00px;
  display: flex;
  flex-direction: column;
  width: 357px;
  align-items: flex-start;
  gap: var(--collection-1-s);
  padding: var(--collection-1-m);
  position: relative;
  background-color: var(--basewhite);
  border-radius: var(--collection-1-l);
  box-shadow: 0px 22px 22px #747f9617, 0px 49px 30px #747f960d, 0px 88px 35px
    #747f9603;
}

.section6 .card-3 {
  margin-right: -761.00px;
  display: flex;
  flex-direction: column;
  width: 357px;
  align-items: flex-start;
  gap: var(--collection-1-s);
  padding: var(--collection-1-m);
  position: relative;
  background-color: var(--basewhite);
  border-radius: var(--collection-1-l);
  box-shadow: 0px 22px 22px #747f9617, 0px 49px 30px #747f960d, 0px 88px 35px
    #747f9603;
}

.section6 .card-4 {
  margin-right: -1142.00px;
  display: flex;
  flex-direction: column;
  width: 357px;
  align-items: flex-start;
  gap: var(--collection-1-s);
  padding: var(--collection-1-m);
  position: relative;
  background-color: var(--basewhite);
  border-radius: var(--collection-1-l);
  box-shadow: 0px 22px 22px #747f9617, 0px 49px 30px #747f960d, 0px 88px 35px
    #747f9603;
}



.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--collection-1-xxl);
  padding: var(--collection-1-4xl) var(--collection-1-6xl)
    var(--collection-1-4xl) var(--collection-1-6xl);
  position: relative;
  background-color: var(--basewhite);
}

.footer .container {
  align-items: center;
  justify-content: space-between;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.footer .logo-element {
  position: relative;
  width: 158px;
  height: 56.06px;
  margin-bottom: -0.06px;
}

.footer .list {
  display: flex;
  flex-wrap: wrap;
  width: 748px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--collection-1-xs);
  position: relative;
}

.footer .SVG {
  position: relative;
  width: 32px;
  height: 32px;
}

.footer .overlap-group {
  position: relative;
  width: 31px;
  height: 31px;
  top: 1px;
  left: 1px;
  background-image: url(./img/vector-2.svg);
  background-size: 100% 100%;
}

.footer .clip-path-group {
  position: absolute;
  width: 19px;
  height: 19px;
  top: 6px;
  left: 6px;
}

.footer .overlap {
  position: relative;
  width: 31px;
  height: 31px;
  top: 1px;
  left: 1px;
  background-image: url(./img/vector.svg);
  background-size: 100% 100%;
}

.footer .img {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 7px;
  left: 7px;
}

.footer .div {
  align-items: flex-start;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.footer .footer-navigation {
  display: flex;
  flex-direction: column;
  min-height: 1px;
  align-items: center;
  gap: var(--collection-1-m);
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.footer .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--body-body-1-bold-font-family);
  font-weight: var(--body-body-1-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--body-body-1-bold-font-size);
  letter-spacing: var(--body-body-1-bold-letter-spacing);
  line-height: var(--body-body-1-bold-line-height);
  font-style: var(--body-body-1-bold-font-style);
}

.footer .horizontal-divider {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  object-fit: cover;
}

.footer .list-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--collection-1-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.footer .item {
  height: 24px;
  align-items: center;
  justify-content: center;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.footer .text-wrapper-2 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--neutral-600);
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
}

.footer .item-2 {
  align-items: flex-start;
  gap: var(--collection-1-xs);
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.footer .location {
  position: relative;
  width: 24px;
  height: 24px;
}

.footer .frame {
  align-items: flex-start;
  gap: var(--collection-1-s);
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.footer .frame-2 {
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.footer .home {
  align-self: stretch;
  font-family: var(--body-body-1-regular-font-family);
  font-weight: var(--body-body-1-regular-font-weight);
  color: var(--neutral-600);
  position: relative;
  font-size: var(--body-body-1-regular-font-size);
  letter-spacing: var(--body-body-1-regular-letter-spacing);
  line-height: var(--body-body-1-regular-line-height);
  font-style: var(--body-body-1-regular-font-style);
}

.footer .p {
  position: relative;
  align-self: stretch;
  font-family: var(--body-body-2-regular-font-family);
  font-weight: var(--body-body-2-regular-font-weight);
  color: var(--baseblack);
  font-size: var(--body-body-2-regular-font-size);
  letter-spacing: var(--body-body-2-regular-letter-spacing);
  line-height: var(--body-body-2-regular-line-height);
  font-style: var(--body-body-2-regular-font-style);
}



.section8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--collection-1-4xl);
  padding: var(--collection-1-5xl) var(--collection-1-6xl)
    var(--collection-1-5xl) var(--collection-1-6xl);
  position: relative;
  background-color: var(--neutral-25);
}


.section8 .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--collection-1-m);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}


.section8 .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section8 .text-wrapper {
  position: relative;
  flex: 1;
  font-family: var(--subtitle-subtitle-1-bold-font-family);
  font-weight: var(--subtitle-subtitle-1-bold-font-weight);
  color: var(--baseblack);
  font-size: var(--subtitle-subtitle-1-bold-font-size);
  letter-spacing: var(--subtitle-subtitle-1-bold-letter-spacing);
  line-height: var(--subtitle-subtitle-1-bold-line-height);
  font-style: var(--subtitle-subtitle-1-bold-font-style);
}


.section8 .buttons {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
}

.section8 .button-left {
  display: inline-flex;
  align-items: center;
  padding: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--neutral-50);
  border-radius: var(--collection-1-6xl);
  overflow: hidden;
}

.section8 .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.section8 .button-right {
  border: 2px solid;
  border-color: var(--primary-500);
  display: inline-flex;
  align-items: center;
  padding: var(--collection-1-s);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--neutral-50);
  border-radius: var(--collection-1-6xl);
  overflow: hidden;
}

.section8 .div {
  gap: var(--collection-1-m);
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section8 .cards {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--collection-1-m);
  position: relative;
  flex: 0 0 auto;
  margin-right: -3809.00px
}

.section8 .review {
	display:flex;
	flex-direction: column;
	width:357px;
	align-items:flex-start;
  gap : var(--collection-1-m);
	padding : var(--collection-1-m);
  position: relative;
	background-color: var(--basewhite);
	border-radius: var(--collection-1-l);
	overflow: hidden;
	box-shadow: 0px 22px 22px #747f9617, 0px -50px 30px #747f960d, 0px 88px 35px #747f9603;
}

.section8 .div {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap :  var(--collection-1-xs);
  position: relative;
  flex: 0 0 auto;
}


.section8 .text-wrapper-2 { 
	position: relative;
	width: fit-content;
	margin-top: -1.00px;
	font-family: var (--h-h1-bold-font-family); 
	font-weight: var (--h-h1-bold-font-weight); 
	color: var(--baseblack);
	font-size: var(--h-h1-bold-font-size); 
	letter-spacing: var(--h-h1-bold-letter-spacing); 
	line-height: var(--h-h1-bold-line-height); 
	white-space: nowrap;
	font-style: var(--h-h1-bold-font-style);
}
.section8 .hearts {
	display: inline-flex;
	align-items: center;
	gap: var(--collection-1-xxs);
	position: relative;
	flex: 0 0 auto;
}



.section8 .text-wrapper-3 { 
	position: relative; 
	width: fit-content;
	margin-top: -1.00px;
	font-family: var(--body-body-1-regular-font-family); 
	font-weight: var(--body-body-1-regular-font-weight); 
	color: var(--neutral-600);
	font-size: var(--body-body-1-regular-font-size); 
	letter-spacing:var(--body-body-1-regular-letter-spacing); 
	line-height: var(--body-body-1-regular-line-height); 
	white-space: nowrap;
	font-style: var(--body-body-1-regular-font-style);
}

.section8 .percent {
	display: flex;
	flex-direction: column; 
	align-items: flex-start;
	gap: var(--collection-1-xs); 
	position: relative;
	align-self: stretch;
	width: 100%; 
	flex: 0 0 auto;
}


.section8 .row { 
	display: flex;
	align-items: flex-start;
	gap: var(--collection-1-xs); 
	position: relative;
	align-self: stretch; 
	width: 100%;
	flex: 0 0 auto;
}


.section8 .text-wrapper-4 { 
	position: relative;
	width: 12px;
	margin-top: -1.00px;
	font-family:var(--body-body-1-regular-font-family);
	font-weight: var(--body-body-1-regular-font-weight); 
	color: var(--neutral-600);
	font-size: var(--body-body-1-regular-font-size);
	letter-spacing: var(--body-body-1-regular-letter-spacing); 
	line-height: var(--body-body-1-regular-line-height); 
	font-style: var(--body-body-1-regular-font-style);
}




.section8 .progress-bar { 
	position: relative; 
	flex: 1;
	flex-grow: 1;
	height: 24px;
	background-color: var(--neutral-50); 
	border-radius: 200px;
	overflow: hidden;
}


.section8 .rectangle {
	width: 212px;
	height: 24px;
	background-color: var(--primary-500); 
	border-radius: 200px;
}


.section8 .text-wrapper-5 {
	position: relative;
	width: 40px;
	margin-top: -1.00px;
	font-family:var(--body-body-1-semibold-font-family); 
	font-weight: var(--body-body-1-semibold-font-weight); 
	color: var(--baseblack);
	font-size: var(--body-body-1-semibold-font-size); 
	text-align: right;
	letter-spacing: var(--body-body-1-semibold-letter-spacing);
	line-height: var(--body-body-1-semibold-line-height); 
	font-style: var(--body-body-1-semibold-font-style);
}

.section8 .rectangle-2 { 
	width: 38px; 
	height: 24px;
	background-color: #b7ea83; 
	border-radius: 200px;
}
.section8 .rectangle-3 { 
	width: 24px; 
	height: 24px;
	background-color: #f6d852; 
	border-radius: 200px;
}
.section8 .rectangle-4 { 
	width: 24px; 
	height: 24px;
	background-color: #fab354;
	border-radius: 288px;
}

.section8 .progress-bar-2 {
	position: relative; 
	flex: 1;
	flex-grow: 1;
	height: 24px;
	background-color: var(--neutral-50); 
	border-radius: 200px;
}



.section8 .review-2 { 
display: flex;
flex-direction: column; 
width: 357px;
align-items: flex-start; 
gap: var(--collection-1-m);
padding: var(--collection-1-m); 
position: relative;
align-self: stretch;
background-color: var(--basewhite);
border-radius: var(--collection-1-l);
overflow: hidden;
box-shadow: 0px 22px 22px #747f9617, 0px -50px 30px #747f960d,0px 88px 35px #747f9603;
}

.section8 .title-2 { 
	display: inline-flex; 
	align-items: flex-start; 
	gap: 8px;
	position: relative; 
	flex: 0 0 auto;
}


.section8 .image { 
	position: relative; 
	align-self: stretch; 
	width: 52px;
	border-radius: 200px; border: 2px solid;
	border-color: var(--basewhite);
	background-image: url(../assets/images/tq_ejahlnitnv-170z9-200h.png); 
	background-size: cover; 
	background-position: 50% 50%;
}

.section8 .title-3 {
	display: inline-flex; 
	flex-direction: column; 
	align-items: flex-start; 
	position: relative; 
	flex: 0 0 auto;
}


.section8 .text-wrapper-6 { 
	position: relative; 
	width: fit-content;
	margin-top: -1.00px;
	font-family:	var(--subtitle-subtitle-3-bold-font-family); 
	font-weight: var(--subtitle-subtitle-3-bold-font-weight);
	color: var(--baseblack);
	font-size: var(--subtitle-subtitle-3-bold-font-size);
	letter-spacing: var(--subtitle-subtitle-3-bold-letter-spacing); 
	line-height: var(--subtitle-subtitle-3-bold-line-height);
	white-space: nowrap;
	font-style: var(--subtitle-subtitle-3-bold-font-style);
}

.section8 .text-wrapper-7 {
	position: relative;
	width: fit-content;
	font-family: var(--body-body-1-regular-font-family); 
	font-weight: var(--body-body-1-regular-font-weight); 
	color: var(--neutral-600);
	font-size: var(--body-body-1-regular-font-size);
	letter-spacing: var(--body-body-1-regular-letter-spacing); 
	line-height: var(--body-body-1-regular-line-height);
	white-space: nowrap;
	font-style: var(--body-body-1-regular-font-style);
}

.section8 .description { 
	display: flex;
	flex-direction: column; 
	align-items: flex-start;
	gap: var(--collection-1-xxs);
	position: relative;
	align-self: stretch; width: 100%;
	flex: 0 0 auto;
}


.section8 .text-wrapper-8 {
	position: relative;
	width: fit-content;
	margin-top: -1.00px;
	font-family: var(--body-body-1-bold-font-family); 
	font-weight: var(--body-body-1-bold-font-weight); 
	color: var(--baseblack);
	font-size: var(--body-body-1-bold-font-size); 
	letter-spacing: var(--body-body-1-bold-letter-spacing); 
	line-height: var(--body-body-1-bold-line-height);
	white-space: nowrap;
	font-style: var(--body-body-1-bold-font-style);
}



.section8 .i-want-to-give-a {
	position: relative; 
  align-self: stretch;
	height: 120px;
	font-family: var(--body-body-1-regular-font-family); 
  font-weight:var(--body-body-1-regular-font-weight);
	color: var(--neutral-600);
	font-size: var(--body-body-1-regular-font-size);
	letter-spacing: var(--body-body-1-regular-letter-spacing); 
	line-height: var(--body-body-1-regular-line-height); 
	overflow: hidden; 
  text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	font-style: var(--body-body-1-regular-font-style);
}

.section8 .text-wrapper-9 { 
	position: relative; 
	align-self: stretch;
	font-family:var(--body-body-1-semibold-link-font-family); 
	font-weight: var(--body-body-1-semibold-link-font-weight); 
	color: var(--primary-500);
	font-size: var(--body-body-1-semibold-link-font-size);
	letter-spacing: var(--body-body-1-semibold-link-letter-spacing); 
	line-height: var(--body-body-1-semibold-link-line-height);
	text-decoration: underline;
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-style: var(--body-body-1-semibold-link-font-style);
}
.section8 .image-2 { 
	position: relative; 
	align-self: stretch; 
	width: 52px;
	border-radius: 200px; 
  background-image: url(../assets/images/tq_omire7g6o2-o0fq-200h.png); 
	border: 2px solid;
	border-color: var(--basewhite); 

}