.purchaze {
  background: linear-gradient(
    161.21deg,
    rgba(206, 61, 234, 0.450701) 0%,
    rgba(255, 182, 41, 0) 25.72%
  );
}
.Group1738 {
  width: 792px;
  height: auto;
  margin: 0 auto;
}
.purchaze h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
}
.WaveGradient {
  width: 100%;
  height: auto;
  position: relative;
  top: -256px;
}
.Vector2upper {
  width: 100%;
  height: auto;
  position: relative;
  /* top: -450px; */
}
.advance-container {
  padding: 60px 0 0 0;
  overflow: hidden;
  margin: -550px 0 0 0;
}
.advance {
  background: #0e1049;
  position: relative;
  top: -6px;
  z-index: 100;
  padding: 0 0 350px 0;
}
.Floating1 {
  position: absolute;
  right: 0;
  top: 380px;
}
.platinum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: -170px;
}
.UpgradeSqribbleBox {
  width: 584.86px;
  height: auto;
  position: relative;
  top: -100px;
}
.platinumtext {
  width: 694px;
}
.platinumtext p {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.PlatinumTitle {
  width: 591px;
  height: auto;
  margin: 0 auto;
}
.platinumtext h5 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.platinumtext h5 span {
  background: linear-gradient(269.42deg, #c930ff 46.65%, #ffb629 67.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Group1628 {
  display: none;
}
.Banner121 {
  width: 100%;
  height: auto;
  margin: -280px 0 30px 0;
}
.advance .Turbo-Charge {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffc72f;
  text-shadow: 0px 8px 32px #ffc72f;
  padding: 40px 250px;
  position: relative;
  z-index: 1;
}
.intoducingimg {
  width: 789.75px;
  height: 458px;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%)
    border-box;
  border: 12px solid transparent;
  margin: 0 auto;
  border-radius: 24px;
  position: relative;
  z-index: 10;
}
.videos-container {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  aspect-ratio: 1 / 0.57;
}
.Trail1 {
  width: 100%;
  height: 750px;
  position: absolute;
  bottom: 440px;
  left: 0;
  z-index: 0;
}
.Trail2 {
  width: 100%;
  height: 770px;
  position: absolute;
  bottom: 200px;
  left: 0;
  z-index: 0;
}
.advance .platinum-btn span {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  text-shadow: 0px 4px 8px #00000040;
}
.advance .platinum-btn {
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%) padding-box,
    linear-gradient(
        94.27deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.26) 100.53%
      )
      border-box;
  padding: 24px;
  border: 2px solid transparent;
  border-radius: 16px;
  margin: 40px auto;
  display: block;
  cursor: pointer;
}
.platinum-btn {
    display: inline-block !important;
    margin: 40px auto !important;
    text-decoration: none;
    text-align: center;
}
.regular {
  position: relative;
  z-index: 10;
  text-align: center;
}
.Vector99121 {
  position: absolute;
  top: 13px;
  right: 32%;
}
.regular h3 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Group1606 {
  width: 459.93px;
  height: auto;
  margin: -20px auto 12px auto;
}
.regular h5 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  color: var(--color-white);
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
}

.regular h5 span {
  font-weight: 700;
  text-decoration-line: line-through;
}
.NewMockup8 {
  position: absolute;
  bottom: -410px;
  left: 0;
  width: 100%;
  height: auto;
}
.fully {
  overflow: hidden;
  background: linear-gradient(99.85deg, #131456 0%, #09092f 100%);
  position: relative;
  z-index: 10;
}
.BASE321 {
  position: absolute;
  left: 300px;
  bottom: -100px;
  z-index: 0;
  width: 893px;
  height: auto;
}
.Asset52x {
  position: absolute;
  right: 0;
  top: 60px;
}
.Floating2 {
  position: absolute;
  bottom: 0;
  right: 100px;
}
.downstrip-container {
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%),
    linear-gradient(0deg, #f2c2d4, #f2c2d4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.downstrip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.downstrip span {
  font-family: var(--font-outfit);
  font-size: var(--font-size-xs);
  color: var(--color-white);
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  text-wrap: nowrap;
}
.star5 {
  width: 8px !important;
  height: auto;
}
.unlock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  z-index: 10;
}
.BestDealIllustration {
  width: 577px;
  height: auto;
}
.Group2157 {
  width: 250px;
  height: auto;
}
.unlocktext h2 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px 2px #9d75de);
}
.unlocktext h6 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 4px;
}
.unlocktext h6 span {
  background: linear-gradient(269.4deg, #c930ff 75.58%, #ffb629 99.58%);

  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.days30 {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 8px;
}
.PaymentMethodPlaceholder {
  width: 37px;
  height: auto;
}
.days30 p {
  font-family: var(--font-outfit) !important;
  font-size: var(--font-size-xl) !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: 0em !important;
  text-align: left !important;
  background: linear-gradient(180deg, #2eee9d 0%, #28a260 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 !important;
  margin: 0 !important;
}
.unlocktext .platinum-btn {
  padding: 24px;
  border: 2px solid transparent;
  border-radius: 16px;
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%) padding-box,
    linear-gradient(
        94.27deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.26) 100.53%
      )
      border-box;
  cursor: pointer;
  margin-top: 10px;
}

.unlocktext .platinum-btn span {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  text-shadow: 0px 4px 8px #00000040;
}
.members {
  background: linear-gradient(
    159.09deg,
    rgba(39, 48, 255, 0.5) 1.84%,
    rgba(206, 61, 234, 0.450701) 26.97%,
    rgba(255, 182, 41, 0) 88.32%
  );
  padding: 0 0 280px 0;
  position: relative;
}
.Asset52x1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.Floating11 {
  position: absolute;
  right: 0;
  top: 0;
}
.Floating21 {
  position: absolute;
  left: 0;
  bottom: 250px;
}
.platinummembers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  padding: 60px 0 40px 0;
  position: relative;
  z-index: 10;
}
.platinummembers p {
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.3em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  display: inline;
  text-transform: uppercase;
  color: var(--color-white);
  padding: 6px 12px;
  border-radius: 60px;
}
.platinummembers h3 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: center;
  color: #313131;
}
.Testimonials {
  /* overflow: hidden; */
  position: relative;
  z-index: 5;
  width: 100%;
}

.testflex {
  display: inline-flex;
  column-gap: 2rem;
}
.testimony {
  width: 777px;
  border-radius: var(--br-5xl);
  background-color: var(--color-white);
  box-shadow: var(--elevation-2);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-21xl);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-3xs);
}
.icon {
  width: 85px;
  position: absolute;
  margin: 0 !important;
  top: -8px;
  right: 18px;
  height: 69px;
  z-index: 0;
}
.frame-parent1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  z-index: 1;
}
.testimony-child {
  width: 455px;
  position: absolute;
  right: -227px;
  bottom: 215px;
  border-radius: 50%;
  background: linear-gradient(
    117.5deg,
    rgba(255, 182, 41, 0),
    rgba(206, 61, 234, 0.9) 87.46%,
    #2730ff
  );
  filter: blur(124px);
  height: 266px;
  opacity: 0.8;
  z-index: 2;
}
@keyframes tonext {
  75% {
    left: 0;
  }
  95% {
    left: 100%;
  }
  98% {
    left: 100%;
  }
  99% {
    left: 0;
  }
}

@keyframes tostart {
  75% {
    left: 0;
  }
  95% {
    left: -300%;
  }
  98% {
    left: -300%;
  }
  99% {
    left: 0;
  }
}

@keyframes snap {
  96% {
    scroll-snap-align: center;
  }
  97% {
    scroll-snap-align: none;
  }
  99% {
    scroll-snap-align: none;
  }
  100% {
    scroll-snap-align: center;
  }
}
.ellipse-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.star-rating-icon {
  width: 186px;
  height: 32px;
  margin: 0 0 0 -30px;
}
.this-is-just {
  align-self: stretch;
  position: relative;
  font-family: var(--font-outfit);
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: left;
  font-size: var(--font-size-13xl);
  text-wrap: wrap;
}
.this-is-just::before {
  content: "\201C";
}
.this-is-just::after {
  content: "\201D";
}
.this-is-just span {
  font-weight: 700;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #6129ff 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.frame-inner {
  width: 64px;
  position: relative;
  border-radius: 50%;
  height: 64px;
  object-fit: cover;
  overflow: hidden;
}
.frame-inner img{
  object-fit: cover;
  object-position: center;
}
.brooklyn-simmons {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
}
.Vector10021112 {
  width: 100%;
  height: auto;
  margin: -270px 0 0 0;
}
.BGShapeupper {
  width: 100%;
  height: auto;
  margin: -190px 0 0 0;
  position: relative;
  z-index: 10;
}
.brandnew {
  background: linear-gradient(180deg, #0f104a -1.15%, #09092f 79.03%);
  position: relative;
  top: -50px;
  z-index: 10;
  overflow: hidden;
}
.brandnewpara1div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -22px;
}
.brandnew .brandnewpara1 {
  font-family: var(--font-yellowtail);
  font-size: var(--font-size-37xl);
  font-weight: 400;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding: 0 10px;
  margin: 0 auto;
}
.brandnew h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  color: var(--color-white);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.brandnew h3 span {
  background: linear-gradient(268.8deg, #c930ff 57.45%, #ffb629 84.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.textloaded .brandnewpara2 {
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.3em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  display: inline;
  text-transform: uppercase;
  color: var(--color-white);
  padding: 6px 12px;
  border-radius: 60px;
}
.content123 {
  position: relative;
  z-index: 100;
}
.rocket-container {
  position: relative;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #6129ff 94.95%);
  padding: 0 20px;
  border-radius: 40px;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  display: flex;
  justify-content: start;
  gap: 12px;
  align-items: center;
  margin: 60px auto;
}
.textloaded {
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
}
.textloaded h3 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  margin: 0 190px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.textloaded h3 span {
  background: linear-gradient(269.44deg, #c930ff 65.57%, #ffb629 97.2%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rocket-container .Rocket {
  width: 309.22px;
  height: auto;
  margin: -20px 0 -30px 0;
}
.rockettext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-7xl);
  color: var(--color-white);
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0em;
  text-align: left;
  width: 776px;
}

.rockettext p span {
  font-weight: 700;
}
.icon1 {
  width: 85px;
  position: absolute;
  margin: 0 !important;
  top: 12px;
  right: 24px;
  height: 69px;
  z-index: 0;
}
.Everything {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  padding: 40px 0;
  grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item2 item2 item2 item2 item2" "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3";
}
.languages {
  grid-area: item1;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  padding: 40px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
.languagesgradiant {
  position: absolute;
  left: 15%;
  top: -30px;
  width: 523px;
  height: 255px;
  z-index: 0;
  border-radius: 50%;
  background: linear-gradient(90.99deg, #f5b6fb 1.41%, #2d15c5 101.03%);
  filter: blur(40px);
  opacity: 0.36;
}
.languages h2 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.5px #ffffff79;
  text-shadow: 0px 4px 4px #00000040;
  position: relative;
  z-index: 10;
}
.languages h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-90px);
  font-weight: 700;
  line-height: 117px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-text-fill-color: #0a0b32;
  -webkit-text-stroke: 1px transparent;
  filter: drop-shadow(4px 4px rgba(#000, 0.251));
  position: absolute;
  z-index: 0;
  top: 10px;
  left: 0;
  opacity: 0.36;
}
.languages h4 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-90px);
  font-weight: 700;
  line-height: 117px;
  letter-spacing: 0em;
  text-align: right;
  text-transform: uppercase;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-text-fill-color: #0a0b32;
  -webkit-text-stroke: 1px transparent;
  filter: drop-shadow(4px 4px rgba(#000, 0.251));
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 0;
  opacity: 0.36;
}
.creator h6 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-3xl);
  color: var(--color-white);
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: center;
}
.creatorimg {
  width: 115px;
  height: auto;
}
.fiction {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px 12px;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
}
.creator {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  width: 200px;
}
.languages .BASE {
  position: absolute;
  left: 10%;
  top: 20px;
  z-index: 0;
  width: 621.1px;
  height: auto;
}
.storage {
  grid-area: item2;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  padding: 40px 0;
}
.storage .BASE {
  position: absolute;
  left: 10%;
  top: 20px;
  z-index: 0;
  width: 621.1px;
  height: auto;
}
.storagegradiant {
  position: absolute;
  left: 20%;
  top: -80px;
  width: 309px;
  height: 151px;
  z-index: 0;
  border-radius: 50%;
  background: linear-gradient(90.99deg, #f5b6fb 1.41%, #2d15c5 101.03%);
  filter: blur(40px);
  opacity: 0.36;
}
.storage h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
}
.audio p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: center;
}
.customization {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
}
.audio {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  width: 168px;
}
.audioimg {
  width: 80px;
  height: 80px;
}
.templates h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
}
.templates {
  grid-area: item3;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  padding: 40px 0;
}
.templatesgradiant {
  position: absolute;
  left: 15%;
  top: -80px;
  width: 955px;
  height: 151px;
  z-index: 0;
  border-radius: 50%;
  background: linear-gradient(90.99deg, #f5b6fb 1.41%, #2d15c5 101.03%);
  filter: blur(40px);
  opacity: 0.36;
}
.templates .BASE {
  position: absolute;
  left: 10%;
  top: 20px;
  z-index: 0;
  width: 621.1px;
  height: auto;
}
.articals {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: nowrap;
  position: relative;
  z-index: 10;
  margin: 20px 0 0 0;
}
.grammer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  width: 180px;
}
.grammerimg {
  width: 80px;
  height: 80px;
}
.grammer p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: center;
  color: var(--color-white);
}
.Banner {
  width: 100%;
  height: auto;
}
.BGShapebottom {
  width: 100%;
  height: auto;
  margin: -60px 0 0 0;
  position: relative;
  z-index: 10;
}
.WaveGradient12321 {
  width: 100%;
  height: auto;
  margin: -420px 0 0 0;
  position: relative;
  z-index: 0;
}
.pluslot {
  background: linear-gradient(
    173.22deg,
    rgba(39, 48, 255, 0.5) 0.64%,
    rgba(206, 61, 234, 0.450701) 9.34%,
    rgba(255, 182, 41, 0) 30.6%
  );
  position: relative;
  overflow: hidden;
  padding: 200px 0 0 0;
  margin: -220px 0 0 0;
}
.Floating22211 {
  position: absolute;
  left: 500px;
  top: 126px;
}
.Asset5552x2 {
  position: absolute;
  top: 600px;
  left: 60px;
}
.Floating121 {
  position: absolute;
  right: 0;
  top: 800px;
}
.Asset62x {
  position: absolute;
  left: 0;
  bottom: 400px;
  width: 177px;
  height: auto;
}
.Asset52x212 {
  position: absolute;
  left: 675px;
  bottom: -29px;
}
.uncapped {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}
.Floating22112213 {
  position: absolute;
  bottom: 63px;
  right: -54px;
}
.uncappedtext {
  width: 589px;
}
.uncappedtext h2 {
  font-family: var(--font-yellowtail);
  font-size: var(--font-size-97xl-mobile2);
  font-weight: 400;
  line-height: 97px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #6129ff 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.uncappedtext h5 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
}

.uncappedtext h5 span {
  background: linear-gradient(269.06deg, #c930ff 78.3%, #ffb629 93.39%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.GirlFeatures {
  width: 704px;
  height: auto;
}
.creationsss {
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  position: relative;
  border-radius: 40px;
  /* overflow: hidden; */
}
.a12123 {
  width: 193px;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 38px 0 0;
  overflow: hidden;
  z-index: 0;
}
.faster {
  display: flex;
  justify-content: center;
  align-items: center;
}
.SuccessPlatinum {
  width: 517px;
  height: auto;
  margin: -106px 0 0 0;
}
.fastertext {
  width: 606px;
}
.fastertext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-28px);
  color: var(--color-white);
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  z-index: 10;
  padding: 20px;
}

.fastertext p span {
  font-weight: 700;
  background: linear-gradient(266.1deg, #b330ff 18.1%, #ffb629 23.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.BestDealIllustration12 {
  width: 577px;
  height: auto;
}
.unrestricted {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 50;
}
.unrestrictedtext {
  width: 623px;
}
.unrestrictedtext h2 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.unrestrictedtext h5 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
  margin: 10px 0 30px 0;
}

.unrestrictedtext h5 span {
  font-weight: 700;
  color: #cd3fff;
}
.spanarti {
  color: #0c2b49 !important;
}
.unrestrictedtext .platinum-btn {
  padding: 24px;
  border: 2px solid transparent;
  border-radius: 16px;
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%) padding-box,
    linear-gradient(
        94.27deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.26) 100.53%
      )
      border-box;
  cursor: pointer;
  box-shadow: 0px 18px 30px -10px #ff623080;
}
.unrestrictedtext .platinum-btn span {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  text-shadow: 0px 4px 8px #00000040;
}
.Vector2upper1 {
  width: 100%;
  height: auto;
  margin: -195px 0 0 0;
}
.Vector104 {
  width: 100%;
  height: auto;
  margin: -80px 0 0 0;
}
.access {
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  margin: -8px 0 0 0;
  padding: 20px 0 0 0;
  position: relative;
  z-index: 10;
}
.access h3 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.access h2 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.access h2 span {
  background: linear-gradient(268.8deg, #c930ff 57.45%, #ffb629 84.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newtemplate {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  gap: 24px;
  padding: 30px 0;
  grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1" "item2 item2 item2 item2 item2 item2 item2 item3 item3 item3 item3 item3" "item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4" "item5 item5 item5 item5 item5 item6 item6 item6 item6 item6 item6 item6" "item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7" "item8 item8 item8 item8 item8 item8 item8 item9 item9 item9 item9 item9" "item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10";
}
.combine {
  grid-area: item1;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 24px;
}
.MixMatchImage {
  width: 588px;
  height: auto;
}
.combinetext {
  width: 556px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.combinetext span {
  background: linear-gradient(
    281.07deg,
    rgba(201, 48, 255, 0.04) 2.08%,
    #ffa800 100%
  );
  border-radius: 12px 0 12px 0;
  padding: 6px 12px;
  color: var(--color-white);
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-align: left;
}

.combinetext h5 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: left;
}

.combinetext h6 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--pink);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
}

