.heading1 {
  font-size: var(--font-size-97xl);
  line-height: 149px;
  font-style: italic;
  font-weight: 800;
}
.paragraph1 {
  font-size: var(--font-size-lg);
  line-height: 23px;
  letter-spacing: 0em;
}
.paragraph2 {
  font-size: var(--font-size-base);
  line-height: 20px;
  letter-spacing: 0em;
}
.Frustrated {
  background: linear-gradient(180deg, #0e0a39 0%, #381277 100%);
  position: relative;
  z-index: 999;
  /* height: 756px; */
}
.bgimg {
  width: 1076px;
  height: 800px;
  object-fit: cover;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
}
.bgimgmobile {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 0;
  bottom: 0;
}
.tools {
  width: 640px;
  position: relative;
}
.tools .juggling {
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: 26px;
  background: #6100ff66;
  color: #df84ff;
  padding: 4px 8px;
  display: inline-block;
}
.tools h1 {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-29xl);
  font-weight: 600;
  line-height: 67px;
  margin: 20px 0;
  filter: drop-shadow(0px 4px 4px #00000099);
}
.tools h1 .grow {
  background: rgb(201, 48, 255);
  background: -moz-linear-gradient(
    266deg,
    rgba(201, 48, 255, 1) 42.42%,
    rgba(255, 182, 41, 1) 82.68%
  );
  background: -webkit-linear-gradient(
    266deg,
    rgba(201, 48, 255, 1) 42.42%,
    rgba(255, 182, 41, 1) 82.68%
  );
  background: linear-gradient(
    266deg,
    rgba(201, 48, 255, 1) 42.42%,
    rgba(255, 182, 41, 1) 82.68%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c930ff",endColorstr="#ffb629",GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tools h1 .Platform {
  background: linear-gradient(266.16deg, #ff3e8f 56.58%, #e10019 98.82%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tools .power {
  font-family: var(--font-space-grotesk);
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  background: linear-gradient(
    281.07deg,
    hsla(284, 100%, 59%, 0.039) 2.08%,
    #ffa800 100%
  );
  padding: 6px 18px;
  border-radius: 0px 18px;
  display: inline-block;
}
.powergradiant {
  border: 1px solid #ffffff1c;
  border-radius: 0px 18px;
  position: absolute;
  z-index: -1;
  bottom: -7px;
  left: 12px;
  width: 235px;
  height: 38px;
}
.GetAll {
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-top: 60px;
}

.manimg {
  width: 540.45px;
  height: 564px;
  position: relative;
  top: 0px;
  right: 66px;
}
.speaker {
  width: 79.71px;
  height: 78.53px;
  position: absolute;
  top: 157px;
  right: 175px;
}
.boximg {
  width: 159px;
  height: 181px;
  position: absolute;
  z-index: 1;
  bottom: -101px;
  left: 60px;
}
.Solutions {
  background-color: #381277;
  position: relative;
  height: 1050px;
  overflow: hidden;
  margin-top: -2px;
}
.cityimg {
  width: 100%;
  height: 1136px;
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
}

.videobord {
  text-align: center;
  position: relative;
  padding-top: 31px;
  z-index: 1;
}
.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: 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; */
}
.videobox {
  width: 789.75px;
  height: auto;
  /* height: 458px; */
  margin: 40px auto;
  background: linear-gradient(263.64deg, #ff3e8f -0.08%, #e10019 99.92%)
    border-box;
  border: 20px solid transparent;
  border-radius: 24px;
  box-shadow: 0px 39px 57px 0px #08074859;
}
.cfloat {
  width: 179.11px;
  height: 178.37px;
  position: absolute;
  top: 410px;
  left: 180px;
}
.trianglefloat {
  width: 193.97px;
  height: 152.08px;
  position: absolute;
  z-index: 0;
  right: 195px;
  top: 124px;
}
.halfcircle {
  width: 95px;
  height: 183px;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 495px;
}
.bothdigital {
  position: relative;
}
.backstart {
  font-family: var(--font-futura-pt);
  font-size: var(--font-size-83xl);
  font-style: italic;
  font-weight: 800;
  line-height: 122px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  left: -328px;
  text-wrap: nowrap;
  width: 200%;
  /* height: 122px; */
  /* display: inline-block; */
  background: linear-gradient(
    0deg,
    rgba(40, 11, 88, 0.6),
    rgba(40, 11, 88, 0.6)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.5px #ffffff4d;
}
.digital {
  font-size: var(--font-size-33xl);
  line-height: 67px;
  letter-spacing: 0em;
  font-family: var(--font-futura-pt);
  position: relative;
  margin: -110px 0 -110px 0;
  /* left: 8%; */
  /* top: 12px; */
  z-index: 1;
  font-style: italic;
  font-weight: 800;
  text-align: center;
  color: white;
  padding: 20px 0;
  text-transform: uppercase;
  text-shadow: 0px 4px #00000099;
}
.digitalback {
  border-radius: 50%;
  background: radial-gradient(
    41.3% 96.55% at 46.78% 41.2%,
    #f5b6fb 0%,
    #2d15c5 100%
  );
  filter: blur(10px);
  opacity: 0.6;
  width: 1340px;
  height: 125px;
  margin: 0 auto;
  position: relative;
  /* top: 10px; */
  /* left: -2%; */
  z-index: 1;
}
.signupbtn {
  position: relative;
  display: flex;
  justify-content: center;
  /* top: 160px; */
  /* left: calc(100% - 70%); */
  /* left: 36%; */
  z-index: 1;
}

.signupbtn a {
  padding: 16px 24px;
  border-radius: 76px;
  width: 400px;
  display: inline-flex;
  flex-direction: column;
  color: white;
  align-items: center;
  border: 2px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0px 18px 30px -10px #350056cf;
  background: linear-gradient(263.64deg, #ff3e8f -0.08%, #e10019 99.92%);
  text-decoration: none;
}
.signupbtn a .sign {
  font-family: var(--font-outfit);
  font-size: var(--headings-24-h4-size);
  font-weight: 700;
  line-height: 31px;
}
.signupbtn a .access {
  font-family: var(--font-outfit);
  font-weight: 700;
}
.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: 200px;
  margin-top: -50px;
}
.eBooksBox {
  height: 349px;
}
.eBooks {
  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);
}
.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; */
}
/* #capturely .backeBooks{
  -webkit-text-fill-color:#fbc02d;
} */
#capturely .backeBooks{
  -webkit-text-fill-color: #ff84dd87;
}
.sqribble {
  width: 100%;
  padding: 10px 30px 30px 30px !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 30px 30px 30px !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: 200px;
  margin-top: -16px;
  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: 335px;
}
.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 {
  overflow: hidden;
  margin-top: -500px;
  /* height: 1550px; */
  padding: 0 0 60px 0;
  position: relative;
  z-index: 110;
}
.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 30px 30px 30px !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;
}
.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;
}






