@font-face {
    font-family: 'Eina03-Bold';
    src: url('Eina03-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Eina03-SemiBold';
    src: url('Eina03-SemiBold.ttf') format('truetype');
}

html, body {

margin: 0;

padding: 0;

height: 100%;

}


}

.frame * :not(img) {
    transform: scale(0.8);
    transform-origin: top left;
}

.frame {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.frame .overlap-wrapper {
  background-color: #ffffff;
  overflow: hidden;
  width: 1920px;
  height: 3240px;
}

.frame .overlap {
  position: relative;
  width: 2014px;
  height: 3338px;
  top: -98px;
}

.frame .group {
  position: absolute;
  width: 1325px;
  height: 1275px;
  top: 0;
  left: 297px;
}

.frame .overlap-group {
  position: relative;
  height: 1275px;
}

.frame .ellipse {
  position: absolute;
  width: 850px;
  height: 850px;
  top: 425px;
  left: 71px;
  border-radius: 425px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgb(176, 155, 248) 0%,
    rgba(176, 155, 248, 0.85) 47.9%,
    rgba(176, 155, 248, 0.55) 64.4%,
    rgba(176, 155, 248, 0.25) 80.4%,
    rgba(255, 255, 255, 0) 100%
  );
}

.frame .div {
  position: absolute;
  width: 850px;
  height: 850px;
  top: 224px;
  left: 475px;
  border-radius: 425px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgb(101, 124, 218) 0%,
    rgba(101, 124, 218, 0.85) 47.9%,
    rgba(101, 124, 218, 0.55) 64.4%,
    rgba(101, 124, 218, 0.25) 80.4%,
    rgba(255, 255, 255, 0) 100%
  );
}

.frame .ellipse-2 {
  position: absolute;
  width: 850px;
  height: 850px;
  top: 0;
  left: 0;
  border-radius: 425px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgb(245, 245, 220) 0%,
    rgba(245, 245, 220, 0.85) 47.9%,
    rgba(245, 245, 220, 0.55) 64.4%,
    rgba(245, 245, 220, 0.25) 80.4%,
    rgba(255, 255, 255, 0) 100%
  );
}

.frame .overlap-group-wrapper {
  position: absolute;
  width: 1505px;
  height: 1448px;
  top: 1830px;
  left: 509px;
}

.frame .overlap-2 {
  position: relative;
  height: 1448px;
}

.frame .ellipse-3 {
  position: absolute;
  width: 965px;
  height: 965px;
  top: 483px;
  left: 81px;
  border-radius: 482.68px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(176, 155, 248, 0.45) 0%,
    rgba(176, 155, 248, 0.38) 47.9%,
    rgba(176, 155, 248, 0.25) 64.4%,
    rgba(176, 155, 248, 0.11) 80.4%,
    rgba(255, 255, 255, 0) 100%
  );
}

.frame .ellipse-4 {
  position: absolute;
  width: 965px;
  height: 965px;
  top: 255px;
  left: 540px;
  border-radius: 482.68px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(101, 124, 218, 0.45) 0%,
    rgba(101, 124, 218, 0.38) 47.9%,
    rgba(101, 124, 218, 0.25) 64.4%,
    rgba(101, 124, 218, 0.11) 80.4%,
    rgba(255, 255, 255, 0) 100%
  );
}

.frame .ellipse-5 {
  position: absolute;
  width: 965px;
  height: 965px;
  top: 0;
  left: 0;
  border-radius: 482.68px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(245, 245, 220, 0.45) 0%,
    rgba(245, 245, 220, 0.38) 47.9%,
    rgba(245, 245, 220, 0.25) 64.4%,
    rgba(245, 245, 220, 0.11) 80.4%,
    rgba(255, 255, 255, 0) 100%
  );
}

.frame .rectangle {
  position: absolute;
  width: 100%;
  height: auto;
  top: 98px;
  left: 0;
  background-color: #ffffff03;
  backdrop-filter: blur(125px) brightness(100%);
  -webkit-backdrop-filter: blur(125px) brightness(100%);
}

.frame .text-wrapper {
  position: absolute;
  width: 660px;
  top: 188px;
  left: 112px;
  font-family: "Eina03-Bold";
  font-weight: 400;
  color: #3b4574;
  font-size: 85px;
  letter-spacing: 0;
  line-height: 109.8px;
}

.frame .p {
  position: absolute;
  width: 660px;
  top: 2222px;
  left: 112px;
  font-family: "Eina03-Bold";
  font-weight: 400;
  color: #3b4574;
  font-size: 85px;
  letter-spacing: 0;
  line-height: 109.8px;
}

.frame .text-wrapper-2 {
  position: absolute;
  width: 1018px;
  top: 2844px;
  left: 451px;
  font-family: "Eina03-Bold";
  font-weight: 400;
  color: #3b4574;
  font-size: 85px;
  text-align: center;
  letter-spacing: 0;
  line-height: 109.8px;
}

