.header-parent {
  position: relative;
  background: linear-gradient(180deg, #0e0a39, #381277);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.group-icon {
  position: absolute;
  bottom: 0;
  left: -1px;
  /* width: 1441.5px; */
  width: 100%;
  height: 1030px;
  object-fit: contain;
}
.whats-new-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  text-align: center;
  margin: 100px 0 0 0;
}
.Asset-52x-icon {
  position: absolute;
  width: 159px;
  height: 181px;
  top: 142px;
  left: -21px;
  opacity: 0.2px;
}
.Floating-2-icon {
  position: absolute;
  z-index: 0;
  width: 222.11px;
  height: 168.37px;
  top: 310.54px;
  left: 182px;
  opacity: 0.8;
  rotate: -30deg;
}
.videos-container {
  width: 100%;
  height: auto;
  border-radius: 24px;
  aspect-ratio: 1/0.59;
}
.Floating-1-icon {
  position: absolute;
  width: 193.97px;
  height: 152.08px;
  top: 271px;
  right: 174px;

  opacity: 0.8;
  rotate: -7.98deg;
}
.Ellipse-15-icon {
  position: absolute;
  width: 80px;
  height: 125px;
  top: 416px;
  right: 0;
  opacity: 0.9;
}
.founder-story2 {
  font-size: var(--font-size-23xl);
  line-height: 51px;
  font-weight: 700;
  text-transform: capitalize;
  background: linear-gradient(269.87deg, #c930ff 2.08%, #ffb629);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(4px 4px rgba(0, 0, 0, 0.6));
}
.video-container-icon {
  width: 783.75px;
  height: auto;
  position: relative;
  z-index: 100;
  border-radius: 8px;
  border: 8px solid transparent;
  background: linear-gradient(263.64deg, #ff3e8f -0.08%, #e10019 99.92%)
    border-box;
}
.hi-im-adeel-container {
  width: 886.75px;
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 28px;
  display: inline-block;
  color: #fff;
}
.hi-im-adeel {
  margin: 20px 0 0 0;
}
.hi-im-adeel {
  font-weight: 450;
}
.you {
  font-weight: 700;
  background: linear-gradient(266.68deg, #c930ff 2.08%, #ffb629);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.containmargintop {
  margin: -150px auto 0 auto !important;
}
.group-parent_parent {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
  margin-top: 100px;
}
.boxx-2-icon {
  width: 658px;
  height: 677px;
  object-fit: cover;
}
.group-parent {
  text-align: center;
  position: relative;
}
.start-your-online {
  position: absolute;
  top: -60px;
  left: calc(50% - 675.5px);
  z-index: -1;
  line-height: 120%;
  font-size: var(--font-size-83xl);
  font-weight: 800;
  background: linear-gradient(0deg, #280b5899, #280b5899);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: #ffffff4d;
  font-style: italic;
  text-transform: uppercase;
  width: 1415px;
}
.start-your-online1 {
  font-size: var(--font-size-33xl);
  line-height: 63px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--color-white);
  width: 613px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.6);
}
.group-child {
  position: absolute;
  left: calc(20% - 354.5px);
  top: -20px;
  z-index: -1;
  height: 200px;
  width: 1212px;
  border-radius: 50%;
  background: radial-gradient(50% 50%at 50% 50%, #f5b6fb, #2d15c5);
  filter: blur(20px);
  opacity: 0.6;
}
.button,
.sign-up-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.button {
  margin-top: 20px;
}
.sign-up-parent {
  border-radius: 76px;
  background: linear-gradient(263.64deg, #ff3e8f, #e10019);
  box-shadow: 0 18px 30px -10px rgba(53, 0, 86, 0.81);
  border: 2px solid var(--color-gray);
  box-sizing: border-box;
  width: 400px;
  height: 80px;
  overflow: hidden;
  padding: 16px 24px;
  font-size: var(--headings-24-h4-size);
  color: var(--color-white);
}
.login {
  font-family: var(--font-outfit);
  line-height: 32px;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}
.get-instant-access {
  position: relative;
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  line-height: 24px;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}
.you1 {
  display: none;
}
@media screen and (max-width: 1300px) {
  .boxx-2-icon {
    width: 50%;
    height: auto;
  }
  .group-parent {
    width: 50%;
  }
  .start-your-online1 {
    width: 100%;
  }
  .group-parent_parent {
    margin-top: 120px;
  }
}
@media screen and (max-width: 1000px) {
  .group-parent_parent {
    margin-top: 18%;
  }
}
@media screen and (max-width: 900px) {
  .founder-story2 {
    font-size: var(--font-size-13xl);
    line-height: 38.4px;
  }
  .you {
    display: none;
  }
  .you1 {
    display: inline-block;
  }
  .you2 {
    font-weight: 900;
    background: linear-gradient(266.68deg, #c930ff 2.08%, #ffb629);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .video-container-icon {
    width: 100%;
    /* height: auto; */
  }
  .containmargintop {
    margin: -35px auto 0 auto !important;
  }
  .Asset-52x-icon,
  .Floating-2-icon,
  .Floating-1-icon,
  .Ellipse-15-icon {
    display: none;
  }
  .hi-im-adeel-container {
    width: 100%;
    font-size: var(--font-size-lg);
    line-height: 21.6px;
  }
  .whats-new-section {
    margin-top: 80px;
  }
  .hi-im-adeel {
    margin-bottom: 20px;
  }
  .group-parent_parent {
    flex-direction: column;
    margin-top: 0;
  }
  .boxx-2-icon {
    width: 100%;
    height: auto;
  }
  .start-your-online1 {
    font-size: var(--headings-40-h2-size);
    line-height: 48px;
    width: 100%;
  }
  .group-child {
    width: 100%;
    left: 0;
  }
  .start-your-online {
    width: 100%;
    left: 0;
    font-size: var(--font-size-29xl);
    line-height: 57.6px;
  }
  .sign-up-parent {
    width: 100%;
  }
  .header-parent {
    padding-bottom: 80px;
  }
  .group-icon {
    height: 800px;
  }
  .group-parent {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .founder-story2 {
    font-size: var(--font-size-13xl);
    line-height: 38.4px;
  }
  .you {
    display: none;
  }
  .you1 {
    display: inline-block;
  }
  .you2 {
    font-weight: 900;
    background: linear-gradient(266.68deg, #c930ff 2.08%, #ffb629);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .video-container-icon {
    width: 100%;
    height: auto;
  }
  .containmargintop {
    margin: -35px auto 0 auto !important;
  }
  .Asset-52x-icon,
  .Floating-2-icon,
  .Floating-1-icon,
  .Ellipse-15-icon {
    display: none;
  }
  .hi-im-adeel-container {
    width: 100%;
    font-size: var(--font-size-lg);
    line-height: 21.6px;
  }
  .whats-new-section {
    margin-top: 80px;
  }
  .hi-im-adeel {
    margin-bottom: 20px;
  }
  .group-parent_parent {
    flex-direction: column;
    margin-top: 0;
  }
  .boxx-2-icon {
    width: 100%;
    height: auto;
  }
  .start-your-online1 {
    font-size: var(--headings-40-h2-size);
    line-height: 48px;
    width: 100%;
  }
  .group-parent {
    width: 100%;
  }
  .group-child {
    width: 100%;
    left: 0;
  }
  .start-your-online {
    width: 100%;
    left: 0;
    font-size: var(--font-size-29xl);
    line-height: 57.6px;
  }
  .sign-up-parent {
    width: 100%;
  }
  .header-parent {
    padding-bottom: 80px;
  }
  .group-icon {
    height: 800px;
  }
}