.voicely-box-main{
  margin-bottom: 0;
  padding-bottom: 150px;
}
.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;
}
.voicely-box-main .offers {
  text-align: center;
  margin-right: 0px;
}



.taskly-main-area .palette {
  width: calc(490px);
  top: 0;
  left: 0;
}
.taskly-main-area .circleclickly {
  background: linear-gradient( 122.66deg, #58CAD0 -102.61%, rgba(70, 196, 229, 0) 81% );
}




/* bookmarkly css  */
.bookMarklyMain{
  

}
.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;
}

.reviewlyMain .circlelightsky{
background: linear-gradient(122.66deg, #7dcc7c 12.39%, rgba(70, 196, 229, 0) 81%) !important;
}
.reviewlyMain .palette img {
    width: 440px;
    height: 391px;
}
.reviewlyMain .income {
    max-width: 100% !important;
}
.surveylyMain .circlelightsky{
background: none !important;
}
.surveylyMain .palette img {
    width: 440px;
    height: auto !important;
}

/* subscriber main section  */

.subscrMain {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}
.subscrMain .container{
  max-width: 100%;
}

.subscrMain .sqrindle{
  /* padding: 0 !important;
  background: linear-gradient(#0d0e3f 100%, #0d0e3f 100%) padding-box,
  linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%) border-box; */

}
.gallery-container {
  display: flex;
  flex-wrap: wrap;
  gap: 13.8px; /* Space between images */
  /* justify-content: center; */
  /* max-width: 1440px; */
  padding: 10px;
  background: #141354;
}

.gallery-item {
  position: relative;
  width: 100px;
  /* height: 155px; */
  text-align: center;
}

.gallery-item img {
  width: 100%;
  height: 135px;
  object-fit: cover;
  display: block;
  border-radius: 5px;
  border: 0.5px solid #FFFFFF
}

/* Member name always visible */
.member-name {
  display: block;
  font-size: 12px;
  color: #fff;
  padding: 4px 6px;
  border-radius: 3px;
  white-space: nowrap;
  min-width: 90px;
  text-align: center;
  margin-top: 5px; /* Space between image and name */
}

.founderMob{
  display: none !important;
}
.founderTab{
  display: none !important;

}
#scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  font-size: 18px;
  border: none;
  outline: none;
  /* background: linear-gradient(145deg, #007bff, #0056b3); */
  background: linear-gradient(145deg, #ff3e8f, #ff3e8f);
  color: white;
  cursor: pointer;
  padding: 12px 14px;
  border-radius: 50%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  transform: translateY(20px);
  width: 45px;
  height: 45px;
}

#scrollTopBtn.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

#scrollTopBtn:hover {
  transform: scale(1.1);
  box-shadow: 0 0px 20px 10px wheat;
  opacity: 0.8;
}

