.image-24-removebg-preview-1-icon {
  width: 94px;
  flex: 1;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.powered-by {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  min-width: 89px;
}
.new-logo-1-2-icon {
  width: 47px;
  height: 15px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.bottom-header,
.logo-bar,
.right-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.right-header {
  flex-direction: column;
  padding: 3px 0 0;
}
.bottom-header,
.logo-bar {
  flex-direction: row;
}
.logo-bar {
  height: 88px;
  flex-direction: column;
  padding: 0 20px 0 0;
  box-sizing: border-box;
  gap: 10px;
}
.screenshot-2024-04-12-at-1057 {
  height: 355px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.screenshot-2024-04-12-at-1057-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 16px 0 8px;
  box-sizing: border-box;
  max-width: 100%;
}
.if-you-are {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.3px;
  line-height: 40px;
  font-weight: 600;
  font-family: inherit;
}
.rectangle-5-copy {
  height: 48px;
  width: 190px;
  position: relative;
  border-radius: 7.74px;
  display: none;
}
.cari-sekarang {
  flex: 1;
  position: relative;
  font-size: 16.4px;
  letter-spacing: 0.25px;
  font-weight: 600;
  font-family: Mulish;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.investor-call-to-action,
.rectangle-5-copy-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.rectangle-5-copy-parent {
  cursor: pointer;
  border: 0;
  padding: 13px 26px 15px;
  background-color: #ff8010;
  width: 190px;
  border-radius: 7.74px;
  justify-content: flex-start;
  box-sizing: border-box;
}
.group-button:hover,
.rectangle-5-copy-parent:hover {
  background-color: #cc4d00;
}
.investor-call-to-action {
  align-self: stretch;
  justify-content: center;
  padding: 0 30px 0 20px;
}
.content-area {
  width: 378px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 57.5px;
}
.body,
.content-area,
.top-header,
.top-header-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.body {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-end;
  font-size: 28px;
  color: #404852;
}
.top-header,
.top-header-wrapper {
  flex-direction: column;
  justify-content: flex-start;
}
.top-header {
  align-self: stretch;
  gap: 46px;
}
.top-header-wrapper {
  width: 506px;
  padding: 32px 0 0;
  box-sizing: border-box;
  min-width: 506px;
}
.frame-child,
.frame-item {
  position: relative;
  display: none;
}
.frame-child {
  width: 720px;
  height: 890px;
  background-color: #fff6ee;
  max-width: 100%;
  z-index: 0;
}
.frame-item {
  width: 59.8px;
  height: 45.5px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.09);
  border-radius: 10px;
  background-color: #fff;
}
.moic,
.x {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.moic {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  min-width: 27px;
}
.x {
  color: #ff8010;
  min-width: 24px;
}
.rectangle-group {
  margin: 0 !important;
  position: absolute;
  top: -25.9px;
  left: 134px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.09);
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 16px 8.4px;
  gap: 3.1px;
  z-index: 6;
}
.frame-inner {
  height: 137.5px;
  width: 302.1px;
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  background-color: #fffefe;
  border: 1px solid #dedede;
  box-sizing: border-box;
  display: none;
  z-index: 0;
}
.vector-icon {
  height: 92.7px;
  width: 0;
  position: absolute;
  margin: 0 !important;
  bottom: 14px;
  left: 49.8px;
  z-index: 2;
}
.vector-icon1 {
  left: 109.9px;
}
.vector-icon1,
.vector-icon2,
.vector-icon3,
.vector-icon4 {
  height: 92.7px;
  width: 0;
  position: absolute;
  margin: 0 !important;
  bottom: 14px;
  z-index: 2;
}
.vector-icon2 {
  left: 140.2px;
}
.vector-icon3,
.vector-icon4 {
  right: 101.7px;
}
.vector-icon4 {
  right: 41.5px;
}
.deals {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.3px;
  line-height: 21.5px;
  font-weight: 600;
  font-family: inherit;
  z-index: 1;
}
.fund-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 1px 0 2px;
}
.fund-value {
  width: 8.1px;
  position: relative;
  font-size: 4px;
  color: #121212;
  text-align: right;
  display: inline-block;
  min-width: 8.1px;
  z-index: 1;
}
.bitcoin-icon {
  width: 262.4px;
  height: 0.2px;
  position: absolute;
  margin: 0 !important;
  right: -247.6px;
  bottom: 3.1px;
  z-index: 1;
}
.bitcoin-details {
  width: 25.5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 1.9px;
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.bitcoin {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  min-width: 84px;
}
.coin {
  align-self: stretch;
  border-radius: 3px;
  background-color: #fff6ee;
  border: 1px solid #dedede;
  flex-direction: row;
  padding: 3px 5px 0;
  flex-shrink: 0;
  debug_commit: 1de1738;
  white-space: nowrap;
  z-index: 1;
}
.coin,
.coin-details,
.fund-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.coin-details {
  flex: 1;
  flex-direction: column;
  padding: 4.7px 0 0;
  font-size: 6px;
  color: #121212;
}
.fund-details {
  width: 139.7px;
  flex-direction: row;
  gap: 6.6px;
}
.bitcoin1 {
  position: relative;
  display: inline-block;
  min-width: 31px;
}
.coin1,
.second-coin-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.coin1 {
  align-self: stretch;
  border-radius: 3px;
  border: 1px solid #dedede;
  flex-direction: row;
  padding: 3px 5px 2px;
  z-index: 1;
}
.second-coin-details {
  width: 44px;
  flex-direction: column;
  padding: 4.7px 0 0;
  box-sizing: border-box;
  font-size: 5px;
  color: #979797;
}
.investment-details {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.vector-icon5 {
  height: 0.2px;
  width: 262.4px;
  position: absolute;
  margin: 0 !important;
  top: 2.8px;
  right: 1.3px;
  z-index: 1;
}
.comparison-data-icon {
  height: 92.7px;
  width: 0.2px;
  position: absolute;
  margin: 0 !important;
  top: -6.3px;
  left: 51.1px;
  z-index: 2;
}
.comparison-data-icon1 {
  left: 72.8px;
}
.comparison-data-icon1,
.comparison-data-icon2,
.comparison-data-icon3,
.comparison-data-icon4 {
  height: 92.7px;
  width: 0.2px;
  position: absolute;
  margin: 0 !important;
  top: -6.3px;
  z-index: 2;
}
.comparison-data-icon2 {
  left: 94.5px;
}
.comparison-data-icon3,
.comparison-data-icon4 {
  right: 133.5px;
}
.comparison-data-icon4 {
  right: 90px;
}
.comparison-data-icon5 {
  right: 68.3px;
}
.comparison-data-icon5,
.comparison-data-icon6,
.comparison-data-icon7,
.comparison-data-icon8 {
  height: 92.7px;
  width: 0.2px;
  position: absolute;
  margin: 0 !important;
  top: -6.3px;
  z-index: 2;
}
.comparison-data-icon6 {
  right: 24.9px;
}
.comparison-data-icon7,
.comparison-data-icon8 {
  left: 29.4px;
}
.comparison-data-icon8 {
  left: 116.2px;
}
.comparison-data-icon10,
.comparison-data-icon11,
.comparison-data-icon9 {
  height: 92.7px;
  width: 0.2px;
  position: absolute;
  margin: 0 !important;
  top: -6.3px;
  right: 111.8px;
  z-index: 2;
}
.comparison-data-icon10,
.comparison-data-icon11 {
  right: 46.6px;
}
.comparison-data-icon11 {
  right: 3.2px;
}
.div {
  width: 5.4px;
  position: relative;
  display: inline-block;
  min-width: 5.4px;
  z-index: 1;
}
.x-axis-label {
  height: 92.7px;
  width: 0.2px;
  position: absolute;
  margin: 0 !important;
  top: -11.7px;
  left: 7.6px;
  z-index: 1;
}
.y-axis-labels,
.y-axis-labels1,
.y-axis-labels2,
.y-axis-labels3,
.y-axis-labels4,
.y-axis-labels5,
.y-axis-labels6,
.y-axis-labels7 {
  width: 5.4px;
  position: relative;
  display: inline-block;
  min-width: 5.4px;
  z-index: 1;
}
.y-axis-labels8 {
  position: relative;
  display: inline-block;
  min-width: 3px;
  z-index: 1;
}
.y-axis-label-container {
  width: 5.7px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 3.4px;
}
.first-dots-icon {
  width: 100%;
  height: 0.2px;
  position: absolute;
  margin: 0 !important;
  top: 6.7px;
  right: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.c,
.text {
  position: relative;
}
.text {
  display: inline-block;
  min-width: 11px;
}
.c {
  align-self: stretch;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.cursortip,
.shortcut,
.yardstick-tooltip {
  flex-direction: row;
  justify-content: flex-start;
}
.shortcut {
  height: 18px;
  display: none;
  align-items: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  font-family: Inter;
}
.cursortip,
.yardstick-tooltip {
  display: flex;
  align-items: flex-start;
}
.cursortip {
  border-radius: 4px;
  background-color: #323232;
  padding: 2.6px 6px 2.6px 7px;
  gap: 4px;
  z-index: 4;
}
.yardstick-tooltip {
  padding: 0 78px 0 77.6px;
}
.second-dot-icon {
  height: 0.2px;
  width: 262.4px;
  position: relative;
  z-index: 1;
}
.second-dot {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 6.7px;
}
.second-dots-icon,
.second-dots-icon1,
.second-dots-icon2,
.second-dots-icon3,
.second-dots-icon4,
.second-dots-icon5 {
  align-self: stretch;
  height: 0.2px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.second-dot-pair {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 6.7px;
  gap: 9.1px;
}
.wrapper-group-38039,
.wrapper-group-38039-child {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
}
.wrapper-group-38039-child {
  object-fit: contain;
  left: -1px;
  top: 3px;
  transform: scale(1.192);
}
.wrapper-group-38039 {
  margin: 0 !important;
  top: 0;
  right: 0.1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.first-dots-icon1 {
  align-self: stretch;
  height: 0.2px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.chart-content,
.first-dot-pair {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.first-dot-pair {
  align-self: stretch;
  justify-content: flex-start;
  padding: 2.4px 0 0;
  position: relative;
  gap: 2.3px;
}
.chart-content {
  flex: 1;
  justify-content: flex-end;
  padding: 0 0 2.8px;
  box-sizing: border-box;
  min-width: 170px;
  text-align: left;
  font-size: 5px;
  color: #fff;
}
.month-labels,
.x-axis,
.y-axis {
  display: flex;
  flex-direction: row;
}
.y-axis {
  flex: 1;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 2.2px;
}
.month-labels,
.x-axis {
  align-items: flex-start;
}
.month-labels {
  flex: 1;
  justify-content: flex-start;
  position: relative;
}
.x-axis {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 1.3px 0 0;
}
.jan {
  position: relative;
  min-width: 8px;
  z-index: 1;
}
.feb,
.jan,
.mar {
  display: inline-block;
}
.feb {
  position: relative;
  min-width: 9px;
  z-index: 1;
}
.mar {
  min-width: 10px;
}
.apr,
.mar,
.may {
  position: relative;
  z-index: 1;
}
.apr {
  display: inline-block;
  min-width: 9px;
}
.may {
  flex: 1;
}
.jul,
.jun {
  display: inline-block;
}
.jun {
  position: relative;
  min-width: 8px;
  z-index: 1;
}
.jul {
  min-width: 6px;
}
.aug,
.dec,
.jul,
.nov,
.oct,
.sep {
  position: relative;
  z-index: 1;
}
.aug,
.sep {
  flex: 1;
}
.dec,
.nov,
.oct {
  display: inline-block;
  min-width: 9px;
}
.dec,
.nov {
  min-width: 10px;
}
.dec {
  min-width: 9px;
}
.axes-container,
.month-axis,
.subtitle {
  display: flex;
  justify-content: flex-start;
}
.month-axis {
  width: 245.9px;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 2px 0 0;
  box-sizing: border-box;
  gap: 12.4px;
  margin-top: -1.5px;
  font-size: 5px;
}
.axes-container,
.subtitle {
  flex-direction: column;
}
.axes-container {
  align-self: stretch;
  align-items: flex-end;
  margin-top: -0.5px;
}
.subtitle {
  flex: 1;
  align-items: flex-start;
}
.comparison-visualization {
  flex: 1;
  flex-direction: row;
  position: relative;
}
.comparison-visualization,
.details,
.graph-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.graph-container {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 2.8px;
  text-align: right;
  font-size: 4px;
  color: #121212;
}
.details {
  flex: 1;
  flex-direction: column;
  gap: 3.1px;
}
.cursor-icon {
  width: 0;
  flex: 1;
  position: relative;
  max-height: 100%;
  z-index: 1;
}
.cursor {
  height: 101.1px;
  width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 8.4px;
  box-sizing: border-box;
}
.rectangle-div {
  width: 172.5px;
  height: 221.7px;
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #dedede;
  box-sizing: border-box;
  display: none;
}
.hrs-4pm-,
.portfolio-summary {
  margin: 0;
  position: relative;
  font-family: inherit;
}
.portfolio-summary {
  font-size: 10px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  min-width: 88px;
  z-index: 1;
}
.hrs-4pm- {
  width: 110px;
  font-size: inherit;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.meeting-slots {
  align-self: stretch;
  border-radius: 3px;
  background-color: #fcf8ff;
  border: 1px solid #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3px 10px 0;
  white-space: nowrap;
  z-index: 1;
}
.hrs-4pm-1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  min-width: 111px;
}
.meeting-slots1 {
  align-self: stretch;
  border-radius: 3px;
  background-color: #f3f5ff;
  border: 1px solid #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3px 10px 0;
  white-space: nowrap;
  z-index: 1;
}
.hrs-4pm-2 {
  margin: 0 !important;
  width: 177px;
  position: absolute;
  right: -43.6px;
  bottom: 1.4px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.meeting-slots2 {
  align-self: stretch;
  height: 16.4px;
  border-radius: 3px;
  background-color: #fff9fc;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 10px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.hrs-4pm-3 {
  margin: 0 !important;
  width: 177px;
  position: absolute;
  right: -43.6px;
  bottom: 1.4px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.meeting-slots3 {
  align-self: stretch;
  height: 16.4px;
  border-radius: 3px;
  background-color: #fffaf3;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 10px;
  position: relative;
  z-index: 1;
}
.hrs-4pm-4 {
  margin: 0 !important;
  width: 177px;
  position: absolute;
  right: -43.6px;
  bottom: 1.4px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.meeting-slots4 {
  align-self: stretch;
  height: 16.4px;
  border-radius: 3px;
  background-color: #f2fffd;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 10px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.hrs-4pm-5 {
  margin: 0 !important;
  width: 177px;
  position: absolute;
  right: -43.6px;
  bottom: 1.4px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.meeting-slots5 {
  align-self: stretch;
  height: 16.4px;
  border-radius: 3px;
  background-color: #fefff5;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 10px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.hrs-4pm-6 {
  margin: 0 !important;
  width: 177px;
  position: absolute;
  right: -43.6px;
  bottom: 1.4px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.meeting-slots6 {
  align-self: stretch;
  height: 16.4px;
  border-radius: 3px;
  background-color: #f2fff7;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 10px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.hrs-4pm-7 {
  margin: 0 !important;
  width: 177px;
  position: absolute;
  right: -43.6px;
  bottom: 1.4px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.group-div,
.meeting-slots7 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.meeting-slots7 {
  align-self: stretch;
  height: 16.4px;
  border-radius: 3px;
  background-color: #faf3ff;
  border: 1px solid #fff;
  flex-direction: row;
  padding: 5px 10px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.group-div {
  width: 172.5px;
  margin: 0 !important;
  position: absolute;
  bottom: -59.2px;
  left: -163.8px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #dedede;
  flex-direction: column;
  padding: 7px 13px 9px 14px;
  gap: 7.3px;
  z-index: 5;
  color: #323232;
}
.frame-child1 {
  height: 33px;
  width: 125px;
  position: relative;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.09);
  border-radius: 14px;
  background-color: #ff8010;
  display: none;
}
.spreadsheet-upload {
  position: relative;
  font-size: 10px;
  display: inline-block;
  font-family: Mulish;
  color: #fff;
  text-align: left;
  min-width: 97.5px;
  z-index: 1;
}
.frame-child2,
.group-button {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.09);
}
.group-button {
  cursor: pointer;
  border: 0;
  padding: 10.7px 13.2px;
  background-color: #ff8010;
  margin: 0 !important;
  position: absolute;
  right: -64.1px;
  bottom: 21.5px;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
  z-index: 5;
}
.frame-child2 {
  height: 33px;
  width: 83.9px;
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  border-top: 1px solid #ff8010;
  border-right: 1px solid #ff8010;
  box-sizing: border-box;
  display: none;
}
.email-forward {
  position: relative;
  font-size: 10px;
  display: inline-block;
  font-family: Mulish;
  color: #ff8010;
  text-align: left;
  min-width: 70px;
  z-index: 1;
}
.rectangle-parent1 {
  cursor: pointer;
  border: 0;
  padding: 9px 6.6px 9.9px 7.3px;
  background-color: #fff;
  margin: 0 !important;
  position: absolute;
  top: -27.6px;
  right: 65.3px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.09);
  border-radius: 10px;
  border-top: 1px solid #ff8010;
  border-right: 1px solid #ff8010;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
  z-index: 5;
}
.rectangle-parent1:hover {
  background-color: #e6e6e6;
}
.frame-wrapper,
.rectangle-container {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.rectangle-container {
  width: 302.1px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  background-color: #fffefe;
  border: 1px solid #dedede;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 3px 9px 4px;
  position: relative;
  gap: 7.5px;
  z-index: 4;
}
.frame-wrapper {
  width: 508.3px;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px;
  max-width: 100%;
}
.frame-child3 {
  width: 124.7px;
  height: 61.6px;
  position: relative;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.09);
  border-radius: 14px;
  background-color: #fff;
  display: none;
}
.nimbus-are-doing {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  min-width: 83.2px;
  z-index: 1;
}
.performance-labels {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 11px 0 10.2px;
}
.comparison-subtitle {
  position: relative;
  display: inline-block;
  min-width: 30.4px;
  z-index: 1;
}
.peer-comparison-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 38px 0 36.5px;
  font-size: 10px;
  color: #ff8010;
}
.compared-against-126,
.startup-when-compared {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  min-width: 104.5px;
  z-index: 1;
}
.compared-against-126 {
  min-width: 95.3px;
}
.performance-labels1,
.rectangle-parent2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 5px 0 4.1px;
  color: #ff8010;
}
.rectangle-parent2 {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.09);
  border-radius: 14px;
  background-color: #fff;
  flex-direction: column;
  padding: 9px 10px 9px 10.1px;
  gap: 3.6px;
  z-index: 6;
  font-size: 6px;
  color: #404852;
}
.frame-group,
.frame-parent {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-group {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  padding: 27.6px 0 0;
  box-sizing: border-box;
  gap: 7px;
  font-size: 8px;
  color: #000;
}
.frame-parent {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}
.options,
.options1,
.options2 {
  width: 11px;
  position: relative;
  display: inline-block;
  min-width: 11px;
  z-index: 5;
}
.div1,
.startup-1 {
  position: relative;
  z-index: 5;
}
.div1 {
  width: 8px;
  display: inline-block;
  min-width: 8px;
}
.startup-1 {
  margin: 0;
  flex: 1;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.startup-1-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 11.3px;
  text-align: center;
  font-size: 6px;
  color: #323232;
}
.parent,
.recommendation-area-inner,
.startup-1-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.parent {
  flex: 1;
  flex-direction: column;
  gap: 4.2px;
}
.recommendation-area-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 3px;
}
.recommendation-area-child {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 7;
}
.recommendation-area {
  flex: 1;
  flex-direction: column;
  padding: 4.3px 16.8px 57.5px 168.2px;
  position: relative;
  gap: 10px;
}
.moic-comparison,
.recommendation,
.recommendation-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.recommendation {
  width: 260.5px;
  flex-direction: row;
  padding: 0 20px 0 19.6px;
  box-sizing: border-box;
  text-align: right;
  font-size: 4px;
}
.moic-comparison {
  align-self: stretch;
  flex-direction: column;
  gap: 13.4px;
  max-width: 100%;
}
.if-you-are1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.3px;
  line-height: 40px;
  font-weight: 600;
  font-family: inherit;
  z-index: 1;
}
.if-you-are-a-venture-investor-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  font-size: 28px;
}
.left-background {
  position: absolute;
  top: 12.7px;
  left: 0;
  backdrop-filter: blur(4px);
  border-radius: 10px;
  background-color: rgba(255, 222, 188, 0.3);
  width: 434px;
  height: 326.7px;
  z-index: 1;
}
.right-background,
.right-background-child,
.right-panel {
  position: absolute;
  backdrop-filter: blur(4px);
  border-right: 1px solid #ffd6b1;
  border-bottom: 1px solid #ffd6b1;
  box-sizing: border-box;
}
.right-panel {
  width: calc(100% - 9.5px);
  top: 4.7px;
  right: 3.9px;
  left: 5.6px;
  border-radius: 13px;
  height: 338.6px;
  z-index: 2;
}
.right-background,
.right-background-child {
  top: 0;
  border-radius: 18px;
  width: 100%;
  height: 100%;
}
.right-background-child {
  left: 0;
  display: none;
}
.right-background {
  left: 4.7px;
  z-index: 3;
}
.chart-background {
  height: 347.3px;
  width: 441.8px;
  position: absolute;
  margin: 0 !important;
  top: -179.8px;
  left: -148.1px;
}
.frame-child4 {
  width: 329.8px;
  height: 151px;
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  background-color: #fff;
  border: 0.8px solid #dedede;
  box-sizing: border-box;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.may-2022,
.yardstick {
  position: relative;
  font-weight: 600;
  z-index: 1;
}
.yardstick {
  margin: 0;
  flex: 1;
  font-size: inherit;
  letter-spacing: 0.33px;
  font-family: inherit;
}
.may-2022 {
  width: 29px;
  display: inline-block;
}
.current-month,
.yardstick-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.current-month {
  flex: 1;
  flex-direction: column;
  padding: 1.6px 0 0;
  font-size: 6px;
  color: #979797;
}
.yardstick-header {
  width: 65.9px;
  flex-direction: row;
  gap: 2.9px;
}
.line-div {
  position: absolute;
  margin: 0 !important;
  bottom: 27.8px;
  box-sizing: border-box;
}
.frame-child5,
.frame-child6,
.line-div {
  width: 274.3px;
  height: 0.8px;
  right: 18.9px;
  border-top: 0.8px dashed #dedede;
  z-index: 5;
}
.frame-child5 {
  position: absolute;
  margin: 0 !important;
  bottom: 44.5px;
  box-sizing: border-box;
}
.frame-child6 {
  bottom: 62px;
}
.frame-child6,
.frame-child7,
.frame-child8,
.frame-child9 {
  position: absolute;
  margin: 0 !important;
  box-sizing: border-box;
}
.frame-child7 {
  width: 274.3px;
  height: 0.8px;
  top: 71.5px;
  right: 18.9px;
  border-top: 0.8px dashed #dedede;
  z-index: 5;
}
.frame-child8,
.frame-child9 {
  width: 3px;
  height: 55.5px;
  right: 71.7px;
  bottom: 25.5px;
  border-right: 3px solid #979797;
  z-index: 6;
}
.frame-child9 {
  height: 64.5px;
  right: 154.7px;
}
.frame-child10 {
  height: 69px;
  left: 90px;
}
.frame-child10,
.frame-child11,
.frame-child12 {
  width: 3px;
  position: absolute;
  margin: 0 !important;
  bottom: 25.5px;
  border-right: 3px solid #979797;
  box-sizing: border-box;
  z-index: 6;
}
.frame-child11 {
  height: 67.5px;
  left: 130.6px;
}
.frame-child12 {
  height: 49.5px;
  right: 32.7px;
}
.chartdot-icon {
  width: 100%;
  height: 100%;
  z-index: 7;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 4px;
  transform: scale(2.164);
}
.wrapper-chartdot {
  width: 11px;
  height: 11px;
  position: absolute;
  margin: 0 !important;
  top: 56.7px;
  right: 110.7px;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.score-axis,
.score-label {
  position: relative;
  z-index: 5;
}
.score-label {
  width: 14px;
  display: inline-block;
  flex-shrink: 0;
  min-width: 14px;
}
.score-axis {
  align-self: stretch;
  height: 0.8px;
  border-top: 0.8px dashed #dedede;
  box-sizing: border-box;
}
.score-axis-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.6px 0 0;
}
.chartdot-icon1 {
  height: 100%;
  width: 100%;
  z-index: 7;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 4px;
  transform: scale(2.164);
}
.wrapper-chartdot1 {
  height: 11px;
  width: 11px;
  position: absolute;
  margin: 0 !important;
  bottom: -9.2px;
  left: 23px;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-point-row {
  width: 288.5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 1.1px;
}
.yardstick-score {
  margin: 0;
  width: 38.4px;
  height: 7.1px;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  transform: rotate(-90deg);
  z-index: 1;
}
.score-title-sub-container {
  height: 57.6px;
  width: 7.1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19.2px 0 0;
  box-sizing: border-box;
}
.score-scale {
  align-self: stretch;
  position: relative;
  display: inline-block;
  min-width: 11px;
  z-index: 5;
}
.score-axis1 {
  width: 274.3px;
  height: 0.8px;
  position: absolute;
  margin: 0 !important;
  right: -266.5px;
  bottom: 2.4px;
  border-top: 0.8px dashed #dedede;
  box-sizing: border-box;
  z-index: 7;
}
.score-scale-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px 8.9px 0 0;
  position: relative;
  text-align: right;
  font-size: 4px;
  color: #404852;
}
.vertical-axis {
  height: 80px;
  width: 3px;
  position: relative;
  border-right: 3px solid #979797;
  box-sizing: border-box;
  z-index: 6;
}
.score-title-container {
  height: 77px;
  width: 42.2px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6.1px;
}
.chartdot-icon2 {
  width: 100%;
  height: 100%;
  z-index: 8;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 4px;
  transform: scale(2.164);
}
.wrapper-chartdot2 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.point-cell {
  height: 11px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 4.2px 0 0;
  box-sizing: border-box;
}
.chartdot-icon3 {
  width: 100%;
  height: 100%;
  z-index: 8;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 4px;
  transform: scale(2.164);
}
.wrapper-chartdot3 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.point-cell1 {
  height: 13.5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2.5px 5.1px 0 0;
  box-sizing: border-box;
}
.chartdot-icon4 {
  width: 100%;
  height: 100%;
  z-index: 8;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 4px;
  transform: scale(2.164);
}
.wrapper-chartdot4 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.point-cell2 {
  height: 17.5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6.5px 11.6px 0 0;
  box-sizing: border-box;
}
.data-row-container2 {
  width: 3px;
  height: 60px;
  position: relative;
  border-right: 3px solid #979797;
  box-sizing: border-box;
  z-index: 6;
}
.data-row-container-wrapper {
  height: 74.8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 17.8px 0 0;
  box-sizing: border-box;
}
.information {
  position: relative;
  display: inline-block;
  min-width: 18px;
}
.c1 {
  align-self: stretch;
  position: relative;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.cursortip1,
.shortcut1 {
  flex-direction: row;
  justify-content: flex-start;
}
.shortcut1 {
  height: 18px;
  display: none;
  align-items: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  font-family: Inter;
}
.cursortip1 {
  border-radius: 4px;
  background-color: #323232;
  display: flex;
  align-items: flex-start;
  padding: 1px 0 0.9px 7px;
  gap: 4px;
  z-index: 8;
}
.chartdot-icon5 {
  height: 100%;
  width: 100%;
  z-index: 7;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 4px;
  transform: scale(2.164);
}
.wrapper-chartdot5 {
  height: 11px;
  width: 11px;
  position: relative;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chartdot-icon6 {
  width: 100%;
  height: 100%;
  z-index: 7;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 4px;
  transform: scale(2.164);
}
.wrapper-chartdot6 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.point-cell-container,
.point-cell3 {
  height: 16px;
  display: flex;
  align-items: flex-start;
}
.point-cell3 {
  flex-direction: column;
  justify-content: flex-start;
  padding: 5px 0 0;
  box-sizing: border-box;
}
.point-cell-container {
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
.data-point-row2,
.info-box-container,
.point-column1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.point-column1 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 6.6px;
}
.data-point-row2,
.info-box-container {
  flex-direction: column;
}
.info-box-container {
  align-self: stretch;
  gap: 2.3px;
}
.data-point-row2 {
  width: 56.6px;
  padding: 2.3px 0 0;
  box-sizing: border-box;
}
.data-point-row1,
.point-column {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.point-column {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}
.data-point-row1 {
  align-self: stretch;
  justify-content: flex-start;
  padding: 0 5px 0 4.5px;
}
.startup-2,
.startup-3,
.startup-4,
.startup-5,
.startup-6,
.startup-7 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  z-index: 5;
}
.data-plot,
.data-row-container1,
.startup-2-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.startup-2-parent {
  align-self: stretch;
  flex-direction: row;
  gap: 18.6px;
  text-align: center;
  font-size: 6px;
  color: #323232;
}
.data-plot,
.data-row-container1 {
  flex-direction: column;
}
.data-row-container1 {
  align-self: stretch;
  gap: 6.2px;
}
.data-plot {
  flex: 1;
  padding: 2.2px 0 0;
  box-sizing: border-box;
  min-width: 146px;
  font-size: 8px;
  color: #fff;
}
.score-label-row,
.score-row-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.score-label-row {
  flex: 1;
  justify-content: flex-start;
  gap: 26px;
}
.score-row-container {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 5.4px 0 0;
  text-align: left;
  font-size: 6px;
  color: #323232;
}
.data-row-container {
  width: 298.7px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 4.5px;
  text-align: right;
  font-size: 4px;
  color: #404852;
}
.performance-chart,
.rectangle-parent3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.rectangle-parent3 {
  flex: 1;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  background-color: #fff;
  border: 0.8px solid #dedede;
  box-sizing: border-box;
  flex-direction: column;
  padding: 10px 11.3px 14px;
  position: relative;
  gap: 14.5px;
  z-index: 4;
}
.performance-chart {
  width: 329.8px;
  margin: 0 !important;
  position: absolute;
  top: 328.8px;
  left: 238.3px;
  flex-direction: row;
  font-size: 8px;
  color: #121212;
}
.rectangle-5-copy1 {
  height: 48px;
  width: 190px;
  position: relative;
  border-radius: 7.74px;
  display: none;
}
.cari-sekarang1 {
  flex: 1;
  position: relative;
  font-size: 16.4px;
  letter-spacing: 0.25px;
  font-weight: 600;
  font-family: Mulish;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.action-container,
.rectangle-5-copy-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.rectangle-5-copy-group {
  cursor: pointer;
  border: 0;
  padding: 13px 26px 15px;
  background-color: #ff8010;
  width: 190px;
  border-radius: 7.74px;
  justify-content: flex-start;
  box-sizing: border-box;
  z-index: 1;
}
.rectangle-5-copy-group:hover {
  background-color: #cc4d00;
}
.action-container {
  align-self: stretch;
  justify-content: center;
}
.rectangle-parent,
.sign-up {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.rectangle-parent {
  flex: 1;
  background-color: #fff6ee;
  flex-direction: column;
  padding: 145.9px 75px 166px;
  gap: 57.3px;
  min-width: 468px;
  max-width: 100%;
  font-size: 10px;
  color: #404852;
}
.sign-up {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  flex-direction: row;
  padding: 0 0 0 48px;
  gap: 166px;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: 16px;
  color: #121212;
  font-family: Mulish;
}
@media screen and (max-width: 1125px) {
  .top-header-wrapper {
    flex: 1;
  }
  .sign-up {
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 750px) {
  .top-header {
    gap: 23px;
  }
  .top-header-wrapper {
    min-width: 100%;
  }
  .rectangle-parent {
    gap: 29px;
    padding: 95px 37px 108px;
    box-sizing: border-box;
    min-width: 100%;
  }
  .sign-up {
    gap: 83px;
  }
}
@media screen and (max-width: 450px) {
  .if-you-are {
    font-size: 22px;
    line-height: 32px;
  }

  .content-area {
    gap: 29px;
  }
  .investment-details,
  .y-axis {
    flex-wrap: wrap;
  }
  .if-you-are1 {
    font-size: 22px;
    line-height: 32px;
  }
  .score-label-row {
    flex-wrap: wrap;
  }
  .sign-up {
    gap: 41px;
  }
}
.cssbuttons-io {
  position: relative;
  width: 190px;
  font-family: 'Mulish';
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.05em;
  border-radius: 7px;
    border: 3px solid #ff8010;
  cursor: pointer;
  background: #FF8010;
  color: white;
  overflow: hidden;
  height: 48px;
}

.cssbuttons-io:active {
  transform: scale(0.95);
}