.combinetext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: #c9bee0;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: justify;
}
.Multilingual {
  grid-area: item2;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: start; */
  /* justify-content: start; */
  flex-direction: column;
  gap: 24px;
}
.MultilingualImage {
  width: 100%;
  height: auto;
}
.Multilingualtext {
  padding: 0 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: -170px 0 0 0;
}
.Multilingualtext span {
  background: linear-gradient(
    281.07deg,
    rgba(201, 48, 255, 0.04) 2.08%,
    #ffa800 100%
  );
  border-radius: 12px 0 12px 0;
  padding: 6px 12px;
  color: var(--color-white);
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-align: left;
}
.Multilingualtext h5 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: left;
}
.Multilingualtext h6 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--pink);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
}
.Multilingualtext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: #c9bee0;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: justify;
}
.genrator {
  grid-area: item3;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: start; */
  /* justify-content: start; */
  flex-direction: column;
  gap: 24px;
}
.IdeaGeneratorImage {
  width: 100%;
  height: auto;
}
.freelancers {
  margin: 0 110px;
}
.genratortext {
  padding: 0 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: -230px 0 0 0;
}
.genratortext span,
.Buildertext span,
.singletext span,
.writingtext span,
.fiction1text span,
.coloringtext span,
.Puzzletext span,
.innertext span {
  background: linear-gradient(
    281.07deg,
    rgba(201, 48, 255, 0.04) 2.08%,
    #ffa800 100%
  );
  border-radius: 12px 0 12px 0;
  padding: 6px 12px;
  color: var(--color-white);
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-align: left;
}
.genratortext h5,
.Buildertext h5,
.singletext h5,
.writingtext h5,
.fiction1text h5,
.coloringtext h5,
.Puzzletext h5,
.innertext h5 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: left;
}
.genratortext h6,
.Buildertext h6,
.singletext h6,
.writingtext h6,
.fiction1text h6,
.coloringtext h6,
.Puzzletext h6,
.innertext h6 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--pink);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
}
.genratortext p,
.Buildertext p,
.singletext p,
.writingtext p,
.fiction1text p,
.coloringtext p,
.Puzzletext p,
.innertext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: #c9bee0;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: justify;
}
.Builder {
  grid-area: item4;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 24px;
}
.Buildertext {
  width: 548px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.AiEmailListImage {
  width: 580px;
  height: auto;
}
.single {
  grid-area: item5;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: start; */
  /* justify-content: start; */
  flex-direction: column;
  gap: 24px;
}
.singletext {
  padding: 0 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: -155px 0 0 0;
}
.AIImageCreatorImage {
  width: 100%;
  height: auto;
}
.writing {
  grid-area: item6;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: start; */
  /* justify-content: start; */
  flex-direction: column;
  gap: 24px;
}
.writingtext {
  padding: 0 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: -118px 0 0 0;
}
.AIWritingStylesIMage {
  width: 100%;
  height: auto;
}
.fiction1 {
  grid-area: item7;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 24px;
  margin: 16px 0;
}
.AIFictionBookIMage {
  width: 585px;
  height: auto;
}
.fiction1text {
  width: 548px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.coloring {
  grid-area: item8;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: center; */
  /* justify-content: start; */
  flex-direction: column;
  gap: 24px;
}
.AIColoringBookImage {
  width: 100%;
  height: auto;
}
.coloringtext {
  padding: 0 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: -35px 0 0 0;
}
.Puzzle {
  grid-area: item9;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: center; */
  /* justify-content: start; */
  flex-direction: column;
  gap: 24px;
}
.AIPuzzleBooksMaker {
  width: 100%;
  height: auto;
}
.Puzzletext {
  padding: 0 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: -125px 0 0 0;
}
.inner {
  grid-area: item10;
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 24px;
}
.AIArtGeneratorImage {
  width: 550px;
  height: auto;
}
.innertext {
  width: 548px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 0;
}
.Vector3lower {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}
.Vector105 {
  width: 100%;
  height: auto;
  margin: -230px 0 0 0;
  position: relative;
  z-index: 0;
}
.everythingunl {
  background: linear-gradient(
    167.72deg,
    rgba(39, 48, 255, 0.5) 2.01%,
    rgba(206, 61, 234, 0.450701) 16.92%,
    rgba(255, 182, 41, 0) 96.57%
  );
  padding: 300px 0 300px 0;
  margin: -310px 0 -300px 0;
  position: relative;
  overflow: hidden;
}
.Asset6 {
  position: absolute;
  right: 0;
  top: 160px;
}
.Asset52x3212 {
  position: absolute;
  left: -40px;
  top: 690px;
}
.Floating321452 {
  position: absolute;
  right: 0;
  top: 760px;
}
.Asset6662x {
  position: absolute;
  top: 1300px;
  left: 0;
  width: 210px;
  height: auto;
}
.Asset72x {
  position: absolute;
  right: 200px;
  top: 1600px;
}
.Floating31452 {
  position: absolute;
  bottom: 2400px;
  left: -40px;
}
.Ellipse15 {
  position: absolute;
  right: 0;
  bottom: 2400px;
}
.Asset10 {
  position: absolute;
  bottom: 1600px;
  right: 0;
  width: 300px;
  height: auto;
}
.Asset644332x {
  position: absolute;
  left: 0;
  bottom: 1400px;
}
.Asset71232x {
  position: absolute;
  bottom: 600px;
  left: 40px;
}
.Floating345662 {
  position: absolute;
  right: -90px;
  bottom: 120px;
}
.everythingunl h2 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.perfect {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  padding: 40px 0;
  position: relative;
  z-index: 100;
  grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1" "item2 item2 item2 item2 item2 item3 item3 item3 item3 item3 item3 item3" "item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4" "item5 item5 item5 item5 item5 item5 item5 item6 item6 item6 item6 item6" "item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7" "item8 item8 item8 item8 item8 item9 item9 item9 item9 item9 item9 item9" "item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10" "item11 item11 item11 item11 item11 item11 item11 item12 item12 item12 item12 item12 " " item13 item13 item13 item13 item13 item13 item13 item14 item14 item14 item14 item14";
}
.ebook {
  grid-area: item1;
  background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.16) 100%
      )
      border-box,
    linear-gradient(
        280.84deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.25) 100%
      )
      padding-box;

  border: 2px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;

  gap: 24px;
}
.ebookgradiant {
  background: linear-gradient(
    117.5deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.901402) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(40px);
  position: absolute;
  z-index: 0;
  left: -20px;
  top: -140px;
  width: 653px;
  height: 320px;
  opacity: 0.5;
  border-radius: 50%;
}
.ebooktext {
  width: 630px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 10;
}
.ebooktext h3,
.Speechtext h3,
.Videotext h3,
.effortlesslytext h3,
.premiumtext h3,
.checkertext h3 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  color: var(--shades-of-black-black);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: left;
}
.ebooktext h6,
.Speechtext h6,
.Videotext h6,
.effortlesslytext h6,
.premiumtext h6,
.checkertext h6 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: #cd3fff;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
}
.ebooktext p,
.Speechtext p,
.Videotext p,
.effortlesslytext p,
.premiumtext p,
.checkertext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: var(--shades-of-black-black);
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: justify;
}
.UnlimitedEbookCreationImage {
  width: 587px;
  height: auto;
  position: relative;
  z-index: 10;
}
.Speech {
  grid-area: item2;
  background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.16) 100%
      )
      border-box,
    linear-gradient(
        280.84deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.25) 100%
      )
      padding-box;

  border: 2px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: center; */
  /* justify-content: start; */
  flex-direction: column;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  gap: 24px;
}
.AispeechImage {
  width: 100%;
  height: auto;
}
.Speechtext,
.Videotext,
.premiumtext,
.checkertext {
  padding: 0 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  /* margin: -35px 0 0 0; */
}
.Video {
  grid-area: item3;
  background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.16) 100%
      )
      border-box,
    linear-gradient(
        280.84deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.25) 100%
      )
      padding-box;

  border: 2px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: center; */
  /* justify-content: start; */
  flex-direction: column;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  gap: 24px;
}
.AIvideoImage {
  width: 100%;
  height: auto;
}
.effortlessly {
  grid-area: item4;
}
.eDocument {
  grid-area: item7;
}
.payments {
  grid-area: item10;
}
.effortlessly,
.eDocument,
.payments {
  background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.16) 100%
      )
      border-box,
    linear-gradient(
        280.84deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.25) 100%
      )
      padding-box;

  border: 2px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;

  gap: 24px;
}
.AudioEbookIMage {
  width: 587px;
  height: auto;
}
.effortlesslytext {
  width: 556px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.premium {
  grid-area: item5;
}
.storage12 {
  grid-area: item8;
}
.codes {
  grid-area: item9;
}
.password {
  grid-area: item11;
}
.downloads {
  grid-area: item12;
}
.Unrestricted {
  grid-area: item13;
}
.technical {
  grid-area: item14;
}
.premium,
.storage12,
.codes,
.password,
.downloads,
.Unrestricted,
.technical {
  background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.16) 100%
      )
      border-box,
    linear-gradient(
        280.84deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.25) 100%
      )
      padding-box;

  border: 2px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: center; */
  /* justify-content: start; */
  flex-direction: column;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  gap: 24px;
}
.ContentSPinnerIMage {
  width: 100%;
  height: auto;
}
.checker {
  grid-area: item6;
  background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.16) 100%
      )
      border-box,
    linear-gradient(
        280.84deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.25) 100%
      )
      padding-box;

  border: 2px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: center; */
  /* justify-content: start; */
  flex-direction: column;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  gap: 24px;
}
.GrammarImage {
  width: 100%;
  height: auto;
}
.DocSIgnImage {
  width: 559px;
  height: auto;
}
.CloudImage,
.PremiumQRImage,
.EncryptionImage,
.DownloadIMage,
.CustomizationImage,
.EbookMakerImage {
  width: 100%;
  height: auto;
}
.EbookPaymentImage {
  width: 481px;
}
.Vector122 {
  width: 100%;
  height: auto;
  margin: 0 0 -280px 0;
}
.Vector121upper {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 100;
}
.andget {
  background: linear-gradient(180deg, #0f104a 0%, #09092f 57.08%);
  position: relative;
  z-index: 10;
  margin: -8px 0 0 0;
  padding-bottom: 269px;
}
.andget h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  color: var(--color-white);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
}
.library {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  padding: 40px 0 0 0;
  grid-template-areas: "item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2 " "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3" "item4 item4 item4 item4 item4 item4 item5 item5 item5 item5 item5 item5";
}
.stock {
  grid-area: item1;
}
.engin {
  grid-area: item2;
}
.turbo {
  grid-area: item4;
}
.software {
  grid-area: item5;
}
.stock,
.engin,
.turbo,
.software {
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: center; */
  /* justify-content: start; */
  flex-direction: column;
  gap: 24px;
}
.stocktext {
  padding: 0 30px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.stocktextmar {
  margin: -132px 0 0 0;
}
.stocktext h5,
.incredibletext h5 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: left;
}
.stocktext h6,
.incredibletext h6 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--pink);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
}
.stocktext p,
.incredibletext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: #c9bee0;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: justify;
}
.ImageLibrary,
.PLRArticleImage,
.TurboChargeImage,
.TurboChargeImage1 {
  width: 100%;
  height: auto;
}
.incredible {
  grid-area: item3;
}
.incredible {
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%)
      padding-box,
    linear-gradient(
        123.17deg,
        rgba(255, 255, 255, 0.2) 23.39%,
        rgba(255, 255, 255, 0.08) 38.18%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 24px;
  margin-top: -12px;
}
.incredibletext {
  width: 606px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.TemplatesImage {
  width: 502px;
  height: auto;
}
.turbomrg {
  margin: -140px 0 0 0;
}
.softwaremrg {
  margin: -136px 0 0 0;
}
.Frame2211 {
  width: 100%;
  height: auto;
  margin: -100px 0 -4px 0;
}
.Edition {
  position: relative;
  overflow: hidden;
}
.Asset52x122234 {
  position: absolute;
  right: 0;
  top: 0;
}
.Ellipse15Stroke {
  position: absolute;
  left: 0;
  top: 300px;
}
.Vector128 {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 0;
}
.Editiontext {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  z-index: 10;
  margin-top: 60px;
}
.Editiontext h2 {
  font-family: var(--font-yellowtail);
  font-size: var(--font-size-97xl-mobile2);
  font-weight: 400;
  line-height: 114px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding: 0 10px;
  margin-bottom: -26px;
}

.Editiontext h1 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
  margin-top: -10px;
}
.Editiontexth1 {
  position: relative;
}
.ScribbleAsseth1image {
  position: absolute;
  top: 34px;
  right: 328px;
  z-index: 0;
  width: 377.22px;
  height: auto;
}
.Editiontext h1 span {
  background: linear-gradient(269.08deg, #c930ff 56.44%, #ffb629 76.75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Editiontext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-7xl);
  color: var(--br-5xl);
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0em;
  text-align: center;
  margin: 0 140px;
}

.Editiontext p span {
  font-weight: 700;
}
.Magnettext {
  width: 880px;
}
.Magnettext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.PremiumTemplatesImage {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
  margin-top: -142px;
}
.HighCosts {
  width: 996px;
  background: linear-gradient(0deg, #ffffff 100%, #ffffff 100%) padding-box,
    linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%) border-box;
  border: 9px solid transparent;
  border-radius: var(--br-base);
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  padding: 32px 40px;
  position: relative;
  z-index: 10;
  margin: -236px auto -100px auto;
}
.CappedGroths {
  display: flex;
  justify-content: center;
  gap: var(--gap-13xl);
}
.limitsparent {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.limits {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-15px);
}
.icons1 {
  width: 24px;
  height: 24px;
}
.HighCosts h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  color: var(--shades-of-black-black);
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  margin: 0 0 40px 0;
}
.limits h5 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: var(--shades-of-black-black);
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
}
.Group1628123 {
  display: none;
}
.Banner321 {
  width: 100%;
  height: auto;
  /* margin: ; */
  position: relative;
  z-index: 10;
}
.Vector10021112212312 {
  width: 100%;
  height: auto;
  margin: -220px 0 0 0;
}
.BGShapeupper12 {
  width: 100%;
  height: auto;
  margin: -190px 0 0 0;
}
.Maximize {
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  overflow: hidden;
  margin: -8px 0 -44px 0;
  position: relative;
  z-index: 20;
}
.Floating21342 {
  position: absolute;
  top: 100px;
  right: 80px;
  rotate: -90deg;
}
.Asset52x667782 {
  position: absolute;
  left: -30px;
  top: 400px;
}
.Floating212345 {
  position: absolute;
  right: -50px;
  top: 400px;
}
.Maximize h4 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Maximize h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.CommercialLicense {
  width: 697px;
  height: auto;
  margin: -80px auto -110px auto;
}
.Group1628321454 {
  display: none;
}
.Banner2 {
  width: 100%;
  height: auto;
}
.Maximize p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-28px);
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Girl {
  width: 260px;
  height: auto;
  margin: -60px 0 0 0;
}
.Girltext {
  width: 835px;
}
.Girltext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  color: var(--color-white);
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: left;
}

.Girltext p span {
  color: #ffc72f;
  background: linear-gradient(180deg, #ffc72f 0%, #ffc72f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.icon1girl {
  width: 139px;
  height: auto;
  position: absolute;
  right: -26px;
  top: 18%;
}
.icon1girl-container {
  position: absolute;
  right: 0;
  overflow: hidden;
  z-index: 20;
  width: 100%;
  height: 100%;
}
.BGShapebottom121 {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}

.Vector129 {
  width: 100%;
  height: auto;
  margin: -290px 0 0 0;
  position: relative;
  z-index: 9;
}
.refund {
  background: linear-gradient(
    162.03deg,
    rgba(206, 61, 234, 0.450701) 0%,
    rgba(255, 182, 41, 0) 47.1%
  );
  position: relative;
  padding: 284px 0 256px 0;
  margin: -300px 0 0 0;
  position: relative;
  z-index: 0;
}
.refund h1 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-97xl-mobile);
  font-weight: 700;
  line-height: 83px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #6129ff 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.refund h2 {
  position: relative;
  font-family: var(--font-yellowtail);
  font-size: var(--font-size-37xl);
  font-weight: 400;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.guarantee {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.MoneyBackGirl {
  width: 566px;
  height: auto;
}
.guaranteetext {
  width: 605px;
}
.guaranteetext .mbg,
.guaranteetext h3 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: left;
}
.guaranteetext .mbg span {
  display: none;
}
.guaranteetext .mbg {
  color: #01ad75;
  background: none;
  -webkit-text-fill-color: #01ad75;
}
.guaranteetext h3 {
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.guaranteetext p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-28px);
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.guaranteetext p span {
  font-weight: 700;
}
.questions {
  width: 996px;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  border: 2px solid transparent;
  background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.16) 100%
      )
      border-box,
    linear-gradient(0deg, #ffc72f 100%, #ffc72f 100%) padding-box;
  border-radius: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 85px;
  margin: 40px auto;
}
.circlemail {
  position: absolute;
  overflow: hidden;
  width: 453px;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 24px;
}
.circle {
  position: absolute;
  width: 453px;
  height: 453px;
  top: -180px;
  left: -100px;
  z-index: 8;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #6129ff 94.95%);
  border-radius: 50%;
}

.Group1 {
  width: 54px;
  height: auto;
  position: absolute;
  left: 230px;
  bottom: -4px;
  z-index: 10;
}
.Group2 {
  width: 70.93px;
  height: auto;
  position: absolute;
  left: 0;
  top: 4px;
  z-index: 10;
}
.Group {
  width: 37.48px;
  height: auto;
  position: absolute;
  left: 55px;
  bottom: 30px;
  z-index: 10;
}
.Group2216 {
  width: 221px;
  height: auto;
  position: relative;
  z-index: 10;
  margin: -40px 0 0 0;
}
.questionstext {
  width: 490px;
  position: relative;
  z-index: 10;
}
.questionstext p {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.questionstext p span {
  font-weight: 700;
}
.ManMoneyImage12 {
  display: none;
}
.ManMoneyImage {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 100;
}
.backbottomrefund {
  background: linear-gradient(0deg, #c930ff 2.08%, rgba(255, 182, 41, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 487px;
  width: 100%;
  z-index: 0;
}
.Trail11 {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 100px;
}
.Trail22 {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 100px;
}
.refundfully {
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%) padding-box,
    linear-gradient(283.85deg, #c930ff 0.85%, #ffb629 100.3%) border-box;
  border: 17px solid transparent;
  border-radius: 40px;
  margin: -290px 0 0 0;
  box-shadow: 0px 7px 38px 0px #2e357494, 0px 47px 44px 0px #d97ce859;
}
.refundfully .unlock {
  justify-content: center;
}
.refundfully .BASE321 {
  left: 0;
}
.frequently {
  background-color: #eaeffc;
  padding: 440px 0 0 0;
  margin: -380px 0 0 0;
  position: relative;
  overflow: hidden;
}
.platFrequently{
  padding: 100px 0 50px 0px ;
  margin: 0 !important;
}
.Ellipse1521Stroke {
  position: absolute;
  top: 700px;
  left: 0;
}
.Floating9872 {
  position: absolute;
  right: -90px;
  top: 400px;
}
.frequently h3 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  color: #0c2b49;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: center;
}
.reseller {
  columns: 2;
  gap: 24px;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 100;
}
.resellerprogram {
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  padding: 40px;
  box-shadow: 0px 8px 18px 0px #2e357414, 0px 34px 44px 0px #d97ce826;
  background-color: var(--color-white);
  margin: 0 0 30px 0;
  position: relative;
  z-index: 1;
}
.questionmark {
  width: 74px;
  height: 125px;
  position: absolute;
  top: 0;
  right: 0;
}
.gradiantprogram {
  position: absolute;
  right: -380px;
  top: -150px;
  width: 455px;
  height: 266px;
  background: linear-gradient(
    117.5deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.901402) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(30px);
  opacity: 0.6;
  border-radius: 50%;
}
.resellerprogram h3 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
}
.resellerprogram p {
  font-family: var(--font-outfit);
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  margin: 20px 0;
  color: #000;
}
.resellerprogram p span {
  font-weight: 700;
}
.squibblesplatinum {
  background: linear-gradient(180deg, rgba(15, 16, 74, 0) 0%, #09092f 31.57%);
  padding: 440px 0 0 0;
  margin: -540px 0 0 0;
  position: relative;
  z-index: 0;
}
.Asset1 {
  position: absolute;
  right: 0;
  top: 130px;
}
.Asset63212x {
  position: absolute;
  left: 0;
  top: 260px;
}
.Platinum1Title {
  width: 590px;
  height: auto;
  margin: 150px auto -310px auto;
  position: relative;
}
.SqribblePlatinumVortex {
  width: 1323px;
  height: auto;
  margin: -420px auto -330px auto;
}
.Vectorgrid {
  width: 14px;
  height: auto;
}
.squibblesplatinumtext {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-image: linear-gradient(90deg, #ffffff00, #ffd68699, #ffffff00) 0.5;
  padding: 30px 0;
}

.squibblesplatinumtext h1 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-13xl);
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.squibblesplatinumtext h1 span {
  background: linear-gradient(267.22deg, #c930ff 81.37%, #ffb629 97.19%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.months {
  width: 280.34px;
}
.months h4 {
  font-family: var(--font-yellowtail);
  font-size: var(--headings-40-h2-size);
  font-weight: 400;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: left;
  display: inline-block;
  padding: 0 10px 0 0;
  /* background: linear-gradient(267.22deg, #c930ff 81.37%, #ffb629 97.19%); */
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);

  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.months h3 {
  font-family: var(--font-yellowtail);
  font-size: 120px;
  font-weight: 400;
  line-height: 120px;
  letter-spacing: 0em;
  text-align: center;
  text-wrap: nowrap;
  margin: -30px 0 0 15px;
  position: relative;
  z-index: 10;
  background: linear-gradient(180deg, #ffffff 0%, #cccbff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.months h3 span {
  font-family: var(--font-yellowtail);
  font-size: var(--font-size-13xl);
  line-height: 42px;
}
.ScribbleAsset {
  width: 100%;
  height: auto;
  margin: -30px 0 0 0;
  position: relative;
  z-index: 0;
}
.days123 {
  width: 363px;
}
.satisfiction-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 663px;
  margin: 0 auto;
}
.days123 .platinum-btn {
  padding: 12px 16px;
  border: 2px solid transparent;
  border-radius: 16px;
  margin: 10px 0 0 0;
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%) padding-box,
    linear-gradient(
        94.27deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.26) 100.53%
      )
      border-box;
  cursor: pointer;
}
.days123 .platinum-btn span {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  text-shadow: 0px 4px 8px #00000040;
}
.squibblesplatinumpara {
  font-family: var(--font-outfit);
  font-size: 17px !important;
  color: #d9dfee;
  font-weight: 500;
  line-height: 32px !important;
  letter-spacing: 0em;
  text-align: center;
  text-decoration: underline;
  padding: 10px 0 20px 0;
  margin: 20px 0 0 0;
}
.Vectorgrid-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.Vector132 {
  display: none;
}




.frame-parent8-container {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.title-cell-parent-header {
  width: 100%;
  cursor: pointer;
}
.title-cell-parent-header .chevron-up {
  transform: rotate(180deg);
}
.title-cell-parent-header.title-cell-parent-header-active .chevron-up {
  transform: rotate(0deg);
}
.title-cell-parent-content {
  width: 100%;
  display: none;
}
.title-cell-parent-content.title-cell-parent-content-active{
  display: block;
}
.frame-parent8 .title-cell-parent .content-cell3:nth-child(2){
  /* display: none; */
}
.frame-div,
.frame-parent8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.frame-div {
  font-size: var(--font-size-5xl);
  width: 1064px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
.content-cell-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
}
.pricing-section-main .frame-parent1 {
  display: grid;
  grid-template-columns: 30.92% auto;
  width: 100%;
  gap: 0px;
  justify-content: unset;
}
.billing-cycle-parent {
  width: 363px;
  /* width: 100%; */
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #4f5078;
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  height: 193px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-base);
  gap: var(--gap-3xs);
}
.billing-cycle-parentfixed {
  margin: 0 0 0 4px;
}
.billing-cycle {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  color: var(--color-white);
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: center;
}
.frame-parent2,
.monthly-wrapper,
.yearly-wrapper {
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xs);
}
.yearly-wrapper:hover {
  background: linear-gradient(90deg, #00d47b 0%, #008d85 100%);
}
.frame-parent2 {
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-lg);
}
.monthly-wrapper {
  width: 121px;
  border-radius: var(--br-41xl);
  background: linear-gradient(269.87deg, #c930ff 2.08%, #ffb629);
  border: 1px solid var(--color-gray-300);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-shadow: var(--shadow-1);
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
}
.yearly-wrapper {
  width: 121px;
  border-radius: var(--br-41xl);
  background: transparent;
  border: 0px solid var(--color-gray-300);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-shadow: var(--shadow-1);
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
}
.content-cell,
.frame-parent3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.content-cell:nth-child(1) {
  width: 33.6%;
}
.content-cell {
  /* width: 247px; */
  background: linear-gradient(180deg, #fff, #e2e5ff);
  border: 1px solid var(--color-lightsteelblue-100);
  box-sizing: border-box;
  height: 193px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  padding: var(--padding-base);
  position: relative;
  font-size: var(--font-size-5xl);
  color: var(--shades-of-black-black);
}
.content-cell-upper {
  position: relative;
  /* width: 247px; */
  width: 49.2%;
}
.up121 {
  position: absolute;
  top: -28px;
  right: 0;
  z-index: 100;
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%) padding-box,
    linear-gradient(
        94.27deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.26) 100.53%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 72px 8px 0 0;
  padding: 4px 10px 4px 60px;
}
.up1221 {
  position: absolute;
  top: -28px;
  right: 0;
  z-index: 100;
  background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%),
    padding-box,
    linear-gradient(
        94.27deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.26) 100.53%
      )
      border-box;
  border: 1px solid transparent;
  border-radius: 72px 8px 0 0;
  padding: 4px 10px 4px 60px;
}
.up121fixed,
.up1221fixed {
  top: 0;
  border-radius: 0 0 0 72px;
}
.up121 h4,
.up1221 h4 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-base);
  color: var(--color-white);
  text-shadow: 0px 4px 6px #00000078;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
}
.frame-parent3 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-3xs);
  z-index: 2;
}
.frame-parent3fixed {
  display: block;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 10px 0 0 0;
}
.billing-cycle1 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
}
.essential {
  font-family: var(--font-outfit);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0px;
}