.sqribble.capturelySubSec{
  padding-top: 40px !important;
 padding-bottom: 40px ;
}

#capturely {
  height: 380px;
  
}
.IndexInvoicelyMain{
  padding: 600px 0px 500px !important;
}
#members .vcSlider{
  padding: 20px 50px;
}

.invoicelyMain .circlelightsky {
  background: none;
  left: -100px;
    top: -200px;
}
.invoicelyMain .sqrindle {
  margin-top: 0px !important;
}
.invoicelyMain .offers h3{
  color: #000;
  font-style: normal;
}
.invoicelyMain .palette{
  margin-top: 0;
  top: 0;
}
.invoicelyMain{
  background: #0a0b35;
  margin-top: 0;
  padding: 50px 0px 70px;
}
/* div#invoicely {
    margin-bottom: 110px !important;
    padding-bottom: 100px !important;
} */
.invoicelyMain .backConcourses {
  
  font-size: 80px;
}
div#thumbly {
    padding: 140px 0 100px !important;
    margin: 0px 0 0 0 !important;
}
div#thumbly .palette {
    z-index: -1;
    margin-top: 0;
    top: 90px;
    left: 0px;
}




.storybookly-main{
  .palette {
    margin-top: 0px;
    width: calc(709px);
    height: auto;
    top: 0px;
    left: 0;
    margin-bottom: -55px;
    @media (max-width: 767px){
        width: 100%;
        margin-bottom: -42px;
    }
  }
  .offers{
    padding-right: 40px;
    @media (max-width: 767px){
      padding-right: 0;
    }
    .income{
      max-width: 300px;
      margin: 26px auto 0;
      @media (max-width: 767px){
        margin: 15px auto 15px;
      }
    }
  }
}





.helpdeskly-main{

}
.helpdeskly-main .palette {
  margin-top: 55px;
  top: 6px;
}
.helpdeskly-main .monobg{
  padding-top: 110px;
  margin-top: 74px;
}




