body {
  margin: 0px;
/*   testing functionality */
}

a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}
.home-page-child {
  align-self: stretch;
  height: 2279px;
  position: relative;
  background: linear-gradient(180deg, #2b2d42, #0b0d25 51%, #07072d);
  display: none;
  z-index: 0;
}
.home-page-item {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: -1px;
  right: 0;
  bottom: -1px;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: -1;
}
.valllt-icon {
  align-self: stretch;
  width: 126.1px;
  position: relative;
  max-height: 100%;
  min-height: 23px;
  flex-shrink: 0;
  
  z-index: 2;
}
.beta {
  width: 24px;
  position: relative;
  line-height: 8px;
  font-weight: 500;
  display: inline-block;
  min-width: 24px;
}
.beta-wrapper,
.frame-div {
  justify-content: flex-start;
}
.beta-wrapper {
  align-self: stretch;
  border-radius: 89.47px;
  background: radial-gradient(
    50% 50%at 50% 50%,
    rgba(1, 191, 229, 0.06),
    rgba(1, 191, 229, 0.47)
  );
  border: 0.9px solid rgba(243, 243, 243, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 5.5px 8px;
  flex-shrink: 0;
  
  z-index: 2;
}
.frame-div {
  width: 41px;
  flex-direction: column;
  padding: 2px 0 0;
  box-sizing: border-box;
}
.frame-container,
.frame-div,
.valllt-parent {
  display: flex;
  align-items: flex-start;
}
.valllt-parent {
  flex-direction: row;
  justify-content: flex-start;
  gap: 5.3px;
}
.frame-container {
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0 14.9px;
}
.join-waitlist {
  width: 98px;
  position: relative;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  font-family: "Work Sans";
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 98px;
  white-space: nowrap;
}
.cta {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 16px 29px;
  background-color: #f46036;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  white-space: nowrap;
  z-index: 4;
}
.cta1:hover,
.cta:hover {
  background-color: #db471c;
  border: 1px solid rgba(230, 230, 230, 0.3);
  box-sizing: border-box;
}
.frame-group,
.frame-wrapper {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.frame-group {
  flex: 1;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
.frame-wrapper {
  width: 100%;
  max-width: 87%;
  z-index: 999;
  align-items: center;
  justify-content: center;
  padding: 0 10px 0 var(--padding-xl);
  box-sizing: border-box;
  text-align: center;
  font-size: 11px;
  color: var(--color-white);
  font-family: var(--font-ibm-plex-sans-kr);
}


.frame-child,
.touch-id-icon {
  position: absolute;
  margin: 0 !important;
}
.touch-id-icon {
  height: 90%;
  width: 25%;
  top: -232px;
  right: -110px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-width: 60%;
  z-index: 2;
}
.frame-child {
  height: 215px;
  width: 215px;
  bottom: 50.2px;
  left: -127px;
  border-radius: 50%;
  background: linear-gradient(
    108.46deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.04)
  );
  backdrop-filter: blur(10px);
  z-index: 3;
}
.touch-id-icon1 {
  height: 467px;
  width: 468px;
  position: absolute;
  left: -252px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
  max-width: 100%;
  z-index: 0;
}
.touch-id-wrapper {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-item {
  width: 146.1px;
  height: 36.5px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
}
.frame-parent2 {
  margin-left: -573px;
  width: 551.1px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 80.7px;
  flex-shrink: 0;
  
}
.protect-your-data {
  background: linear-gradient(180.31deg, #1278f1 59.5%, #2b1252 95.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.quickly-build-beauti-container {
    margin: 0 auto; /* Center horizontally */
    max-width: 100%; /* Ensure responsiveness */
    text-align: center; /* Center text within container */
    height: auto; /* Let the height adjust based on content */
    position: relative;
    font-size: inherit;
    line-height: 120%;
    font-weight: 800;
    font-family: inherit;
    display: block; /* Change to block for responsiveness */
    z-index: 2;
    font-family: 'Work Sans';
    padding: 0 20pxs;
}

#searchForm {
  width: 100%;
  height: 50px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
    .quickly-build-beauti-container {
      font-size: 40px;
    }
    .lorem-ipsum-dolor {
      align-self: stretch;
      z-index: 2;
      top: 30px;
      width: 400px;
    }
}

.join-waitlist1,
.lorem-ipsum-dolor {
  line-height: 28px;
  display: inline-block;
  font-family: 'Work Sans';
}
.lorem-ipsum-dolor {
  align-self: stretch;
  z-index: 2;
  width: 100%;
}
.join-waitlist1 {
  width: 98px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Work Sans";
  color: #fff;
  text-align: center;
  min-width: 98px;
}
.cta1 {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 16px 29px;
  background-color: #f46036;
  border-radius: 8px;
  overflow: hidden;
  flex-direction: row;
  white-space: nowrap;
  z-index: 2;
}
.cta-wrapper,
.cta1,
.lorem-ipsum-dolor-si-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cta-wrapper {
  flex-direction: row;
  padding: 0 65px 0 65.5px;
}
.lorem-ipsum-dolor-si-parent {
  flex-direction: column;
}
.frame-wrapper1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center; /* Center items vertically */
  justify-content: center; /* Center items horizontally */
  padding: 0 20px 0px 20px;
  font-size: 18px;
  color: #f5f5f5;
}
@media screen and (max-width: 768px) {
    .frame-wrapper1 {
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center items horizontally */
    padding: 0 10px; /* Adjust padding */
    position: relative;
  }
  
  .lorem-ipsum-dolor-si-parent {
    text-align: center; /* Center text */
    align-items: center;
  }
}

.trusted-by-world {
  width: 366px;
  position: relative;
  letter-spacing: 0.05em;
  line-height: 11px;
  text-transform: uppercase;
  display: inline-block;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .trusted-by-world {
    width: auto; /* Allow width to adjust based on content */
    text-align: center; /* Center text on smaller screens */
    padding: 0 10px; /* Add some padding for better readability */
    line-height: 1.5; /* Increase line height for better spacing */
    position: relative;
  }
}
.trusted-by-world-lea-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px 0 20px;
}
.frame-icon,
.frame-inner {
  align-self: stretch;
  width: 146.1px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 37px;
  z-index: 2;
}
.wikipedia-logo-white-1 {
  position: absolute;
  top: calc(50% - 13.65px);
  left: calc(50% - 67.55px);
  width: 134.8px;
  height: 27.8px;
  object-fit: cover;
}
.wikipedia-logo-white-1-wrapper {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  height: 36.5px;
  flex: 1;
  position: relative;
  overflow: hidden;
  min-width: 115px;
  z-index: 2;
}
.frame-child1,
.frame-child2 {
  align-self: stretch;
  width: 146.1px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 37px;
  z-index: 2;
}
.frame-parent4 {
  align-self: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 21.9px;
  z-index: 4;
  width: 345px;
  margin: 40px 0 ;
}
@media (max-width: 767px) {
  .frame-parent4 {
    display: flex;
    flex-direction: row; /* Stack items vertically on smaller screens */
    align-items: center; /* Center items horizontally on smaller screens */
    justify-content: flex-start; /* Align items to the start on smaller screens */
    gap: 15px; /* Adjust gap for smaller screens */
    top: 25px; /* Remove top position for smaller screens */
    /*animation: scroll 10s linear infinite;*/
     animation: marquee 5s linear infinite;
    z-index: 4;
  }
  .frame-parent4 span {
      display: inline-block;
      padding-left: 100%;
      animation: marquee 10s linear infinite;
  }
}
@keyframes marquee {
   0% {
    transform: translateX(-200);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
.frame-parent4 img {
    width: 55%;
    transition: transform 0s ease;
}
.frame-parent3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 34.7px;
  max-width: 100%;
}
.frame-wrapper2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin:40px 0;
  box-sizing: border-box;
  max-width: 100%;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .frame-wrapper2 {
    flex-direction: column; /* Stack items vertically on smaller screens */
  }
}

.quickly-build-beauti-parent {
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
  flex-shrink: 0;

}
.frame-child3 {
  height: 36.5px;
  width: 146.1px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  
  z-index: 2;
}
.frame-parent1 {
  flex: 1;
  flex-direction: row;
  box-sizing: border-box;
  gap: 19.9px;
  top: 35px;
}
.frame-parent,
.frame-parent1,
.touch-id-parent {
  display: flex;
  justify-content: center;
  max-width: 100%;
}
.touch-id-parent {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}
.frame-parent {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--padding-xl) 17.4px 0;
  box-sizing: border-box;
  gap: 27px;
  text-align: center;
  font-size: 58px;
  color: #fff;
  font-family: "Work Sans";
}

.ellipse-div,
.frame-child4 {
  position: absolute;
  border-radius: 50%;
}
.ellipse-div {
  top: 115px;
  left: 0;
  width: 482px;
  height: 482px;
  z-index: 2;
}
.frame-child4 {
  top: 495px;
  left: 183px;
  width: 495px;
  height: 506px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  z-index: 3;
}
.ellipse-parent {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 276px;
  width: 689px;
}
.rectangle-div {
  width: 747px;
  height: 342px;
  position: relative;
  border-radius: 20px;
  background: linear-gradient(
    108.46deg,
    rgba(255, 255, 255, 0.26),
    rgba(255, 255, 255, 0.07)
  );
  backdrop-filter: blur(20px);
  display: none;
  max-width: 100%;
}
.get-high-converting,
.get-high-converting1 {
  position: relative;
  display: inline-block;
  z-index: 5;
}
.get-high-converting {
  margin: 0;
  align-self: stretch;
  height: 24px;
  font-size: inherit;
  font-weight: 800;
  font-family: inherit;
}
.get-high-converting1 {
  height: 11px;
  flex: 1;
}
.get-high-converting-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 5.3px 0 5px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .get-high-converting-wrapper {
    flex-direction: column; /* Stack items vertically on smaller screens */
    align-items: center; /* Center items horizontally on smaller screens */
    justify-content: flex-start; /* Align items to the start on smaller screens */
    padding: 0; /* Remove horizontal padding on smaller screens */
    font-size: 14px; /* Adjust font size for smaller screens */
  }
}
.frame-wrapper3,
.get-high-converting-parent {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.get-high-converting-parent {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
}
.frame-wrapper3 {

  flex-direction: row;
  align-items: flex-start;
  padding: 0 33px 0 32.7px;
  box-sizing: border-box;
}
.frame-child5 {
  height: 60px;
  width: 271px;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  border: 1px solid #fff;
  box-sizing: border-box;
  display: none;
}
.placeholder {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  font-family: "Work Sans";
  font-size: 16px;
  background-color: transparent;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  mix-blend-mode: normal;
  padding: 0 0 0 7px;
  z-index: 6;
}
.rectangle-group {
  flex: 1;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  border: 1px solid #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 146px;
  min-height: 60px;
  z-index: 5;
}
.search {
  width: 54px;
  position: relative;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Work Sans";
  color: #011a36;
  text-align: center;
  display: inline-block;
  min-width: 54px;
}
.cta2 {
  cursor: pointer;
  border: 1px solid #fff;
  padding: 16px 23px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 5;
}
.cta2:hover {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.frame-parent8,
.rectangle-parent {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-parent8 {
  width: 389px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  top: 15px;
  position: relative;
  justify-content: center;
}
.rectangle-parent {
  position: relative;
  left: 0;
  border-radius: 20px;
  background: linear-gradient(180deg, #333F6A 0%, #252F52 27.5%, #1B2441 61%);
  backdrop-filter: blur(20px);
  width: 747px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: 30px;
  z-index: 4;
}
@media (max-width: 767px) {
  .rectangle-parent {
    width: 100%; /* Make it full width */
    padding: 50px 10px; /* Adjust padding for smaller screens */
  }
}
.frame-parent7 {
  align-self: stretch;
  height: 395px;
  position: relative;
  max-width: 100%;
  display: flex;
  justify-content: center;
}
.trusted-by-world1 {
  position: relative;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: inline-block;
  z-index: 2;
  font-size:xx-large;
}
.frame-parent6,
.trusted-by-world-lea-container {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.trusted-by-world-lea-container {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  padding: 0px 20px;
  margin: 50px 0;
  box-sizing: border-box;
  font-size: 16px;
}
@media (max-width: 767px) {
    .trusted-by-world-lea-container {
        width: 100%; /* Make it full width */
        flex-direction: column; /* Stack items vertically on smaller screens */
        align-items: center; /* Center items vertically on smaller screens */
        padding: 0 10px; /* Adjust padding for smaller screens */
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}
.frame-parent6 {
  width: 965px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
}
.frame-child6 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.readiness-score-1 {
  position: absolute;
  top: 21px;
  left: 21px;
  width: 59px;
  height: 59px;
  overflow: hidden;
  z-index: 3;
}
.ellipse-group {
  height: 100px;
  flex: 1;
  position: relative;
}
.frame-button,
.frame-wrapper5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.frame-button {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  width: 100px;
  justify-content: flex-start;
}
.frame-wrapper5 {
  align-self: stretch;
  justify-content: center;
  padding: 0 20px 0 21px;
}
.lorem-ipsum-dolor1 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  mix-blend-mode: normal;
  z-index: 2;
}
.frame-parent10 {
  flex: 0.9764;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 7px 0 0;
  box-sizing: border-box;
  gap: 16px;
  min-width: 192px;
}
@media (max-width: 767px) {
  .frame-parent10,
  .frame-parent11,
  .frame-parent12{
    align-items: center; /* Center items horizontally on smaller screens */
    padding: 0; /* Remove horizontal padding on smaller screens */
    min-width: auto; /* Remove minimum width on smaller screens */
  }
}
.frame-child7 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.material-symbols-wght400-1 {
  position: absolute;
  top: 23px;
  left: 20px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  z-index: 3;
}
.ellipse-container {
  height: 100px;
  flex: 1;
  position: relative;
}
.frame-wrapper6,
.frame-wrapper7 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.frame-wrapper7 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  width: 100px;
  justify-content: flex-start;
}
.frame-wrapper6 {
  align-self: stretch;
  justify-content: center;
  padding: 0 20px;
}
.lorem-ipsum-dolor2 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  mix-blend-mode: normal;
  z-index: 2;
}
.frame-parent11 {
      flex: 0.9764;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 7px 0 0;
    box-sizing: border-box;
    gap: 16px;
    min-width: 192px;
}
.frame-child8 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.material-symbols-wght400-1-1 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  z-index: 3;
}
.ellipse-parent1 {
  height: 100px;
  flex: 1;
  position: relative;
}
.frame-wrapper8,
.frame-wrapper9 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.frame-wrapper9 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  width: 100px;
  justify-content: flex-start;
}
.frame-wrapper8 {
  align-self: stretch;
  justify-content: center;
  padding: 0 20px;
}
.lorem-ipsum-dolor3 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  mix-blend-mode: normal;
  z-index: 2;
}
.frame-parent12 {
      flex: 0.9764;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 7px 0 0;
    box-sizing: border-box;
    gap: 16px;
    min-width: 192px;
}
.frame-parent9 {
  width: 1016px;
  flex-direction: row;
  align-items: flex-start;
  gap: 74.5px;
}
.frame-parent5,
.frame-parent9,
.frame-wrapper4 {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-wrapper4 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  
}
.container {
  display: flex;
  height:360px;
  align-items: center;
  justify-content: space-between;
  gap:45px;
  position: relative;
/*   flex-direction:row-reverse; */
}
.container img {
  max-width: auto;
  height: 300px;
}
@media (max-width: 768px) {
.container {
  display: grid;
  height: 300px;
  gap: 20px;
  justify-content: center;
  align-content: space-between;
  align-items: stretch;
  position: relative;
  left: -4px;
}
.container img {
    height: 200px; /* Adjust the height as needed */
}
}