.billing-cycle2 {
  font-family: var(--font-outfit);
  font-size: var(--headings-40-h2-size);
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0em;
}
.month {
  font-family: var(--font-outfit);
  font-size: var(--font-size-xs);
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
}
.parent,
.start-5-day-free-trial-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--font-size-21xl);
  margin-left: 10px;
}
.start-5-day-free-trial-wrapper {
  align-self: stretch;
  border-radius: var(--br-41xl);
  background: linear-gradient(90deg, #00d47b 0%, #008d85 100%);
  border: 1px solid var(--color-gray-300);
  flex-direction: row;
  align-items: center;
  padding: var(--padding-5xs);
  font-size: var(--font-size-sm);
  color: var(--shades-of-black-white);
  font-family: var(--font-outfit);
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  color: var(--color-white);
  box-shadow: 0px 4px 6px 0px #00000078;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
}
.start-5-day-free-trial-wrapper:hover {
  background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%);
}
.content-cell-img {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  right: 0;
}
.circleelips {
  width: 274px;
  height: 187px;
  opacity: 0.4;
  background: linear-gradient(
    117.5deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.901402) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(24px);
  position: absolute;
  right: -44px;
  top: 63px;
}
.content-cell-Tycoon {
  background: linear-gradient(360deg, #4244a8 0%, #19133f 100%);
  color: var(--color-white);
}
.billing-cycle1-Tycoon {
  background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.start-5-day-free-trial-wrapper-Tycoon {
  background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%);
}
.start-5-day-free-trial-wrapper-Tycoon:hover {
  background: linear-gradient(90deg, #00d47b 0%, #008d85 100%);
}
.content-cell3,
.title-cell,
.title-cell1 {
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--padding-xs) var(--padding-base);
}
.content-cell3white h5 {
  color: var(--color-white) !important;
}
.title-cell {
  /* width: 327px; */
  width: 100%;
  gap: 8px;
  background-color: var(--gray);
  border: 1px solid #4f5078;
}
.title-cell-gradiant {
  background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-cell-gradiant h6 {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size) !important;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.title-cell1 {
  /* width: 327px; */
  width: 100%;
  gap: 8px;
  background-color: #4f5078;
  border: 1px solid var(--gray);
}
.title-cell h6,
.title-cell1 h6 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-base);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: var(--color-white);
}
.content-cell3 {
  align-self: stretch;
  /* width: 247px; */
  width: 100%;
  background-color: var(--deep-black);
  border: 1px solid var(--gray);
  justify-content: center;
}
.content-cell3-back {
  background-color: var(--color-gray-100);
}
.content-cell3 h5 {
  font-family: var(--font-outfit);
  font-size: var(--font-size-base);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  text-transform: capitalize;
  color: var(--shades-of-black-gray-2);
}
.unlimited1 {
  font-weight: 600 !important;
  background: linear-gradient(269.87deg, #c930ff 2.08%, #ffb629);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize;
}
.icons {
  width: 32px;
  height: 32px;
}
.title-cell-parent {
  /* display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start; */
  display: grid;
  grid-template-columns: 59.4% 44.8% 44.3% 44.6%;
  gap: 0;
  width: 51.8%;
}
.frame-div .pioneer-parent, .frame-parent3fixed .pioneer-parent {
  display: flex;
/*    align-items: center;*/
  width: 100%;
  justify-content: space-between;
}
.pioneer-parent {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.price-span {
  font-family: var(--font-outfit);
  font-size: 40px;
  font-weight: 700;
  line-height: 29px;
}
.clicked {
  width: 121px;
  border-radius: var(--br-41xl);
  background: linear-gradient(269.87deg, #c930ff 2.08%, #ffb629);
  border: 1px solid var(--color-gray-300);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-shadow: var(--shadow-1);
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
}




.Needs {
  overflow: hidden;
  margin-top: -104px;
  /* height: 1621px; */
  position: relative;
  padding: 0 0 60px 0;
  z-index: 150;
}
.oneplat {
  background-color: #e10019;
  rotate: -2.47deg;
  margin-top: 52px;
  margin-left: -4px;
  padding: 10px;
}
.oneplat h2 {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-69xl);
  font-style: italic;
  font-weight: 800;
  line-height: 83px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 4px 4px 0px #000000;
}
.Amazing {
  background: linear-gradient(
    154.65deg,
    rgba(39, 48, 255, 0.5) 1.15%,
    rgba(206, 61, 234, 0.450701) 16.92%,
    rgba(255, 182, 41, 0) 55.43%
  );
  padding-top: 130px;
  margin-top: -50px;
}
.eBooksBox {
  height: 349px;
}
.eBooks {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0em;

  font-family: var(--font-futura-pt);
  text-align: center;
  margin-bottom: -66px;
  color: var(--black);
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: var(--color-white);
}
.backeBooks {
  font-family: var(--font-futura-pt);
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  background: linear-gradient(
    180deg,
    rgba(255, 132, 221, 0.53) 50%,
    rgba(246, 28, 106, 0) 65.44%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* width: 1580px; */
  position: relative;
  z-index: 0;
  /* left: calc(20% - 222px); */
  text-wrap: nowrap;
  /* margin-left: -50px; */
}
h1.backeBooks.heading1{
  font-size: 80px;
  line-height: 80px;
}
.sqribble {
  width: 100%;
  padding: 10px 40px 30px 10px !important;
  margin-top: -250px;
  background: linear-gradient(99.85deg, #131456 0%, #09092f 100%) padding-box,
    linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%) border-box;
  border-radius: 32px;
  border: 11px solid transparent;
  box-shadow: 0px 14px 50px 0px #36004f6e;
  position: relative;
  z-index: 100;
}
.bothsqribble {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.bothgirlbase {
  position: relative;
}
.girl {
  width: calc(574px);
  /* width: calc(100%); */
  height: 436px;
}
.base {
  position: absolute;
  top: 0;
  left: -70px;
  z-index: -1;
  width: 1086px;
}
.edition {
  text-align: center;
}
.edition p {
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: white;
  background: linear-gradient(
    281.07deg,
    rgba(201, 48, 255, 0.04) 2.08%,
    #ffa800 100%
  );
  display: inline;
  padding: 6px 10px;
  border-radius: 12px 0;
}
.sqribbleimg {
  width: 452.95px;
  max-width: 587px;
  /* height: 107.21px; */
  height: auto;
  margin: 0 0 -50px 0;
}

.edition h3 {
  font-size: var(--font-size-13xl);
  font-style: italic;
  margin-top: 0px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  color: #df84ff;
}

.minuts {
  display: flex;
  border: 1px solid #6e6e89;
  border-radius: 6px;
  position: relative;
  z-index: 100;
}
.firstlist,
.secondlist {
  background: linear-gradient(99.85deg, #131456 100%, #09092f 0%);
  width: 50%;
  padding: 16px;
}
.secondlist {
  border-left: 1px solid #6e6e89;
  border-radius: 0 16px 16px 0;
}
.firstlist {
  border-radius: 16px 0 0 16px;
}
.icon {
  width: 56px;
  height: 56px;
  /* margin-right: 16px; */
}
.icon2line {
  width: 76px;
}
.firstlist ul,
.secondlist ul {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: white;
}
.firstlist ul li,
.secondlist ul li {
  display: grid;
  grid-template-columns: 60px auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.EXPLORE {
  width: 41px;
  height: 12px;
}

.explorebtn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  font-weight: 700;
  line-height: 23px;
  margin: 10px 0;
  width: 100%;
  background: linear-gradient(99.85deg, #131456 0%, #09092f 100%) padding-box,
    linear-gradient(
        94.27deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.26) 100.53%
      )
      border-box;
  padding: 16px 24px;
  color: white;
  border: 2px solid transparent;
  border-radius: 76px;
  box-shadow: 0px 18px 30px -10px #b030ff80;
  text-shadow: 0px 4px 8px #00000040;
  text-decoration: none;
}
.explorebtn svg {
  width: 41px;
  height: 12px;
  margin-left: 4px;
}
.amazingbox {
  width: 196px;
  height: 223px;
  position: absolute;
  z-index: 0;
  top: 630px;
  left: -50px;
}

.amazingtriangle {
  width: 193.97px;
  height: 152.08px;
  position: absolute;
  z-index: 0;
  top: 560px;
  right: -40px;
}
.needsimgarc {
  width: 120.11px;
  height: 197.37px;
  position: absolute;
  bottom: 150px;
  left: 0;
}
.needsimgcircle {
  width: 332px;
  height: 335px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.pinklayer {
  width: 100%;
  /* height: 325.8px; */
  height: auto;
  position: relative;
  top: -14px;
  left: 0;
}
.pinklayerbottom {
  width: 100%;
  /* height: 283.45px; */
  height: auto;
  position: relative;
  /* margin-top: -50px; */
  bottom: 250px;
  left: 0;
  z-index: 0;
}
.Monetize {
  height: auto;
  position: relative;
  z-index: 140;
  overflow: hidden;
  margin: -90px 0 0 0;
}
.monobg {
  background: linear-gradient(99.35deg, #131456 0%, #09092f 100.77%);
  position: relative;
  z-index: 100;
  padding: 10px 0;
  margin-top: -350px;
}
.ContentBox {
  position: relative;
  z-index: 50;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.monobgiconupper {
  width: 100%;
  height: auto;
  position: relative;
  top: -340px;
  left: 0;
  z-index: 10;
}
.monobgiconlower {
  width: 100%;
  height: auto;
  position: relative;
  /* bottom: 195px; */
  left: 0;
  z-index: 10;
}
.monobgiconMonetize {
  /* height: 1500px; */
  height: calc(100% - 300px);
}
.Content {
  text-align: center;
  margin-bottom: -66px;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  display: inline-block;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #ffffff80;
  text-shadow: 0px 4px 12px #a62bdf40;
}
.backgradiantff29dd66 {
  font-family: var(--font-futura-pt);
  background: linear-gradient(
    180deg,
    rgba(201, 48, 255, 0.04) 27.71%,
    #ff29dd66 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.backContent {
  text-transform: uppercase;
  /* width: 1580px; */
  width: 100%;
  font-weight: 800;
  position: relative;
  text-align: center;
  /* margin-left: -50px; */
  text-wrap: nowrap;
}
.sqrindle {
  width: 100%;
  padding: 10px 40px 30px 10px !important;
  margin-top: -46px;
  background: linear-gradient(white 100%, white 100%) padding-box,
    linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%) border-box;
  border-radius: 32px;
  border: 11px solid transparent;
  box-shadow: 0px 14px 50px 0px #36004f6e;
  position: relative;
  z-index: 100;
  overflow: hidden;
}
.threescreentriangles {
  position: relative;
}
.screen {
  width: calc(564px);
  /* width: calc(100%); */
  /* height: 428px; */
  height: auto;
}
.bothsqrindle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selling {
  text-align: center;
}
.selling p {
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: white;
  background-color: black;
  display: inline;
  padding: 6px 10px;
  border-radius: 12px 0;
}
.sqrindleimg {
  width: 517px;
  max-width: 517px;
  /* height: 105px; */
  height: auto;
  margin: 22px 0 12px 0;
}
.selling h3 {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-13xl);
  font-style: italic;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  background: linear-gradient(263.64deg, #ff3e8f -0.08%, #e10019 99.92%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.online {
  display: flex;
  border: 1px solid #6e6e89;
  border-radius: 18px;
  position: relative;
  z-index: 100;
}
.trianglecircle1 {
  width: 659px;
  height: 475px;
  position: absolute;
  z-index: -1;
  left: -40px;
  top: -10px;
}
.trianglecircle2 {
  width: 659px;
  height: 240px;
  position: absolute;
  z-index: -1;
  left: 216px;
  top: 260px;
}
.firstonline,
.secondonline {
  background: linear-gradient(180deg, #000000 0%, #353535 100%) padding-box;
  width: 50%;
  padding: 16px;
}
.firstonline {
  border: 1px solid #333333;
  border-radius: 16px 0 0 16px;
}

.secondonline {
  border: 1px solid #666666;
  border-radius: 0 16px 16px 0;
}
.firstonline ul,
.secondonline ul {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: white;
}
.firstonline ul li,
.secondonline ul li {
  display: grid;
  grid-template-columns: 60px auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.explorebtn2 {
  text-shadow: 0px 4px 8px #00000040;
  font-family: var(--font-outfit);
  font-weight: 700;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  width: 100%;
  background: linear-gradient(white 0%, white 100%) padding-box,
    linear-gradient(99.85deg, #131456 0%, #09092f 100%) border-box;
  padding: 16px 24px;
  color: black;
  border: 2px solid transparent;
  border-radius: 76px;
  text-decoration: none;
}
.explorebtn2 svg {
  width: 41px;
  height: 12px;
  margin-left: 4px;
}
.create {
  overflow: hidden;
  margin-top: -500px;
  /* height: 1620px; */
  position: relative;
  padding: 0 0 60px 0;
  z-index: 130;
}
.presantation {
  background: linear-gradient(
    154.65deg,
    rgba(39, 48, 255, 0.5) 1.15%,
    rgba(206, 61, 234, 0.450701) 16.92%,
    rgba(255, 182, 41, 0) 55.43%
  );
  padding-top: 180px;
  margin-top: 0px;
  position: relative;
}
.backPresent {
  font-family: var(--font-futura-pt);
  text-transform: uppercase;
  background: linear-gradient(
    360deg,
    rgba(255, 132, 221, 0.53) 23.49%,
    rgba(246, 28, 106, 0) 84.9%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* width: 2040px; */
  width: 108%;
  text-align: center;
  position: relative;
  text-wrap: nowrap;
  /* margin-left: -281px; */
}
.PresentBox {
  height: 349px;
}
.Present {
  font-size: var(--font-size-33xl);
  font-weight: 700;
  line-height: 67px;
  letter-spacing: 0em;
  font-family: var(--font-futura-pt);
  text-align: center;
  margin-bottom: -66px;
  color: var(--black);
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: var(--color-white);
}
.pointermoniterfrontback {
  position: relative;
}
.pointermoniter {
  width: calc(570px);
  /* width: calc(100%); */
  height: 487px;
}
.pointermoniterback {
  position: absolute;
  width: 960px;
  height: 715px;
  z-index: -1;
  top: -10px;
  left: -81px;
}
.engageimg {
  width: 485px;
  max-width: 485px;
  /* height: 122px; */
  height: auto;
  margin: 22px 0 12px 0;
}
.courses {
  height: auto;
  position: relative;
  z-index: 120;
  overflow: hidden;
  margin: -90px 0 0 0;
}
.teachingimg {
  width: 518px;
  max-width: 518px;
  height: auto;
  margin: 22px 0 12px 0;
}
.Concourses {
  font-size: var(--font-size-33xl);
  font-weight: 700;
  line-height: 67px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: -66px;
  color: var(--black);
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #ffffff80;
}
.backConcourses {
  text-transform: uppercase;
  /* width: 1580px; */
  width: 100%;
  text-align: center;
  position: relative;
  /* margin-left: -50px; */
  text-wrap: nowrap;
}
.manwithcircles {
  position: relative;
}
.mans1 {
  width: calc(512.77px);
  /* width: calc(100%); */
  height: 420.88px;
  margin-top: 20px;
}
.cap {
  position: absolute;
  top: 80px;
  left: -37px;
}
.books1 {
  position: absolute;
  bottom: 41px;
  left: -25px;
}
.circle1 {
  width: 698px;
  height: 698px;
  background: linear-gradient(
    151.19deg,
    rgba(240, 17, 92, 0.66) 8.14%,
    rgba(240, 17, 92, 0) 86.52%
  );
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: -122px;
  left: -153px;
}
.circle2 {
  width: 373px;
  height: 373px;
  border: 1px solid #f0115c;
  position: absolute;
  z-index: -1;
  border-radius: 100%;
  top: -150px;
  left: 210px;
  right: auto;
}
.audio-box {
  overflow: hidden;
  margin-top: -500px;
  /* height: 1550px; */
  padding: 0 0 60px 0;
  position: relative;
  z-index: 110;
  margin-bottom: 100px;
}
.Audiobooks {
  width: 100%;
}
.respond {
  width: 558px;
  height: auto;
  margin: 22px 0 12px 0;
}
.respondmobile {
  display: none;
}
.robote {
  width: calc(674.75px);
  /* width: calc(100%); */
  height: 617.52px;
  margin-bottom: -222px;
}
.mickimg {
  width: 300px;
  max-width: 304px;
  /* height: 221px; */
  height: auto;
  margin: 22px auto 12px auto;
}
.emails {
  height: auto;
  position: relative;
  z-index: 100;
  overflow: hidden;
  margin: -110px 0 0 0;
}
.monobgiconemails {
  /* height: 1375px; */
  height: calc(100% - 310px);
}
.circle3 {
  width: 698px;
  height: 698px;
  background: linear-gradient(
    151.19deg,
    rgba(17, 79, 240, 0.66) 8.14%,
    rgba(17, 146, 240, 0) 86.52%
  );
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: -122px;
  left: -153px;
}
.circle4 {
  width: 373px;
  height: 373px;
  border: 1px solid #3b82f4;
  position: absolute;
  z-index: -1;
  border-radius: 100%;
  top: -150px;
  left: 210px;
}
.sendswithcircles {
  position: relative;
}
.sends {
  width: calc(524.52px);
  /* width: calc(100%); */
  height: 471px;
}
.resopnd {
  width: 558px;
  height: 112px;
}
.easy {
  text-align: left;
}
.easy p {
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: white;
  background-color: black;
  display: inline;
  padding: 6px 10px;
  border-radius: 12px 0;
}
.easy h3 {
  font-size: var(--font-size-13xl);
  font-style: italic;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  color: #000000 !important;
}
/* .pinklayerbottommargin {
  margin-top: -90px;
} */
.funnels {
  overflow: hidden;
  margin-top: -500px;
  /* height: 1290px; */
  padding: 0 0 60px 0;
  position: relative;
  z-index: 90;
}
.funnelsimg {
  width: calc(693px);
  height: 490px;
  margin-left: -40px;
  margin-top: -10px;
}
.bothfunnels {
  overflow: hidden;
}
.videos-container {
  width: 100%;
  height: auto;
  border-radius: 24px;
  aspect-ratio: 1/0.59;
}
.landingly {
  width: 354px;
  max-width: 495px;
  /* height: 104px; */
  height: auto;
  margin: 22px 0 12px 0;
}
.affilia {
  height: auto;
  position: relative;
  z-index: 80;
  overflow: hidden;
  margin: -120px 0 0 0;
}
.affilia .sqribble {
  margin-top: 0;
}
.bothaffilia {
  margin-top: 0 !important;
  overflow: hidden;
}
.affiliaimg {
  width: calc(645px);
  height: 489px;
}
.firstaffilia,
.secondaffilia {
  background: linear-gradient(
    102.93deg,
    rgba(9, 10, 49, 0.8) 0%,
    rgba(35, 29, 77, 0.5) 100%
  );
  width: 50%;
  padding: 16px;
}
.secondaffilia {
  border-left: 1px solid #6e6e89;
  border-radius: 0 16px 16px 0;
}
.firstaffilia {
  border-radius: 16px 0 0 16px;
}
.firstaffilia ul,
.secondaffilia ul {
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: white;
}
.firstaffilia ul li,
.secondaffilia ul li {
  display: grid;
  grid-template-columns: 60px auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.rofit {
  width: 399px;
  max-width: 467px;
  /* height: 98px; */
  height: auto;
  margin: 22px 0 12px 0;
}
.traffic {
  overflow: hidden;
  margin-top: -500px;
  /* height: 1060px; */
  padding: 0 0 60px 0;
  position: relative;
  z-index: 70;
}
/* .traffic .online {
  margin: 155px 0 0 0;
} */
.trafficimg-parent {
  position: relative;
  z-index: 0;
}
.bordercircletrafficimg {
  border: 1px solid #f0115ca8;
  width: 698px;
  height: 698px;
  border-radius: 50%;
  position: absolute;
  top: -170px;
  left: -70px;
}
.trafficimgpinkcircle {
  position: absolute;
  top: -180px;
  left: -90px;
  width: 698px;
  height: 698px;
  border-radius: 50%;
  background: linear-gradient(
    151.19deg,
    rgba(240, 17, 92, 0.66) 8.14%,
    rgba(240, 17, 92, 0) 86.52%
  );
}
.trafficimg {
  width: calc(542.48px);
  /* width: calc(100%); */
  height: 463.63px;
  margin: -10px 0 -35px -40px;
}
.submitter {
  width: 527px;
  max-width: 527px;
  /* height: 85px; */
  height: auto;
  margin: 22px 0 12px 0;
}
.fourtraffic {
  margin-top: -200px;
}
.eCovers {
  height: auto;
  position: relative;
  z-index: 60;
  overflow: hidden;
  margin: -120px 0 0 0;
}
.eCoverlyimg {
  width: 312.5px;
  max-width: 314px;
  height: auto;
  margin: 22px 0 12px 0;
}
.monobgiconeCovers {
  /* height: 1535px; */
  height: calc(100% - 300px);
}
.backeCovers {
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    rgba(201, 48, 255, 0.04) 27.71%,
    rgba(255, 41, 221, 0.4) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  /* width: 1710px; */
  width: 100%;
  text-align: center;
  position: relative;
  margin-left: -50px;
  text-wrap: nowrap;
}
.agency {
  overflow: hidden;
  margin: -500px 0 -220px 0;
  /* height: 1700px; */
  position: relative;
  z-index: 50;
}
.palettewithcircle {
  position: relative;
}
.palette {
  width: calc(754px);
  /* width: calc(100%); */
  height: 529px;
  position: relative;
  top: -20px;
  left: -40px;
}
.circlelightsky {
  width: 889px;
  height: 889px;
  background: linear-gradient(
    122.66deg,
    #46c4e5 12.39%,
    rgba(70, 196, 229, 0) 81%
  );
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: -122px;
  left: -153px;
}
.income {
  width: 489px;
  max-width: 489px;
  /* height: 166px; */
  height: auto;
  margin: 22px 0 12px 0;
}
.offers {
  text-align: center;
}
.offers p {
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.2em;
  color: white;
  background-color: black;
  display: inline;
  padding: 6px 10px;
  border-radius: 12px 0;
}
.offers h3 {
  font-size: var(--font-size-13xl);
  font-style: italic;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  color: #46c4e5;
}
.eCoversCard {
  width: 100%;
  padding: 10px 40px 30px 10px !important;
  margin-top: -250px;
  background: linear-gradient(179.7deg, #53288f 40.46%, #09092f 93.18%)
      padding-box,
    linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%) border-box;
  border-radius: 32px;
  border: 11px solid transparent;
  box-shadow: 0px 14px 50px 0px #36004f6e;
  position: relative;
  z-index: 100;
}
.strip1 {
  /* width: 1440px; */
  width: 100%;
  height: 348.46px;
  position: relative;
  bottom: 185px;
  z-index: 10;
}
.roadmap {
  border: 1px solid transparent;
  background: linear-gradient(180deg, #620eb7 4.28%, hsl(239, 67%, 14%) 82.5%),
    linear-gradient(180deg, #a500b4 0%, #6a00c5 100%);
  margin-top: -40px;
}
.bothroadmap {
  display: flex;
  align-items: center;
  column-gap: 10rem;
  overflow: hidden;
}
.firstroad {
  width: 609px;
  height: 575px;
}
.secondroad {
  width: 475px;
}
.secondroad h1 {
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #b977cd;
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-61xl);
  font-style: italic;
  font-weight: 700;
  line-height: 103px;
  text-transform: uppercase;
  background: linear-gradient(180deg, #fff 0%, #f9b1ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 32px rgba(233, 46, 249, 0.87))
    drop-shadow(0 4px #0000008c);
}
.secondroad h2 {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-29xl);
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.secondroad p {
  font-family: var(--font-futura-pt);
  color: var(--color-white);
  font-size: var(--font-size-7xl);
  /* font-style: normal; */
  font-weight: 450;
  line-height: 32px; /* 31.2px */
  /* width: 432px; */
  margin: 30px 0;
  font-stretch: 100%;
}
.secondroad h4 {
  font-family: var(--font-futura-pt);
  color: var(--pink);
  font-size: var(--headings-24-h4-size);
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 31.2px */
  text-transform: uppercase;
  width: 350px;
}
.training {
  padding-top: 138px;
  position: relative;
  background: linear-gradient(
    198.7deg,
    rgba(39, 48, 255, 0) -12.85%,
    rgba(206, 61, 234, 0.51) 1.9%,
    rgba(255, 182, 41, 0) 37.93%
  );
  overflow: hidden;
}
.testimonials-icon {
  position: absolute;
  bottom: 0;
  /* width: 1440px; */
  width: 100%;
  height: 732px;
}
.trainingboth {
  display: flex;
  align-items: center;
  justify-content: center;
}
.trainingbothgap {
  column-gap: 3rem;
}
.trainingfirst {
  width: 590px;
}
.trainingfirstcom {
  width: 620px;
}
.trainingfirst h1,
.trainingfirsth1 {
  text-shadow: 0px 4px 12px rgba(166, 43, 223, 0.25);
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: var(--color-white);
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-61xl);
  font-style: italic;
  font-weight: 700;
  line-height: 103px;
  text-transform: uppercase;
  background: linear-gradient(264deg, #ff3e8f -0.08%, #e10019 99.92%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.trainingfirst h2 {
  color: #6d01c5;
  font-family: var(--font-futura-pt);
  font-size: var(--headings-40-h2-size);
  font-weight: 700;
  line-height: 53px;
}
.trainingfirst p {
  color: var(--black);
  font-family: var(--font-futura-pt);
  font-size: var(--headings-24-h4-size);
  font-style: normal;
  font-weight: 450;
  line-height: 29px; /* 28.8px */
  margin: 30px 0;
}
.trainingfirst h4 {
  color: var(--black);
  font-family: var(--font-futura-pt);
  font-size: var(--headings-24-h4-size);
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
}
.together1 {
  margin: 0 60px 0 0;
}
.together2 {
  margin: 0 60px 0 0;
}
.trainingsecond {
  width: 687px;
  height: 532px;
  position: relative;
  z-index: 10;
}
.line1 {
  width: 723.5px;
  height: 161px;
  position: absolute;
  left: 250px;
  top: 0;
}
.line2 {
  width: 612px;
  height: 60px;
  position: absolute;
  top: 76px;
  left: 23px;
}
.line3 {
  width: 698px;
  height: 161px;
  position: absolute;
  top: 580px;
  left: 0;
}
.line4 {
  width: 777px;
  height: 149px;
  position: absolute;
  top: 655px;
  right: 0;
}
.line5 {
  width: 411.5px;
  height: 60px;
  position: absolute;
  top: 624px;
  right: 0;
  z-index: 0;
}
.trainingthird {
  width: 735px;
  height: auto;
}
.trainingbothmargin {
  margin-top: 90px;
  justify-content: start;
}
.Testimonials {
  padding: 70px 0 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.Testimonials h2 {
  color: var(--black);
  text-shadow: 0px 4px 12px rgba(166, 43, 223, 0.25);
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: var(--color-white);
  font-size: var(--font-size-37xl);
  font-style: italic;
  font-weight: 700;
  line-height: 72px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 0 0 0 80px;
  text-shadow: 0px 4px 12px #a62bdf40;
}

.Testimonialimgs {
  height: 280px;
  width: 100%;
  direction: ltr;
  position: relative;
  z-index: 6;
}
.playbutton {
  width: 72.49px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.testflex {
  display: inline-flex;
  column-gap: 2rem;
}

.Testimonialimg {
  width: 384px;
  height: 220px;
  border-radius: 24px;
  border: 6px solid transparent;
  box-shadow: 0px 0px 10px 0px rgba(86, 101, 182, 0.25),
    0px 31px 33px -12px rgba(53, 40, 105, 0.25),
    0px 31px 22px -27px rgba(53, 40, 105, 0.45);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.Testimonialimg:hover {
  /* padding: 6px; */
  /* border: 6px solid transparent; */
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%)
    border-box;
}
.strip2 {
  /* width: 1609.485px; */
  width: 108%;
  height: 456.061px;
  /* height: auto; */
  position: absolute;
  left: -60px;
  top: 0;
  z-index: 2;
}
.EMPIRELY {
  background: linear-gradient(0deg, #131456 0%, #09092f 100%);
  position: relative;
  z-index: 1;
  margin-top: -30px;
  overflow: hidden;
}
.EMPIRELYText {
  background: transparent;
  text-align: center;
  margin: 0 auto;
  width: 950px;
}
.EMPIRELYText p {
  font-size: var(--headings-24-h4-size);
  font-family: var(--font-futura-pt);
  font-weight: 450;
  line-height: 29px;
  letter-spacing: 0em;
  color: var(--color-white);
  margin: 30px 0;
}
.EMPIRELYText h4 {
  font-size: var(--font-size-13xl);
  font-family: var(--font-futura-pt);
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
  color: #df84ff;
  margin-bottom: 20px;
}

.EMPIRELY h2 {
  color: var(--color-white);
  text-shadow: 0px 4px 12px rgba(166, 43, 223, 0.25);
  font-size: var(--font-size-37xl);
  font-family: var(--font-futura-pt);
  font-style: italic;
  font-weight: 700;
  line-height: 97px;
  text-transform: uppercase;
  /* width: 693px; */
  margin: 0 auto;
  padding-top: 60px;
}
.doller {
  font-size: var(--font-size-61xl);
  line-height: 126px;
  background-color: #e10019;
  padding: 0 10px;
  text-shadow: 0px 7px 12px #0000008c;
}
.empirelytable {
  width: 842px;
  margin: 0 auto;
}
.empirelytable table {
  border-collapse: collapse;
  width: 100%;
}
.empirelytable table tbody {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
}
.tabletl {
  border-radius: 16px 0 0 0;
}
.tabletr {
  border-radius: 0 16px 0 0;
}
.tablebr {
  border-radius: 0 0 16px 0;
}
.tablebl {
  border-radius: 0 0 0 16px;
}
.empirelytable table tbody tr td {
  width: 50%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    103deg,
    rgba(9, 10, 49, 0.8) 0%,
    rgba(35, 29, 77, 0.5) 100%
  );
  backdrop-filter: blur(6px);
  padding: 16px 24px;
  color: var(--color-white);
  font-size: var(--font-size-3xl);
  font-style: normal;
  font-weight: 400;
  line-height: 33px; /* 33px */
}

.empirelytable table tbody tr td span {
  font-weight: 700;
}
.boximg1 {
  width: 159px;
  height: 181px;
  position: absolute;
  top: 260px;
  left: 0px;
  opacity: 0.6;
  rotate: -13.947deg;
}
.float11 {
  width: 151.22px;
  height: 114.64px;
  position: absolute;
  top: 80px;
  right: 140px;
  rotate: -25deg;
  opacity: 0.6;
}
.circle5 {
  width: 97px;
  height: 98px;
  opacity: 0.7;
  position: absolute;
  left: 113px;
  top: 720px;
}
.trianglefloat1 {
  width: 193.97px;
  height: 152.08px;
  position: absolute;
  bottom: 700px;
  right: -69px;
  rotate: 7.98deg;
  opacity: 0.7;
}
.fotraus {
  width: 100%;
  height: 990px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.EMPIRELY h5 {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-13xl);
  font-weight: 450;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
  width: 950px;
  margin: 40px auto 0 auto;
  color: white;
}
.EMPIRELY h5 span {
  font-weight: 700;
  background: linear-gradient(270deg, #c930ff 3.99%, #ffb629 57.18%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.empire {
  display: flex;
  align-items: center;
}
.BOXX2 {
  width: 658px;
  /* height: 677px; */
  height: auto;
  position: relative;
  z-index: 2;
}
.empiresecond {
  position: relative;
}
.empiresecond h3 {
  width: 613px;
  color: var(--color-white);
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6);
  font-size: var(--font-size-33xl);
  font-family: var(--font-futura-pt);
  font-style: normal;
  font-weight: 800;
  line-height: 63px; /* 62.4px */
  text-transform: uppercase;
  position: relative;
  z-index: 4;
}

.empiresecond h1 {
  position: absolute;
  top: -88px;
  right: -490px;
  z-index: 1;
  color: rgba(40, 11, 88, 0.6);
  text-align: center;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
  font-size: var(--font-size-83xl);
  font-style: normal;
  font-weight: 800;
  line-height: 120%; /* 122.4px */
  text-transform: uppercase;
  width: 1415px;
}
.backh3 {
  border-radius: 1212px;
  background: radial-gradient(50% 50%at 50% 50%, #f5b6fb, #2d15c5);
  filter: blur(20px);
  opacity: 0.6;
  width: 1212px;
  height: 160px;
  position: absolute;
  z-index: 2;
  right: -74%;
  top: -40px;
}

.empiresecond a {
  display: flex;
  width: 400px;
  height: 80px;
  padding: 16px 24px;
  position: relative;
  z-index: 4;
  margin: 20px auto;
  color: white;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 76px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  background: var(
    --Red-Gradient,
    linear-gradient(264deg, #ff3e8f -0.08%, #e10019 99.92%)
  );
  box-shadow: 0px 18px 30px -10px rgba(53, 0, 86, 0.81);
  text-decoration: none;
}
.empiresecond a .sign {
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  /* Headings/24 - H4 */
  font-size: var(--headings-24-h4-size);
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 31.2px */
}
.empiresecond a .access {
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 23.4px */
}
.ourvision {
  background: linear-gradient(180deg, #620eb7 4.28%, hsl(239, 67%, 14%) 82.5%);
  position: relative;
  overflow: hidden;
}
.strip3 {
  width: 100%;
  position: relative;
  z-index: 6;
}
.strip4 {
  width: 100%;
  /* margin-top: -165px; */
  margin-top: calc(-165px);
  position: relative;
  top: 65px;
  z-index: 5;
}
.vision {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ourvisionbg {
  width: 100%;
  height: 780px;
  position: absolute;
  bottom: 0;
  z-index: 0;
}
.ourvisionbgmobile {
  width: 100%;
  height: 1000px;
  position: absolute;
  bottom: 0;
  z-index: 0;
  display: none;
}
.gogleman {
  width: 300px;
  /* height: 604px; */
  height: auto;
  position: relative;
  z-index: 1;
  margin-bottom: -4px;
}
.empower {
  width: 860px;
  position: relative;
}
.empower h2 {
  text-align: center;
  text-shadow: 0px 4px 32px rgba(28, 6, 38, 0.65);
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: var(--color-white);
  font-size: var(--font-size-37xl);
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  text-transform: uppercase;
  background: linear-gradient(270deg, #c930ff 10.37%, #ffb629 90.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.empower h1 {
  text-align: center;
  position: absolute;
  top: -85px;
  width: 780px;
  font-size: var(--font-size-97xl);
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    rgba(255, 132, 221, 0.53) 0%,
    rgba(246, 28, 106, 0) 65.44%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.empower p {
  color: #fff;
  margin: 30px 0 20px 0;
  text-align: center;
  text-shadow: 0px 4px 32px rgba(28, 6, 38, 0.65);
  font-size: var(--font-size-3xl);
  font-style: normal;
  font-weight: 450;
  line-height: 31px; /* 30.8px */
}

.empower h4 {
  color: #df84ff;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: var(--headings-24-h4-size);
  font-style: normal;
  font-weight: 700;
  line-height: 29px; /* 28.8px */
}
.empower h5 {
  color: #df84ff;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 450;
  line-height: 22px; /* 21.6px */
}
.trianglefloat2 {
  width: 193.97px;
  height: 152.08px;
  position: absolute;
  left: -30.88px;
  bottom: 320px;
  rotate: -7.98deg;
}
.trianglefloat222 {
  width: 100px;
  height: 36px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.yesdisplay {
  display: none;
}
iframe {
  width: 100%;
  height: auto;
  border-radius: 24px;
  aspect-ratio: 1/0.59;
}





.products-main{
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  margin-top: 24px;
  margin-bottom: 60px;
}
.products-main-box{
  background: linear-gradient(102.93deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%) padding-box, linear-gradient( 123.17deg, rgba(255, 255, 255, 0.2) 23.39%, rgba(255, 255, 255, 0.08) 38.18% ) border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.products-main-box .TurboChargeImage1{
  padding: 40px 20px 10px;
}
.firstlist ul li, .secondlist ul li {
  display: grid;
  grid-template-columns: 60px auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.firstlist ul li .icon, .secondlist ul li .icon{
  position: unset;
}
.firstaffilia ul li .icon, .secondaffilia ul li .icon{
  position: unset;
}
.backeBooks {
  font-family: var(--font-futura-pt);
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  background: linear-gradient( 180deg, rgba(255, 132, 221, 0.53) 50%, rgba(246, 28, 106, 0) 65.44% );
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 1580px;
  position: relative;
  z-index: 0;
  left: calc(20% - 222px);
  text-wrap: nowrap;
  margin-left: -50px;
  font-size: var(--font-size-97xl);
  line-height: 149px;
  font-style: italic;
}
#capturely .backeBooks{
  width: auto;
  left: 0;
  margin-left:0;
  line-height: 140px;
    margin-top: -30px;
}
#capturely .backeBooks{
  -webkit-text-fill-color: #ff84dd87;
}
.heading1 {
  font-size: var(--font-size-97xl);
  line-height: 149px;
  font-style: italic;
  font-weight: 800;
}
.gradiantc930ff {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-23xl);
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px 4px 4px #00000099);
  position: relative;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #ffffff80;
}




.new-application-main-area{
  padding: 350px 0 100px 0 !important;
    margin: -530px 0 0 0 !important;
}
.new-application-section{
  margin-top: 50px;
}
.sqrindle {
  width: 100%;
  padding: 10px 40px 30px 10px !important;
  background: linear-gradient(white 100%, white 100%) padding-box, linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%) border-box;
  border-radius: 32px;
  border: 11px solid transparent;
  box-shadow: 0px 14px 50px 0px #36004f6e;
  position: relative;
  z-index: 100;
  overflow: hidden;
}
.bothsqrindle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.palettewithcircle {
  position: relative;
}
.circlelightsky {
  width: 889px;
  height: 889px;
  background: linear-gradient( 122.66deg, #46c4e5 12.39%, rgba(70, 196, 229, 0) 81% );
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: -122px;
  left: -153px;
}
.voicely-box-main .circlelightsky {
  top: -225px;
  left: -215px;
  background: linear-gradient( 122.66deg, #7dcc7c 12.39%, rgba(70, 196, 229, 0) 81% );
}
.palette {
  width: calc(535px);
  height: auto;
  top: 21px;
  left: 20px;
  z-index: 999;
  margin-top: 50px;
  position: relative;
}
.voicely-box-main .offers {
  text-align: center;
  margin-right: 0px;
}
.offers p {
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.2em;
  color: white;
  background-color: black;
  display: inline;
  padding: 6px 10px;
  border-radius: 12px 0;
}
.income {
  width: 489px;
  max-width: 489px;
  /* height: 166px; */
  height: auto;
  margin: 22px 0 12px 0;
}
.online {
  display: flex;
  border: 1px solid #6e6e89;
  border-radius: 18px;
  position: relative;
  z-index: 100;
}
.firstonline {
  border: 1px solid #333333;
  border-radius: 16px 0 0 16px;
}
.firstonline, .secondonline {
  background: linear-gradient(180deg, #000000 0%, #353535 100%) padding-box;
  width: 50%;
  padding: 16px;
}
.firstonline ul, .secondonline ul {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: white;
}
.firstonline ul li, .secondonline ul li {
  display: grid;
  grid-template-columns: 60px auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.online .icon {
  width: 56px;
  height: 56px;
  position: unset;
  /* margin-right: 16px; */
}
.offers{
  text-align: center;
}
.offers h3 {
  font-size: var(--font-size-13xl);
  font-style: italic;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  color: #46c4e5;
}




.circleclickly {
  background: linear-gradient( 122.66deg, #F76300 -102.61%, rgba(70, 196, 229, 0) 81% );
  top: -250px;
  left: -250px;
}
.paletteclickly {
  height: auto;
  top: 0;
  left: -40px;
  width: 100%;
  max-width: 500px;
  margin-top: 50px;
  margin-left: 60px;
}


/* bookmarkly css  */
.bookMarklyMain{
  margin-bottom: 0px !important;
  

}
.bookMarklyMain .circlelightsky{
  background: linear-gradient(151.19deg, rgba(240, 17, 92, 0.33) 8.14%, rgba(240, 17, 92, 0) 86.52%);
  left: -270px;
  top: -290px;
}
.bookMarklyMain .offers h3{
  font-style: normal;
  color: #1E1E1E;

}

.bookMarklyMain .bothsqrindle{
  margin-bottom: 50px;
}
.bookMarklyMain .palette{
  margin-top: 0px;
}
.bookMarklyMain .sqrindle{
  margin-bottom: 100px !important;
  

} 

/* invoicely  */
div#invoicely{
  background: #0a0b35;
  margin-top: 0;
  padding: 50px 0px 0px;
}
div#invoicely .circlelightsky {
  background: linear-gradient(151.19deg, rgba(240, 17, 92, 0.33) 8.14%, rgba(240, 17, 92, 0) 86.52%);
  left: -270px;
  top: -290px;
}
div#invoicely .sqrindle {
  margin-top: 0px !important;
}
div#invoicely .offers h3{
  color: #000;
  font-style: normal;
}
div#invoicely .palette{
  margin-top: 0;
  top: 0;
}
div#invoicely .circlelightsky{
  background: none;
  left: -40px;
    top: -30px;
}
.uInvoicelySec{
/* margin-top: -100px !important; */
z-index:99999;
}
/* invoicely  end */

/* thumbly  */

.pThumblyMain {
    padding: 20px 0px 0px !important;
}
.pThumblyMain .ContentBox {
    margin-bottom: 200px !important;
}
/* thumbly end */
.expandReachMain{
  margin-bottom: 100px;
}
.sellCoursesMain{
  margin-top: 100px;

}
/* story book sec  */
.storyBookMain{
  padding-bottom: 60px;
}
.storyBookMain .income{
  max-width: 300px;
}
.pTranscriblyMain{
  padding-bottom: 0px !important;

}

.pTranscriblyMain .monobgiconupper {
    width: 100%;
    height: auto;
    position: relative;
    top: 6px;
    left: 0;
    z-index: 10;
}
.pTranscriblyMain .monobg{
  margin-top: 0 !important;
}
#thumbly  .offers h3 {
    font-style: normal;
    color: #1E1E1E;
}
.pTranscriblyMain  .offers h3 {
    font-style: normal;
}

/* story book sec end */

.reviewlyMain{
  padding-bottom: 80px !important;
}
.reviewlyMain .circlelightsky {
    background: linear-gradient(122.66deg, #7dcc7c 12.39%, rgba(70, 196, 229, 0) 81%) !important;
}
.reviewlyMain .income {
    max-width: 100% !important;
}
#surveyly{
  padding-bottom: 20px !important;
}
@media screen and (max-width: 2560px) {
  .purchaze {
    margin-bottom: 0%;
  }
  .members {
    padding: 0 0 430px 0;
    margin: 0 0 -505px 0;
  }
  .pluslot {
    padding: 425px 0 40px 0;
    margin: -435px 0 0 0;
  }
  .Vector2upper1 {
    margin: -240px 0 0 0;
  }
  .everythingunl {
    padding: 565px 0 300px 0;
    margin: -530px 0 -300px 0;
  }
  .Vector105 {
    margin: -37px 0 0 0;
  }
  .refund {
    padding: 470px 0 256px 0;
    margin: -495px 0 0 0;
  }
}
@media screen and (max-width: 1920px) {
  .purchaze {
    margin-bottom: 4%;
  }
  .everythingunl {
    padding: 470px 0 300px 0;
    margin: -530px 0 calc(-22% - 30px) 0;
  }
}
@media screen and (max-width: 1600px) {
  .purchaze {
    margin-bottom: 8%;
  }
  .advance {
    padding: 0 0 315px 0;
  }
  .NewMockup8 {
    bottom: -285px;
  }
  .UpgradeSqribbleBox {
    width: 487.86px;
    top: -62px;
  }
  .platinum {
    margin-bottom: 50px;
  }

}
@media screen and (max-width: 1440px) {
  .purchaze {
    margin-bottom: 6%;
  }
  .UpgradeSqribbleBox {
    top: -30px;
  }
  .advance-container {
    padding: 90px 0 0 0;
  }
  .NewMockup8 {
    bottom: -300px;
  }
  .Floating1,
  .Asset52x,
  .Floating2 {
    display: none;
  }
  .Trail1,
  .Trail2 {
    height: 650px;
  }
  .advance {
    padding: 0 0 250px 0;
  }
  .BGShapeupper {
    margin: -120px 0 0 0;
  }
  .WaveGradient12321 {
    margin: -308px 0 0 0;
  }
  .Vector2upper1 {
    margin: -145px 0 0 0;
  }
  .Vector105 {
    margin: -180px 0 0 0;
  }
  .Vector122 {
    margin: 0 0 -200px 0;
  }
  .Vector10021112212312 {
    margin: -185px 0 0 0;
  }
  .BGShapeupper12 {
    margin: -100px 0 0 0;
  }
  .Vector129 {
    margin: -225px 0 0 0;
  }
  .everythingunl {
    padding: 300px 0 170px 0;
    margin: -325px 0 -285px 0;
  }
  .Frame2211 {
    margin: -70px 0 -4px 0;
  }
  .presantation.incom-gen-box {
    margin: 0;
    padding-top: 250px;
}
.presantation.bonus-create-main{
    padding-top: 250px;


}
.presantation {
  
  padding-top: 220px;

}
}

@media screen and (max-width: 1300px) {
  .advance-container {
    margin: -42% 0 0 0;
  }
  .unlocktext {
    padding: 30px 0;
  }
  .pluslot {
    padding: 425px 0 40px 0;
    margin: -40% 0 0 0;
  }
  .Banner321 {
    margin-top: 50px;
  }
  .everythingunl {
    margin: -325px 0 -190px 0;
  }
  .PremiumTemplatesImage {
    margin-top: -105px;
  }
  .Vector10021112212312 {
    margin: -125px 0 0 0;
  }

  .Puzzletext {
    margin-top: -24%;
  }
  .genratortext,
  .singletext {
    margin-top: -30%;
  }
  .Frame2211 {
    margin: -44px 0 -4px 0;
  }
  .Multilingualtext,
  .writingtext,
  .stocktextmar,
  .softwaremrg,
  .turbomrg {
    margin-top: -20%;
  }
  .Buildertext,
  .fiction1text,
  .effortlesslytext,
  .combinetext,
  .innertext,
  .incredibletext,
  .ebooktext {
    padding: 30px 30px 30px 0;
  }
  .platinum {
    top: 0;
  }
  .Banner121 {
    margin: 0 0 30px 0;
  }
  .questions {
    width: 90%;
  }
  .HighCosts {
    width: 70%;
  }
  .NewMockup8 {
    bottom: -215px;
  }
  .WaveGradient12321 {
    margin: -270px 0 0 0;
  }
  .Vector129 {
    margin: -190px 0 0 0;
  }
  .Maximize {
    margin: -8px 0;
  }
}


@media (max-width: 1199px){
      .presantation.incom-gen-box {
        margin: 0;
        padding-top: 300px;
    }
    .presantation.bonus-create-main{
    padding-top: 300px;

}
.bon-ceateSales-sec{
  margin-bottom: 100px !important;
}
.bookMarklyMain {
    margin-bottom: 0px !important;
    padding: 100px 0px;
}
}

@media screen and (max-width: 900px) {
  .bothsqribble, .bothsqrindle {
    flex-direction: column-reverse;
  }
  .income {
    width: 100%;
  }
  .circlelightsky {
    width: 406.42px;
    height: 406.42px;
    top: -10px;
    left: -50px;
  }
  .palette {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
  }
  .paletteclickly{
    margin-top: 15px;
    margin-left: 0;
  }
  .minuts, .online {
    flex-direction: column;
    border-radius: 24px;
  }
  .online {
    margin: 0;
    background: linear-gradient(180deg, #000000 0%, #353535 100%) padding-box;
  }
  .firstonline ul li, .secondonline ul li {
    grid-template-columns: 44px auto;
    gap: 12px;
  }
  .firstlist, .secondlist, .firstonline, .secondonline, .firstaffilia, .secondaffilia {
    width: 100%;
  }
  .firstonline, .secondonline {
    background: transparent;
    border: 0 solid transparent;
  }
  .firstlist, .firstaffilia, .firstonline {
    border-radius: 24px 24px 0 0;
    padding: 16px 16px 0 16px;
  }
  .sqrindle {
    padding: 10px 10px !important;
  }
  .Group1738 {
    width: 100%;
  }
  .purchaze h3 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
    padding: 0 20px;
  }
  .WaveGradient {
    top: -46px;
  }
  .advance-container {
    margin: -116px 0 0 0;
    padding: 20px 0 0 0;
  }
  .advance {
    padding: 0 0 255px 0;
  }
  .platinum {
    flex-direction: column;
    top: -30px;
  }
  .UpgradeSqribbleBox {
    width: 100%;
    top: 0;
  }
  .platinumtext p {
    font-size: var(--font-size-lg);
    line-height: 24px;
  }
  .platinumtext {
    width: 100%;
    margin-top: -40px;
  }
  .PlatinumTitle {
    width: 100%;
  }
  .platinumtext h5 {
    font-size: var(--headings-24-h4-size);
    line-height: 36px;
  }
  .Banner121 {
    display: none;
  }
  .Group1628 {
    width: 100%;
    height: auto;
    margin: 20px auto;
    display: block;
  }
  .advance .Turbo-Charge {
    font-size: var(--font-size-lg);
    line-height: 24px;
    padding: 0;
    margin: 0 0 30px 0;
    text-shadow: none;
  }
  .months h3 {
    margin: -30px 0 0 -30px;
  }
  .days30 {
    margin: 10px auto;
    justify-content: center;
  }
  .intoducingimg {
    width: 100%;
    height: auto;
    border: 8px solid transparent;
  }
  .Trail1,
  .Trail2 {
    height: 700px;
  }
  .Trail1 {
    bottom: 80px;
  }
  .Trail2 {
    bottom: 0;
  }
  .advance .platinum-btn,
  .Vector99121 {
    display: none;
  }
  .creationsss {
    margin: 20px 0 0 0;
  }
  .regular h3 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
    margin-top: 20px;
  }
  .Group1606 {
    width: 100%;
  }
  .regular h5 {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .NewMockup8 {
    bottom: -75px;
  }
  .brandnew {
    top: -8px;
  }
  .brandnewpara1div {
    margin-top: -10px;
  }
  .unlock {
    flex-direction: column;
    padding: 0 0 20px 0;
  }
  .BestDealIllustration {
    width: 100%;
  }
  .unlocktext h2 {
    font-size: 36px;
    line-height: 47px;
  }
  .pluslot {
    padding: 425px 0 40px 0;
    margin: -435px 0 0 0;
  }
  .unlocktext h6 {
    font-size: var(--font-size-7xl);
    line-height: 34px;
  }
  .unlocktext .platinum-btn span {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .Asset52x1,
  .Floating11,
  .Asset52x122234,
  .Ellipse15Stroke,
  .Floating21342,
  .Asset1,
  .Asset63212x {
    width: 50px;
    height: auto;
  }
  .Floating11 {
    top: 200px;
  }
  .Floating21342 {
    right: auto;
    left: 0;
    top: 300px;
  }
  .Ellipse15Stroke {
    top: 100px;
  }
  .Floating121,
  .Floating22112213,
  .Asset6,
  .Floating321452,
  .Asset6662x,
  .Asset72x,
  .Ellipse15,
  .Floating31452,
  .Asset10,
  .Asset644332x,
  .Asset71232x,
  .Asset52x667782,
  .Floating212345,
  .Floating9872,
  .Ellipse1521Stroke {
    display: none;
  }
  .Asset52x3212 {
    top: 255px;
  }
  .Asset5552x2 {
    left: -40px;
    top: 1200px;
  }
  .Asset62x {
    right: -10px;
    left: auto;
    width: 60px;
    height: auto;
  }
  .platinummembers h3 {
    font-size: 36px;
    line-height: 47px;
  }

  .Testimonialimgs {
    height: 400px;
  }
  .testimony {
    padding: 16px;
    width: 550px;
  }
  .brooklyn-simmons {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .star-rating-icon {
    height: auto;
    margin: -23px 0 -27px 0;
  }
  .this-is-just {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .BGShapeupper {
    margin: -90px 0 0 0;
  }
  .brandnew .brandnewpara1,
  .brandnew h3 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .brandnew .brandnewpara1 {
    margin-top: 30px;
  }
  .languages h4 {
    font-size: var(--font-size-97xl-mobile);
    line-height: 83.2px;
  }

  .rockettext {
    /* width: 460px; */
    width: 100%;
  }
  .rockettext p {
    font-size: var(--font-size-sm);
    line-height: 19px;
    width: auto;
  }
  .rocket-container {
    gap: 0;
    padding: 20px;
    margin: 50px auto;
  }
  .rocket-container .Rocket {
    margin: 0 0 0 -54px;
    width: 100%;
  }
  .mobicon {
    display: none;
  }
  .textloaded h3 {
    margin: 0;
    font-size: var(--font-size-13xl);
    line-height: 39px;
    margin-top: 16px;
  }
  .BGShapebottom {
    margin: -10px 0 0 0;
  }
  .Everything {
    grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 " "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2" "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 ";
    padding: 40px 0 0 0;
  }
  .languages h2 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .languages h4 {
    right: -130px;
  }
  .creator {
    width: 140px;
  }
  .creator h6 {
    font-size: var(--font-size-base);
    line-height: 24px;
  }
  .storage h3 {
    font-size: var(--font-size-13xl);
    line-height: 39px;
  }
  .audio {
    width: 140px;
  }
  .audio p {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .templates h3 {
    font-size: var(--font-size-13xl);
    line-height: 39px;
  }
  .articals {
    flex-wrap: wrap;
  }
  .grammer {
    width: 140px;
  }
  .grammer p {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .Banner {
    display: none;
  }
  .uncapped {
    flex-direction: column-reverse;
  }
  .WaveGradient12321 {
    margin: -75px 0 0 0;
  }
  .GirlFeatures,
  .uncappedtext {
    width: 100%;
  }
  .uncappedtext h2 {
    font-size: var(--font-size-29xl);
    line-height: 53px;
  }
  .uncappedtext h5 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
    text-align: center;
  }
  .faster {
    flex-direction: column-reverse;
  }
  .fastertext {
    width: 100%;
  }
  .fastertext p {
    font-size: var(--font-size-lg);
    line-height: 27px;
    padding: 20px;
    text-align: center;
  }
  .SuccessPlatinum {
    width: 100%;
    margin: 0;
  }
  .unrestricted {
    flex-direction: column;
  }
  .BestDealIllustration12,
  .unrestrictedtext {
    width: 100%;
  }
  .unrestrictedtext h2 {
    font-size: 30px;
    line-height: 45px;
  }
  .unrestrictedtext h5 {
    font-size: var(--font-size-xl);
    line-height: 32px;
  }
  .Vector104 {
    margin: 0;
  }
  .Vector2upper1 {
    margin: -96px 0 0 0;
  }
  .unrestrictedtext .platinum-btn {
    width: 100%;
    padding: 24px;
  }
  .unrestrictedtext .platinum-btn span {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .unlocktext .platinum-btn {
    padding: 24px;
  }
  .Vector128 {
    height: 1170px;
  }
  .access h3 {
    font-size: var(--font-size-13xl);
    line-height: 39px;
    padding-top: 10px;
  }
  .access h2 {
    font-size: var(--font-size-29xl);
    line-height: 63px;
  }
  .combine {
    flex-direction: column;
  }
  .MixMatchImage,
  .combinetext {
    width: 100%;
  }
  .combinetext {
    padding: 0 20px 20px 20px;
  }
  .combinetext span,
  .Multilingualtext span,
  .genratortext span,
  .Buildertext span,
  .singletext span,
  .writingtext span,
  .fiction1text span,
  .coloringtext span,
  .Puzzletext span,
  .innertext span {
    font-size: var(--font-size-xs);
    line-height: 16px;
  }
  .combinetext h5,
  .Multilingualtext h5,
  .genratortext h5,
  .Buildertext h5,
  .singletext h5,
  .writingtext h5,
  .fiction1text h5,
  .coloringtext h5,
  .Puzzletext h5,
  .innertext h5 {
    font-size: var(--font-size-13xl);
    line-height: 42px;
  }
  .combinetext h6,
  .Multilingualtext h6,
  .genratortext h6,
  .Buildertext h6,
  .singletext h6,
  .writingtext h6,
  .fiction1text h6,
  .coloringtext h6,
  .Puzzletext h6,
  .innertext h6 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .combinetext p,
  .Multilingualtext p,
  .genratortext p,
  .Buildertext p,
  .singletext p,
  .writingtext p,
  .fiction1text p,
  .coloringtext p,
  .Puzzletext p,
  .innertext p {
    font-size: var(--font-size-base);
    line-height: 21px;
  }
  .newtemplate {
    grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 " "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 " "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 " "item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 " "item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 " "item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 " "item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 " "item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 " "item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 " "item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 ";
  }
  .Multilingualtext {
    padding: 0 20px 20px 20px;
    margin: -75px 0 0 0;
  }
  .genratortext {
    padding: 0 20px 20px 20px;
    margin: -150px 0 0 0;
  }
  .Builder {
    flex-direction: column;
  }
  .Buildertext {
    padding: 0 20px 20px 20px;
  }
  .AiEmailListImage,
  .Buildertext {
    width: 100%;
  }
  .singletext {
    padding: 0 20px 20px 20px;
    margin: -85px 0 0 0;
  }
  .writingtext {
    padding: 0 20px 20px 20px;
    margin: -60px 0 0 0;
  }
  .fiction1 {
    flex-direction: column;
  }
  .AIFictionBookIMage,
  .fiction1text {
    width: 100%;
  }
  .fiction1text {
    padding: 0 20px 20px 20px;
    margin: 0 0 0 0;
  }
  .coloringtext {
    padding: 0 20px 20px 20px;
    margin: 0 0 0 0;
  }
  .Puzzletext {
    padding: 0 20px 20px 20px;
    margin: -55px 0 0 0;
  }
  .inner {
    flex-direction: column;
  }
  .AIArtGeneratorImage,
  .innertext {
    width: 100%;
  }
  .innertext {
    padding: 0 20px 20px 20px;
    margin: -6px 0 0 0;
  }
  .Vector105 {
    margin: -120px 0 0 0;
  }
  .everythingunl {
    margin: -140px 0 -130px 0;
    padding: 155px 0 0 0;
  }
  .everythingunl h2 {
    font-size: var(--font-size-29xl);
    line-height: 63px;
  }
  .Editiontext {
    margin-top: 30px;
  }
  .PremiumTemplatesImage {
    margin-top: -50px;
  }
  .perfect {
    grid-template-areas:
      "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 " "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 "
      "item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 "
      "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 "
      "item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 " "item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6" "item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7" "item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 " "item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 " "item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 " "item11 item11 item11 item11 item11 item11 item11 item11 item11 item11 item11 item11" "item12 item12 item12 item12 item12 item12 item12 item12 item12 item12 item12 item12 " "item13 item13 item13 item13 item13 item13 item13 item13 item13 item13 item13 item13 " "item14 item14 item14 item14 item14 item14 item14 item14 item14 item14 item14 item14 ";
  }
  .ebook,
  .effortlessly,
  .eDocument,
  .payments {
    flex-direction: column;
  }
  .UnlimitedEbookCreationImage,
  .ebooktext,
  .AudioEbookIMage,
  .effortlesslytext,
  .DocSIgnImage,
  .EbookPaymentImage {
    width: 100%;
  }
  .ebooktext,
  .Speechtext,
  .Videotext,
  .premiumtext,
  .checkertext,
  .effortlesslytext {
    padding: 0 20px 20px 20px;
  }
  .ebooktext h3,
  .Speechtext h3,
  .Videotext h3,
  .effortlesslytext h3,
  .premiumtext h3,
  .checkertext h3 {
    font-size: var(--font-size-13xl);
    line-height: 42px;
  }
  .ebooktext h6,
  .Speechtext h6,
  .Videotext h6,
  .effortlesslytext h6,
  .premiumtext h6,
  .checkertext h6 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .ebooktext p,
  .Speechtext p,
  .Videotext p,
  .effortlesslytext p,
  .premiumtext p,
  .checkertext p {
    font-size: var(--font-size-base);
    line-height: 24px;
  }
  .Vector122 {
    margin: 66px 0 -100px 0;
  }
  .andget {
    margin: -4px 0 0 0;
  }
  .andget h3 {
    font-size: 37px;
    padding: 0 20px;
    line-height: 48px;
  }
  .library {
    grid-template-areas:
      "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 "
      "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2"
      "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 "
      "item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 "
      "item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5";
  }
  .stocktextmar {
    margin: -82px 0 0 0;
    padding: 0 20px 20px 20px;
  }
  .stocktext h5,
  .incredibletext h5 {
    font-size: var(--font-size-13xl);
    line-height: 42px;
  }
  .stocktext h6,
  .incredibletext h6 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .stocktext p,
  .incredibletext p {
    font-size: var(--font-size-base);
    line-height: 21px;
  }
  .stocktext,
  .incredibletext {
    padding: 0 20px 20px 20px;
  }
  .incredible {
    flex-direction: column;
  }
  .TemplatesImage,
  .incredibletext {
    width: 100%;
  }
  .turbomrg {
    margin: -72px 0 0 0;
  }
  .softwaremrg {
    margin: -66px 0 0 0;
  }
  .Frame2211 {
    margin: 0 0 -4px 0;
  }
  .Editiontext h2 {
    font-size: var(--font-size-37xl);
    line-height: 73px;
  }
  .Editiontext h1 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .Editiontext p {
    font-size: var(--font-size-lg);
    line-height: 18px;
    margin: 0;
  }
  .Magnettext {
    width: auto;
  }
  .Magnettext p {
    font-size: var(--font-size-sm);
    line-height: 18px;
  }
  .HighCosts {
    width: 96%;
    margin: -24px auto 0 auto;
    padding: 24px;
  }
  .HighCosts h3 {
    font-size: var(--font-size-28px);
    line-height: 37px;
    margin: 0 0 20px 0;
  }
  .CappedGroths {
    flex-direction: column;
  }
  .limitsparent {
    width: 100%;
  }
  .limits h5 {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .icons1 {
    width: 48px;
  }
  .Group1628123 {
    width: 94%;
    height: auto;
    margin: 20px auto 0 auto;
    display: block;
  }
  .Banner321 {
    display: none;
  }
  .Vector10021112212312 {
    margin: 0 0 0 0;
  }
  .BGShapeupper12 {
    margin: -80px 0 0 0;
  }
  .Maximize h4 {
    font-size: var(--font-size-13xl);
    line-height: 39px;
    padding-top: 30px;
  }
  .Maximize h3 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .CommercialLicense {
    width: 100%;
    margin: -45px 0 0 0;
  }
  .freelancers {
    margin: 0;
  }
  .Maximize {
    margin: -8px 0 -8px 0;
  }
  .refund {
    margin: -190px 0 10px 0;
    padding: 190px 0 250px 0;
  }
  .Banner2 {
    display: none;
  }
  .Group1628321454 {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 20px 0;
  }
  .Maximize p {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .Girltext {
    width: auto;
  }
  .Girltext p {
    font-size: var(--font-size-base);
    line-height: 24px;
  }
  .Girl {
    margin: 0 0 0 0;
  }
  .icon1girl {
    display: none;
  }
  .Vector129 {
    margin: -100px 0 0 0;
  }
  .refund .Vector132 {
    position: absolute;
    top: 34px;
    right: 88px;
    display: inline-block;
    width: 56px;
    height: auto;
  }
  .refund h1 {
    font-size: var(--font-size-29xl);
    line-height: 63px;
  }
  .refund h2 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .guarantee {
    flex-direction: column;
  }
  .MoneyBackGirl,
  .guaranteetext {
    width: 100%;
  }
  .guaranteetext h3,
  .guaranteetext .mbg {
    font-size: var(--font-size-13xl);
    line-height: 39px;
  }
  .guaranteetext .mbg span {
    display: inline-block;
  }
  .guaranteetext p {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .questions {
    width: 100%;
    gap: 10px;
  }
  .Group2216 {
    width: 247px;
    margin: 0 0 0 30px;
  }
  .questionstext {
    width: 300px;
  }
  .circlemail {
    width: 100%;
  }
  .questionstext p {
    font-size: var(--font-size-base);
    line-height: 24px;
  }
  .circle {
    width: 283px;
    height: 283px;
    top: -120px;
    left: -122px;
  }
  .Group1 {
    left: 84px;
  }
  .Group2 {
    top: 0;
    width: 47px;
  }
  .Group {
    left: 25px;
    bottom: 30px;
  }
  .Trail11,
  .Trail22 {
    bottom: 270px;
  }
  .ManMoneyImage {
    display: none;
  }
  .ManMoneyImage12 {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 100;
    display: block;
  }
  .refundfully {
    border: 8px solid transparent;
  }
  .refundfully .unlocktext .platinum-btn {
    padding: 16px;
  }
  .frequently .months27last {
    font-size: var(--font-size-61xl);
    line-height: 80px;
    margin: 0;
    text-align: center;
  }
  .fromjust {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* .months h4 {
    font-size: var(--font-size-28px);
    line-height: 37px;
    text-align: center;
  } */
  .months h3 span {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
    margin: 0 0 0 -30px;
  }
  .reseller {
    columns: 1;
  }
  .resellerprogram h3 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .resellerprogram p {
    font-size: var(--font-size-base);
    line-height: 24px;
    margin: 10px 0 0 0;
  }
  .SqribblePlatinumVortex {
    width: 100%;
    margin: -100px auto -85px auto;
  }
  .squibblesplatinum {
    margin: -275px 0 0 0;
    padding: 245px 0 0 0;
  }
  .Platinum1Title {
    width: 100%;
    margin: 65px auto -75px auto;
  }
  .squibblesplatinumtext {
    flex-wrap: wrap;
    gap: 8px;
  }
  .Vectorgrid-container {
    gap: 8px;
  }
  .Vectorgrid {
    height: auto;
  }
  .squibblesplatinumtext h1 {
    font-size: var(--font-size-lg);
    line-height: 24px;
  }
  .satisfiction-container {
    flex-direction: column;
    width: 100%;
  }
  .days123 {
    width: 100%;
  }

  .squibblesplatinum p {
    margin: 0;
    font-size: var(--font-size-xl);
    line-height: 32px;
  }
  .days123 .platinum-btn {
    width: 100%;
    padding: 24px;
  }
  /* .squibblesplatinumpara {
  } */
  .days123 .platinum-btn span {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .platinum {
    margin-bottom: 50px;
  }
  .presantation.incom-gen-box {
        
        padding-top: 100px;
    }
    .presantation.bonus-create-main{
    padding-top: 100px;

}
    .bookMarklyMain {
        margin-bottom: 0px !important;
        padding: 00px 0px 50px;
    }
    .eCovers.clickly-main-area.taskly-main-area {
    margin: 0 !important;
    padding: 0 !important;
}
.eCovers.appoint-section-main{
  margin: 0 !important;
    padding: 0 !important;
}
.eCovers.appoint-section-main .monobg {
    margin: 0 !important;
    padding-top: 125px !important;
}
#thumbly .monobg{
  margin: 0 !important;
}
}
@media screen and (max-width: 790px) {
  .Trail1,
  .Trail2 {
    height: 610px;
  }
  .advance {
    padding: 0 0 200px 0;
  }
  .products-main { 
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 690px) {
  .Trail1,
  .Trail2 {
    height: 525px;
  }
  .platinum-btn {
      padding: 0.75rem !important;
  }
}
@media screen and (max-width: 540px) {
  .Trail1,
  .Trail2 {
    height: 410px;
  }
  .advance {
    padding: 0 0 130px 0;
  }
}
@media screen and (max-width: 480px) {
  .Group1738 {
    width: 100%;
  }
  .purchaze h3 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
    padding: 0 20px;
  }
  .WaveGradient {
    top: -46px;
  }
  .advance-container {
    margin: -116px 0 0 0;
    padding: 20px 0 0 0;
  }
  .advance {
    padding: 0 0 75px 0;
  }
  .platinum {
    flex-direction: column;
    top: -30px;
  }
  .UpgradeSqribbleBox {
    width: 100%;
    top: 0;
  }
  .platinumtext p {
    font-size: var(--font-size-lg);
    line-height: 24px;
  }
  .platinumtext {
    width: 100%;
    margin-top: -40px;
  }
  .PlatinumTitle {
    width: 100%;
  }
  .platinumtext h5 {
    font-size: var(--headings-24-h4-size);
    line-height: 36px;
  }
  .Banner121 {
    display: none;
  }
  .Group1628 {
    width: 100%;
    height: auto;
    margin: 20px auto;
    display: block;
  }
  .advance .Turbo-Charge {
    font-size: var(--font-size-lg);
    line-height: 24px;
    padding: 0;
    margin: 0 0 30px 0;
    text-shadow: none;
  }
  .months h3 {
    margin: -30px 0 0 -30px;
  }
  .days30 {
    margin: 10px auto;
  }
  .intoducingimg {
    width: 100%;
    height: auto;
    border: 8px solid transparent;
  }
  .Trail1,
  .Trail2 {
    height: 280px;
  }
  .Trail1 {
    bottom: 80px;
  }
  .Trail2 {
    bottom: 0;
  }
  .advance .platinum-btn,
  .Vector99121 {
    display: none;
  }
  .creationsss {
    margin: 20px 0 0 0;
  }
  .regular h3 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
    margin-top: 20px;
  }
  .Group1606 {
    width: 100%;
  }
  .regular h5 {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .NewMockup8 {
    bottom: -75px;
  }
  .brandnew {
    top: -8px;
  }
  .brandnewpara1div {
    margin-top: -10px;
  }
  .unlock {
    flex-direction: column;
    padding: 0 0 20px 0;
  }
  .BestDealIllustration {
    width: 100%;
  }
  .unlocktext h2 {
    font-size: 36px;
    line-height: 47px;
  }
  .unlocktext h6 {
    font-size: var(--font-size-7xl);
    line-height: 34px;
  }
  .unlocktext .platinum-btn span {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .Asset52x1,
  .Floating11,
  .Asset52x122234,
  .Ellipse15Stroke,
  .Floating21342,
  .Asset1,
  .Asset63212x {
    width: 50px;
    height: auto;
  }
  .Floating11 {
    top: 200px;
  }
  .Floating21342 {
    right: auto;
    left: 0;
    top: 300px;
  }
  .Ellipse15Stroke {
    top: 100px;
  }
  .Floating121,
  .Floating22112213,
  .Asset6,
  .Floating321452,
  .Asset6662x,
  .Asset72x,
  .Ellipse15,
  .Floating31452,
  .Asset10,
  .Asset644332x,
  .Asset71232x,
  .Asset52x667782,
  .Floating212345,
  .Floating9872,
  .Ellipse1521Stroke {
    display: none;
  }
  .Asset52x3212 {
    top: 255px;
  }
  .Asset5552x2 {
    left: -40px;
    top: 1200px;
  }
  .Asset62x {
    right: -10px;
    left: auto;
    width: 60px;
    height: auto;
  }
  .platinummembers h3 {
    font-size: 36px;
    line-height: 47px;
  }
  .Testimonialimgs {
    height: 520px;
  }
  .testimony {
    padding: 16px;
    width: 310px;
  }
  .brooklyn-simmons {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .star-rating-icon {
    height: auto;
    margin: -23px 0 -27px 0;
  }
  .this-is-just {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .BGShapeupper {
    margin: -34px 0 0 0;
  }
  .brandnew .brandnewpara1,
  .brandnew h3 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .brandnew .brandnewpara1 {
    margin-top: 30px;
  }
  .languages h4 {
    font-size: var(--font-size-97xl-mobile);
    line-height: 83.2px;
  }

  .rockettext {
    /* width: 460px; */
    width: 100%;
  }
  .rockettext p {
    font-size: var(--font-size-sm);
    line-height: 19px;
    width: auto;
  }
  .rocket-container {
    gap: 0;
    padding: 20px;
    margin: 50px auto;
  }
  .rocket-container .Rocket {
    margin: 0 0 0 -54px;
    width: 100%;
  }
  .mobicon {
    display: none;
  }
  .textloaded h3 {
    margin: 0;
    font-size: var(--font-size-13xl);
    line-height: 39px;
    margin-top: 16px;
  }
  .BGShapebottom {
    margin: -10px 0 0 0;
  }
  .Everything {
    grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 " "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2" "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 ";
    padding: 40px 0 0 0;
  }
  .languages h2 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .languages h4 {
    right: -130px;
  }
  .creator {
    width: 140px;
  }
  .creator h6 {
    font-size: var(--font-size-base);
    line-height: 24px;
  }
  .storage h3 {
    font-size: var(--font-size-13xl);
    line-height: 39px;
  }
  .audio {
    width: 140px;
  }
  .audio p {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .templates h3 {
    font-size: var(--font-size-13xl);
    line-height: 39px;
  }
  .articals {
    flex-wrap: wrap;
  }
  .grammer {
    width: 140px;
  }
  .grammer p {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .Banner {
    display: none;
  }
  .uncapped {
    flex-direction: column-reverse;
  }
  .WaveGradient12321 {
    margin: -75px 0 0 0;
  }
  .GirlFeatures,
  .uncappedtext {
    width: 100%;
  }
  .uncappedtext h2 {
    font-size: var(--font-size-29xl);
    line-height: 53px;
  }
  .uncappedtext h5 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
    text-align: center;
  }
  .faster {
    flex-direction: column-reverse;
  }
  .fastertext {
    width: 100%;
  }
  .fastertext p {
    font-size: var(--font-size-lg);
    line-height: 27px;
    padding: 20px;
    text-align: center;
  }
  .SuccessPlatinum {
    width: 100%;
    margin: 0;
  }
  .unrestricted {
    flex-direction: column;
  }
  .BestDealIllustration12,
  .unrestrictedtext {
    width: 100%;
  }
  .unrestrictedtext h2 {
    font-size: 30px;
    line-height: 45px;
  }
  .unrestrictedtext h5 {
    font-size: var(--font-size-xl);
    line-height: 32px;
  }
  .Vector104 {
    margin: 0;
  }
  .Vector2upper1 {
    margin: -37px 0 0 0;
  }
  .unrestrictedtext .platinum-btn {
    width: 100%;
    padding: 24px;
  }
  .unrestrictedtext .platinum-btn span {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .unlocktext .platinum-btn {
    padding: 24px;
  }
  .Vector128 {
    height: 1170px;
  }
  .access h3 {
    font-size: var(--font-size-13xl);
    line-height: 39px;
    padding-top: 10px;
  }
  .access h2 {
    font-size: var(--font-size-29xl);
    line-height: 63px;
  }
  .combine {
    flex-direction: column;
  }
  .MixMatchImage,
  .combinetext {
    width: 100%;
  }
  .combinetext {
    padding: 0 20px 20px 20px;
  }
  .combinetext span,
  .Multilingualtext span,
  .genratortext span,
  .Buildertext span,
  .singletext span,
  .writingtext span,
  .fiction1text span,
  .coloringtext span,
  .Puzzletext span,
  .innertext span {
    font-size: var(--font-size-xs);
    line-height: 16px;
  }
  .combinetext h5,
  .Multilingualtext h5,
  .genratortext h5,
  .Buildertext h5,
  .singletext h5,
  .writingtext h5,
  .fiction1text h5,
  .coloringtext h5,
  .Puzzletext h5,
  .innertext h5 {
    font-size: var(--font-size-13xl);
    line-height: 42px;
  }
  .combinetext h6,
  .Multilingualtext h6,
  .genratortext h6,
  .Buildertext h6,
  .singletext h6,
  .writingtext h6,
  .fiction1text h6,
  .coloringtext h6,
  .Puzzletext h6,
  .innertext h6 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .combinetext p,
  .Multilingualtext p,
  .genratortext p,
  .Buildertext p,
  .singletext p,
  .writingtext p,
  .fiction1text p,
  .coloringtext p,
  .Puzzletext p,
  .innertext p {
    font-size: var(--font-size-base);
    line-height: 21px;
  }
  .newtemplate {
    grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 " "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 " "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 " "item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 " "item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 " "item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 " "item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 " "item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 " "item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 " "item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 ";
  }
  .Multilingualtext {
    padding: 0 20px 20px 20px;
    margin: -75px 0 0 0;
  }
  .genratortext {
    padding: 0 20px 20px 20px;
    margin: -150px 0 0 0;
  }
  .Builder {
    flex-direction: column;
  }
  .Buildertext {
    padding: 0 20px 20px 20px;
  }
  .AiEmailListImage,
  .Buildertext {
    width: 100%;
  }
  .singletext {
    padding: 0 20px 20px 20px;
    margin: -85px 0 0 0;
  }
  .writingtext {
    padding: 0 20px 20px 20px;
    margin: -60px 0 0 0;
  }
  .fiction1 {
    flex-direction: column;
  }
  .AIFictionBookIMage,
  .fiction1text {
    width: 100%;
  }
  .fiction1text {
    padding: 0 20px 20px 20px;
    margin: 0 0 0 0;
  }
  .coloringtext {
    padding: 0 20px 20px 20px;
    margin: 0 0 0 0;
  }
  .Puzzletext {
    padding: 0 20px 20px 20px;
    margin: -55px 0 0 0;
  }
  .inner {
    flex-direction: column;
  }
  .AIArtGeneratorImage,
  .innertext {
    width: 100%;
  }
  .innertext {
    padding: 0 20px 20px 20px;
    margin: -6px 0 0 0;
  }
  .Vector105 {
    margin: -46px 0 0 0;
  }
  .everythingunl {
    margin: -100px 0 -130px 0;
    padding: 155px 0 0 0;
  }
  .everythingunl h2 {
    font-size: var(--font-size-29xl);
    line-height: 63px;
  }
  .Editiontext {
    margin-top: 30px;
  }
  .PremiumTemplatesImage {
    margin-top: -50px;
  }
  .perfect {
    grid-template-areas:
      "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 " "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 "
      "item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 "
      "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 "
      "item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 " "item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6" "item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 item7" "item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 item8 " "item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 " "item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 item10 " "item11 item11 item11 item11 item11 item11 item11 item11 item11 item11 item11 item11" "item12 item12 item12 item12 item12 item12 item12 item12 item12 item12 item12 item12 " "item13 item13 item13 item13 item13 item13 item13 item13 item13 item13 item13 item13 " "item14 item14 item14 item14 item14 item14 item14 item14 item14 item14 item14 item14 ";
  }
  .ebook,
  .effortlessly,
  .eDocument,
  .payments {
    flex-direction: column;
  }
  .UnlimitedEbookCreationImage,
  .ebooktext,
  .AudioEbookIMage,
  .effortlesslytext,
  .DocSIgnImage,
  .EbookPaymentImage {
    width: 100%;
  }
  .ebooktext,
  .Speechtext,
  .Videotext,
  .premiumtext,
  .checkertext,
  .effortlesslytext {
    padding: 0 20px 20px 20px;
  }
  .ebooktext h3,
  .Speechtext h3,
  .Videotext h3,
  .effortlesslytext h3,
  .premiumtext h3,
  .checkertext h3 {
    font-size: var(--font-size-13xl);
    line-height: 42px;
  }
  .ebooktext h6,
  .Speechtext h6,
  .Videotext h6,
  .effortlesslytext h6,
  .premiumtext h6,
  .checkertext h6 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .ebooktext p,
  .Speechtext p,
  .Videotext p,
  .effortlesslytext p,
  .premiumtext p,
  .checkertext p {
    font-size: var(--font-size-base);
    line-height: 24px;
  }
  .Vector122 {
    margin: 66px 0 -48px 0;
  }
  .andget {
    margin: -4px 0 0 0;
  }
  .andget h3 {
    font-size: 37px;
    padding: 0 20px;
    line-height: 48px;
  }
  .library {
    grid-template-areas:
      "item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 "
      "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2"
      "item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 "
      "item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 item4 "
      "item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5 item5";
  }
  .stocktextmar {
    margin: -82px 0 0 0;
    padding: 0 20px 20px 20px;
  }
  .stocktext h5,
  .incredibletext h5 {
    font-size: var(--font-size-13xl);
    line-height: 42px;
  }
  .stocktext h6,
  .incredibletext h6 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .stocktext p,
  .incredibletext p {
    font-size: var(--font-size-base);
    line-height: 21px;
  }
  .stocktext,
  .incredibletext {
    padding: 0 20px 20px 20px;
  }
  .incredible {
    flex-direction: column;
  }
  .TemplatesImage,
  .incredibletext {
    width: 100%;
  }
  .turbomrg {
    margin: -72px 0 0 0;
  }
  .softwaremrg {
    margin: -66px 0 0 0;
  }
  .Frame2211 {
    margin: 0 0 -4px 0;
  }
  .Editiontext h2 {
    font-size: var(--font-size-37xl);
    line-height: 73px;
  }
  .Editiontext h1 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .Editiontext p {
    font-size: var(--font-size-lg);
    line-height: 18px;
    margin: 0;
  }
  .Magnettext {
    width: 300px;
  }
  .Magnettext p {
    font-size: var(--font-size-sm);
    line-height: 18px;
  }
  .HighCosts {
    width: 96%;
    margin: -24px auto 0 auto;
    padding: 24px;
  }
  .HighCosts h3 {
    font-size: var(--font-size-28px);
    line-height: 37px;
    margin: 0 0 20px 0;
  }
  .CappedGroths {
    flex-direction: column;
  }
  .limitsparent {
    width: 100%;
  }
  .limits h5 {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .icons1 {
    width: 48px;
  }
  .Group1628123 {
    width: 94%;
    height: auto;
    margin: 20px auto 0 auto;
    display: block;
  }
  .Banner321 {
    display: none;
  }
  .Vector10021112212312 {
    margin: 0 0 0 0;
  }
  .BGShapeupper12 {
    margin: -32px 0 0 0;
  }
  .Maximize h4 {
    font-size: var(--font-size-13xl);
    line-height: 39px;
    padding-top: 30px;
  }
  .Maximize h3 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .CommercialLicense {
    width: 100%;
    margin: -45px 0 0 0;
  }
  .freelancers {
    margin: 0;
  }
  .Maximize {
    margin: -8px 0 -8px 0;
  }
  .refund {
    margin: -90px 0 10px 0;
    padding: 90px 0 250px 0;
  }
  .Banner2 {
    display: none;
  }
  .Group1628321454 {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 20px 0;
  }
  .Maximize p {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .Girltext {
    width: 300px;
  }
  .Girltext p {
    font-size: var(--font-size-base);
    line-height: 24px;
  }
  .Girl {
    margin: 0 0 0 0;
  }
  .icon1girl {
    display: none;
  }
  .Vector129 {
    margin: -46px 0 0 0;
  }
  .refund .Vector132 {
    position: absolute;
    top: 58px;
    right: 40px;
    display: inline-block;
    width: 38px;
    height: auto;
  }
  .refund h1 {
    font-size: var(--font-size-29xl);
    line-height: 63px;
  }
  .refund h2 {
    font-size: var(--headings-40-h2-size);
    line-height: 52px;
  }
  .guarantee {
    flex-direction: column;
  }
  .MoneyBackGirl,
  .guaranteetext {
    width: 100%;
  }
  .guaranteetext h3,
  .guaranteetext .mbg {
    font-size: var(--font-size-13xl);
    line-height: 39px;
  }
  .guaranteetext .mbg span {
    display: inline-block;
  }
  .guaranteetext p {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .questions {
    width: 100%;
    gap: 10px;
  }
  .Group2216 {
    width: 247px;
    margin: 0 0 0 30px;
  }
  .questionstext {
    width: 300px;
  }
  .circlemail {
    width: 100%;
  }
  .questionstext p {
    font-size: var(--font-size-base);
    line-height: 24px;
  }
  .circle {
    width: 283px;
    height: 283px;
    top: -120px;
    left: -122px;
  }
  .Group1 {
    left: 84px;
  }
  .Group2 {
    top: 0;
    width: 47px;
  }
  .Group {
    left: 25px;
    bottom: 30px;
  }
  .Trail11,
  .Trail22 {
    bottom: 270px;
  }
  .ManMoneyImage {
    display: none;
  }
  .ManMoneyImage12 {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 100;
    display: block;
  }
  .refundfully {
    border: 8px solid transparent;
    margin-top: 15px;
  }
  .refundfully .unlocktext .platinum-btn {
    padding: 16px;
  }
  .frequently .months27last {
    font-size: var(--font-size-61xl);
    line-height: 80px;
    margin: 0;
    text-align: center;
  }
  .fromjust {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .months h3 span {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
    margin: 0 0 0 -30px;
  }
  .reseller {
    columns: 1;
  }
  .resellerprogram h3 {
    font-size: var(--headings-24-h4-size);
    line-height: 32px;
  }
  .resellerprogram p {
    font-size: var(--font-size-base);
    line-height: 24px;
    margin: 10px 0 0 0;
  }
  .SqribblePlatinumVortex {
    width: 100%;
    margin: -100px auto -85px auto;
  }
  .squibblesplatinum {
    margin: -275px 0 0 0;
    padding: 245px 0 0 0;
  }
  .Platinum1Title {
    width: 100%;
    margin: 65px auto -75px auto;
  }
  .squibblesplatinumtext {
    flex-wrap: wrap;
    gap: 8px;
  }
  .Vectorgrid-container {
    gap: 8px;
  }
  .Vectorgrid {
    height: auto;
  }
  .squibblesplatinumtext h1 {
    font-size: var(--font-size-lg);
    line-height: 24px;
  }
  .satisfiction-container {
    flex-direction: column;
    width: 100%;
  }
  .days123 {
    width: 100%;
  }
  .refundfully .unlocktext {
    width: 90%;
  }
  .squibblesplatinum p {
    margin: 0;
    font-size: var(--font-size-xl);
    line-height: 32px;
  }
  .days123 .platinum-btn {
    width: 100%;
    padding: 24px;
  }
  /* .squibblesplatinumpara {
  } */
  .days123 .platinum-btn span {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .capturelyMain{
    padding-top: 60px !important;
  }
 
}



@media (max-width: 767px) {
  /* Your CSS rules for small screens go here */
  .title-cell-parent {
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-template-areas: "item1 item1" "item3 item4";
    width: 100%;
  }
  .title-cell, .title-cell1 {
    grid-area: item1;
    width: 100%;
    justify-content: center;
  }
  .title-cell-parent-header .title-cell{
    justify-content: space-between;
  }
  .pricing-section-main .frame-parent1 {
    display: unset;
  }
  .billing-cycle-parent {
    width: 100%;
  }
  .up121{
    display: none;
  }
  .content-cell-img{
    display: none;
  }
  .content-cell-upper{
    width: 50%;
  }
  .pioneer-parent {
    display: block;
  }
  .price-span{
    display: block;
    padding-top: 5px;
    font-size: 24px;
  }
  .content-cell{
    height: 230px;
  }
  .capturelyMain .eBooks{
    font-size: 26px;
  }
  .bookMarklyMain{
    margin-bottom: 20px;
  
    
  }
  .Amazing.capturelyMain {
    padding-top: 60px !important;
}
  .Amazing.capturelyMain .eBooksBox {
    height: 290px;
}
}



@media screen and (max-width: 900px) {
  .GetAll {
    flex-direction: column;
    padding: 80px 0 0 0;
    margin: 0;
  }
  .tools {
    width: 100%;
  }
  .tools .juggling {
    font-size: var(--font-size-base);
  }
  .tools h1 {
    font-size: var(--font-size-29xl-mobile);
    line-height: 46px;
  }
  .tools .power {
    font-size: var(--font-size-base);
  }
  .Frustrated {
    width: 100%;
    height: auto;
    /* z-index: 10; */
  }
  .powergradiant {
    bottom: -10px;
    width: 185px;
    left: 14px;
  }
  .bgimg {
    display: none;
  }
  .manimg {
    width: 100%;
    height: auto;
    right: 0;
  }
  .bgimgmobile {
    display: block;
    bottom: -90px;
  }
  .boximg {
    display: none;
  }
  .speaker {
    width: 44.66px;
    height: 43.91px;
    top: 444px;
    right: 92px;
  }
  .traffic .online {
    margin: 175px 0 0 0;
  }
  .firstlist ul li,
  .secondlist ul li {
    grid-template-columns: 44px auto;
    gap: 12px;
  }
  .firstonline ul li,
  .secondonline ul li {
    grid-template-columns: 44px auto;
    gap: 12px;
  }
  .firstaffilia ul li,
  .secondaffilia ul li {
    grid-template-columns: 44px auto;
    gap: 12px;
  }
  .trafficimg-parent {
    margin: 20px auto -180px auto;
  }
  .gradiantc930ff {
    font-size: var(--headings-40-h2-size);
    line-height: 38px;
    z-index: 20;
  }
  .videobox {
    width: 100%;
    height: auto;
    border: 10px solid transparent;
  }
  .Solutions {
    margin-top: -1px;
    z-index: 10;
    height: 920px;
  }
  .backstart {
    font-size: var(--font-size-13xl);
    line-height: 38.4px;
    left: calc(46% - 260px);
    /* top: 26px; */
    width: 100%;
  }
  .videobord .gradiantc930ff {
    padding-bottom: 10px;
    /* padding-top: 100px; */
    /* margin-top: calc(60% - 100px); */
  }
  .digitalback {
    width: 80%;
    height: 73px;
    /* left: calc(36% - 180px); */
    /* top: 22px; */
  }
  .digital {
    /* left: calc(46% - 200px); */
    /* top: 20px; */
    margin: -10% 0 -6% 0;
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
  }
  .sendswithcircles {
    margin: 35px 0 0 0;
    width: 100%;
  }
  .signupbtn {
    margin-top: 4%;
  }
  .signupbtn a {
    width: 100%;
  }
  .cfloat,
  .halfcircle,
  .trianglefloat {
    display: none;
  }
  .signupbtn a .sign {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .signupbtn a .access {
    font-size: var(--font-size-sm);
    line-height: 18.2px;
  }
  .cityimg {
    height: 440px;
    bottom: 0;
    top: auto;
    bottom: 0;
  }
  .oneplat h2 {
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
    padding: 10px 0;
  }
  .eBooks {
    font-size: var(--headings-40-h2-size);
    line-height: 51.28px;
    width: 90%;
    margin: 0 auto;
  }
  .Needs {
    height: 100%;
    padding-bottom: 70px;
    margin-top: -85px;
  }
  .Amazing {
    padding-top: 70px;
  }
  .sqribble {
    margin-top: -175px;
    border: 2px solid transparent;
    padding: 20px 10px;
  }
  .sqrindle {
    margin-top: 40px;
    border: 2px solid transparent;
    padding: 20px 10px;
  }
  .nodisplay {
    display: none;
  }
  .yesdisplay {
    display: inline-block;
  }
  .palettewithcircle {
    margin: 20px 0 0 0;
  }
  /* .icon2 {
    width: 70px !important;
  }
  .icon3 {
    width: 50px !important;
  }
  .icon7 {
    width: 54px !important;
  } */

  .heading1 {
    font-size: var(--font-size-97xl-mobile);
    line-height: 82.05px;
  }
  .backContent {
    top: 30px;
  }
  .backeBooks {
    width: 100%;
    left: calc(30% - 120px);
    top: 210px;
    margin-left: 0;
    text-wrap: wrap;
  }
  .bothsqribble,
  .bothsqrindle {
    flex-direction: column-reverse;
  }
  .bordercircletrafficimg,
  .trafficimgpinkcircle {
    width: 416.62px;
    height: 416.62px;
    top: 0;
  }
  .backContent {
    text-wrap: wrap;
  }
  .trafficimg {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .submitter {
    width: 100%;
    height: auto;
    margin: 20px auto 0 auto;
  }
  .manwithcircles {
    margin: 44px 0 0 0;
    width: 100%;
  }
  .edition {
    width: 100%;
  }
  .edition p,
  .easy p,
  .offers p {
    font-size: var(--font-size-sm);
    line-height: 17.86px;
  }
  .edition h3,
  .easy h3,
  .offers h3 {
    font-size: var(--font-size-lg);
    margin-top: -35px;
    line-height: 21.6px;
  }
  .sqribbleimg {
    margin: auto;
  }
  .girl {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
  }
  .minuts,
  .online {
    flex-direction: column;
    border-radius: 24px;
  }
  .online {
    margin: 0;
    background: linear-gradient(180deg, #000000 0%, #353535 100%) padding-box;
  }
  .firstlist,
  .secondlist,
  .firstonline,
  .secondonline,
  .firstaffilia,
  .secondaffilia {
    width: 100%;
  }
  .firstonline,
  .secondonline {
    background: transparent;
    border: 0 solid transparent;
  }
  .firstlist,
  .firstaffilia,
  .firstonline {
    border-radius: 24px 24px 0 0;
    padding: 16px 16px 0 16px;
  }
  .secondlist,
  .secondonline,
  .secondaffilia {
    border-radius: 0 0 24px 24px;
    border-left: 0px solid #6e6e89;
    padding: 2px 16px 16px 16px;
  }
  .firstlist ul,
  .secondlist ul {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .needsimgcircle,
  .needsimgarc {
    display: none;
  }
  /* .mobileicon {
    width: 78px !important;
    height: 80px !important;
  } */
  .icon {
    width: 40px;
    height: 40px;
  }
  .explorebtn {
    font-size: var(--font-size-base);
    line-height: 20.8px;
  }
  .Monetize {
    margin: -154px 0 0 0;
    padding-top: 306px;
  }
  .threescreentriangles {
    margin: 30px 0 0 0;
    width: 100%;
  }
  .pinklayer {
    top: -260px !important;
  }
  .funnels .PresentBox {
    margin: 70px 0 0 0;
  }
  .agency .PresentBox {
    margin: 50px 0 0 0;
  }
  .monobgiconupper {
    top: -345px;
  }
  .monobgicon {
    top: 30px;
  }
  .monobgiconMonetize {
    height: auto;
  }
  /* .gradiantc930ff {
    font-size: var(--headings-40-h2-size);
    line-height: 51.28px;
  } */
  .Content {
    margin-bottom: -135px;
  }
  .sqrindleimg {
    width: 100%;
    margin: 10px auto;
  }
  .selling {
    width: 100%;
  }
  .selling h3 {
    font-size: var(--font-size-lg);
    line-height: 21.6px;
  }
  .screen {
    width: 100%;
  }
  .trianglecircle1 {
    width: 278px;
    height: auto;
    top: 0;
  }
  .trianglecircle2 {
    width: 278px;
    height: 101px;
    left: auto;
    right: -70px;
    top: 193px;
  }
  .paragraph1 {
    font-size: var(--font-size-base);
    line-height: 20.8px;
  }
  .pinklayerbottom {
    bottom: 100px !important;
  }
  .audio .PresentBox {
    margin: 60px 0 0 0;
  }
  .create {
    margin-top: -240px;
    padding: 0 0 60px 0;
  }
  .presantation {
    padding-top: 150px;
  }
  .pointermoniterfrontback {
    width: 100%;
    margin: auto;
  }
  .Present {
    font-size: var(--headings-40-h2-size);
    line-height: 51.28px;
    width: 90%;
    margin: 0 auto;
  }
  /* .icon4 {
    width: 42px;
  }
  .icon5 {
    width: 30px;
  }
  .icon6 {
    width: 36px;
  } */
  .backPresent {
    top: -180px;
    left: -22px;
    text-wrap: wrap;
  }
  .agency .backPresent {
    top: -108px;
  }
  .engageimg {
    width: 100%;
    height: auto;
    margin: 22px auto 42px auto;
  }
  .pointermoniter {
    width: 100%;
    height: auto;
  }
  .pointermoniterback {
    width: 100%;
    height: auto;
    top: 0;
    left: 8px;
  }
  .courses {
    margin: -154px 0 0 0;
    padding: 305px 0 0 0;
  }
  .backConcourses {
    top: -35px;
    text-wrap: wrap;
  }
  .Coursessqrindle {
    margin-top: 0px;
  }
  .audio {
    margin-top: -240px;
    padding: 0 0 70px 0;
    height: auto;
  }
  .Audiobooks {
    width: 90%;
    top: -96px;
    left: 0;
    margin: 0 auto;
    color: #ff84dd87;
    background: none;
    text-wrap: wrap;
    -webkit-text-fill-color: #ff84dd87;
  }
  .Audiobookssqribble {
    margin-top: -225px;
  }
  .mickimg {
    width: 100%;
    margin: 22px auto 60px auto;
  }
  .robote {
    width: 100%;
    height: auto;
    margin-bottom: -40%;
  }
  .emails {
    margin: -154px 0 0 0;
    padding: 304px 0 0 0;
  }
  .offers h3 {
    margin-top: -20px;
  }
  .backMarketing {
    top: -40px;
  }
  .Marketing {
    margin-top: 0px;
  }
  .sends {
    width: 100%;
    height: auto;
  }
  .easy {
    text-align: center;
    width: 100%;
  }
  .respond {
    display: none;
  }
  .respondmobile {
    display: block;
    width: 100%;
    max-width: 302px;
    height: auto;
    margin: 29px auto 48px auto;
  }
  .mans1 {
    width: 100%;
    height: auto;
    margin: 0 0 0 25px;
  }
  .books1 {
    width: 81.85px;
    height: auto;
    left: 0;
    bottom: 15px;
  }
  .cap {
    width: 94.6px;
    height: auto;
    left: 0;
    top: 36px;
  }
  .teachingimg {
    width: 100%;
    height: auto;
    margin: 24px auto 0 auto;
  }
  .circle2 {
    width: 217.18px;
    height: 217.18px;
    top: 0;
    left: auto;
    right: -90px;
  }
  .circle1 {
    width: 406.42px;
    height: 406.42px;
    top: -30px;
    left: -85px;
  }
  .circle4 {
    width: 217.18px;
    height: 217.18px;
    top: 0;
    left: auto;
    right: -90px;
  }
  .circle3 {
    width: 406.42px;
    height: 406.42px;
    top: -30px;
    left: -85px;
  }
  .funnels {
    margin-top: -245px;
  }
  .backFunnels {
    top: -150px;
  }
  .bothfunnels {
    margin-top: -185px;
  }
  .landingly {
    width: 100%;
    height: auto;
    margin: 22px auto 22px auto;
  }
  .funnelsimg {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 22px;
  }
  .affilia {
    margin: -154px 0 0 0;
    padding: 305px 0 0 0;
  }
  .affilia .sqribble {
    margin-top: 0px;
  }
  .backAFFILIATE {
    top: -65px;
  }
  /* .bothaffilia {
    margin-top: -150px !important;
  } */
  .rofit {
    width: 100%;
    height: auto;
    margin: 22px auto 22px auto;
  }
  .affiliaimg {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
  }
  .traffic {
    margin-top: -240px;
  }
  .backViral {
    width: 100%;
    top: -95px;
  }
  .fourtraffic {
    margin-top: -196px;
  }
  .eCovers {
    margin: -154px 0 0 0;
    padding: 310px 0 0 0;
  }
  .backAnimated {
    margin-left: 0;
    top: -60px;
    text-wrap: wrap;
  }
  .eCoverlyimg {
    width: 100%;
    height: auto;
    margin: 22px auto 35px auto;
  }
  .eCoversCard {
    border: 2px solid transparent;
    padding: 20px 10px;
    margin-top: 0px !important;
  }
  /* .icon2line {
    width: 140px;
    height: 130px;
  } */
  .agency {
    margin: -240px 0 -146px 0;
  }
  .income {
    width: 100%;
    height: auto;
    margin: 22px auto 22px auto;
  }
  .palette {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
  }
  .circlelightsky {
    width: 406.42px;
    height: 406.42px;
    top: -10px;
    left: -50px;
  }
  .strip1 {
    width: 160%;
    height: 186px;
    bottom: 130px;
    left: -102px;
  }
  .bothroadmap {
    flex-direction: column-reverse;
  }
  .firstroad {
    width: 100%;
    height: auto;
  }
  .secondroad {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .secondroad h1 {
    font-size: var(--font-size-97xl-mobile);
    line-height: 82.05px;
    font-weight: 700;
  }
  .secondroad h2 {
    font-size: var(--font-size-13xl);
    line-height: 41.02px;
  }
  .secondroad p {
    font-size: var(--font-size-base);
    line-height: 19.2px;
    width: 100%;
  }
  .secondroad h4 {
    font-size: var(--font-size-lg);
    line-height: 23.4px;
    width: 100%;
  }
  .trainingboth {
    flex-direction: column-reverse;
    padding: 0 10px;
  }
  .trainingsecond {
    width: 100%;
    height: auto;
  }
  .trainingfirst {
    width: 100%;
  }
  .training {
    width: 100%;
    overflow: hidden;
    padding-top: 70px;
  }
  .trainingfirst h1 {
    font-size: var(--font-size-97xl-mobile);
    line-height: 82.05px;
  }
  .trainingfirsth1 {
    /* font-size: var(--font-size-29xl) !important; */
    line-height: 61px;
  }
  .trainingfirst h2 {
    font-size: var(--font-size-13xl);
    line-height: 41.02px;
  }
  .trainingfirst p {
    font-size: var(--font-size-base);
    line-height: 19.2px;
  }
  .trainingfirst h4 {
    font-size: var(--font-size-lg);
    line-height: 23.4px;
  }
  .trainingbothmargin {
    margin-top: 0;
    flex-direction: column;
  }
  .line1 {
    width: 174px;
    height: auto;
    left: 30px;
  }
  .line2 {
    left: 0;
    top: 40px;
    width: 146px;
    height: auto;
  }
  .line3 {
    display: none;
  }
  .line4 {
    width: 100%;
    height: auto;
    top: 270px;
  }
  .line5 {
    display: none;
  }
  .trainingthird {
    width: 100%;
    height: auto;
  }
  .Testimonials {
    padding: 60px 0 20px 0;
    width: 100%;
  }
  .Testimonials h2 {
    font-size: var(--font-size-29xl);
    line-height: 61.54px;
    width: 100%;
    font-weight: 700;
    padding: 0 0 0 0;
  }
  .Testimonialimg {
    width: 240px;
    height: 137px;
  }
  .Testimonialimgs {
    height: 175px;
  }
  /*.Testimonialimg:hover {
    width: 234px;
    height: 131px;
  }*/
  .strip2 {
    width: 270%;
    height: auto;
    top: 0;
  }
  .EMPIRELYText {
    width: 96%;
    margin: 0 auto;
  }
  .EMPIRELY h2 {
    width: 100%;
    font-size: var(--headings-24-h4-size);
    line-height: 30.77px;
  }
  .EMPIRELYText p {
    font-size: var(--font-size-base);
    line-height: 19.2px;
    margin: 10px 0;
  }
  .EMPIRELYText h4 {
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
  }
  .empirelytable {
    width: 100%;
    padding: 0 10px;
  }
  .empirelytable table tbody tr td {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .EMPIRELY h5 {
    width: 96%;
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
  }
  .doller {
    font-size: var(--headings-24-h4-size);
    line-height: 43.77px;
  }
  .float11,
  .boximg1,
  .trianglefloat1 {
    display: none;
  }
  .empire {
    flex-direction: column;
    margin: 25px 0 60px 0;
  }
  .BOXX2 {
    width: 100%;
    height: auto;
  }
  .backh3 {
    width: 100%;
    right: 0;
    height: 260px;
  }
  .empiresecond h1 {
    font-size: var(--font-size-29xl);
    line-height: 57px;
    text-wrap: wrap;
    width: 100%;
    height: auto;
    top: -20px;
    right: 0;
  }
  .fotraus {
    height: 860px;
  }
  .empiresecond h3 {
    font-size: var(--headings-40-h2-size);
    line-height: 48px;
    width: 100%;
  }
  .empiresecond a {
    width: 100%;
  }
  .strip4 {
    margin-top: -10%;
  }
  .vision {
    flex-direction: column-reverse;
  }
  .empower {
    width: 100%;
    margin: 50px 0 0 0;
  }
  .empower h2 {
    font-size: var(--font-size-29xl);
    line-height: 61.54px;
  }
  .empower h1 {
    font-size: var(--font-size-97xl-mobile2);
    line-height: 112.82px;
    width: 138%;
    top: -52px;
    left: -58px;
    text-wrap: nowrap;
  }
  .empower p {
    font-size: var(--font-size-lg);
    line-height: 25.2px;
  }
  .empower h4 {
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
  }
  .empower h5 {
    font-size: var(--font-size-lg);
    line-height: 21.6px;
  }
  .gogleman {
    width: 60%;
    height: auto;
  }
  .ourvisionbg {
    display: none;
  }
  .empiresecond {
    width: 100%;
  }
  .ourvisionbgmobile {
    display: block;
    height: 100%;
  }
  .new-application-section .fourtraffic {
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .GetAll {
    flex-direction: column;
    padding: 80px 0 0 0;
    margin: 0;
  }
  .tools {
    width: 100%;
  }
  .tools .juggling {
    font-size: var(--font-size-base);
  }
  .tools h1 {
    font-size: var(--font-size-29xl-mobile);
    line-height: 46px;
  }
  .tools .power {
    font-size: var(--font-size-base);
  }
  .Frustrated {
    width: 100%;
    height: 775px;
    /* z-index: 10; */
  }
  .powergradiant {
    bottom: -10px;
    width: 185px;
    left: 14px;
  }
  .bgimg {
    display: none;
  }
  .manimg {
    width: 100%;
    height: auto;
    right: 0;
  }
  .bgimgmobile {
    display: block;
    bottom: -90px;
  }
  .boximg {
    display: none;
  }
  .speaker {
    width: 44.66px;
    height: 43.91px;
    top: 444px;
    right: 92px;
  }
  .traffic .online {
    margin: 175px 0 0 0;
  }
  .firstlist ul li,
  .secondlist ul li {
    grid-template-columns: 44px auto;
    gap: 12px;
  }
  .firstonline ul li,
  .secondonline ul li {
    grid-template-columns: 44px auto;
    gap: 12px;
  }
  .firstaffilia ul li,
  .secondaffilia ul li {
    grid-template-columns: 44px auto;
    gap: 12px;
  }
  .trafficimg-parent {
    margin: 20px auto -180px auto;
  }
  .gradiantc930ff {
    font-size: var(--headings-40-h2-size);
    line-height: 38px;
    z-index: 20;
  }
  .videobox {
    width: 100%;
    height: auto;
    border: 10px solid transparent;
  }
  .Solutions {
    margin-top: -100px;
    z-index: 10;
    height: 810px;
  }
  .backstart {
    font-size: var(--font-size-13xl);
    line-height: 38.4px;
    left: -116px;
    top: 26px;
    width: 600px;
  }
  .videobord {
    padding-top: 100px;
  }
  .digitalback {
    width: 90%;
    height: 73px;
    /* left: -4px; */
    /* top: 22px; */
  }
  .digital {
    /* left: 8%; */
    /* top: 20px; */
    margin: -16% 0 -20% 0;
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
  }
  .sendswithcircles {
    margin: 35px 0 0 0;
  }
  .signupbtn {
    margin-top: 10%;
  }
  .signupbtn a {
    width: 100%;
  }
  .cfloat,
  .halfcircle,
  .trianglefloat {
    display: none;
  }
  .signupbtn a .sign {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .signupbtn a .access {
    font-size: var(--font-size-sm);
    line-height: 18.2px;
  }
  .cityimg {
    height: 440px;
    bottom: 0;
    top: auto;
    bottom: 0;
  }
  .oneplat h2 {
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
    padding: 10px 0;
  }
  .eBooks {
    font-size: var(--headings-40-h2-size);
    line-height: 51.28px;
    width: 90%;
    margin: 0 auto;
  }
  .Needs {
    height: 100%;
    padding-bottom: 70px;
    margin-top: -85px;
  }
  .Amazing {
    padding-top: 70px;
  }
  .sqribble {
    margin-top: -175px;
    border: 2px solid transparent;
    padding: 20px 10px;
  }
  .sqrindle {
    margin-top: -75px;
    border: 2px solid transparent;
    padding: 20px 10px;
  }
  .nodisplay {
    display: none;
  }
  .yesdisplay {
    display: inline-block;
  }
  .palettewithcircle {
    margin: 20px 0 0 0;
    width: 100%;
  }
  .offers {
    width: 100%;
  }
  /* .icon2 {
    width: 70px !important;
  }
  .icon3 {
    width: 50px !important;
  }
  .icon7 {
    width: 54px !important;
  } */

  .heading1 {
    font-size: var(--font-size-97xl-mobile);
    line-height: 82.05px;
  }
  .backContent {
    top: 30px;
  }
  .backeBooks {
    width: 100%;
    left: calc(30% - 120px);
    top: 210px;
    margin-left: 0;
    text-wrap: wrap;
  }
  .bothsqribble,
  .bothsqrindle {
    flex-direction: column-reverse;
  }
  .bordercircletrafficimg,
  .trafficimgpinkcircle {
    width: 416.62px;
    height: 416.62px;
    top: 0;
  }
  .backContent {
    text-wrap: wrap;
  }
  .trafficimg {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .submitter {
    width: 100%;
    height: auto;
    margin: 20px auto 0 auto;
  }
  .manwithcircles {
    margin: 44px 0 0 0;
  }
  .edition p,
  .easy p,
  .offers p {
    font-size: var(--font-size-sm);
    line-height: 17.86px;
  }
  .edition h3,
  .easy h3,
  .offers h3 {
    font-size: var(--font-size-lg);
    margin-top: -35px;
    line-height: 21.6px;
  }
  .sqribbleimg {
    width: 287.3px;
    margin: 0 auto;
  }
  .girl {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
  }
  .minuts,
  .online {
    flex-direction: column;
    border-radius: 24px;
  }
  .online {
    margin: 0;
    background: linear-gradient(180deg, #000000 0%, #353535 100%) padding-box;
  }
  .firstlist,
  .secondlist,
  .firstonline,
  .secondonline,
  .firstaffilia,
  .secondaffilia {
    width: 100%;
  }
  .firstonline,
  .secondonline {
    background: transparent;
    border: 0 solid transparent;
  }
  .firstlist,
  .firstaffilia,
  .firstonline {
    border-radius: 24px 24px 0 0;
    padding: 16px 16px 0 16px;
  }
  .secondlist,
  .secondonline,
  .secondaffilia {
    border-radius: 0 0 24px 24px;
    border-left: 0px solid #6e6e89;
    padding: 2px 16px 16px 16px;
  }
  .firstlist ul,
  .secondlist ul {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .needsimgcircle,
  .needsimgarc {
    display: none;
  }
  /* .mobileicon {
    width: 78px !important;
    height: 80px !important;
  } */
  .icon {
    width: 40px;
    height: 40px;
  }
  .explorebtn {
    font-size: var(--font-size-base);
    line-height: 20.8px;
  }
  .Monetize {
    margin: -54px 0 0 0;
    padding-top: 306px;
  }
  .threescreentriangles {
    margin: 30px 0 0 0;
  }
  .pinklayer {
    top: -305px !important;
  }
  .funnels .PresentBox {
    margin: 70px 0 0 0;
  }
  .agency .PresentBox {
    margin: 50px 0 0 0;
  }
  .monobgiconupper {
    top: -345px;
  }
  .monobgicon {
    top: 30px;
  }
  .monobgiconMonetize {
    height: auto;
  }
  /* .gradiantc930ff {
    font-size: var(--headings-40-h2-size);
    line-height: 51.28px;
  } */
  .Content {
    margin-bottom: -135px;
  }
  .sqrindleimg {
    width: 100%;
    margin: 10px auto;
  }
  .selling h3 {
    font-size: var(--font-size-lg);
    line-height: 21.6px;
  }
  .screen {
    width: 100%;
  }
  .trianglecircle1 {
    width: 278px;
    height: auto;
    top: 0;
  }
  .trianglecircle2 {
    width: 278px;
    height: 101px;
    left: auto;
    right: -70px;
    top: 193px;
  }
  .paragraph1 {
    font-size: var(--font-size-base);
    line-height: 20.8px;
  }
  .pinklayerbottom {
    bottom: 45px !important;
  }
  .audio .PresentBox {
    margin: 60px 0 0 0;
  }
  .create {
    margin-top: -134px;
    padding: 0 0 60px 0;
  }
  .presantation {
    padding-top: 50px;
  }
  .Present {
    font-size: var(--headings-40-h2-size);
    line-height: 51.28px;
    width: 90%;
    margin: 0 auto;
  }
  /* .icon4 {
    width: 42px;
  }
  .icon5 {
    width: 30px;
  }
  .icon6 {
    width: 36px;
  } */
  .backPresent {
    top: -180px;
    left: -22px;
    text-wrap: wrap;
  }
  .agency .backPresent {
    top: -232px;
  }
  .engageimg {
    width: 286.23px;
    height: auto;
    margin: 22px auto 42px auto;
  }
  .pointermoniter {
    width: 312px;
    height: auto;
  }
  .pointermoniterback {
    width: 387px;
    height: 436.24px;
    top: 0;
    left: 8px;
  }
  .courses {
    margin: -70px 0 0 0;
    padding: 305px 0 0 0;
  }
  .backConcourses {
    top: -35px;
    text-wrap: wrap;
  }
  .Coursessqrindle {
    margin-top: -125px;
  }
  .audio {
    margin-top: -134px;
    padding: 0 0 70px 0;
    height: auto;
  }
  .Audiobooks {
    width: 90%;
    top: -96px;
    left: 0;
    margin: 0 auto;
    color: #ff84dd87;
    background: none;
    text-wrap: wrap;
    -webkit-text-fill-color: #ff84dd87;
  }
  .Audiobookssqribble {
    margin-top: -225px;
  }
  .mickimg {
    width: 100%;
    margin: 22px auto 60px auto;
  }
  .robote {
    width: 100%;
    height: auto;
    margin-bottom: -40%;
  }
  .emails {
    margin: -85px 0 0 0;
    padding: 304px 0 0 0;
  }
  .offers h3 {
    margin-top: -20px;
  }
  .backMarketing {
    top: -40px;
  }
  .Marketing {
    margin-top: -140px;
  }
  .sends {
    width: 100%;
    height: auto;
  }
  .easy {
    text-align: center;
  }
  .respond {
    display: none;
  }
  .respondmobile {
    display: block;
    width: 100%;
    height: auto;
    margin: 29px auto 48px auto;
  }
  .mans1 {
    width: 100%;
    height: auto;
    margin: 0 0 0 25px;
  }
  .books1 {
    width: 81.85px;
    height: auto;
    left: 0;
    bottom: 15px;
  }
  .cap {
    width: 94.6px;
    height: auto;
    left: 0;
    top: 36px;
  }
  .teachingimg {
    width: 100%;
    height: auto;
    margin: 24px auto 0 auto;
  }
  .circle2 {
    width: 217.18px;
    height: 217.18px;
    top: 0;
    left: auto;
    right: -90px;
  }
  .circle1 {
    width: 406.42px;
    height: 406.42px;
    top: -30px;
    left: -85px;
  }
  .circle4 {
    width: 217.18px;
    height: 217.18px;
    top: 0;
    left: auto;
    right: -90px;
  }
  .circle3 {
    width: 406.42px;
    height: 406.42px;
    top: -30px;
    left: -85px;
  }
  .funnels {
    margin-top: -134px;
  }
  .backFunnels {
    top: -150px;
  }
  .bothfunnels {
    margin-top: -185px;
  }
  .landingly {
    width: 100%;
    height: auto;
    margin: 22px auto 22px auto;
  }
  .funnelsimg {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 22px;
  }
  .affilia {
    margin: -70px 0 0 0;
    padding: 305px 0 0 0;
  }
  .affilia .sqribble {
    margin-top: -175px;
  }
  .backAFFILIATE {
    top: -65px;
  }
  /* .bothaffilia {
    margin-top: -150px !important;
  } */
  .rofit {
    width: 100%;
    height: auto;
    margin: 22px auto 22px auto;
  }
  .affiliaimg {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
  }
  .traffic {
    margin-top: -134px;
  }
  .backViral {
    width: 100%;
    top: -95px;
  }
  .fourtraffic {
    margin-top: -196px;
  }
  .eCovers {
    margin: -63px 0 0 0;
    padding: 310px 0 0 0;
  }
  .backAnimated {
    margin-left: 0;
    top: -60px;
    text-wrap: wrap;
  }
  .eCoverlyimg {
    width: 100%;
    height: auto;
    margin: 22px auto 35px auto;
  }
  .eCoversCard {
    border: 2px solid transparent;
    padding: 20px 10px;
    margin-top: -150px !important;
  }
  /* .icon2line {
    width: 140px;
    height: 130px;
  } */
  .agency {
    margin: -134px 0 -146px 0;
  }
  .income {
    width: 100%;
    height: auto;
    margin: 22px auto 22px auto;
  }
  .palette {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
  }
  .circlelightsky {
    width: 406.42px;
    height: 406.42px;
    top: -10px;
    left: -50px;
  }
  .empiresecond {
    width: 100%;
  }
  .strip1 {
    width: 160%;
    height: 186px;
    bottom: 130px;
    left: -102px;
  }
  .bothroadmap {
    flex-direction: column-reverse;
    padding: 6% 0 0 0;
  }
  .firstroad {
    width: 100%;
    height: auto;
  }
  .secondroad {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .secondroad h1 {
    font-size: xxx-large;
    line-height: 82.05px;
    font-weight: 700;
  }
  .secondroad h2 {
    font-size: var(--font-size-13xl);
    line-height: 41.02px;
  }
  .secondroad p {
    font-size: var(--font-size-base);
    line-height: 19.2px;
    width: 100%;
  }
  .secondroad h4 {
    font-size: var(--font-size-lg);
    line-height: 23.4px;
    width: 100%;
  }
  .trainingboth {
    flex-direction: column-reverse;
    padding: 0 10px;
  }
  .trainingsecond {
    width: 100%;
    height: auto;
  }
  .trainingfirst {
    width: 100%;
  }
  .training {
    width: 100%;
    overflow: hidden;
    padding-top: 70px;
  }
  .trainingfirst h1 {
    /* font-size: var(--font-size-97xl-mobile); */
    font-size: xxx-large;
    line-height: 82.05px;
  }
  .trainingfirsth1 {
    font-size: xx-large;
    line-height: 61px;
  }
  .trainingfirst h2 {
    font-size: var(--font-size-13xl);
    line-height: 41.02px;
  }
  .trainingfirst p {
    font-size: var(--font-size-base);
    line-height: 19.2px;
  }
  .trainingfirst h4 {
    font-size: var(--font-size-lg);
    line-height: 23.4px;
  }
  .trainingbothmargin {
    margin-top: 0;
    flex-direction: column;
  }
  .line1 {
    width: 174px;
    height: auto;
    left: 30px;
  }
  .line2 {
    left: 0;
    top: 40px;
    width: 146px;
    height: auto;
  }
  .line3 {
    display: none;
  }
  .line4 {
    width: 100%;
    height: auto;
    top: 270px;
  }
  .line5 {
    display: none;
  }
  .trainingthird {
    width: 100%;
    height: auto;
  }
  .Testimonials {
    padding: 60px 0 20px 0;
    width: 100%;
  }
  .Testimonials h2 {
    /* font-size: var(--font-size-29xl); */
    font-size: xx-large;
    line-height: 61.54px;
    width: 100%;
    font-weight: 700;
    padding: 0 0 0 0;
  }
  .Testimonialimg {
    width: 240px;
    height: 137px;
  }
  .Testimonialimgs {
    height: 175px;
  }
  .Testimonialimg:hover {
    width: 234px;
    height: 131px;
  }
  .strip2 {
    width: 270%;
    height: auto;
    top: 0;
  }
  .EMPIRELYText {
    width: 96%;
    margin: 0 auto;
  }
  .EMPIRELY h2 {
    width: 100%;
    font-size: var(--headings-24-h4-size);
    line-height: 30.77px;
  }
  .EMPIRELYText p {
    font-size: var(--font-size-base);
    line-height: 19.2px;
    margin: 10px 0;
  }
  .EMPIRELYText h4 {
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
  }
  .empirelytable {
    width: 100%;
    padding: 0 10px;
  }
  .empirelytable table tbody tr td {
    font-size: var(--font-size-lg);
    line-height: 27px;
  }
  .EMPIRELY h5 {
    width: 96%;
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
  }
  .doller {
    font-size: var(--headings-24-h4-size);
    line-height: 43.77px;
  }
  .float11,
  .boximg1,
  .trianglefloat1 {
    display: none;
  }
  .empire {
    flex-direction: column;
    margin: 25px 0 60px 0;
  }
  .BOXX2 {
    width: 100%;
    height: auto;
  }
  .backh3 {
    width: 100%;
    right: 0;
    height: 260px;
  }
  .empiresecond h1 {
    font-size: var(--font-size-29xl);
    line-height: 57px;
    text-wrap: wrap;
    width: 100%;
    height: auto;
    top: -20px;
    right: 0;
  }
  .fotraus {
    height: 860px;
  }
  .empiresecond h3 {
    font-size: var(--headings-40-h2-size);
    line-height: 48px;
    width: 100%;
  }
  .empiresecond a {
    width: 100%;
  }
  .strip4 {
    margin-top: -10%;
  }
  .vision {
    flex-direction: column-reverse;
  }
  .empower {
    width: 100%;
    margin: 50px 0 0 0;
  }
  .empower h2 {
    font-size: var(--font-size-29xl);
    line-height: 61.54px;
  }
  .empower h1 {
    font-size: var(--font-size-97xl-mobile2);
    line-height: 112.82px;
    width: 138%;
    top: -52px;
    left: -58px;
    text-wrap: nowrap;
  }
  .empower p {
    font-size: var(--font-size-lg);
    line-height: 25.2px;
  }
  .empower h4 {
    font-size: var(--headings-24-h4-size);
    line-height: 28.8px;
  }
  .empower h5 {
    font-size: var(--font-size-lg);
    line-height: 21.6px;
  }
  .gogleman {
    width: 60%;
    height: auto;
  }
  .ourvisionbg {
    display: none;
  }
  .ourvisionbgmobile {
    display: block;
    height: 100%;
  }
  .eBooksBox {
    height: 300px;
  }
  .clickly-main-area .sqrindle{
    padding: 10px 10px 10px !important;
    margin-top: -48px !important;
  }
  .clickly-main-area .heading1 {
    font-size: 40px;
  }
  .clickly-main-area .paletteclickly{
    margin-top: 0;
    margin-left: 0;
  }
  .voicely-box-main .offers {
    margin-right: 0;
  }
  .voicely-box-main .palette {
    top: 13px;
    margin-top: 0;
  }
  .voicely-box-main .Present {
    font-size: 35px;
    line-height: inherit;
  }
  .voicely-box-main .heading1 {
    font-size: 53px;
    line-height: 82.05px;
  }
  .voicely-box-main  .PresentBox {
    height: 315px;
  }
  .voicely-box-main .agency {
    margin: -134px 0 -106px 0;
  }
  .new-application-section .fourtraffic {
    margin-top: 0;
  }
}
@media screen and (max-width: 380px) {
  .create .Present {
    font-size: xx-large;
  }
  .eBooksBox {
    height: 336px;
  }
}









.monthelyyearly {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  gap: 40px;
  z-index: 100;
  margin-bottom: 120px;
}
.monthelyyearly .monthly,
.yearly {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 20px 60px 20px !important;
}

.monthelyyearly .monthly {
    background: linear-gradient(180deg, #ffffff 0%, #e2e5ff 100%);
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.yearly {
    background: linear-gradient(360deg, #4244a8 0%, #19133f 100%) padding-box,
        linear-gradient(180deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.2) 100%) border-box;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.monthly h3,
.yearly h3 {
    font-family: var(--font-outfit);
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: center;
    position: relative;
    z-index: 100;
    /* margin: 60px 0 20px 0; */
}

.monthly h3 {
    color: var(--black);
    margin: 30px 0 25px 0;
}

.yearly h3 {
    color: #fff;
    margin: 30px 0 10px 0;
}
.yearly h3 span{
  background: linear-gradient(269.4deg, #c930ff 75.58%, #ffb629 99.58%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.yearly h3 span.sale-price {
  color: #fff;
  background-clip: unset !important;
  background: transparent;
  -webkit-text-fill-color: unset;
}

.yearly h6 {
    font-family: var(--font-outfit);
    font-size: var(--font-size-xl);
    font-weight: 450;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-white);
    position: relative;
    z-index: 100;
    margin: 0 0 20px 0;
}

.yearly h4 {
    font-family: var(--font-outfit);
    font-size: var(--font-size-13xl);
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 4px 6px #00000078);
}

.divgradiant {
    background: linear-gradient(117.5deg,
        rgba(255, 182, 41, 0) -40.34%,
        rgba(206, 61, 234, 0.901402) 55.36%,
        #2730ff 69.09%);
    filter: blur(60px);
    opacity: 0.4;
    width: 516px;
    height: 132px;
    border-radius: 50%;
    position: absolute;
    left: 10%;
    top: -30px;
    z-index: 0;
}

.monthly h1,
.yearly h1 {
    font-family: var(--font-futura-pt);
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    position: relative;
    z-index: 100;
    margin-top: 15px;
    max-width: 300px;
    text-align: center;
}

.monthly h2,
.yearly h2 {
    font-family: var(--font-futura-pt);
    font-size: var(--font-size-72px);
    font-weight: 700;
    line-height: 86px;
    letter-spacing: 0em;
    text-align: center;
    position: relative;
    z-index: 100;
}

.yearly h2 {
    color: var(--color-white);
}
.yearly h1 {
  color: var(--color-white);
}
.yearly h1 span{
  background: linear-gradient(269.4deg, #c930ff 75.58%, #ffb629 99.58%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.monthly hr {
    margin: 20px 20% 40px 20%;
}

.monthly a,
.yearly a {
    width: 100%;
    display: block;
    padding: 16px 8px;
    border-radius: 60px;
    border: 0px;
    font-family: var(--font-futura-pt);
    font-size: var(--headings-24-h4-size);
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-white);
    text-shadow: 0px 4px 6px #00000078;
    box-shadow: 0px 4px 19px 0px #009e3f80;
    text-decoration: none;
}

.monthly a {
    background: linear-gradient(90deg, #00d47b 0%, #008d85 100%);
}

.yearly a {
  background: linear-gradient(90deg, #c930ff, #ffb629);
    margin: 15px 0 0 0;
    background-size: 400%;
    position: relative;
    z-index: 1;
    animation: yearlyBtnAnimation 8s linear infinite;
}

@keyframes yearlyBtnAnimation {
  0%{
    background-position: 0%;
  }
  100%{
    background-position: 400%;
  }
}
.yearly a::before{
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
  background: linear-gradient(90deg, #c930ff, #ffb629);
  background-size: 400%;
  border-radius: 35px;
  transition: 0.5s;
  filter: blur(20px);
  opacity: 1;
  animation: yearlyBtnAnimation 8s linear infinite;
}

.monthly p,
.yearly p {
    font-family: var(--font-futura-pt);
    font-size: 16px;
    font-weight: 450;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    margin: 20px 0 0 0;
}

.monthly p {
    color: #4f5078;
}

.yearly p {
    color: var(--color-white);
}

.monthly h3 s,
.yearly h3 s {
  text-decoration: line-through;
  text-decoration-color: red;
}

.monthelyyearly ul {
  margin: 0px auto 0;
  max-width: 250px;
  list-style: none;
}
.monthelyyearly ul li {
  color: #009e83;
  font-size: 25px;
  font-weight: 500;
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.monthelyyearly ul li img{
  width: 32px;
  margin-right: 5px;
}
.monthelyyearly .current-plan{
  color: #000;
  font-size: 30px;
  font-weight: 600;
  border: solid 1px #aeaeae;
  padding: 10px 10px 10px;
  border-radius: 7px;
  box-shadow: 0 0 8px -3px rgba(0, 0, 0, 0.5);
}
.monthelyyearly  .yearly .current-plan{
  color: #fff;
}
.monthelyyearly .yearly ul li {
  color: #ff8430;
}
.plan-type {
  font-size: 22px;
}
.monthelyyearly  .yearly .plan-type {
  color: #fff;
  background-clip: unset !important;
  background: transparent;
  -webkit-text-fill-color: unset;
}
.BestValue {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 100;
    background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%);
    border: 1px solid var(--color-white);
    border-radius: 0 0 0 52px;
    padding: 8px 32px;
}

.BestValue p {
    margin: 0;
    padding: auto;
    font-family: var(--font-outfit);
    font-size: var(--font-size-base);
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
}

.crown1 {
    width: 18px;
    height: 18px;
}

.Vectorstar3upper,
.Vectorstar2lower,
.Vectorstar3lower,
.Vectorstar1lower,
.Vectorstar2upper,
.Vectorstar1upper {
    position: absolute;
}

.Vectorstar3upper {
    left: 95px;
    bottom: 120px;
}

.Vectorstar2upper {
    left: 50px;
    bottom: 43px;
}

.Vectorstar1upper {
    left: 30px;
    bottom: 98px;
}

.Vectorstar2lower {
    right: 65px;
    bottom: 120px;
}

.Vectorstar1lower {
    right: 38px;
    bottom: 50px;
}

.Vectorstar3lower {
    right: 90px;
    bottom: 25px;
}

.BGShapebottom {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 5;
}

.Vector23 {
    width: 100%;
    height: auto;
    margin: -290px 0 0 0;
    position: relative;
    z-index: 0;
}

.monthelyyearly-heading {
  margin-bottom: 50px;
} 
.monthelyyearly-heading h1{
  font-family: var(--font-outfit);
  font-size: var(--font-size-37xl);
  font-weight: 700;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
.monthelyyearly-heading .frame-parent2{
  max-width: 330px;
  margin: 0 auto
}
.monthelyyearly-heading .yearly-buttons {
  width: 155px;
  border-radius: var(--br-41xl);
  background: transparent;
  border: 0px solid var(--color-gray-300);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-shadow: var(--shadow-1);
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  padding: 10px 0;
  height: 47px
}
.monthelyyearly-heading .yearly-buttons:hover{
  background: linear-gradient(90deg, #00d47b 0%, #008d85 100%)
}
.monthelyyearly-heading .yearly-buttons.clicked {
  width: 155px;
  border-radius: var(--br-41xl);
  background: linear-gradient(269.87deg, #c930ff 2.08%, #ffb629);
  border: 1px solid var(--color-gray-300);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-shadow: var(--shadow-1);
  font-family: var(--font-outfit);
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
}
.bouns-apps-main {
  background: linear-gradient(90deg, #00d47b 0%, #008d85 100%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: linear-gradient(90deg, rgb(0, 212, 123) 0%, rgb(0, 141, 133) 100%);
    background-size: auto;
  color: #fff;
  font-family: var(--font-outfit);
  font-size: var(--font-size-xl);
  text-align: center;
  padding: 35px 15px;
  font-weight: 700;
  background-image: url('./../../images_v2/tycoon-cust-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 35px;
  text-shadow: 0px 4px 10px #00000078;
  border: solid 3px #c930ff;
  width: 100%;
}
.up12211 {
  position: absolute;
  top: -60px;
  right: 0;
  background: linear-gradient(90deg, #00d47b 0%, #008d85 100%);
  color: #fff;
  width: 153px;
  padding: 4px 10px 4px 60px;
  text-align: right;
  border-radius: 113px 0px 0 0;
  text-decoration: none;
}
.ptatinum-top-bar {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-image: url('./Images_price/p-top-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 999999;
  font-size: 27px;
  font-weight: 700;
  color: rgb(14, 16, 73);
  background-size: cover;
}
.footer-main{
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-image: url('./Images_price/p-top-bg.png');
  position: relative;
  z-index: 9999999;
  font-size: 27px;
  font-weight: 700;
  color: rgb(14, 16, 73);
  position: fixed;
  bottom: 0;
  background-repeat: repeat;
  background-size: auto;
}
.deal_timer{
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%) padding-box, linear-gradient( 94.27deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.26) 100.53% ) border-box;
  display: block;
  color: #fff;
  padding: 15px;
  width: 315px;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 40px;
  text-decoration: none;
}
#footerTimer {
  display: flex;
  align-items: center;
  margin: 0 25px;
}
#footerTimer .time-box{
  padding: 0 13px;
  text-align: center;
}
.eBooks{
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.billing-cycle-parent{
  height: 90px;
}
.content-cell{
  height: 90px;
}
.column-title h3{
  margin-top: 10px;
}
.discount-arrow {
  position: absolute;
  right: -67px;
  top: 14px;
  text-align: left;
}
.discount-arrow p {
  font-weight: bold;
  color: #fff;
  font-size: 15px;
  padding-left: 67px;
}
.discount-arrow img {
  width: 60px;
  margin-right: 0;
}
.highlight-text{
  font-weight: 600 !important;
  background: linear-gradient(269.87deg, #c930ff 2.08%, #ffb629);
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.new-images-section {
  background: linear-gradient( 167.72deg, rgba(39, 48, 255, 0.5) 2.01%, rgba(206, 61, 234, 0.450701) 16.92%, rgba(255, 182, 41, 0) 96.57% );
  padding-top: 50px;
  margin-bottom: -450px;
}
.container-main{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.column-5{
  padding-left: 100px;
}
.column-5 h1{
  font-family: var(--font-outfit);
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 0em;
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%) padding-box, linear-gradient( 94.27deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.26) 100.53% ) border-box;
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  max-width: 700px;
}
.sq-logo {
  max-width: 350px;
  width: 100%;
  margin-bottom: 30px;
  margin-top: -90px;
}
.monthelyyearly .pricing-update{
  max-width: 100%;
  border: solid 1px #aeaeae;
  padding: 10px 25px 10px;
  border-radius: 7px;
  box-shadow: 0 0 8px -3px rgba(0, 0, 0, 0.5);
  margin-bottom: 15px;
  margin-top: 7px;
  max-width: 490px;
  width: 100%;
  list-style: none;
}
.monthelyyearly .pricing-update li {
  color: #0c0d3d;
  font-size: 25px;
  font-weight: 700;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.monthelyyearly .yearly .pricing-update li{
  color: #fff;
}
p .plan-type{
  font-size: 16px;
}
.rrp-price{
  font-size: 20px;
  margin-top: 10px;
  font-style: italic;
}
.rrp-price span{
  font-size: 17px;
}
.edition .rrp-price{
  color: #fff;
}
.pricing-update s{
  text-decoration-color: red;
}
.taskly-main-area .monobg{
  padding: 100px 0 100px !important;
  margin-top: 100px;
}
.pioneer-parent{
  justify-content: center;
}
.column-title {
  text-align: center;
}
.title-cell-parent .content-cell3:nth-child(2){
  background-color: #252648;
}
.up1221{
  padding: 4px 10px 4px 37px;
}
.up1221 .value-text2{
  display: flex;
}
.up1221 .value-text2 .crown1{
  margin-right: 5px;
}
.monthelyyearly-heading .yearly-buttons{
  font-size: 15px !important;
}
#pbutton3.clicked{
  background: linear-gradient(90deg, #00d47b 0%, #008d85 100%);
  border: 0;
}
#pbutton4{
  position: relative;
  z-index: 1;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: hidden;
}
#pbutton4 > span {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 0;
  height: 43px;
  width: calc(100% - 4px);
  z-index: 1;
  border-radius: 35px;
  padding-top: 8px;
  background: #3d3e67;
  text-shadow: none;
  padding-top: 12px;
}
#pbutton4:hover > span {
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%);
}
#pbutton4.clicked > span{
  background: linear-gradient(275.33deg, #ff4930 0%, #ff8730 100%);
}
#pbutton4 > span > span{
  background: linear-gradient(269.87deg, #c930ff 2.08%, #ffb629);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pbutton4:hover > span > span{
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pbutton4.clicked > span > span{
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pbutton4::before {
  content: "";
  position: absolute;
  top: -110%;
  left: 40%;
  width: 20%;
  height: 337%;
  background: linear-gradient(#feb42d,#00ff58);
  animation: animate 3s linear infinite;
  transition-property: all;
  transition-timing-function: cubic-bezier(0,0,.2,1);
  transition-duration: .3s;
  z-index: -1;
}
@keyframes animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(350deg);
  }
}
.billing-cycle-parent {
  width: 355px;
}
.content-cell-upper:first-child {
  margin-right: 60px;
  margin-left: -16px;
  width: 54.2%;
}
.frame-parent8 .title-cell-parent .content-cell3:nth-child(2) {
  margin-left: -14px;
}
.frame-parent8 .title-cell-parent .content-cell3:nth-child(3) {
  margin-left: 45px;
}
.content-cell-upper:first-child .content-cell{
  background: #919191;
}
.title-cell-parent .content-cell3:last-child{
  width: 91.9%;
  margin-left: 23px;
}
.Present{
  font-family: var(--font-futura-pt);
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
}
.gradiantc930ff{
  font-weight: 600;
  font-size: 36px;
}
.PresentBox {
  height: 300px;
}
.heading1 {
  font-size: 90px;
}
.sqribble {
  margin-top: -205px;
}
.essential {
  font-size: 14px;
  text-transform: capitalize;
  margin-top: 14px;
  display: block;
}







@media (max-width: 767px){
  .ptatinum-top-bar{
    font-size: 18px;
    text-align: center;
    padding: 0 10px;
  }
  .deal_timer {
    padding: 10px;
    width: 230px;
  }
  .footer-main {
    font-size: 20px;
  }
  .footer-main {
    height: auto;
    font-size: 20px;
    background-repeat: repeat;
    background-size: auto;
    flex-wrap: wrap;
    padding: 10px;
  }
  .monthelyyearly{
    flex-wrap: wrap;
  }
  .monthelyyearly .monthly {
    padding-top: 20px;
  }
  .monthelyyearly .monthly, .yearly {
    padding: 20px 20px;
  }
  .monthly h1, .yearly h1{
    font-size: 30px;
    line-height: 38px;
  }
  .monthelyyearly ul li {
    font-size: 20px;
    margin: 5px 0;
  }
  .monthelyyearly .current-plan {
    font-size: 17px;
  }
  .monthly h3 {
    margin: 10px 0 15px 0;
  }
  .monthly h3, .yearly h3 {
    font-size: 23px;
    line-height: 36px;
  }
  .yearly h3 {
    margin: 10px 0 10px 0;
  }
  .firstonline ul li, .secondonline ul li{
    font-size: 16px;
  }
  .backPresent{
    display: none;
  }
  .bouns-apps-main{
    font-size: 20px;
    padding: 15px 15px;
  }
  .billing-cycle-parent{
    display: none;
  }
  .monthelyyearly  .yearly{
    padding-top: 45px;
  }
  .Amazing .eBooks{
    font-size: 21px !important;
    line-height: 24.28px !important;
    margin-bottom: -50px !important;
    max-width: 336px;
    width: 100%;
  }
  .andget{
    padding-bottom: 100px !important;
  }
  .PresentBox {
    height: 290px !important;
    margin-top: 50px !important;
  }
  .audio-box {
    margin-top: -108px !important;
  }
  .audio-box  .PresentBox {
    height: 336px !important;
    margin-top: 50px !important;
  }
  .affilia .sqribble {
    margin-top: -40px !important;
  }
  .Present {
    font-size: 34px !important;
    line-height: 42.28px !important;
  }
  .clickly-main-area .sqrindle {
    margin-top: 0px !important;
  }
  #footerTimer {
    margin: 3px 25px;
    font-size: 15px;
  }
  .ptatinum-top-bar {
    height: 80px;
  }
  .oneplat h2 {
    font-size: 20px !important;
  }
  .new-application-main-area {
    padding: 375px 0 100px 0 !important;
  }
  .unlocktext h6{
    max-width: 232px;
    margin: 0 auto;
    width: 100%;
  }
  .billing-cycle1{
    font-size: 18px;
  }
  .column-title h3 {
    font-size: 17px;
  }
  .content-cell {
    padding: 15px 7px;
  }
  .monthelyyearly-heading h1 {
    font-size: 35px;
  }
  .plan-type {
    font-size: 15px;
  }
  .discount-arrow {
    right: -25px;
    top: -18px;
  }
  .discount-arrow p {
    font-size: 13px;
    padding-left: 0;
  }
  .discount-arrow img {
    width: 45px;
    margin-left: 44px;
  }
  .unlocktext {
    text-align: center;
  }
  .emp-logo{
    max-width: 300px !important;
  }
  .container-main{
    flex-wrap: wrap;
  }
  .column-5 {
    padding: 15px;
    text-align: center;
  }
  .column-5 h1{
    font-size: 35px;
    text-align: center;
  }
  .new-images-section{
    margin-bottom: -150px;
  }
  .sq-logo {
    margin: 0 auto;
    margin-top: -50px;
  }
  .title-cell-parent {
    grid-template-columns: 33.33% 33.33% 33.33%;
    grid-template-rows: auto;
    grid-template-areas:
"item1 item1 item1" 
"item3 item4 item2";
  }
  .up1221 {
    padding: 4px 10px 4px 0px;
    width: 120px;
  }
  .up1221 h4{
    text-align: right;
  }
  .up12211{
    width: 120px;
  }
  .up12211 h4{
    font-size: 15px !important;
  }
  .billing-cycle1 {
    font-size: 13px;
  }
  .billing-cycle1{
    line-height: 14px;
  }
  .up1221 .value-text2 {
    justify-content: flex-end;
    font-size: 14px;
  }
  .discount-arrow{
    display: none !important;
  }
  .up121 {
    display: block;
    padding: 4px 10px 4px 13px;
  }
  .up121 h4{
    font-size: 14px;
  }
  .frame-parent8 .title-cell-parent .content-cell3:nth-child(3) {
    margin-left: 0;
  }
  .title-cell-parent .content-cell3:last-child {
    width: 100%;
    margin-left: 0;
  }
  .content-cell-upper:first-child {
    margin-right: 16px;
  }
  .essential {
    margin-top: 7px;
  }
}



@media screen and (max-width: 480px) {
  .Amazing {
    padding-top: 95px;
  }
  .Amazing .platinum-btn{
    margin: -5px auto !important;
  }
  .gradiantc930ff {
    font-size: 34px;
    line-height: 42.28px !important;
  }
  .PresentBox {
    height: 325px !important;
  }
  .pricing-section-main {
    padding: 795px 0 0px !important;
  }
  .unlocktext h2{
    text-align: center;
  }
  .trainingboth {
    padding: 25px 10px;
  }
  .taskly-main-area {
    margin: -63px 0 0 0;
    padding: 0px 0 0 0;
  }
  .monthelyyearly .monthly, .yearly{
    padding: 35px 15px 20px !important;
  }
  .monthelyyearly .pricing-update li{
    font-size: 18px;
  }
  .monthelyyearly .pricing-update {
    padding: 10px 10px 10px;
  }
  .taskly-main-area .heading1 {
    font-size: 25px;
  }
  .taskly-main-area .monobg {
    padding: 55px 0 50px !important;
    margin-top: 60px;
  }
  .new-application-main-area {
    padding: 375px 0 55px 0 !important;
  }
  .appoint-section-main{
    padding-top: 0;
    margin-top: -100px;
  }
  .appoint-section-main .backAnimated {
    top: 27px;
    font-size: 30px;
  }
  .appoint-section-main .gradiantc930ff {
    font-size: 35px;
  }
  .appoint-section-main .sqrindle{
    margin-top: 30px !important;
  }
  .appoint-section-main .ContentBox{
    padding-top: 30px;
  }
  .appoint-section-main .minuts, .appoint-section-main .online{
    border: 0;
  }
  .appoint-section-main .secondonline{
    margin-top: -1px;
  }
  .monobg.animatedCoverMain {
    padding: 100px 0px 50px;
}
}
@media (max-width: 991px){


div#invoicely {
 
  padding: 100px 0px 0px;
 
}
div#invoicely .bothsqribble,div#invoicely  .bothsqrindle {
  flex-direction: column-reverse;
}
div#invoicely .palettewithcircle{
  width: 100%;
  margin-top: 80px;
}
div#invoicely .circlelightsky {
  background: none;
  left: -40px;
  top: 0px;
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.pThumblyMain{
  margin-top: -120px !important;
}
 .pThumblyMain .ContentBox {
    margin-bottom: 200px !important;
    padding-top: 70px !important;
}
 .eCovers.clickly-main-area.pTranscriblyMain {
        padding-bottom: 50px !important;
    }
}
@media (max-width: 767px){


div#invoicely {
 
  padding: 160px 0px 0px;
 
}
div#invoicely .heading1 {
  font-size: 42px;
  top: 0;
  line-height: 65px;
  margin-bottom: 70px;
}
.pThumblyMain .ContentBox {
        padding-top: 20px !important;
        margin: 0 !important;
    }
    .pThumblyMain .heading1 {
    font-size: 60px;
    top: -10px;
    line-height: 60px;
}
   

}
@media (max-width: 575px){


div#invoicely {
 
  padding: 230px 0px 0px;
 
}
div#invoicely .heading1 {
  font-size: 40px;
  top: 0;
  line-height: 40px;
  margin-bottom: 20px;
}
    .pThumblyMain .heading1 {
        font-size: 45px;
        top: 0px;
        line-height: 55px;
    }
    .eCovers.appoint-section-main .monobg {
        padding-top: 50px !important;
    }
}