@media screen and (max-width: 2560px) {
  .Monetize {
    margin: -255px 0 0 0;
  }
  .Monetize .pinklayerbottom {
    bottom: 360px;
  }
  .courses {
    margin: -255px 0 0 0;
  }
  .courses .pinklayerbottom {
    bottom: 360px;
  }
  .emails {
    margin: -255px 0 0 0;
  }
  .emails .pinklayerbottom {
    bottom: 360px;
  }
  .affilia {
    margin: -255px 0 0 0;
  }
  .affilia .pinklayerbottom {
    bottom: 360px;
  }
  .eCovers {
    margin: -255px 0 0 0;
  }
  .eCovers .pinklayerbottom {
    bottom: 360px;
  }
  .subscrMain {
    margin-top: 0 !important;
    padding-top: 350px !important;

  }
  .subscrMain  .monobg{
    padding-top: 100px !important;
  }
  .create {
    margin-top: -700px;
  }
  .presantation {
    padding-top: 350px;
  }
  .audio {
    margin-top: -700px;
  }
  .funnels {
    margin-top: -700px;
  }
  .traffic {
    margin-top: -700px;
  }
  .agency {
    margin-top: -700px;
  }
  .trainingbothmargin {
    justify-content: center;
  }
  .strip4 {
    margin-top: -10%;
    top: 8px;
  }
  .empirelytable table tbody tr td {
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    border-top: 3px solid rgba(255, 255, 255, 0.2);
  }
}
@media screen and (max-width: 1920px) {
  .Monetize {
    margin: -125px 0 0 0;
  }
  .Monetize .pinklayerbottom {
    bottom: 265px;
  }
  .courses {
    margin: -125px 0 0 0;
  }
  .courses .pinklayerbottom {
    bottom: 265px;
  }
  .emails {
    margin: -125px 0 0 0;
  }
  .emails .pinklayerbottom {
    bottom: 265px;
  }
  .affilia {
    margin: -125px 0 0 0;
  }
  .affilia .pinklayerbottom {
    bottom: 265px;
  }
  .eCovers {
    margin: -125px 0 0 0;
  }
  .eCovers .pinklayerbottom {
    bottom: 265px;
  }
  .presantation {
    padding-top: 440px;
  }
  .strip4 {
    margin-top: -13%;
    top: 65px;
  }
  .eCovers.clickly-main-area.taskly-main-area.subscrMain {
    margin-top: -0px !important;
    padding-top: 350px;
}
.subscrMain .monobg{
  padding-top: 70px !important;
  width: 100%;
}
}