@media (max-width: 767px) {
  .frame-wrapper4 {
    flex-direction: column; /* Stack items vertically on smaller screens */
    align-items: center; /* Center items horizontally on smaller screens */
    font-size: 16px; /* Adjust font size for smaller screens */
  }
}
.frame-parent5 {
  width: 1108px;
  flex-direction: column;
  align-items: center;
}
.home-page-inner {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px 50px 20px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: 36px;
  color: #fff;
  font-family: "Work Sans";
}
.frame-child10,
.frame-child9 {
  position: absolute;
  border-radius: 50%;
}
.frame-child9 {
  top: 0;
  left: -420px;
  background: radial-gradient(
    50% 50%at 50% 50%,
    rgba(212, 245, 245, 0.69),
    rgba(212, 245, 245, 0)
  );
  width: 713px;
  height: 713px;
}
.frame-child10 {
  top: 21px;
  left: -17px;
  background: radial-gradient(
    50% 50%at 50% 50%,
    rgba(244, 96, 54, 0.42),
    rgba(224, 175, 160, 0)
  );
  width: 692px;
  height: 692px;
  z-index: 1;
}
.ellipse-parent2 {
  position: absolute;
  top: 0;
  left: -1px;
  width: 675px;
  height: 512px;
}
.frame-child11,
.frame-child12 {
  position: absolute;
  border-radius: 50%;
}
.frame-child11 {
  top: 441px;
  left: 328px;
  background: radial-gradient(
    50% 50%at 50% 50%,
    rgba(224, 175, 160, 0.5),
    rgba(224, 175, 160, 0) 80.73%
  );
  width: 664px;
  height: 664px;
}
.frame-child12 {
  top: 815px;
  left: 0;
  background: radial-gradient(
    50% 50%at 50% 50%,
    rgba(18, 120, 241, 0.7) 7.25%,
    rgba(79, 181, 224, 0),
    rgba(18, 120, 241, 0)
  );
  width: 815px;
  height: 833px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  z-index: 1;
}
.ellipse-parent3 {
  position: absolute;
  top: -566px;
  left: 877px;
  width: 634px;
  height: 1078px;
}
.frame-child13 {
  width: 30000px;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -44px;
  bottom: 0;
  background: linear-gradient(
    108.46deg,
    rgba(255, 255, 255, 0.26),
    rgba(255, 255, 255, 0.07)
  );
  backdrop-filter: blur(20px);
  z-index: 2;
}
.get-high-converting2,
.get-started {
  align-self: stretch;
  position: relative;
  z-index: 3;
}
.get-started {
  line-height: 28px;
  mix-blend-mode: normal;
  white-space: nowrap;
}
.get-high-converting2 {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  font-family: inherit;
  color: #fff;
}
.get-started-parent {
  width: 729px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  max-width: 100%;
}
.join-waitlist2 {
  width: 98px;
  position: relative;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  font-family: "Work Sans";
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 98px;
}
.cta-container,
.cta3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.cta3 {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 16px 29px;
  background-color: #f46036;
  border-radius: 8px;
  overflow: hidden;
  justify-content: center;
  white-space: nowrap;
  z-index: 3;
}
.cta3:hover {
  background-color: #db471c;
  border: 1px solid rgba(230, 230, 230, 0.3);
  box-sizing: border-box;
}
.cta-container {
  width: 729px;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-container {
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 105px 20px 106px 21px;
  box-sizing: border-box;
  gap: 50px;
  height: 100%;
}
.gradient-bg {
  height: 415px;
  flex: 1;
  position: relative;
  background-color: #040e2b;
  overflow: hidden;
  max-width: 100%;
  z-index: 2;
  /* top: 300px; */
}
@media (max-width: 768px) { /* Example for devices with a minimum width of 768px */
  .gradient-bg {
  height: 415px;
  flex: 1;
  position: relative;
  background-color: #040e2b;
  overflow: hidden;
  max-width: 100%;
  z-index: 2;
  top: 300px;
  }
}
.gradient-bg-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 1px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  font-family: "Work Sans";
}
.home-page-child1 {
  width: 291px;
  height: 291px;
  position: absolute;
  margin: 0 !important;
  top: -164px;
  right: -26px;
  border-radius: 50%;
  background: linear-gradient(
    108.46deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.04)
  );
  backdrop-filter: blur(10px);
  z-index: 3;
}
.acme-company {
  position: relative;
  line-height: 21px;
  display: inline-block;
  mix-blend-mode: normal;
  min-width: 119px;
  z-index: 2;
}
.acme-company-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6.6px 0 0;
}
.home,
.home1,
.home2 {
  text-decoration: none;
  position: relative;
  line-height: 28px;
  display: inline-block;
  mix-blend-mode: normal;
  min-width: 92px;
  z-index: 2;
}
.home1,
.home2 {
  min-width: 114px;
}
.home2 {
  min-width: 77px;
}
.frame-parent13,
.home-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.home-parent {
  justify-content: flex-start;
  gap: 36px;
  font-size: 14px;
}
.frame-parent13 {
  width: 1114px;
  justify-content: space-between;
  gap: 20px;
}
.frame-footer,
.home-page {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.frame-footer {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 24px 0 20px;
  max-width: 100%;
  text-align: left;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  font-family: "Work Sans";
}
.home-page {
  width: 100%;
  position: relative;
  background: linear-gradient(180deg, #2b2d42, #0b0d25 51%, #07072d);
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  padding: 40px 0 32.6px;
  gap: 36.4px;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1500px) {
  .quickly-build-beauti-parent {
    max-width: 100%;
  }

}
@media screen and (max-width: 1225px) {
  .quickly-build-beauti-parent {
    max-width: 100%;

  }
  .frame-parent1 {
    box-sizing: border-box;
  }
  
  .frame-parent9 {
    flex-wrap: wrap;
    gap: 37px;
  }
  .frame-parent5 {
    gap: 34px;
  }
  .home-page-inner {
    padding-bottom: 74px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 850px) {
  .frame-parent2 {
    gap: 40px;
  }
  /*.quickly-build-beauti-container {*/
  /*  font-size: 46px;*/
  /*  line-height: 56px;*/
  /*}*/
  .quickly-build-beauti-parent {
    max-width: 100%;
  }
  .frame-parent1 {
    box-sizing: border-box;

  }
  .get-high-converting {
    font-size: 29px;
  }
  .frame-parent9 {
    gap: 19px;
  }
  .frame-parent5 {
    gap: 17px;
  }
  .home-page-inner {
    padding-bottom: 400px;
    box-sizing: border-box;
  }
  .get-high-converting2 {
    font-size: 29px;
  }
  .frame-parent13 {
    flex-wrap: wrap;
  }
  .home-page {
    gap: 18px;
  }
}
@media screen and (max-width: 450px) {
  .frame-parent2 {
    gap: 20px;
  }
  /*.quickly-build-beauti-container {*/
  /*  font-size: 35px;*/
  /*  line-height: 42px;*/
  /*}*/
  .cta-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .cta ,.cta3 {
    border-radius: 100px;
  }
  
  .frame-parent3 {
    gap: 17px;
  }
  .quickly-build-beauti-parent {
    gap: 25px;
    max-width: 100%;
  }
  .frame-parent1 {
    box-sizing: border-box;
    justify-content: center;
    position: relative;
  }
  .get-high-converting {
    font-size: 22px;
  }
  .frame-parent7 {
    height: auto;
  }
  .get-high-converting2 {
    font-size: 22px;
  }
  .rectangle-container {
    gap: 25px;
  }
  .home-parent {
    flex-wrap: wrap;
    gap: 18px;
  }
}


/* Apply a blur effect to the body */
/* Apply a blur effect to the body */
/* Apply a blur effect to the body */
.blur {
 z-index: 1;
  position: relative;
}

/* Remove the blur effect from the waitlist form and its descendants */


/* Style the waitlist form */
.waitlistForm {
        background: linear-gradient(180deg, #2b2d42, #0b0d25 51%, #07072d);
        opacity: 0.95;
  position: fixed;
  z-index: 3;
  backdrop-filter: blur(10px);
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      display: flex !important;
    width: 55%;
    height: 130px;
    justify-content: center;
    align-items: center;
}
.waitlistForm1 {
  width: 747px;
  top:448px;
  height: 293px;
  position: fixed;
  backdrop-filter: blur(100px);
  border-radius: 20px;
  background: linear-gradient(
    108.46deg,
    rgba(255, 255, 255, 0.26),
    rgba(255, 255, 255, 0.07)
  );
  
  
  left: 50%;
  
  transform: translate(-50%, -50%);
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

@media only screen and (max-width: 768px) {
  .waitlistForm1 {
/*     backdrop-filter: blur(500px); */
    opacity: 0.9999;
    z-index: 9999;
    width: 95%;
    max-width: none;
    height: 30%;
    padding: 10px; /* Adjust padding for smaller screens */
    background-color:black;
  }
  #waitlistForm1.wait h2 {
  font-family: Work Sans;
  font-weight: 500;
  position: relative;
  display: flex;
}
}

#overlay {
  display: none; /* it's hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); /* black with 50% opacity */
  z-index: 10; /* ensure it appears above all other elements */
}

#waitlistForm1 {
    color: white;
}
.lets-go1 {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  font-family: "Work Sans";
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 62px;
}


#waitlistForm1.wait h2 {
  font-family: Work Sans;
  font-weight: 500;
  position: relative;
  top: -3px;
  display: flex;
}

.cta13,
.frame-parent38 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  
}