.frame .volatile-stops {
  position: absolute;
  width: 945px;
  top: 1073px;
  left: 487px;
  font-family: "Eina03-Bold";
  font-weight: 400;
  color: #3b4574;
  font-size: 68px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-3 {
  position: absolute;
  width: 199px;
  top: 815px;
  left: 354px;
  font-family: "Eina03-Bold";
  font-weight: 400;
  color: #3b4574;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-4 {
  position: absolute;
  width: 660px;
  top: 600px;
  left: 112px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a4;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-5 {
  position: absolute;
  width: 184px;
  top: 2504px;
  left: 1263px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a4;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-6 {
  position: absolute;
  width: 660px;
  top: 2515px;
  left: 112px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a4;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-7 {
  position: absolute;
  width: 300px;
  top: 2954px;
  left: 810px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a4;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-8 {
  position: absolute;
  width: 318px;
  top: 3302px;
  left: 18px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a48c;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-9 {
  position: absolute;
  width: 660px;
  top: 1300px;
  left: 630px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a4;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .rectangle-2 {
  position: absolute;
  width: 178px;
  height: 78px;
  top: 800px;
  left: 112px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgb(59, 111, 236) 0%, rgb(64, 47, 218) 100%);
}

.frame .rectangle-3 {
  width: 244px;
  top: 800px;
  left: 332px;
  border: 3px solid;
  border-color: #a1a6c0;
  position: absolute;
  height: 78px;
  border-radius: 12px;
}

.frame .text-wrapper-10 {
  position: absolute;
  top: 815px;
  left: 145px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .rectangle-4 {
  width: 178px;
  top: 1475px;
  left: 871px;
  background: linear-gradient(180deg, rgb(59, 111, 236) 0%, rgb(64, 47, 218) 100%);
  position: absolute;
  height: 78px;
  border-radius: 12px;
}

.frame .text-wrapper-11 {
  position: absolute;
  top: 1490px;
  left: 904px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .rectangle-5 {
  width: 178px;
  top: 3072px;
  left: 871px;
  background: linear-gradient(180deg, rgb(59, 111, 236) 0%, rgb(64, 47, 218) 100%);
  position: absolute;
  height: 78px;
  border-radius: 12px;
}

.frame .text-wrapper-12 {
  position: absolute;
  top: 3089px;
  left: 907px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .group-2 {
  position: absolute;
  width: 1688px;
  height: 521px;
  top: 1505px;
  left: 122px;
}

.frame .overlap-3 {
  position: absolute;
  width: 362px;
  height: 341px;
  top: 90px;
  left: 0;
}

.frame .text-wrapper-13 {
  position: absolute;
  width: 362px;
  top: 0;
  left: 0;
  font-family: "Eina03-Bold";
  font-weight: 400;
  color: #6384b3;
  font-size: 250px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-14 {
  position: absolute;
  width: 205px;
  top: 289px;
  left: 78px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a4;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .overlap-4 {
  position: absolute;
  width: 731px;
  height: 341px;
  top: 90px;
  left: 502px;
}

.frame .text-wrapper-15 {
  position: absolute;
  width: 731px;
  top: 0;
  left: 0;
  font-family: "Eina03-Bold";
  font-weight: 400;
  color: #6384b3;
  font-size: 250px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-16 {
  position: absolute;
  width: 261px;
  top: 289px;
  left: 202px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a4;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .overlap-5 {
  position: absolute;
  width: 302px;
  height: 341px;
  top: 90px;
  left: 1374px;
}

.frame .text-wrapper-17 {
  position: absolute;
  width: 302px;
  top: 0;
  left: 0;
  font-family: "Eina03-Bold";
  font-weight: 400;
  color: #6384b3;
  font-size: 250px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-18 {
  position: absolute;
  width: 278px;
  top: 289px;
  left: 12px;
  font-family: "Eina03-SemiBold";
  font-weight: 400;
  color: #7e85a4;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .line {
  position: absolute;
  width: 1px;
  height: 521px;
  top: 0;
  left: 1296px;
  object-fit: cover;
}

.frame .img {
  position: absolute;
  width: 1px;
  height: 521px;
  top: 0;
  left: 415px;
  object-fit: cover;
}

.frame .rectangle-6 {
  position: absolute;
  width: 680px;
  height: 176px;
  top: 2303px;
  left: 1023px;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: -5px 5px 150px #00000026;
}

.frame .group-3 {
  position: absolute;
  width: 580px;
  height: 104px;
  top: 2339px;
  left: 1073px;
}

.frame .star {
  position: absolute;
  width: 99px;
  height: 94px;
  top: 0;
  left: 3px;
}

.frame .star-2 {
  left: 122px;
  position: absolute;
  width: 99px;
  height: 94px;
  top: 0;
}

.frame .star-3 {
  left: 241px;
  position: absolute;
  width: 99px;
  height: 94px;
  top: 0;
}

.frame .star-4 {
  left: 360px;
  position: absolute;
  width: 99px;
  height: 94px;
  top: 0;
}

.frame .star-5 {
  left: 479px;
  position: absolute;
  width: 99px;
  height: 94px;
  top: 0;
}