@media screen and (max-width: 1440px) {
  .create .PresentBox {
    margin: 60px 0 0 0;
  }
  .presantation {
    padding-top: 200px;
  }
  .audio .PresentBox {
    margin: 40px 0 0 0;
  }
  .funnels .PresentBox {
    margin: 50px 0 0 0;
  }
  .traffic .PresentBox {
    margin: 60px 0 0 0;
  }
  .agency .PresentBox {
    margin: 30px 0 0 0;
  }
  .Monetize {
    margin: -140px 0 0 0;
    padding: 150px 0 0 0;
  }
  .Monetize .pinklayer {
    top: -150px;
  }
  .Monetize .pinklayerbottom {
    bottom: 200px;
  }
  .create {
    margin-top: -400px;
  }
  .courses {
    margin: -140px 0 0 0;
    padding: 150px 0 0 0;
  }
  .courses .pinklayer {
    top: -150px;
  }
  .courses .pinklayerbottom {
    bottom: 200px;
  }
  .audio {
    margin-top: -400px;
  }
  .emails {
    margin: -140px 0 0 0;
    padding: 150px 0 0 0;
  }
  .emails .pinklayer {
    top: -150px;
  }
  .emails .pinklayerbottom {
    bottom: 200px;
  }
  .funnels {
    margin-top: -400px;
  }

  .affilia {
    margin: -140px 0 0 0;
    padding: 150px 0 0 0;
  }
  .affilia .pinklayer {
    top: -150px;
  }
  .affilia .pinklayerbottom {
    bottom: 200px;
  }
  .traffic {
    margin-top: -400px;
  }

  .eCovers {
    margin: -140px 0 0 0;
    padding: 150px 0 0 0;
  }
  .eCovers .pinklayer {
    top: -150px;
  }
  .eCovers .pinklayerbottom {
    bottom: 200px;
  }
  .agency {
    margin-top: -400px;
  }
  .strip4 {
    margin-top: -130px;
    top: 2px;
  }
  .empower {
    width: 865px;
  }
  .gallery-container {
    max-width: 100%;
    justify-content: space-around;
  }
}
@media screen and (max-width: 1300px) {
  .bothgirlbase,
  .threescreentriangles,
  .selling,
  .pointermoniterfrontback,
  .manwithcircles,
  .sendswithcircles,
  .easy,
  .trafficimg-parent,
  .palettewithcircle,
  .offers,
  .BOXX2,
  .empiresecond {
    width: 50%;
  }

  .sqribbleimg,
  .sqrindleimg,
  .engageimg,
  .teachingimg,
  .respond,
  .landingly,
  .rofit,
  .submitter,
  .eCoverlyimg,
  .income,
  .empiresecond h3,
  .secondroad,
  .trainingfirst,
  .trainingsecond,
  .trainingthird,
  .EMPIRELY h5 {
    width: 100%;
  }
  .trainingsecond {
    height: auto;
  }
  .trainingboth {
    flex-direction: column;
    padding: 0 6%;
  }
  .trainingbothgap {
    flex-direction: column-reverse;
  }
  .EMPIRELY h5 {
    padding: 0 20px;
  }
  .EMPIRELY h5 br {
    display: none;
  }
  .manimg,
  .screen,
  .mans1,
  .robote,
  .sends,
  .affiliaimg,
  .funnelsimg,
  .firstroad,
  .trafficimg,
  .palette,
  .pointermoniter,
  .girl {
    width: auto;
    height: auto;
  }
  .eCovers .affiliaimg {
    width: 75%;
    height: auto;
  }
  .oneplat h2 {
    font-size: 260%;
  }
  .edition {
    width: 50%;
  }
  .bothroadmap {
    column-gap: 2rem;
    flex-direction: column-reverse;
    padding: 6% 6% 0;
  }
  .EMPIRELYText {
    width: 96%;
  }
  .strip4 {
    margin-top: -10%;
  }
  .Monetize,
  .courses,
  .emails,
  .affilia,
  .eCovers {
    padding: 190px 0 0 0;
  }
  .Monetize .pinklayerbottom,
  .courses .pinklayerbottom,
  .emails .pinklayerbottom,
  .affilia .pinklayerbottom,
  .eCovers .pinklayerbottom {
    bottom: 165px;
  }
}
@media screen and (max-width: 955px) {
  .empire {
    margin-top: 40px;
  }
}
@media screen and (max-width: 930px) {
  .create .sqribble {
    margin-top: -200px;
  }
}
@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 !important;
  }
  .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: 10px;
  }
  .ContentBox{
  height: 90px;
  }
  .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: 00px 0 0 0;
    height: 300px !important;
  }
  .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: 0px;
  }
  .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: 00px 0 0 0;
    height: 330px !important;
  }
  .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;
  }
  .subscrMain .backAnimated {
    top: -35px;
}
  .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%;
  }
  .backeBooks{
        top: -50px;
        margin-left: 0;
        text-wrap: wrap;
        position: relative;
        left: 0;
        line-height: 154px;
}
.eBooksBox {
    height: 270px;
}
.create .PresentBox {
        margin: 10px 0 35px 0;
        height: 270px;
    }
        .backPresent {
        top: 0;
       
    }
      .backConcourses {
        top: 35px;
    }
    .expandReachBox{
    margin: 0 !important;
    }
    .ContentBox.createAnimBox {
      height: 160px;
  }
  .ContentBox.createAnimBox .backAnimated{
    top: 45px;
  }
   
  .PresentBox.webGraphicBox {
    margin: 0 !important;
    height: 300px;
}
.PresentBox.webGraphicBox .backPresent{
  top: 0;
}
.monobg.schdMeetMain {
  margin-top: -156px !important;
  padding-top: 30px !important;
}
.bookMarklyMain .PresentBox{
  height: 250px;
  margin-top: 10px !important;
  margin-bottom: 30px !important;
}
.bookMarklyMain .PresentBox .backPresent {
  top: -30px;
}

}
@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: 40px 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: 10px 0 0 0;
  }
  .audio .PresentBox .backPresent {
    line-height: 58px !important;
}
  .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: 30px;
  }
  .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;
  }
  .taskly-main-area .palette {
    width: 100%;
  }
  .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;
  }
  
}
@media screen and (max-width: 380px) {
  .create .Present {
    font-size: xx-large;
  }
  .eBooksBox {
    height: 336px;
  }
}

.schdMeetMain{
  margin-top:0 !important;
  padding-top: 50px !important;
}

@media (min-width: 1401px){
  div#thumbly {
    padding: 40px 0 100px !important;
    margin: -40px 0 0 0 !important;
}
}