.cta13 {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 14px 29px;
  background-color: #f46036;
  border-radius: 8px;
  overflow: hidden;
  justify-content: flex-start;
  white-space: nowrap;
  z-index: 1;
}
.cta13:hover {
  background-color: #db471c;
  border: 1px solid rgba(230, 230, 230, 0.3);
  box-sizing: border-box;
}
.frame-child52 {
    height: 50px;
    border-radius: 8px;
    background: transparent;
    margin-right: 10px;
    color: white;
        border-color: white;
    padding-inline: 25px;
 
}
.placeholder2{
      margin: 0;
  align-self: stretch;
  height: 24px;
  font-size: inherit;
  font-weight: 800;
  font-family: inherit;
}



::-ms-input-placeholder{
    color: white;
}

.wait{
    display: none ;
    align-self:center;
    
}

/*.close-button {*/
/*    position: absolute;*/
/*    top: 5px;*/
/*    right: 5px;*/
/*    background-color: transparent;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*}*/
.btn-close{
    background-color: transparent;
    border: 0;
    font-size: 25px;
    cursor: pointer;
    position: absolute ;
    top: 9px;
    right: 9px;
   border-radius: 50%;
   transition: all 0.2s ease-in;
  z-index:9999;
}
.btn-close:hover{
    opacity:0.9;
    background-color: lightgray;
    
    
    
}