@media (max-width: 1199px){
  .gallery-container {
    gap: 10px;
  }
  .gallery-item {
    width: 90px;
    height: 140px;
  }
  .gallery-item img {
    height: 120px;
  }
  #members .vcSlider {
    padding: 20px 40px;
}
#members .slick-prev {
  left: -20px;
}
#members .slick-next {
  right: -20px;
}
.schdMeetMain{
  margin-top: -50px !important;
}
}
@media (max-width: 991px){
  .founderWeb{
    display:none !important;
  }
  .founderTab{
    display: block !important;
  
  }
  .subscrMain .sqrindle{
    padding: 2px !important;
  }
  .sqribble.capturelySubSec .edition img{
    width: 65%;
  }
  #capturely{
    height: 280px;
  }
  .sqribble{
    padding: 10px 10px 30px 10px !important;
  }
  .fourtraffic{
    padding: 10px 10px 30px 10px !important;
    

  }
  .capturelyMain{
    padding-top: 80px !important;
  }
  .bookMarklyMain{
    margin-bottom: 20px;
  }
  .invoicelyMain .palettewithcircle{
    width: 100%;
  }
  .invoicelyMain .circlelightsky {
   
    width: 100%;
    min-height: 500px;
    top: 00px;
    left: 0;
    min-height: 900px;
}

.invoicelyMain .palette {
  
  width: 100%;
}
.invoicelyMain {
 
  padding: 190px 0px 100px;
}
.invoicelyMain .monobg {
 
  padding-top: 100px;
}

.invoicelyMain .backConcourses {
  font-size: 80px;
}
div#thumbly .backConcourses {
        font-size: 65px !important;
        line-height: 58px !important;
        margin-bottom: 50px;
    }

#members .vcSlider {
  padding: 20px 30px;
}
#members .slick-prev {
  left: -15px;
}
#members .slick-next {
  right: -15px;
}
/* .schdMeetMain {
  margin-top: -156px !important;
  padding-top: 100px !important;
} */
    
}


@media (max-width: 767px){
  .gallery-container {
    gap: 8px;
  }
  .gallery-item {
    width: 80px;
    height: 130px;
  }
  .gallery-item img {
    height: 110px;
  }
  .member-name {
    font-size: 10px;
  }
  .sqrindle {
    padding: 10px 10px 30px 10px !important;
  }
  .sqribble{
    padding: 10px 10px 30px 10px !important;

  }
  .eCoversCard{
    padding: 10px 10px 30px 10px !important;

  }
  .sqribble.capturelySubSec .edition img{
    width: 54%;
  }
  .capturelyMain .eBooks{
    font-size: 26px;
  }

  .invoicelyMain .backConcourses {
    font-size: 60px;
  }
  #members .vcSlider {
    padding: 15px 20px;
  }
  #members .slick-prev {
    left: -10px;
  }
  #members .slick-next {
    right: -10px;
  }
  .eBooksBox {
        height: 290px;
    }
        .Present {
      
        width: 94%;
        font-size: 33px;
    }
    .create .Present{
      font-size: 27px;
    }
        .backPresent {
        left: 0;
    }
    .promotProdBox h1.backAFFILIATE{
      font-size: 50px !important;
    }
    .PresentBox.webGraphicBox .Present {
      font-size: 30px;
    }
    #capturely .backAnimated{
      top: 40px;
    }
    .invoicelyMain {
      padding: 100px 0px 100px;
      margin-top: -100px;
  }
}

@media (max-width: 575px){
  .gallery-container {
    gap: 5px;
  }
  .gallery-item {
    width: 70px;
    height: 120px;
  }
  .gallery-item img {
    height: 95px;
  }
  .subscrMain .sqrindle{
    margin-top: 10px !important;
    padding: 4px !important;
  }
  .founderMob{
    display:block !important;
  }
  .founderTab{
    display: none !important;

  }
  .subscrMain .backAnimated {
    top: -10px;
}
.invoicelyMain .backConcourses {
  font-size: 45px;
  line-height: 50px;
  top: 70px;
}
#members .vcSlider {
  padding: 12px 15px;
}
#members .slick-prev {
  left: -10px;
}
#members .slick-next {
  right: -10px;
}
    .eBooks {
       
        width: 90%;
        font-size: 34px;
        line-height: 30px;
    }
        .eBooksBox {
        height: 260px;
    }
    .backeBooks {
        top: -50px;
        left: 0;
        line-height: 142px;
        font-size: 50px;

}
     .backContent {
        top: -17px;
        font-size: 46px;
    }
  .ContentBox{
  min-height: 160px !important;
  margin-bottom: 40px;

  }
  .Content{
  margin-bottom: 0px !important;
  font-size: 28px;
}
    .create .PresentBox {
        margin: 10px 0 40px 0;
        line-height: 42px;
    }
        .backPresent {
        top: 2px;
        line-height: 78px;
        font-size: 47px;
        
    }
    .csHeadingBox{
      margin-bottom: 10px !important;
  
  }
  .backConcourses {
    top: 38px;
    text-wrap: wrap;
    font-size: 47px;
    line-height: 97px;
}
.smEmailBox{
  
  margin-bottom: 0px;

}
.funnels .PresentBox {
  
  height: 280px;
}
      .backFunnels{
        top: -20px;
      }
      .ContentBox.promotProdBox {
        min-height: 120px !important;
        margin-bottom: 10px;
    }
      
    .PresentBox.expandReachBox {
      height: 300px !important;
      margin-top: 20px !important;
  }
  
  .PresentBox.webGraphicBox {
   
    margin-bottom: 55px !important;
}
.ContentBox.createAnimBox.prettyLinkBox {
  margin-bottom: 0;
  min-height: 138px !important;
  height: 170px !important;
  justify-content: flex-start;
}
.PresentBox.webGraphicBox .backPresent {
  /* text-shadow: 0px 0px 1px rgba(200, 40, 120, 0.5); */



}
.monobg.schdMeetMain .ContentBox.createAnimBox.prettyLinkBox.increaseProdBox {
  height: 120px !important;
  min-height: 120px !important;
}
    div#thumbly .backConcourses {
        font-size: 40px !important;
        line-height: 38px !important;
        margin-bottom: 50px;
    }

}

@media (max-width: 480px){
  .csHeadingBox {
    margin-bottom: 100px !important;
    padding-top: 70px;
}
.smEmailBox{
  
  margin-bottom: 130px;

}
.funnels .PresentBox {
  
  height: 320px !important;
}
      .backFunnels{
        top: -20px;
      }
      .create .PresentBox {
        margin: 10px 0 70px 0;
        height: 280px;
    }
      .create .PresentBox .backPresent {
        top: 1px;
        
    }
    .eBooksBox {
      height: 260px;
  }
  .ContentBox.promotProdBox {
    min-height: 220px !important;
        margin-bottom: 90px;
  }
  .promotProdBox h1.backAFFILIATE {
    font-size: 48px !important;
    text-shadow: 0px 0px 1px rgba(200, 40, 120, 0.5);
}
.PresentBox.expandReachBox .backViral{
  top: -20px;
}
.PresentBox.expandReachBox {
  height: 280px !important;
}
.ContentBox.createAnimBox {
  height: 200px;
  margin-bottom: 130px;
}
.PresentBox.webGraphicBox {
  padding-top: 20px;
  height: 280px;
}
.PresentBox.webGraphicBox .Present {
  line-height: 35px;
}
.ContentBox.prettyLinkBox .backAnimated {
  font-size: 50px;
}
.ContentBox.createAnimBox.prettyLinkBox.increaseProdBox{
  height: 190px !important;
}
.monobg.schdMeetMain {
  margin-top: 0px !important;
  padding-top: 30px !important;
}
.monobg.schdMeetMain .ContentBox.createAnimBox.prettyLinkBox.increaseProdBox {
  height: 90px !important;
  min-height: 90px !important;
}
.bookMarklyMain .Present {
  font-size: 33px;
}
.bookMarklyMain .PresentBox{
  height: 260px;
  padding-top: 20px;
}
.bookMarklyMain .heading1{
  font-size: 49px;
}
.create .Present {
  font-size: 29px;
  line-height: 43px;
}
.csHeadingBox .backConcourses{
  /* background: linear-gradient(180deg, rgba(170, 48, 231, 0.04) 3.71%, #ff00d666 3%); */
  /* background: linear-gradient(360deg, rgba(150, 0, 80, 0.85) 23.49%, rgba(100, 0, 50, 0) 84.9%); */
  text-shadow: 0px 0px 1px rgba(200, 40, 120, 0.5);


}
.audio .PresentBox .backPresent {
  text-shadow: 0px 0px 1px rgba(200, 40, 120, 0.5);
}

.invoicelyMain .ContentBox {
  min-height: 260px !important;
  margin-bottom: 40px;
  padding-top: 10px;
  height: auto !important;
}

}