.waitlistForm2 {
  width: 680px;
  top:448px;
  height: 290px;
  position: fixed;
  backdrop-filter: blur(100px);
  border-radius: 20px;
  background: linear-gradient(
    108.46deg,
    rgba(255, 255, 255, 0.26),
    rgba(255, 255, 255, 0.07)
  );
  
  
  left: 50%;
  
  transform: translate(-50%, -50%);
  
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.success{
  width: 688px;
  top:448px;
  height: 293px;
  
  border-radius: 20px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .waitlistForm2, .success {
    width: 100%; /* Adjust width to fit smaller screens */
    height: auto; /* Adjust height to auto for better flexibility */
    top: 50%; 
    border-radius: 13px/* Center the form vertically */
     /* Add padding to maintain spacing */
  }
  .success img {
    width: 100%;
    height: auto;

  }
  .rectangle-parent9 {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    width: 222px;
}
.cta13 {
  cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.3);
        padding: 14px 29px;
        background-color: #f46036;
        border-radius: 8px;
        overflow: hidden;
        justify-content: flex-start;
        white-space: nowrap;
        z-index: 1;
        position: relative;
        left: 2px;
        width: 108px;
}
.lets-go1 {
  position: relative;
        font-size: 16px;
        line-height: 28px;
        font-weight: 600;
        font-family: "Work Sans";
        color: #fff;
        text-align: center;
        display: inline-block;
        min-width: 62px;
        left: -10px;
}
.email{
  position: relative;
  left: -2.5px;
}

}

/* For medium devices (tablets, 600px to 1024px) */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .waitlistForm2{
    width: auto;
    height: auto;
    top: 50%;
    
  }
  .success img{
    width: auto;
    height: auto;
    
  }
  .rectangle-parent9 {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    width: 222px;
}
.cta13 {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 14px 29px;
  background-color: #f46036;
  border-radius: 8px;
  overflow: hidden;
  justify-content: flex-start;
  white-space: nowrap;
  z-index: 1;
}
.lets-go1 {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  font-family: "Work Sans";
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 62px;
}
}
#waitlistForm2 {
  color: white;
}
#waitlistForm2.wait2 h2 {
font-family: Work Sans;
font-weight: 500;
position: relative;
top: -28px;
display: flex;
}
.wait2{
  display: none ;
  align-self:center;
  
}