@import "https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css";

body {
  font-family: "Outfit", Helvetica, sans-serif;
  /* max-width: 1440px; */
  margin: auto;
}
.row {
  margin: 0;
}

p {
  font-size: 1rem;
  line-height: 150%;
  color: #6e7587;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 0;
  color: #0c2b49;
}

/* 56px */
h1 {
  font-size: 3.5rem;
}

/* 40px */
h2 {
  font-size: 2.5rem;
}
/* 38 px */
.h2-38 {
  font-size: 2.375rem;
}
/* 32 px */
h3 {
  font-size: 2rem;
}
/* 24 px */
h4 {
  font-size: 1.5rem;
}

.fs-14 {
  font-size: 0.875rem !important;
}
.fs-16 {
  font-size: 1rem !important;
}
.fs-18 {
  font-size: 1.125rem !important;
}
.fs-20 {
  font-size: 1.25rem !important;
}
.fs-24 {
  font-size: 1.5rem !important;
}
.fs-26 {
  font-size: 1.625rem !important;
}
.fs-88 {
  font-size: 5.5rem !important;
}

.fmym {
  font-family: "Yellowtail";
}

.blue-bg {
  background: #0f104a;
}

/*=====================================
General css
=======================================*/

.shadow-gradient {
  background: linear-gradient(
    281deg,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.25) 100%
  );
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
  backdrop-filter: blur(10px);
}

.Yellowtail {
  font-family: Yellowtail;
}
.Outfit {
  font-family: Outfit;
}

/* ---colors--- */

.gradient-headng {
  background: linear-gradient(#c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 72.8px */
  background-size: 100% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}

.gradient-blue-color {
  background: linear-gradient(263deg, #c930ff 1.98%, #6129ff 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gray {
  background-color: #f2f5fb;
}

.amethyst-color {
  color: #df84ff;
}

.gradient-heading-blue {
  background: linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---color end--- */

/*=====================================
General css End
=======================================*/

/*=====================================
002. BUTTONS
=======================================*/

.btn-sqribble {
  display: inline-block;
  padding: 1.375rem;
  border-radius: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.7);
  background: linear-gradient(275deg, #ff4930 0%, #ff8730 100%);
  box-shadow: 0px 18px 30px -10px rgba(255, 98, 48, 0.5);
  color: #fff;
  text-align: center;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  font-family: "Outfit";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}
@media (max-width: 575px) {
  .btn-sqribble {
    display: block;
    /*padding-top: 1.3438rem;
    padding-bottom: 1.3438rem;*/
    padding: 1rem;
  }
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}
/*=====================================
01. Basic Custom Classis
=======================================*/
.text-yellow {
  color: #ffca42;
}
.text-justify {
  text-align: justify;
  /* text-justify: inter-word; */
  text-justify: auto;
}

.liner-text-orange {
  background: #ff8730;
  background: -webkit-linear-gradient(to right, #ff8730 0%, #ff4930 100%);
  background: -moz-linear-gradient(to right, #ff8730 0%, #ff4930 100%);
  background: linear-gradient(to right, #ff8730 0%, #ff4930 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 10px;
}
.liner-text-pink {
  background: #ffb629;
  background: -webkit-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: -moz-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
@keyframes textShine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.linear-text-white {
  background: var(
    --gradient-white-gradient,
    linear-gradient(180deg, #fff 0%, #cccbff 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linear-title {
  border-radius: 3.75rem;

  /* background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%),
    linear-gradient(262deg, #c930ff 2.19%, #ffb930 105.1%), #7544ff; */

  padding: 0.375rem 0.75rem;
  color: #fff;
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.2625rem;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.linear-title::before {
  content: "";
  position: absolute;
  width: 20rem;
  height: 20rem;
  top: -60px;
  left: -60px;
  right: -60px;
  bottom: -60px;
  z-index: -1;
  background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%),
    linear-gradient(262deg, #c930ff 2.19%, #ffb930 105.1%), #7544ff;
  animation: gradient 600ms ease-in-out infinite;
}

@keyframes gradient {
  0% {
    transform: translate(0%, 0%) rotate(-0deg);
  }
  25% {
    transform: translate(0%, 0%) rotate(-90deg);
  }
  50% {
    transform: translate(0%, 0%) rotate(-180deg);
  }

  75% {
    transform: translate(0%, 0%) rotate(-270deg);
  }
  100% {
    transform: translate(0%, 0%) rotate(-360deg);
  }
}
.progressbar {
  width: 100%;
  height: 190px;
  overflow: hidden;
  position: relative;
}
.stars {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(0);
  width: 100%;
  overflow: hidden;
}
.text {
  position: absolute;
  top: 40px;
  left: 0;
  transform: translateX(0);
  opacity: 0;
  transition: opacity 0.5s ease, bottom 0.5s ease;
}
.text.show {
  /* bottom: 10px; */
  opacity: 1;
}
.text-black.text.show {
  top: 80px;
}
.star {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 0;
  transform: translateY(20px); /* Initial position for animation */
}
.star.show {
  opacity: 1;
  transform: translateY(0); /* Move to original position */
}
/*=====================================
01. Header
=======================================*/

.header-area {
  background: linear-gradient(
    263deg,
    rgba(201, 48, 255, 0.3) 1.98%,
    rgba(255, 182, 41, 0.3) 94.95%
  );
  backdrop-filter: blur(12px);
  display: flex;
  height: 5.5rem;
  padding: 1rem 0 0.9375rem 0;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 991px) {
  .header-area {
    height: 4rem;
    padding: 0.75rem 0 0.6875rem 0;
  }
}
.header-logo {
  width: 100%;
}
@media (max-width: 991px) {
  .header-logo {
    width: 10.8125rem;
  }
}

/*=====================================
01. HERO SECTION
=======================================*/

.hero-section {
  padding-top: 3.9375rem;
  padding-bottom: 6.3125rem;
}
@media only screen and (max-width: 991px) {
  .hero-section {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  .hero-content h1 {
    font-size: 2.5rem;
  }
}

@media (max-width: 991px) {
  .hero-content span {
    font-size: 3.5rem;
  }
}
.hero-content p {
  color: #6e7587;
  font-size: 1.125rem;
  line-height: 150%;
  margin: 2rem 0;
}
@media (max-width: 991px) {
  .hero-content p {
    margin: 1rem 0;
  }
}

.ebook {
  position: relative;
  margin-top: -15px;
}
.ebook span {
  font-family: "Yellowtail";
  font-size: 5.5rem;
  position: relative;
  margin-top: -15px;
  display: inline-block;
}

@keyframes fade-in-from-top {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-from-top {
  animation: fade-in-from-top 2s ease-in-out;
  display: inline-block;
}
@media only screen and (max-width: 575px) {
  .ebook span {
    font-size: 3.5rem;
    margin-top: 0px;
  }
}
.ebook-brush {
  position: absolute;
  left: 5px;
  top: 5rem;
  z-index: -1;
}
@media only screen and (max-width: 575px) {
  .ebook-brush {
    left: -6px;
    top: 52px;
    max-width: 215px;
  }
}

/* ----------------------------------------- WHAT'S NEW --------------------------------------------- */
.whats-new-bg {
  background-image: url(../images/p1-bg-1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -60px;
  padding-top: 79px;
  padding-bottom: 100px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .whats-new-bg {
    background-image: url(../images/p1-bg-1-m.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 50px;
    padding-top: 14px;
    padding-bottom: 6rem;
    background-position-y: 10%;
  }
}
.mt-n1 {
  margin-top: -0.75rem;
}
.in-seconds {
  font-family: "Yellowtail";
  font-size: 3.5rem;
  overflow: visible;
  padding-right: 1.5rem;
  margin-right: -1.5rem;
  font-weight: 400;
  line-height: 130%; /* 7.15rem */
}
.video-box {
  display: block;
  margin: 2rem auto;
  max-width: 778px;
  max-height: 460px;
  border: double 16px transparent;
  border-radius: 24px;
  padding: 16px 20px;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.video-box::before {
  content: ".";
  position: absolute;
  top: -20rem;
  left: -10rem;
  right: -10rem;
  bottom: -20rem;
  z-index: -1;
  background: linear-gradient(to right, #ffb629, #c930ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: double 16px transparent;
  animation: video 1200ms ease-in-out infinite;
}
@keyframes video {
  0% {
    transform: translate(0%, 0%) rotate(-0deg);
  }
  25% {
    transform: translate(0%, 0%) rotate(-90deg);
  }
  50% {
    transform: translate(0%, 0%) rotate(-180deg);
  }

  75% {
    transform: translate(0%, 0%) rotate(-270deg);
  }
  100% {
    transform: translate(0%, 0%) rotate(-360deg);
  }
}
.real-video {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.real-video video {
  cursor: pointer;
}

/* CSS for hiding the placeholder image */
.video-placeholder {
  display: block;
  cursor: pointer;
  width: 100%;
}

.video-placeholder.hidden,
.videoiconplay.video-placeholder.hidden {
  display: none !important;
}

.videoiconplay {
  display: none !important;
}
.video-testimonials:hover .videoiconplay {
  display: block !important;
  position: absolute !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.hidden {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  .video-box {
    display: block;
    margin: 2rem auto;
    max-width: 778px;
    max-height: 426px;
    border: double 5px transparent;
    border-radius: 10px;
    background-image: linear-gradient(45deg, #090a31, #231d4d),
      linear-gradient(to right, #ffb629, #c930ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 2rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
}

.testimony-video {
  border-radius: 12px;
  box-shadow: 0px 32px 22px -27px rgba(53, 40, 105, 0.45),
    0px 30px 33px -12px rgba(53, 40, 105, 0.25),
    0px 40px 50px rgba(86, 101, 182, 0.25);
  width: 100%;
  height: 395px;
}
@media only screen and (max-width: 991px) {
  .testimony-video {
      /* height: 184px;*/
      height: auto;
      aspect-ratio: 1 / 0.56;
  }
}
.half-circle {
  width: auto;
  height: auto;
  position: absolute;
  top: 43%;
  right: 114px;
  z-index: 20;
}
.full-circle {
  width: auto;
  height: auto;
  position: absolute;
  z-index: -1;
  top: 30%;
  left: 13%;
}
.ai-box {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(103deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%);
  backdrop-filter: blur(6px);
}

@media only screen and (min-width: 992px) {
  .ai-box {
    padding: 55px 81px;
  }
}
.ai-box1 {
  padding: 0;
  padding-top: 1.5rem;
}

.ai-desc1 {
  max-width: 96%;
}

.ai-desc p {
  font-size: 0.875rem;
  line-height: 150%;
  color: #c9bee0;
}

.ai-box-img {
  margin-bottom: 2.0625rem;
}
@media only screen and (max-width: 991px) {
  .ai-box-img {
    padding: 1.5rem;
    margin-bottom: 0;
  }
}
.ai-box-img1 {
  height: 8.625rem;
}

.ai-title {
  color: #fff;
  padding-top: 1.525rem;
}
.aigradiant {
  font-size: 0.75rem;
  padding: 5px 25px 5px 10px;
  position: relative;
  /* margin-left: -2.8125rem; */
  z-index: 1;
  font-weight: 700;
  line-height: 130%;
  border-top-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  color: #fff;
  overflow: hidden;
  display: inline-block;
}
.aigradiant1 {
  top: 25px;
  left: -100px;
}
.aigradiant2 {
  top: 31px;
  left: -75px;
}
.aigradiant3 {
  top: 31px;
  left: 0px;
}
.aigradiant::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
  background: linear-gradient(110deg, #ffb829d0 2%, #c830ff50 80%);
  animation: gradient 600ms ease-in-out infinite;
}

/* ----------------------------------------- WHY US --------------------------------------------- */
.why-us {
  margin-bottom: 4.375rem;
}
@media only screen and (max-width: 911px) {
  .why-us h2 {
    font-size: 2rem;
  }
}
.benefits {
  font-family: "Yellowtail";
  font-size: 3.5rem;

  background: #ffb629;
  background: -webkit-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: -moz-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  -webkit-background-clip: text;
  padding: 0 6px 0 0;
  -webkit-text-fill-color: transparent;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
@media only screen and (max-width: 375px) {
  .why-us-image {
    max-width: 7.5rem;
  }
  .why-us-desc {
    max-width: 12rem;
  }
  .benefits {
    font-size: 2.5rem;
  }
}
/* @media only screen and (min-width: 376px) {
    .why-us-image{
        max-width: 7.5rem;
    }
    .why-us-desc{
        max-width: 25rem;
    }
} */
@media only screen and (max-width: 767px) {
  .why-us-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .video-box {
      padding: 0px;
      line-height: 0;
  }
}

/* ----------------------------------------- THE BEST PART --------------------------------------------- */
.the-best-part-bg {
  background-image: url(../images/best-part-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100% 100%;
  background-position: center;
  margin-top: -6.125rem;
  padding-top: 8.75rem;
  padding-bottom: 9.125rem;
}
.the-best-part {
  display: flex;
  padding: 32px 56px;
  align-items: center;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 64px 0px rgba(217, 124, 232, 0.25);
}
@media only screen and (max-width: 767px) {
  .the-best-part {
    padding: 32px 0;
  }
  .the-best-part h2 {
    font-size: 2rem;
  }
}
.any {
  font-family: "Yellowtail";
  font-size: 3.5rem;
  padding-right: 1.25rem;
  margin-right: -1rem;

  background: #ffb629;
  background: -webkit-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: -moz-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}

/* ----------------------------------------- USE EBOOKS --------------------------------------------- */
.use-ebooks-bg {
  background-image: url(../images/boost-lead-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 20.375rem;
  margin-bottom: 4.0625rem;
}
@media (min-width: 320px) and (max-width: 767px) {
  .use-ebooks-bg {
    background-image: url(../images/boost-lead-mobile-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 20.375rem;
    margin-bottom: 4.0625rem;
  }
}

.tse {
  font-family: "Yellowtail";
  font-size: 5.5rem;
  padding-right: 1.25rem;
  margin-right: -1rem;
  background: #ffb629;
  background: -webkit-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: -moz-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.tse::after {
  content: url(../images/brush-line-4.png);
  position: absolute;
  left: -25px;
  top: 10px;
  z-index: -1;
}
.use-ebooks {
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
}
.ebooks-img {
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

/* ----------------------------------------- TESTIMONIALS --------------------------------------------- */

.test-slide-bg {
  background-image: url(../images/book_images_05_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 3.75rem;
}

.worldwide {
  font-family: "Yellowtail";
  font-size: 3.5rem;
  padding-right: 1rem;
  background: #ffb629;
  background: -webkit-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: -moz-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.total-rating {
  font-size: 1rem;
  color: #6e7587;
}

/* .video-box{
    display: block;
    margin: 2rem auto;
    max-width: 778px;
    max-height: 426px;
    border: double 16px transparent;
    border-radius: 24px;
    background-image: linear-gradient(45deg,#090A31,#231d4d), linear-gradient(to right, #FFB629, #C930FF);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 2rem;
  }
.testimony-video{
    border-radius: 12px;
    box-shadow: 0px 32px 22px -27px rgba(53, 40, 105, 0.45), 0px 30px 33px -12px rgba(53, 40, 105, 0.25), 0px 40px 50px rgba(86, 101, 182, 0.25);
    width: 100%;
    height: 395px;
} */
/* .video-icons::before {
  content: url(../images/video-icons-2.png);
  z-index: -1;
  position: absolute;
  top: 30%;
  left: 13%;
} */
.video-icons::after {
  content: url(../images/video-icons-1.png);
  position: absolute;
  top: 43%;
  right: -108px;
}

.testimonial-carousel {
  padding-top: 3.5rem;
  padding-bottom: 4.125rem;
}

.video-testimonials {
  position: relative;
  overflow: hidden;
  /* width: 28.125rem; */
  max-height: 16.125rem;
  border: 6px solid transparent;
  /* max-height: 14.5rem; */
  /* max-width: 24.75rem; */
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.video-testimonials:hover {
  border-radius: 24px;
  border: 6px solid var(--Gradient-Main-Gradient, #c930ff);
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.3) 100%
    ),
    url(<path-to-image>),
    lightgray -65px -113.223px / 116.927% 305.738% no-repeat;
  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);
}
.video-test-desc {
  position: absolute;
  bottom: 16px;
  left: 16px;
  color: #fff;
  padding-right: 16px;
}

.video-test-desc h5 {
  margin-bottom: 0px;
  text-shadow: 2px 2px 0px #000;
}

/* ----------------------------------------- QUICK & SIMPLE --------------------------------------------- */
.quick-and-simple-bg {
  background-image: url(../images/quick-and-simple.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 7.5rem;
  padding-bottom: 15.875rem;
}
@media only screen and (max-width: 991px) {
  .quick-and-simple-bg {
    background-image: url(../images/quick-and-simple-mobile.png);
    padding-top: 2.1875rem;
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 991px) {
  .hello {
    font-size: 2rem;
  }
}
.investment {
  font-family: "Yellowtail";
  font-size: 3.5rem;
  padding-right: 1rem;
  background: #ffb629;
  background: -webkit-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: -moz-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.steps {
  font-family: "Yellowtail";
  font-size: 2.5rem;
  overflow: visible;
  display: inline-block;
  font-weight: 400;
  line-height: 130%; /* 7.15rem */
  background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 1.5rem;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.steps-text {
  width: 100%;
  max-width: 24rem;
  font-size: 1.5rem;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .steps-text {
    width: 100%;
    max-width: 24rem;
    font-size: 1.25rem;
    color: #fff;
  }
}
.line-1 {
  margin: -2rem 0;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .line-1 {
    margin: 0;
    max-width: 70%;
    z-index: 1;
  }
}
.line-2 {
  z-index: 1;
  margin: -3.35rem 0 -10rem 0;
}
@media only screen and (max-width: 991px) {
  .line-2 {
    margin: 0;
    max-width: 70%;
    z-index: 1;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
  }
}

/* ----------------------------------------- HOW IT WORKS --------------------------------------------- */

.bottom-video-bg {
  background: url(../images/bootom-video-bg.png);
  background-repeat: no-repeat;
  /* background-position: center; */
  background-size: 100%;
  padding-top: 13.75rem;
  margin-top: -7.25rem;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .bottom-video-bg {
    background: url(../images/bootom-video-bg-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    padding-top: 4.75rem;
    margin-top: -43px;
  }
}
/* ----------------------------------------- SPECIAL DEAL --------------------------------------------- */

.best-deal {
  background-image: url(../images/best-deal-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.best-deal-content .special-deal {
  font-family: "Yellowtail";
  font-size: 3.75rem;
  overflow: visible;
  display: inline-block;
  font-weight: 400;
  line-height: 130%; /* 7.15rem */
  background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 1.5rem;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.best-deal-content h2 {
  font-size: 2rem;
  color: #fff;
}

.best-deal-content h1 {
  font-size: 3.5rem;
  font-weight: 700;
  color: #fff;
}
.best-deal p {
  font-size: 1.25rem;
  font-weight: 700;
  background: linear-gradient(360deg, #28a160 1.98%, #2eee9d 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 1rem;
}
.price-off {
  font-size: 2.25rem;
  font-weight: 400;
  color: #ffffff70;
  position: relative;
  top: 1.375rem;
}
.price-off::before {
  content: url(../images/price-brush.png);
  left: -27%;
  position: absolute;
  top: -0.65rem;
}

.item {
  padding-left: 20px;
  background: linear-gradient(263.46deg, #c930ff 1.98%, #ffb629 94.95%), #f2c2d4;
  overflow: hidden;
  height: 22px;
  overflow: hidden;
}
.best-deals {
  overflow-x: hidden;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .item {
    line-height: 20px !important;
  }
  .item-txt {
    font-size: 0.75rem;
  }
  .item-txt::after {
    content: url(../images/bull.png);
    margin-left: 11px !important;
    margin-right: 9px !important;
  }
}
.item-txt::after {
  content: url(../images/bull.png);
  margin-left: 20px;
  margin-right: 25px;
}

/* ----------------------------------------- FEATURES --------------------------------------------- */
.features-bg {
  background-image: url(../images/features-bg-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 5rem;
}

.ai-feat-box {
  width: 100%;
  height: auto;
  border-radius: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(103deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%);
  backdrop-filter: blur(6px);
}

.feat-box-1,
.feat-box-2,
.feat-box-3,
.feat-box-4 {
  background-image: url(../images/ai-feat-box-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.feat-box-1 {
  padding-top: 3.4375rem;
}
.feat-box-2 {
  padding-top: 2.5rem;
  padding-bottom: 4.25rem !important;
}
.featuregradiant {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 130%;
  padding: 5px 25px 5px 10px;
  position: relative;
  z-index: 1;
  top: 20px;
  left: -140px;
  /* margin-left: -2.8125rem; */
  border-top-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  color: #fff;
  overflow: hidden;
  display: inline-block;
}
.featuregradiant::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -40px;
  bottom: -40px;
  left: -40px;
  right: -40px;
  background: linear-gradient(110deg, #ffb829d0 2%, #c830ff50 80%);
  animation: gradient 600ms ease-in-out infinite;
}
/* .ai-features::before {
  content: "N E W !";
  width: 3.125rem;
  font-size: 0.75rem;
  padding: 5px 25px 5px 10px;
  background: linear-gradient(110deg, #ffb829d0 2%, #c830ff50 80%);
  position: relative;
  top: -3.125rem;
  left: 2.8125rem;
  margin-left: -2.8125rem;
  border-top-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  color: #fff;
} */
.ai-feat {
  justify-content: center;
  /* min-height: 37.875rem; */
}

.ai-feat img {
  margin-bottom: 1rem;
}

/* .ai-feat{
    margin-bottom: 1.5rem;
} */

.ai-feat h1 {
  font-size: 3.5rem;
  font-weight: 700;
}

.ai-feat h4 {
  font-size: 1.375rem;
  line-height: 150%;
  /* 33px */
  font-weight: 500;
  width: 100%;
  max-width: 10.625rem;
  margin: auto;

  color: #fff;
}

.never-have {
  margin-top: 8.5625rem;
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 2rem;

  border: 1px solid var(--Shades-of-Black-Gray-3, #f2f5fb);
  background: #fff;

  /* Elevation  2 */
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
}
.never-have h4 {
  margin-bottom: 2rem;
  color: #0c2b49;
}

/* ----------------------------------------- PRACTICAL USE --------------------------------------------- */
.practical-sec {
  background-image: url(../images/practical-use-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 8.125rem;
  padding-bottom: 7.5rem;
}

.practical-box {
  padding: 1.5rem 2rem;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #f2f5fb;
  background: #fff;
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
}
.practical-box img {
  margin-bottom: 1rem;
}
.practical-box h3 {
  font-size: 1.5rem;
  line-height: 130%;
}

/* ----------------------------------------- FULL FEATURES --------------------------------------------- */

.full-features {
  background-image: url(../images/features-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.flow-line-three {
  margin-bottom: -278px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .flow-line-three {
    max-width: 80%;
    margin-bottom: -137px;
  }
}

@media (min-width: 1201px) and (max-width: 1399px) {
  .flow-line-three {
    max-width: 95%;
    margin-top: -30px;
    margin-bottom: -161px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
}

.create-box {
  color: #fff;
  text-align: center;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(103deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%);
  backdrop-filter: blur(6px);
  padding: 1.5rem;
}
.create-box img {
  margin-bottom: 1rem;
}
.create-box h3 {
  font-size: 1.5rem;
  line-height: 130%;
  margin-bottom: 0;
  color: #fff;
}

.within {
  font-family: "Yellowtail";
  font-size: 5.5rem;
  overflow: visible;
  display: inline-block;
  font-weight: 400;
  line-height: 130%; /* 7.15rem */
  background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 1.5rem;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.mt-sq-64 {
  margin-top: 4rem;
}

.solve {
  background: linear-gradient(263deg, #c930ff 85.98%, #ffb629 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}

.eng {
  background: linear-gradient(350deg, #c930ff 8%, #6129ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.challenge {
  font-size: 2rem;
}

.future {
  font-family: "Yellowtail";
  font-size: 5.5rem;
  overflow: visible;
  display: inline-block;
  font-weight: 400;
  line-height: 130%; /* 7.15rem */
  background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 1.5rem;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}

.save-time {
  background-image: url(../images/chl-ribbon.png);
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  display: block;
  width: 100%;
  padding-top: 1.1rem;
  padding-bottom: 3.4375rem;
  padding-left: 9.25rem;
  padding-right: 9.25rem;
}
@media (min-width: 320px) and (max-width: 428px) {
  .save-time {
    background-image: url(../images/ribbon-mobile.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .ch-img {
    max-width: 7.5rem;
  }
  /* .ch-desc{
        max-width: 11.5rem;
    } */
}
@media (min-width: 429px) and (max-width: 575px) {
  .save-time {
    background-image: url(../images/ribbon-mobile.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .save-time {
    background-image: url(../images/ribbon-mobile.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .save-time {
    font-size: 1.25rem;
    padding-top: 0.65rem;
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .save-time {
    font-size: 1.75rem;
    padding-top: 0.65rem;
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .save-time {
    padding-top: 0.75rem;
    padding-left: 4.25rem;
    padding-right: 4.25rem;
  }
}

.the-future {
  line-height: 120%;
}
@media only screen and (max-width: 991px) {
  .the-future {
    font-size: 2rem;
  }
  .future {
    font-size: 2.5rem;
    text-align: center;
  }
  .harnes {
    font-size: 1.25rem;
  }
}

/* ----------------------------------------- DYNAMIC --------------------------------------------- */

.dynamic-bg {
  background: url(../images/dynamic-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 13.125rem;
}

.section-d-heading-1 {
  left: 6.188rem;
  top: -1.063rem;
  text-transform: capitalize;
}

.section-d-heading-2 {
  left: 6.625rem;
  top: 7.063rem;
  text-transform: capitalize;
}
.dynamic-1-img {
  margin-top: 3.938rem;
  margin-left: -1.75rem;
}
.dynamic-2-img {
  max-width: 33.938rem;
}

.dynamic-arrow-1 {
  right: -6rem;
  top: 2.438rem;
}

.dynamic-arrow-bottom {
  bottom: -7rem;
  left: 1.938rem;
}

.TobYour-heading {
  margin-left: 6.25rem;
  margin-top: 7.375rem;
}

/* ----------------------------------------- EASY STEPS --------------------------------------------- */

.easy-steps-bg {
  background: linear-gradient(to top, #090a31, #0e0f49);
  padding-top: 5rem;
}

/* ----------------------------------------- ANYONE --------------------------------------------- */
.anyone {
  /* padding-top: 8.6875rem; */
  padding-top: 10.5%;
  background-image: url(../images/anyone.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 100vh;
  padding-bottom: 72%;
}
@media (min-width: 320px) and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
  .anyone h2 {
    font-size: 2rem;
  }
  .anyone br {
    display: none;
  }
}

/* -------------------------- PAGE THREE (3) ------------------------- */

/* ------------------ 8 WAYS TO BUILD ---------------------- */
.ways-bg {
  background: url(../images/ways-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 3.1875rem;
  min-height: 64.375rem;
}
.ways-heading {
  margin-bottom: 9rem;
}
.ways-left {
  /* align-items: center; */
  display: flex;
  flex-direction: column;
  gap: 5.5rem;
}
.ways {
  position: relative;
  display: block;
}
.way_title {
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 70px;
  color: #fff !important;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  padding: 1rem 2rem;
  background: linear-gradient(263deg, #c930ff 1.98%, #6129ff 94.95%);
}

.way-deatils {
  display: none;
  width: 22.375rem;
  height: 14.3125rem;
  border-radius: 24px;
  border: 1px solid #000;
  background: var(
    --Gradient-Black-Gradient,
    linear-gradient(180deg, #0f104a 0%, #09092f 100%)
  );
  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);
  padding: 1.5625rem;
  align-items: center;
}
.way-deatils h4 {
  color: #fff;
  margin-top: 0.65rem;
  margin-bottom: 0.65rem;
}
.way-deatils p {
  font-size: 1rem;
  color: #fff;
  line-height: 150%;
}

.ways:hover .way-deatils {
  display: block;
}

.ways:hover > .way_title {
  display: none;
}
.way_1 {
  margin-left: 55%;
}
.way_2 {
  margin-left: 10%;
}
.way_5 {
  margin-left: -20%;
}
.way_6 {
  margin-left: 15%;
}
.way_7 {
  margin-left: 15%;
}
.way_8 {
  margin-left: -25%;
}

/* .circular-menu {
    width: auto;
    height: 854px;
    margin: 0 auto;
    position: relative;
}

.circle {
    width: auto;
    height: 854px;
    opacity: 0;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);

    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.open.circle {
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.circle a {
    text-decoration: none;
    display: block;
    width: auto;
    position: absolute;
    text-align: center;
    border-radius: 70px;
    color: #FFF !important;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px; 
    padding: 1rem 2rem;
    background: linear-gradient(263deg, #C930FF 1.98%, #6129FF 94.95%);
}



.menu-button {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    text-decoration: none;
    text-align: center;
    color: #444;
    border-radius: 50%;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 10px;
    background: #dde;
}


.way-deatils{
    display: none;
    width: 22.375rem;
    height: 14.3125rem;
    border-radius: 24px;
    border: 1px solid #000;
    background: var(--Gradient-Black-Gradient, linear-gradient(180deg, #0F104A 0%, #09092F 100%));
    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);
    padding: 1.5625rem;
    align-items: center;
    position: absolute;

}
.way-deatils h4{
    color: #FFF;
    margin-top: .65rem;
    margin-bottom: .65rem;
}
.way-deatils p{
    font-size: 1rem;
    color: #FFF;
    line-height: 150%;
}
.circle a:hover + .way-deatils {
    display: block;
}

.menu-button:hover {
    background-color: #eef;
} */

/* ----------------------------------------- TESTIMONIAL --------------------------------------------- */

.testimonial-p3-bg {
  background-image: url(../images/testimonials-p3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding-top: 7.5rem;
  padding-bottom: 3.125rem;
}
.happy-cutomer {
  background-image: url(../images/happy-cutomer-bg.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3.375rem;
}
@media only screen and (max-width: 991px) {
  .test-head {
    font-size: 1.5rem;
  }
  .cus-head {
    font-size: 2rem;
  }
}
.hidden-box {
  display: none;
}
.my-48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.video-test-desc {
  position: absolute;
  bottom: 16px;
  left: 16px;
  color: #fff;
  padding-right: 16px;
  text-shadow: 2px 2px 0px #000;
}
.video-testimonials{
  background-color: #000;
}
.video-testimonials img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
  height: 240px;
}
.video-testimonials:hover {
  border-radius: 24px;
  border: 6px solid var(--Gradient-Main-Gradient, #c930ff);
  background: #000;
  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);
}
.video-testimonial-carousel .video-test-desc {
  top: 12px;
  left: 16px;
  bottom: unset;
}
.video-testimonial-carousel .video-test-desc h5{
  font-size: 17px;
}
@media only screen and (max-width: 991px) {
  .video-testimonials {
    border-radius: 0.75rem;
    -webkit-border-radius: 0.75rem;
    -moz-border-radius: 0.75rem;
    -ms-border-radius: 0.75rem;
    -o-border-radius: 0.75rem;
  }
  .video-test-desc {
    position: absolute;
    bottom: 8px;
    left: 8px;
    color: #fff;
    padding-right: 8px;
  }
  .video-test-desc h5 {
    font-size: 1rem;
    margin-bottom: 0;
  }
  .video-test-desc {
    font-size: 0.75rem;
  }
  .test-btn {
    font-size: 1.125rem;
    display: inline-block;
  }
}

/* ---------------------- Review Box --------------------- */
.review-box {
  position: relative;
  overflow: hidden;
  padding: 2.5rem;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  background: #fff;
  /* Elevation 2 */
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
    min-height: 362px;
}
.quotesh {
  width: 455px;
  height: 266px;
  position: absolute;
  right: -227px;
  top: -129px;
  border-radius: 455px;
  opacity: 0.3;
  background: linear-gradient(
    117deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.9) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(62px);
}
.quote {
  width: 85px;
  height: 69px;
  position: absolute;
  right: 18px;
  top: -8px;
  fill: linear-gradient(
    302deg,
    rgba(201, 48, 255, 0.25) 13.79%,
    #6129ff 58.38%
  );
}
.review-box h3{
  font-size: 24px;
}
.review-box p {
  font-size: 1.25rem;
  color: #000;
}
.review-box .review-profile {
  width: 100%;
  max-width: 4rem;
  height: 4rem;
  margin-right: 1.375rem;
  border-radius: 50%;
}
.review-box .review-stars {
  padding-top: 1.375rem;
  padding-bottom: 0.5rem;
  margin-left: -0.625rem;
}
@media only screen and (max-width: 991px) {
  .review-box {
    padding: 1rem;
  }
  .review-box h3 {
    font-size: 1.5rem;
  }
  .review-box p {
    font-size: 1.125rem;
    text-align: justify;
    text-justify: auto;
    margin-bottom: 0;
  }
  .review-box .review-profile {
    max-width: 3.5rem;
  }
  .review-box .review-stars {
    padding-top: 0.5rem;
    padding-bottom: 0;
    margin-left: -0.625rem;
  }
}

/* ---------------------- ADVANCE EBOOK CREATION TOOL --------------------- */

.aebct-bg {
  background-image: url(../images/advance-ebooks-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 200px;
}
@media only screen and (max-width: 991px) {
  .aebct-bg {
    background-image: url(../images/advance-ebooks-bg-m.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 2rem;
  }
}
.aebct-box {
  border-radius: 24px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(
    281deg,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.25) 100%
  );
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
  backdrop-filter: blur(10px);
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .aebct-desc h2 {
    font-size: 32px;
  }
}
.aebct-desc h4 {
  color: #cd3fff;
  margin-bottom: 1rem;
}

.aebct-desc p {
  color: #0c2b49;
  font-size: 1.125rem;
  line-height: 150%;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .aebct-desc p {
    font-size: 1rem !important;
  }
}
.aebct-img1 {
  margin-left: -0.125rem;
}
@media only screen and (max-width: 991px) {
  .aebct-img1 {
    padding-top: 1.5rem;
  }
}
.aebct-desc1 {
  padding-top: 3.3125rem;
  padding-right: 2.125rem;
  padding-bottom: 3.375rem;
  padding-left: 2.5rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc1 {
    padding: 1rem;
  }
}
.aebct-desc2 {
  /* padding-top: 1.4375rem; */
  padding-right: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc2 {
    padding: 1rem;
  }
}

.aebct-img2 {
  display: flex;
  justify-content: center;
}
.aebct-desc3 {
  padding: 2rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc3 {
    padding: 1rem;
  }
}
.aebct-desc4 {
  padding-left: 1.5625rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc4 {
    padding: 1rem;
  }
}
.aebct-desc5 {
  padding: 1.75rem;
  padding-top: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc5 {
    padding: 1rem;
  }
}
.aebct-desc6 {
  padding: 2rem;
  padding-top: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc6 {
    padding: 1rem;
  }
}
.aebct-img6 {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
  margin-bottom: 1.275rem;
}
@media only screen and (max-width: 991px) {
  .aebct-img6 {
    margin-top: 1rem;
    margin-bottom: 1.275rem;
  }
}
.aebct-desc7 {
  padding: 1.85rem;
  padding-left: 3.3125rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc7 {
    padding: 1rem;
  }
}
.aebct-desc8 {
  padding: 1.85rem;
  padding-top: 0;
}
@media only screen and (max-width: 991px) {
  .aebct-desc8 {
    padding: 1rem;
  }
}
.aebct-desc8 h2 {
  font-size: 2.375rem;
}
.aebct-desc9 {
  padding: 2rem;
  padding-top: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc9 {
    padding: 1rem;
  }
}
.aebct-desc10 {
  padding: 2rem;
  padding-left: 2rem;
}
@media only screen and (max-width: 991px) {
  .aebct-desc10 {
    padding: 1rem;
  }
}

/* ---------------------- MARKETING & MANAGEMENT TOOLS --------------------- */
.mmt-bg {
  background-image: url(../images/mm-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 18rem;
  margin-top: -90px;
}
.mmt-box {
  border-radius: 24px;
  border: 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(30px);
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .mmt-bg {
    background-image: url(../images/mm-bg-m.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 4rem;
    margin-top: -10px;
  }
  .mmt-head {
    font-size: 2rem;
  }
  .mmt-desc h2 {
    font-size: 2rem;
  }
}
.mmt-desc h2 {
  color: #fff;
  margin-bottom: 0.25rem;
}
.mmt-desc h4 {
  color: #cd3fff;
  margin-bottom: 0.5rem;
}
.mmt-desc p {
  font-size: 1.125rem;
  line-height: 130%;
  color: #c9bee0;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .mmt-desc p {
    font-size: 1rem;
  }
}
.mmt-desc b {
  color: #fff;
}
.mmt-img1 {
  padding-left: 2.25rem;
  padding-right: 2.3125rem;
}
.mmt-desc1 {
  padding: 2rem;
}
@media only screen and (max-width: 991px) {
  .mmt-desc1 {
    padding: 1rem;
  }
}
.mmt-desc2 {
  padding: 1.9rem;
  padding-bottom: 1.5625rem;
}
@media only screen and (max-width: 991px) {
  .mmt-desc2 {
    padding: 1rem;
  }
}
.mmt-desc3 {
  padding: 1.9rem;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 991px) {
  .mmt-desc3 {
    padding: 1rem;
  }
}
.mmt-img4 {
  padding-left: 5.625rem;
  padding-right: 4.9063rem;
}
@media only screen and (max-width: 991px) {
  .mmt-img4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.mmt-desc4 {
  padding: 2rem;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 991px) {
  .mmt-desc4 {
    padding: 1rem;
  }
}
.mmt-box5 {
  max-width: 540px;
}
.mmt-img5 {
  width: 16.8125rem;
  margin-top: 2rem;
  text-align: center;
}
.mmt-desc5 {
  width: 15.5rem;
  margin-right: 1.375rem;
  margin-top: 1.5625rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .mmt-box5 {
    max-width: 100%;
  }
  .mmt-img5 {
    width: 100%;
    margin-top: 0;
  }
  .mmt-desc5 {
    width: 100%;
    margin: auto;
    padding: 1rem;
  }
}
.mmt-desc6 {
  padding-right: 2rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.5rem;
  padding-left: 0.9375rem;
}
@media only screen and (max-width: 991px) {
  .mmt-desc6 {
    padding: 1rem;
  }
}
.mmt-img7 {
  padding-top: 1.125rem;
  padding-left: 1.875rem;
  padding-bottom: 0.875rem;
  padding-right: 1.75rem;
}
.mmt-desc7 {
  width: 16.1875rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 991px) {
  .mmt-desc7 {
    width: 100%;
    padding: 1rem;
  }
}
.mmt-desc8 {
  padding: 2rem 1.5rem;
  padding-top: 0.7rem;
}
@media only screen and (max-width: 991px) {
  .mmt-desc8 {
    padding: 1rem;
  }
}

.sec-features {
  margin-top: 7.5rem;
  padding-bottom: 7.6875rem;
}
@media only screen and (max-width: 991px) {
  .sec-features {
    margin-top: 3.5rem;
    padding-bottom: 0.875rem;
  }
  .sec-features h2 {
    font-size: 2rem;
  }
}

/* -------------------------- WAIT! Sqribble 2.0 Does More Than Just Creating Ebooks! ----------------------- */
.wait-sq-sec {
  background-image: url(../images/more-then-e.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 5rem;
  padding-bottom: 3.125rem;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .creating-head {
    font-size: 2rem;
  }
}
.you-can-also span {
  font-family: "Yellowtail";
  background: var(
    --Gradient-Purple-Gradient,
    linear-gradient(263deg, #c930ff 1.98%, #6129ff 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 250% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
@media only screen and (max-width: 991px) {
  .you-can-also {
    font-size: 35px;
  }
}
.bl2-img {
  position: absolute;
  top: 2.25rem;
}
.wait-box {
  border-radius: 24px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(
    281deg,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.25) 100%
  );
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
  backdrop-filter: blur(10px);
}

.wait-box h1 span {
  font-family: "Yellowtail";
  background: var(
    --Gradient-Purple-Gradient,
    linear-gradient(263deg, #c930ff 1.98%, #6129ff 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
@media only screen and (max-width: 991px) {
  .wait-box h1 {
    font-size: 2.5rem;
  }
  .wait-box p {
    font-size: 1rem !important;
  }

  .bl2-img {
    top: 18px;
    width: 113px;
  }
}
.wait-box p {
  font-size: 18px;
  color: #0c2b49;
}

.wait-box1 {
  height: 100%;
  max-height: 276px;
  padding-left: 0.5rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 991px) {
  .wait-box1 {
    height: 100%;
    max-height: 276px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.wait-sh-box1 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.wait-sh1 {
  display: block;
  width: 577px;
  height: 337px;
  border-radius: 577px;
  opacity: 0.5;
  background: linear-gradient(
    305deg,
    rgba(255, 182, 41, 0) 19.21%,
    rgba(206, 61, 234, 0.9) 68%,
    #2730ff 74.99%
  );
  filter: blur(62px);
  position: absolute;
  top: -170px;
}
.wait-box-img1 {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
  margin-right: 3.375rem;
}
@media only screen and (max-width: 991px) {
  .wait-box1 {
    height: 100%;
    max-height: 100%;
    padding-left: 0.5rem;
    padding-right: 2rem;
  }
}
.wait-box2 {
  height: 100%;
  max-height: 486px;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 27px;
}
@media only screen and (max-width: 991px) {
  .wait-box2 {
    padding: 1rem;
  }
}
.wait-sh-box2 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.wait-box-sh2 {
  display: block;
  width: 577px;
  height: 337px;
  border-radius: 577px;
  opacity: 0.5;
  background: linear-gradient(
    117deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.9) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(62px);
  z-index: 1;
}
.wait-box-img2 {
  position: relative;
  display: block;
  z-index: 1;
  margin-top: -1.9rem;
  margin-bottom: 0.5rem;
}

.wait-box3 {
  height: 100%;
  max-height: 486px;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 27px;
}
@media only screen and (max-width: 991px) {
  .wait-box3 {
    padding: 1rem;
  }
}
.wait-sh-box3 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.wait-sh3 {
  display: block;
  width: 799px;
  height: 266px;
  flex-shrink: 0;
  border-radius: 799px;
  opacity: 0.5;
  background: linear-gradient(
    21deg,
    rgba(255, 182, 41, 0) -2.36%,
    rgba(206, 61, 234, 0.9) 40.51%,
    #2730ff 46.66%
  );
  filter: blur(62px);
}
.wait-box-img3 {
  position: relative;
  display: block;
  z-index: 1;
  margin-top: -1.5rem;
  margin-bottom: 0.5rem;
}
.wait-box3-desc {
  margin-top: -3rem;
}
@media only screen and (max-width: 991px) {
  .wait-box3-desc {
    margin-top: 0rem;
  }
}
.wait-box4 {
  height: 100%;
  max-height: 464px;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 32px;
}
.wait-sh-box4 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.wait-sh4 {
  display: block;
  width: 690px;
  height: 266px;
  border-radius: 690px;
  opacity: 0.9;
  background: linear-gradient(
    313deg,
    rgba(255, 182, 41, 0) 17.13%,
    rgba(206, 61, 234, 0.9) 66.38%,
    #2730ff 73.44%
  );
  filter: blur(62px);
  position: absolute;
  top: -170px;
}
.wait-box-img4 {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
  margin-top: -1.5rem;
  margin-bottom: 0.5rem;
}
.wait-box4-desc {
  margin-top: -4rem;
}
@media only screen and (max-width: 991px) {
  .wait-box4-desc {
    margin-top: 0;
  }
  .wait-box4 {
    padding: 1rem;
  }
}
.wait-box5 {
  height: 100%;
  max-height: 464px;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 32px;
}
.wait-sh-box5 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.wait-sh5 {
  display: block;
  width: 577px;
  height: 337px;
  border-radius: 577px;
  opacity: 0.5;
  background: linear-gradient(
    117deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.9) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(62px);
  position: absolute;
  top: -170px;
}
.wait-box-img5 {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
  margin-top: -1.5rem;
  margin-bottom: 0.5rem;
}
.wait-box5-desc {
  margin-top: -1rem;
}
@media only screen and (max-width: 991px) {
  .wait-box5-desc {
    margin-top: 0;
  }
  .wait-box5 {
    padding: 1rem;
  }
}
.wait-box6 {
  height: 100%;
  max-height: 276px;
  padding-left: 0.5rem;
  padding-right: 2rem;
  padding-top: 0;
  padding-bottom: 32px;
}
@media only screen and (max-width: 991px) {
  .wait-box6 {
    height: 100%;
    max-height: 100%;
    padding: 1rem;
  }
}

.wait-sh-box6 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.wait-sh6 {
  display: block;
  width: 577px;
  height: 337px;
  border-radius: 577px;
  opacity: 0.5;
  background: linear-gradient(
    305deg,
    rgba(255, 182, 41, 0) 19.21%,
    rgba(206, 61, 234, 0.9) 68%,
    #2730ff 74.99%
  );
  filter: blur(62px);
  position: absolute;
  top: -170px;
}
.wait-box-img6 {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
}

.wait-box7-desc {
  margin-top: -2rem;
}
@media only screen and (max-width: 991px) {
  .wait-box7-desc {
    margin-top: 0;
  }
}

.wait-box8 {
  height: 100%;
  max-height: 486px;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 27px;
}
@media only screen and (max-width: 991px) {
  .wait-box8 {
    padding: 1rem;
  }
}

.wait-sh-box8 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.wait-sh8 {
  display: block;
  width: 625px;
  height: 266px;
  border-radius: 625px;
  opacity: 0.5;
  background: linear-gradient(
    21deg,
    rgba(255, 182, 41, 0) -2.36%,
    rgba(206, 61, 234, 0.9) 40.51%,
    #2730ff 46.66%
  );
  filter: blur(62px);
  position: absolute;
  top: -150px;
}
.wait-box-img8 {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
  margin-top: -1.5rem;
}
.wait-box8-desc {
  margin-top: -2rem;
}

.wait-box9 {
  height: 100%;
  max-height: 464px;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 27px;
}
@media only screen and (max-width: 991px) {
  .wait-box9 {
    padding: 1rem;
  }
}
.wait-sh-box9 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.wait-sh9 {
  display: block;
  width: 625px;
  height: 266px;
  border-radius: 625px;
  opacity: 0.5;
  background: linear-gradient(
    21deg,
    rgba(255, 182, 41, 0) -2.36%,
    rgba(206, 61, 234, 0.9) 40.51%,
    #2730ff 46.66%
  );
  filter: blur(62px);
  position: absolute;
  top: -150px;
}
.wait-box-img9 {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
  margin-top: -1.5rem;
}
.wait-box9-desc {
  margin-top: -3.5rem;
}
@media only screen and (max-width: 991px) {
  .wait-box9-desc {
    margin-top: 0;
  }
}
.wait-box9-desc h1 span {
  padding-left: 1rem;
  margin-left: -0.5rem;
}
.wait-box10 {
  height: 100%;
  max-height: 464px;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 27px;
}
@media only screen and (max-width: 991px) {
  .wait-box10 {
    padding: 1rem;
  }
}

.wait-sh-box10 {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.wait-sh10 {
  display: block;
  width: 625px;
  height: 266px;
  border-radius: 625px;
  opacity: 0.5;
  background: linear-gradient(
    21deg,
    rgba(255, 182, 41, 0) -2.36%,
    rgba(206, 61, 234, 0.9) 40.51%,
    #2730ff 46.66%
  );
  filter: blur(62px);
  position: absolute;
  top: -150px;
}
.wait-box-img10 {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
  margin-top: -2rem;
}
.wait-box10-desc {
  margin-top: -2rem;
}
@media only screen and (max-width: 991px) {
  .wait-box10-desc {
    margin-top: 0;
  }
}
.wait-box2-desc,
.wait-box3-desc,
.wait-box4-desc,
.wait-box5-desc,
.wait-box7-desc,
.wait-box8-desc,
.wait-box9-desc,
.wait-box10-desc {
  text-align: justify;
}
.grab-attention {
  background: var(
    --Gradient-Purple-Gradient,
    linear-gradient(263deg, #c930ff 1.98%, #6129ff 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.tse1 {
  margin-bottom: 2.75rem;
}

.tse1 span {
  font-family: "Yellowtail";
  font-size: 5.5rem;
  padding-right: 1.25rem;
  margin-right: -1rem;
  background: #ffb629;
  background: -webkit-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: -moz-linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  background: linear-gradient(to right, #ffb629 0%, #c930ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
  left: 5%;
}
.tse1 span::after {
  content: url(../images/brush-line-4.png);
  position: absolute;
  left: -25px;
  top: 10px;
  z-index: -1;
}

/* -------------------------- GET SQRIBBLE ----------------------- */

.get-sqribble-bg {
  background-image: url(../images/get-sqribble-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0.525rem 0;
  padding-bottom: 50px;
}
.wait {
  font-family: "Yellowtail";
  font-size: 2.5rem;
  background: var(
    --gradient-main-gradient,
    linear-gradient(263deg, #c930ff 1.98%, #ff8730 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.order-sq {
  font-size: 2.5rem;
  background: var(
    --Gradient-White-Gradient,
    linear-gradient(180deg, #fff 0%, #cccbff 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.price-sq {
  font-family: "Yellowtail";
  font-size: 5.5rem;
  background: var(
    --gradient-main-gradient,
    linear-gradient(263deg, #c930ff 50.98%, #ff8730 99.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.price-brush {
  background-image: url(../images/price-brush-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 12.83rem;
  height: 1.3438rem;
  top: 88px;
  left: 5px;
}
.fast-action {
  background: var(
    --Gradient-White-Gradient,
    linear-gradient(180deg, #fff 0%, #cccbff 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2rem;
}
.claim-text-1 {
  font-size: 1.375rem;
  color: #fff;
  max-width: 31.0625rem;
}
.claim-text-2 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #ffc72f;
}

/* --------------------- RECAP SECTION ------------------- */
.recap-sec {
  padding-top: 4.375rem;
  padding-bottom: 6.5625rem;
  background-image: url(../images/receap-sec-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.recap {
  font-family: "Yellowtail";
  font-size: 3.5rem;
  background: var(
    --gradient-main-gradient,
    linear-gradient(263deg, #c930ff 1.98%, #ff8730 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2rem;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
@media only screen and (max-width: 991px) {
  .recap {
    font-size: 2.5rem;
  }
}

.recap-sh {
  width: 313px;
  height: 313px;
  position: absolute;
  left: 35px;
  top: -235px;
  border-radius: 313px;
  opacity: 0.5;
  background: linear-gradient(
    117deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.9) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(62px);
}

.recap-box {
  overflow: hidden;
  position: relative;
  padding: 1.5rem;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  background: #fff;
  /* Elevation  2 */
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
}
@media only screen and (max-width: 991px) {
  .recap-box {
    padding: 0.5rem;
  }
}
.recap-box h3 {
  color: #0c2b49;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.recap-box p {
  color: #0c2b49;
  font-size: 1.125rem;
}

/* ---------------------- TAKE ACTION --------------------- */
.take-ac-bg {
  background-image: url(../images/take-action-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
.not-sure {
  padding-bottom: 3.375rem;
  margin-bottom: 3rem;
}
.action-now {
  background: linear-gradient(263deg, #c930ff 11.46%, #ffb629 90.4%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.still-not {
  background: var(
    --Gradient-Purple-Gradient,
    linear-gradient(263deg, #c930ff 1.98%, #6129ff 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-right: 1rem;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;

  /* Ornament Text/40 - Ornament Text */
  font-family: Yellowtail;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 52px */
}
@media only screen and (max-width: 991px) {
  .still-not {
    font-size: 2rem;
  }
  .try-sq {
    font-size: 1.25rem;
  }
  .try-sq span {
    font-size: 1.5rem;
  }
  .happy-cus {
    font-size: 1.25rem !important;
  }
}
.try-sq {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.try-sq span {
  background: var(
    --Gradient-Green-Gradient,
    linear-gradient(180deg, #2eee9d 0%, #28a160 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.happy-cus {
  font-size: 1.5rem;
  color: #0c2b49;
}

.ai-bg {
  background-image: url(../images/ai-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  padding: 2rem;
}
@media only screen and (max-width: 991px) {
  .ai-bg {
    padding: 1rem;
  }
}

.ai-list-bg-1 {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(103deg, #323478 0%, rgba(35, 29, 77, 0.5) 100%);
  backdrop-filter: blur(6px);
}
.ai-list-bg-2 {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 16px 0px 0px 16px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: linear-gradient(
    103deg,
    rgba(9, 10, 49, 0.8) 0%,
    rgba(35, 29, 77, 0.5) 100%
  );
  backdrop-filter: blur(6px);
}
.ai-list-bg-3 {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 0px 16px 16px 0px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: linear-gradient(
    103deg,
    rgba(9, 10, 49, 0.8) 0%,
    rgba(35, 29, 77, 0.5) 100%
  );
  backdrop-filter: blur(6px);
}
.ai-list-bg-4 {
  display: flex;
  padding: 24px;
  /* flex-direction: column; */
  align-items: flex-start;
  /* gap: 16px; */
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: linear-gradient(
    103deg,
    rgba(9, 10, 49, 0.8) 0%,
    rgba(35, 29, 77, 0.5) 100%
  );
  backdrop-filter: blur(6px);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.ai-list {
  list-style-position: outside;
  /* list-style-image: url(../images/cross-mark.png); */
  list-style-type: none;
}

.ai-list li {
  display: flex;
  text-align: left;
  align-items: center;
  margin-bottom: 0.75rem;
  color: #fff;
}

.ai-list li span {
  margin-right: 0.9375rem;
}

.ai-feat {
  color: #fff;
  padding: 0;
  position: relative;
}
.ai-feat-t::before {
  content: "NEW!";
  width: 3.125rem;
  font-size: 0.75rem;
  padding: 5px 25px 5px 10px;
  background: linear-gradient(110deg, #ffb829d0 2%, #c830ff50 80%);
  position: relative;
  top: -2.1875rem;
  left: 2.8125rem;
  margin-left: -2.8125rem;
  border-top-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  color: #fff;
}
.ai-feat-t1::before {
  content: "NEW!";
  width: 3.125rem;
  font-size: 0.75rem;
  padding: 5px 25px 5px 10px;
  background: linear-gradient(110deg, #ffb829d0 2%, #c830ff50 80%);
  position: relative;
  top: -2.1875rem;
  left: 3.8125rem;
  margin-left: -3.8125rem;
  border-top-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  color: #fff;
}

.ai-list-b {
  color: #fff;
  list-style-position: outside;
  list-style-type: none;
}
.ai-list-b li {
  display: flex;
  text-align: left;
  align-items: center;
  margin-bottom: 0.75rem;
  color: #fff;
}
.ai-list-b li span {
  margin-right: 0.9375rem;
}

.ai-last {
  border-radius: 16px;
  border: 2px solid var(--Gradient-Main-Gradient, #c930ff);
  backdrop-filter: blur(6px);
  /* display: flex; */
  padding: 24px;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  color: #fff;
}
.fast-ac {
  font-size: 1.375rem !important;
}
.iwant {
  margin-top: 5rem;
  padding-bottom: 3.75rem;
}

@media only screen and (max-width: 991px) {
  .yes-list ul {
    padding-left: 0;
  }
}
.yes-list li {
  background: url(../images/green-tick.png) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0px 0px 0px 35px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
  margin-bottom: 1rem;
  vertical-align: middle;
}

/* ---------------------- MEET CREATOR --------------------- */
.creator-bg {
  background-image: url(../images/creator-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  padding-top: 4.0625rem;
  padding-bottom: 5rem;
  background-color: #f2f5fb;
}
.meet-creator {
  font-family: Yellowtail;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 52px */
  background: var(
    --Gradient-Main-Gradient,
    linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 1rem;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.creator-arrow::after {
  content: url(../images/creator-arrow.png);
}
.creator-box-inner {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 375px;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.25),
    0px 34px 64px 0px rgba(217, 124, 232, 0.25);
  background: radial-gradient(
        circle at 100% 100%,
        #ffffff 0,
        #ffffff 14px,
        transparent 14px
      )
      0% 0%/30px 30px no-repeat,
    radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 14px, transparent 14px)
      100% 0%/30px 30px no-repeat,
    radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 14px, transparent 14px)
      0% 100%/30px 30px no-repeat,
    radial-gradient(circle at 0 0, #ffffff 0, #ffffff 14px, transparent 14px)
      100% 100%/30px 30px no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 32px)
      calc(100% - 60px) no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 60px)
      calc(100% - 32px) no-repeat,
    linear-gradient(66deg, #ffb629 0%, #c930ff 100%);
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .creator-img {
    overflow-x: hidden;
  }
}
.creator-img img {
  width: 100%;
  position: relative;
  bottom: 24px;
  right: -8%;
}
.creator-content {
  width: 100%;
  max-width: 35.4375rem;
  margin-left: 2.5rem;
  position: relative;
}
.creator-content img {
  position: absolute;
  left: 45.5%;
  top: -60px;
}
.creator-content h3 {
  background: var(
    --Gradient-Purple-Gradient,
    linear-gradient(263deg, #c930ff 1.98%, #6129ff 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 250% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
.creator-content h4 {
  font-size: 1.5rem;
  font-weight: 400;
}
.creator-content p {
  font-size: 1.125rem;
}
@media only screen and (max-width: 991px) {
  .creator-box-inner {
    display: inline-flex;
    flex-direction: column;
    height: auto;
  }
  .creator-img img {
    right: -4%;
  }
  .creator-content {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    position: relative;
    padding: 2rem;
  }
}

/* ---------------------- FAQ'S --------------------- */

.faq-bg {
  background-image: url(../images/faq-bg1.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.faq-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  padding: 2.5rem;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  background: #fff;
  /* Elevation 2 */
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
}
@media only screen and (max-width: 991px) {
  .faq-box {
    padding: 1rem;
  }
}

.question-sh {
  width: 455px;
  height: 266px;
  position: absolute;
  right: -227px;
  top: -210px;
  border-radius: 455px;
  opacity: 0.3;
  background: linear-gradient(
    117deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.9) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(62px);
}
.question-mark {
  width: 74px;
  height: 125px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq-box h4 {
  margin-bottom: 1rem;
}
.faq-box p {
  font-size: 1rem;
  color: #000;
  max-width: 31.75rem;
}

/* start from end  */

/*=====================================
qribble 2.0 Is Fully ...
=======================================*/

.full-bg-main {
  background: radial-gradient(
      3.96% 11.79% at 42.83% 0%,
      rgba(250, 159, 147, 0.25) 0%,
      rgba(201, 48, 255, 0) 100%
    ),
    radial-gradient(
      40.22% 23.13% at 50% 0%,
      rgba(135, 41, 255, 0.31) 0%,
      rgba(201, 48, 255, 0) 100%
    ),
    radial-gradient(
      27.32% 11.54% at 50% 0%,
      rgba(255, 182, 41, 0.28) 0%,
      rgba(252, 123, 255, 0) 99.48%
    ),
    linear-gradient(180deg, #0f104a 0%, #09092f 100%);
  padding: 4.1875rem;
  padding-bottom: 9.875rem;
}
@media only screen and (max-width: 991px) {
  .full-bg-main {
    padding: 0.25rem;
    padding-bottom: 9.875rem;
  }
  .fully-loaded {
    font-size: 2rem;
  }
}

.flow-line-img {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -201px;
}

:root {
  --cardss: 7;
  --cardHeight: 70vh;
  --cardTopPadding: 1.5em;
  --cardMargin: 2vw;
}
@media only screen and (max-width: 575px) {
  :root {
    --cardss: 7;
    --cardHeight: 70vh;
    --cardTopPadding: 1.5em;
    --cardMargin: 2vw;
  }
}

#cardsd {
  list-style: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(var(--cardss), var(--cardHeight));
  gap: var(--cardMargin);
  padding-bottom: calc(var(--cardss) * var(--cardTopPadding));
  margin-bottom: var(--cardMargin);
}

#card1 {
  --index: 1;
}
#card2 {
  --index: 2;
}
#card3 {
  --index: 3;
}
#card4 {
  --index: 4;
}
#card5 {
  --index: 5;
}
#card6 {
  --index: 6;
}
#card7 {
  --index: 7;
}

.cardd {
  position: sticky;
  top: 0;
  padding-top: calc(var(--index) * var(--cardTopPadding));
}

.card-bodyy {
  border-radius: 24px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(103deg, #553aa3 0%, #24215d 45.91%, #180037 100%);
  box-shadow: 0px 0px 32px 0px rgba(3, 4, 34, 0.63);
  backdrop-filter: blur(6px);
  overflow: hidden;
}

.card-bodyy {
  box-sizing: border-box;
  padding: 48px;
  height: var(--cardHeight);
  transition: all 0.5s;
  justify-content: center;
  align-items: center;
  display: flex;
}
.card-bodyy > img {
  position: absolute;
  right: 0;
  z-index: 0;
}

.cards-body-text {
  color: #c9bee0;
  font-weight: 400;
  font-size: 20px;
  text-align: justify;
}

/*=====================================
qribble 2.0 Is Fully ... end
=======================================*/
.graph-ebook-bg {
  background: url(../images/grab-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
:root {
  --cardssGraph: 7;
  --cardHeightGraph: 70vh;
  --cardTopPaddingGraph: 1.5em;
  --cardMarginGraph: 2vw;
}

#cardsd-graph {
  list-style: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: 1fr;
  /* grid-template-rows: repeat(var(--cardssGraph), var(--cardHeightGraph)); */
  /* gap: var(--cardMarginGraph); */
  margin-bottom: 0;
  /* padding-bottom: calc(var(--cardssGraph) * var(--cardTopPaddingGraph)); */
  /* margin-bottom: var(--cardMarginGraph); */
}

#cardg1 {
  --indexg: 1;
}
#cardg2 {
  --indexg: 2;
}

.cardd-graph {
  position: sticky;
  top: 0;
  padding-top: 3.75rem;
  padding-bottom: 4.0625rem;

  /* padding-top: calc(var(--indexg) * var(--cardTopPaddingGraph));
    padding-top: 3.75rem;
    padding-bottom: 4.0625rem; */
}

.card-bodyy-graph {
  text-align: center;
}
.graph-img {
  border-radius: 40px;
  background: #fff;
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 64px 0px rgba(217, 124, 232, 0.25);
  max-width: 62.25rem;
  margin-left: auto;
  margin-right: auto;
}
/*=====================================
The best part ...
=======================================*/

.bestpart-bg {
  background-image: url(../images/timelinebg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 325px;
  padding-bottom: 32px;
  padding-bottom: 510px;
}

.beastpart-header {
  margin-bottom: 150px;
}
@media only screen and (max-width: 991px) {
  .bestpart-bg {
    padding-top: 75px;
    margin-top: 50px;
  }
  .beastpart-header h1,
  h2 {
    font-size: 2rem;
  }
}
.eating-box-img {
  margin-top: -132px;
}

.giveaway-content {
  padding-bottom: 200px;
}

.capture-content {
  padding-bottom: 70px;
}
.nurture {
  padding-bottom: 168px;
}

@media only screen and (max-width: 575px) {
  .giveaway-content {
    padding-bottom: 0;
  }
  .capture-content {
    padding-bottom: 0;
  }
  .nurture {
    padding-bottom: 0;
  }
  .storebox-header img {
    width: 150% !important;
    left: -37% !important;
    top: -25% !important;
    position: relative !important;
  }
  .storebox-header span {
    font-weight: 700;
  }
}
.storebox-box {
  border-radius: 24px;
  padding: 0px 0px 33px 0px;
  width: 100%;
}
.storebox-header {
  padding: 32px;
  background: linear-gradient(180deg, #fff 0%, #cccbff 100%);
  height: 120px;
  border-radius: 24px 24px 0px 0px;
  position: relative;
}
.storebox-header img {
  position: absolute;
  left: -16%;
  top: -108%;
}

.store-box-wrap {
  padding: 16px 33px 0px 33px;
}

.store-box-wrap h4 {
  margin-bottom: 36px;
}
.store-box-wrap img {
  margin-bottom: 36px;
}
.store-box-wrap button {
  width: 100%;
  padding: 16px 24px;
  border-radius: 16px;
  background: linear-gradient(91deg, #2eee9d 0%, #28a160 100.06%);
  box-shadow: 0px 8px 16px 0px rgba(0, 140, 31, 0.37);
  border: none;
  font-size: 24px;
  font-weight: 700;
}

.store-box-wrap button:focus {
  background: linear-gradient(91deg, #2eee9d 0%, #28a160 100.06%);
}

.single-timeline-area.collpart .timeline-date::after {
  background: none !important;
}

.nurturebox {
  border-radius: 24px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(105deg, #553aa3 0%, #24215d 62.9%, #180037 137%);
  box-shadow: 0px 0px 32px 0px rgba(3, 4, 34, 0.63);
  backdrop-filter: blur(6px);
  padding: 33px 33px 33px 33px;
  width: 100%;
  height: 163px;
}

.nurturebox::before {
  content: "";
  background-image: url(../images/layers.png);
  width: 100%;
  height: 200px;
  position: absolute;
  z-index: 99;
  top: -40px;
  left: -5px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.eat-Subscribe-form {
  border-radius: 24px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(105deg, #553aa3 0%, #24215d 62.9%, #180037 137%);
  box-shadow: 0px 0px 32px 0px rgba(3, 4, 34, 0.63);
  backdrop-filter: blur(6px);
  padding: 33px 15px 33px 15px;
  width: 100%;
  margin-top: -155px;
}

.eat-Subscribe-form img {
  margin-top: -70px;
}

.eatform input {
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  background: #120045;
  color: #fff;
}

.eatform input:focus {
  background: #120045;
  color: #fff;
}

.eatform input::placeholder {
  color: #fff;
  opacity: 0.5;
}

.eatform input::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #fff;
  opacity: 0.5;
}

.eat-Subscribe-form button {
  padding: 14px 24px;
  width: 100%;
  border-radius: 16px;
  background: linear-gradient(275deg, #ff4930 0%, #ff8730 100%);
  color: #fff;
  border: none;
  font-weight: 700;
}

.timeline_area {
  position: relative;
  z-index: 1;
}
.single-timeline-area {
  position: relative;
  z-index: 1;
  padding-left: 115px;
}
@media only screen and (max-width: 575px) {
  .single-timeline-area {
    padding-left: 40px;
  }
}
.single-timeline-area .timeline-date {
  position: absolute;
  width: 75px;
  height: 100%;
  top: 15px;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 60px;
}
@media only screen and (max-width: 575px) {
  .single-timeline-area .timeline-date {
    width: 40px;
    padding-right: 40px;
  }
}
.single-timeline-area .timeline-date::after {
  position: absolute;
  width: 3px;
  height: 100%;
  content: "";
  background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%);
  top: 0;
  right: 30px;
  z-index: 1;
}

.single-timeline-area .timeline-date::before {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0e0f47;
  content: "";
  top: 0;
  right: 14px;
  z-index: 5;
  margin-top: -5.5px;
  border: 2px solid #d652c8;
}
@media only screen and (max-width: 575px) {
  .single-timeline-area .timeline-date::before {
    width: 25px;
    height: 25px;
    right: 18px;
  }
}

.single-timeline-area .timeline-dotbg::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yODVfMTgzKSIvPgo8Y2lyY2xlIGN4PSIxOCIgY3k9IjE4IiByPSIxMCIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzI4NV8xODMpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjg1XzE4MyIgeDE9IjM2IiB5MT0iMzYiIHgyPSIzMi42ODU4IiB5Mj0iLTIuNzkyNTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjAyMDgzMzMiIHN0b3AtY29sb3I9IiNDOTMwRkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZCNjI5Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8yODVfMTgzIiB4MT0iMjgiIHkxPSIyOCIgeDI9IjI2LjE1ODgiIHkyPSI2LjQ0ODYxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wMjA4MzMzIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkI2MjkiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
  content: "";
  border: 0px;
}
@media only screen and (max-width: 575px) {
}

.single-timeline-area .timeline-date p {
  margin-bottom: 0;
  color: #020710;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
.single-timeline-area .single-timeline-content {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
@media only screen and (max-width: 575px) {
}
.single-timeline-area .single-timeline-content .timeline-icon {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  width: 30px;
  height: 30px;
  background-color: #f1c40f;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  text-align: center;
  max-width: 30px;
  border-radius: 50%;
  margin-right: 15px;
}
.single-timeline-area .single-timeline-content .timeline-icon i {
  color: #ffffff;
  line-height: 30px;
}
.single-timeline-area .single-timeline-content .timeline-text h2 {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.single-timeline-area .single-timeline-content .timeline-text h2 {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-timeline-area .single-timeline-content .timeline-text h2:nth-child(2) {
  line-height: 40px;
}
.single-timeline-area .single-timeline-content .timeline-text p {
  font-size: 13px;
  margin-bottom: 0;
}
.single-timeline-area .single-timeline-content:hover .timeline-icon,
.single-timeline-area .single-timeline-content:focus .timeline-icon {
  background-color: #020710;
}

/*=====================================
The best part ... end
=======================================*/

/*=====================================
Big companies ...
=======================================*/

.big-c-bg {
  background-image: url(../images/bigc.png);
  height: 784px;
  background-repeat: no-repeat;
  margin-top: -468px !important;
  text-align: center;
  padding-top: 20px;
  width: 100% !important;
  background-size: 100%;
  max-width: 100%;
  padding-left: 22%;
  padding-right: 20%;
}

.big-c-bg h2 {
  color: #0c2b49 !important;
}
.big-c-bg h2 span {
  color: #6129ff !important;
}

.big-c-bg h1 {
  font-size: 88px;
  font-weight: 400;
  background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  line-height: 130%; /* 114.4px */
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}
@media only screen and (max-width: 991px) {
  .big-c-bg {
    background-image: url(../images/bigc-m.png);
    height: 500px;
    padding-left: 5%;
    padding-right: 5%;
    background-position: center;
    background-size: cover;
  }
  .big-c-bg h2 {
    font-size: 1.5rem;
  }
  .big-c-bg h1 {
    font-size: 2.5rem;
  }
}
/*=====================================
Big companies end..
=======================================*/

/*=====================================
STOP Wasting...
=======================================*/

.stopwesting-bg {
  background-image: url(../images/Stop-Wasting.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 41px;
  padding-bottom: 32px;
}
.one-th {
  font-size: 5.5rem;
  font-weight: 400;
}
@media only screen and (max-width: 991px) {
  .stop-wasting h1 {
    font-size: 1.5rem;
  }
  .one-th {
    font-size: 3.5rem;
    font-weight: 400;
  }
}
.quoteshh {
  width: 455px;
  height: 266px;
  position: absolute;
  left: -227px;
  left: -90px;
  border-radius: 455px;
  opacity: 0.3;
  background: linear-gradient(
    117deg,
    rgba(255, 182, 41, 0) -40.34%,
    rgba(206, 61, 234, 0.9) 55.36%,
    #2730ff 69.09%
  );
  filter: blur(62px);
}

.review-box-wrap {
  position: relative;
  margin-top: 48px;
}
.review-box-wrap > img {
  position: absolute;
  bottom: 0;
  left: 36px;
}

.both-option {
  min-height: 138px;
  border-radius: 40px;
}

.both-option-dsec p {
  margin-left: 30%;
  margin-top: 40px !important;
}

@media only screen and (max-width: 991px) {
  .review-box-wrap > img {
    position: absolute;
    bottom: 0;
    left: -15px;
    max-width: 8.5rem;
  }
  .both-option-dsec p {
    margin-left: 26%;
    margin-right: 5%;
    margin-top: 20px !important;
    text-align: start;
  }
  .review-box-wrap p {
    font-size: 0.875rem;
  }
  .both-option {
    min-height: 138px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
  }
}
.new-a-i {
  display: inline-block;
  background-image: url(../images/ribbon.png);
  background-repeat: no-repeat;
  background-size: 100%;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  padding: 7rem;
  padding-top: 1.275rem;
}
@media only screen and (max-width: 991px) {
  .new-a-i {
    width: 100%;
    display: inline-block;
    background-image: url(../images/ribbon-m.png);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 0.5rem;
    padding-bottom: 5rem;
    padding-top: 1rem;
    line-height: normal;
    margin-bottom: 20px;
  }
}

.option1 {
  border-radius: 40px;
  background: var(
    --Gradient-Black-Gradient,
    linear-gradient(180deg, #0f104a 0%, #09092f 100%)
  );

  /* Elevation  2 */
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
  padding: 33px 33px 0px 33px;
}
@media only screen and (max-width: 991px) {
  .option1 {
    padding: 16px 12px 0px 12px;
  }
  .option1 h2 {
    font-size: 2rem;
  }
}
.option2 {
  border-radius: 40px;
  padding: 33px 33px 0px 33px;
}
@media only screen and (max-width: 991px) {
  .option2 {
    padding: 12px 12px 0px 12px;
  }
  .option2 h2 {
    font-size: 2rem;
  }
}
.option1 h3,
.option2 h3 {
  font-family: "Yellowtail";
  background: var(
    --gradient-main-gradient,
    linear-gradient(263deg, #c930ff 10.98%, #ff8730 70.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  text-transform: capitalize;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}

.stop-westing-op2-img {
  max-width: 496px;
}
@media only screen and (max-width: 991px) {
  .stop-westing-op2-img {
    max-width: 100%;
  }
}
/*=====================================
STOP Wasting... end
=======================================*/

/*=====================================
yes you are...
=======================================*/

.yes-you-are {
  font-family: "Yellowtail";
  font-size: 3.5rem;
  background: var(
    --gradient-main-gradient,
    linear-gradient(263deg, #c930ff 1.98%, #ff8730 98.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2rem;
  font-weight: 500;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}

.yy-r-img {
  margin-bottom: -90px;
  margin-top: -99px;
}

/*=====================================
yes you are end...
=======================================*/

/*=====================================
But Don’t Worry!...
=======================================*/

.sq37-bg {
  background-image: url(../images/sq37-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 14.125rem;
  padding-bottom: 23.875rem;
  position: relative;
  z-index: 99;
  margin-bottom: -349px;
  margin-top: -32px;
}
@media only screen and (max-width: 991px) {
  .sq37-bg {
    background-image: url(../images/sq37-bg-m.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 2.6875rem;
    padding-bottom: 3.875rem;
    position: relative;
    z-index: 99;
    margin-bottom: -75px;
    margin-top: -32px;
  }
}

.sq37-dsec {
  position: relative;
  top: 0;
}

.option-list {
  list-style-position: outside;
  list-style-image: url(../images/cross-mark.png);
  list-style-type: none;
  padding-left: 12px;
}

.option-list li {
  display: flex;
  text-align: left;
  align-items: center;
  margin-bottom: 0.75rem;
}
.option-list li span {
  margin-right: 0.9375rem;
}

.dont-worry-img {
  height: 247px;
}
@media only screen and (max-width: 991px) {
  .dont-worry {
    font-size: 2.5rem;
  }
  .you-now {
    font-size: 1.5rem;
  }
  .dont-worry-img {
    height: auto;
  }
  .sq20 {
    font-size: 2rem;
  }
}

/*=====================================
But Don’t Worry! end...
=======================================*/

/*=====================================
Basically put...
=======================================*/
.basically-bg {
  background-image: url(../images/Containerbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  margin-top: -122px;
  position: relative;
  overflow: hidden;
}

.basic-desc h2,
.basic-desc h3 {
  color: #0f104a;
  text-transform: uppercase;
}
.basic-span img {
  margin-top: -56px;
  margin-left: -37px;
}

.basic-span {
  margin-bottom: -25px;
  display: block;
}

.girl-img {
  margin-left: 0;
  margin-top: 150px;
}

.b-put {
  margin-top: 190px;
}
@media only screen and (max-width: 911px) {
  .basically-bg {
    background: #f2f5fb;
  }
  .basic-desc h3 {
    font-size: 1.125rem;
  }
  .basic-desc h2 {
    font-size: 1.5rem;
  }
  .basic-span img {
    width: 45%;
    margin-top: -40px;
    margin-left: -10px;
  }
  .girl-img {
    width: 125%;
    margin-left: -5%;
  }

  .b-put {
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.level-book {
  margin-bottom: -641px;
  margin-left: -182px;
}
@media only screen and (max-width: 911px) {
  .level-book {
    margin-bottom: -437px;
    margin-left: -212px;
    width: 178%;
    height: auto;
  }
}
.basically-text-box {
  margin-top: 55px;
}
.basically-text-box p {
  font-size: 2rem;
}
.pensqi-m {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
  .basically-text-box p {
    font-size: 1.125rem;
  }
}

.duk-bg {
  padding: 24px;
  box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
    0px 34px 44px 0px rgba(217, 124, 232, 0.15);
  max-width: 100%;
  width: 996px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-top: -160px;
  margin-bottom: 100px;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .duk-bg {
    padding: 0;
    padding-bottom: 1rem;
  }
}

.duk-bg > img {
  position: absolute;
  width: 100%;
  max-width: 996px;
  left: 0;
  top: 0;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .sq10-img {
    width: 188%;
    left: -39%;
    position: relative;
    top: 35px;
  }
}
.sqribble-box-text-box {
  margin-top: 20px;
  padding-left: 24px;
}
.sqribble-box-text-box span {
  color: #6e7587;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 130%; /* 26px */
}
.sqribble-box-text-box h1 {
  font-size: 88px;
  font-weight: 400;
  line-height: 130%; /* 114.4px */
}
.sqribble-box-text-box h1 span {
  color: #6e7587 !important;
  background: linear-gradient(263deg, #6e7587 1.98%, #6e7587 94.95%);
  font-family: Outfit;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
  position: relative;
  left: -84px;
  bottom: -18px;
}
@media only screen and (max-width: 991px) {
  .sqribble-box-text-box h1 span {
    position: relative;
    left: -31px;
    bottom: -48px;
  }

  .sqribble-box-text-box span {
    font-size: 18px;
  }
  .sqribble-box-text-box h2 {
    font-size: 1.5rem;
  }
  .sqribble-box-text-box h1 {
    font-size: 3.5rem;
    display: flex;
  }
  .sqribble-box-text-box h4 {
    font-size: 18px;
  }
  .sqribble-box-text-box h1 span {
    font-size: 18px;
  }
}
/*=====================================
Basically put... end
=======================================*/

/*=====================================
Customer slider
=======================================*/

.review-stars-img {
  width: 186px !important;
}

.new-section .owl-item img {
  width: auto !important;
}

.new-section .review-box p {
  text-align: left;
}

.new-section h3 {
  text-transform: capitalize;
}
.new-section .review-box {
  min-height: 360px;
  border: 1px solid #ebc5fb;
  box-shadow: unset;
}

/*=====================================
Customer slider end
=======================================*/

/*=====================================
Belive it box
=======================================*/

.believe-it-bg {
  background-image: url(../images/believe-it-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  margin-top: -122px;
  position: relative;
}

.believe-it-box {
  color: #fff;
  /* text-align: center; */
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(103deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%);
  backdrop-filter: blur(6px);
  /* padding: 1.5rem; */
}

@media only screen and (max-width: 991px) {
  .you-won h1 {
    font-size: 2rem;
  }
  .you-won h2 {
    font-size: 2rem;
  }
  .you-won p {
    font-size: 1rem !important;
  }
}
.content-sq {
  height: 100%;
  /* padding: 0 20px 10px; */
  /* color: #fff; */
}

.billion {
  background: var(
    --gradient-main-gradient,
    linear-gradient(263deg, #c930ff 10.98%, #ff8730 94.95%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 2%;
  line-height: 75%;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}

.believe-text-box {
  padding: 24px 0px 24px 24px;
}

.b-img-2 {
  position: relative;
  bottom: -16px;
}

@media only screen and (max-width: 991px) {
  .b-img-2 {
    position: relative;
    bottom: 0;
  }
}
/*=====================================
Belive it
=======================================*/

/*=====================================
Ebook Market Size is Expected to Reach
=======================================*/

.graph-bg {
  background-image: url(../images/grab-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3.75rem;
  padding-bottom: 2.375rem;
}

/*=====================================
Ebook Market Size is Expected to Reach end
=======================================*/

/*=====================================
Rising to Billions:
=======================================*/
.risingToBillions-bg {
  background-image: url(../images/Rising-to-Billions.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0px 0px 0px;
}
.box-risting {
  margin-top: 2rem;
  height: 530px;
  position: relative;
}
@media only screen and (max-width: 911px) {
  .box-risting {
    margin-top: 2rem;
    height: auto;
  }
}

.bestdeal-img {
  position: absolute;
  left: -25%;
  top: -62px;
  max-width: 100%;
}

.rising-text-box {
  padding: 80px 24px 0px 40px;
}
@media only screen and (max-width: 911px) {
  .rising-text-box {
    padding: 0;
    padding-bottom: 1rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .rising-text-box h2 {
    font-size: 2rem;
  }
  .rising-text-box p {
    font-size: 1.25rem !important;
  }
}

.rising-text-box p {
  color: #0c2b49;
  font-family: Outfit;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}
.rising-text-box h4 {
  background: #ffb629;
  background: -webkit-linear-gradient(to top right, #ffb629 0%, #c930ff 100%);
  background: -moz-linear-gradient(to top right, #ffb629 0%, #c930ff 100%);
  background: linear-gradient(to top right, #ffb629 0%, #c930ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}

.rising-ring-img {
  position: absolute;
  right: -91px;
  bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .rising-ring-img {
    position: absolute;
    right: -150px;
    bottom: 66px;
  }
}
.rising-book-img {
  margin-top: 1.5rem;
}
/*=====================================
Rising to Billions: end
=======================================*/

/*=====================================
Top Colossal
=======================================*/

.topcolossal-top-img {
  margin-bottom: -10px;
  position: relative;
  z-index: -1;
  margin-top: -167px;
}

.tapColossal {
  background: #080930;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.tapColossal-box {
  color: #fff;
  /* text-align: center; */
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(103deg, #090a31 0%, rgba(35, 29, 77, 0.5) 100%);
  backdrop-filter: blur(6px);
  height: 220px;
  overflow: hidden;
  padding-right: 10px;
  /* padding: 1.5rem; */
}
@media only screen and (max-width: 991px) {
  .tapColossal-box {
    height: auto;
  }
}

.billion-market-heading {
  text-align: center;
  text-shadow: 0px 8px 18px rgba(46, 53, 116, 0.08),
    0px 34px 44px rgba(217, 124, 232, 0.15);
  font-size: 88px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 114.4px */
  background: linear-gradient(263deg, #c930ff 1.98%, #ffb629 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 150% auto;
  animation: textShine 600ms ease-in-out infinite alternate;
}

.believe-it-box-h {
  height: 258px;
}
@media only screen and (max-width: 991px) {
  .believe-it-box-h {
    height: auto;
    padding: 1rem;
    padding-bottom: 0;
  }
}

.tm-img {
  position: relative;
  left: -102%;
}

.tm-text p {
  margin-top: 35px;
}
.ec-img {
  position: relative;
  left: -11px;
}
.tes-img {
  position: relative;
  left: -12px;
}

.sp-img {
  position: relative;
  right: 157px;
}

.tc-content-sq p {
  font-size: 1.25rem;
  font-weight: 400;
}

.banner-reban {
  background-image: url(../images/Banner-rebon.svg);
  height: 160px;
  background-repeat: no-repeat;
  margin-top: 80px !important;
  text-align: center;
  padding-top: 20px;
  width: 900px !important;
  background-size: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 991px) {
  .banner-reban {
    background-image: url(../images/banner-rebon-m.png);
    padding-top: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .banner-reban h2 {
    font-size: 1.25rem;
  }
  .tap-into h2 {
    font-size: 1.5rem;
  }
  .tap-into h1 {
    font-size: 2.5rem;
  }
}
/*=====================================
Top Colossal end
=======================================*/
@media only screen and (max-width: 991px) {
  .dont-b-2 {
    font-size: 1.5rem;
  }
  .seven-ways {
    font-size: 2rem;
  }
}
/*=====================================
Time to rise
=======================================*/

.timetherise-img {
  margin-bottom: -145px;
}

/*=====================================
Time to rise end
=======================================*/

/*=====================================
Don’t Believe Us?
=======================================*/

.dont-believe-us-bg {
  background-image: url(../images/dont-believe-us-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 120px;
}

/*=====================================
Don’t Believe Us? end
=======================================*/

/*=====================================
7 Ways To Find Desperate Buyers…
=======================================*/

.seven-rebon {
  margin-bottom: -154px;
  position: relative;
  top: -81px;
  z-index: -2;
  width: 100%;
}

/*=====================================
7 Ways To Find Desperate Buyers… end
=======================================*/

/* ---------------------- FOOTER --------------------- */

footer {
  background-color: #f2f1fa;
  padding-top: 5.625rem;
  padding-bottom: 1.5rem;
}
@media only screen and (max-width: 991px) {
  footer {
    background-color: #f2f1fa;
    padding-top: 2rem;
    padding-bottom: 0.75rem;
  }
  .footer-links {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .twodotzero {
    bottom: 5px !important;
  }
}

.footer-links {
  display: inline-table;
  margin-top: 2.8125rem;
  margin-bottom: 2.8125rem;
}

.footer-links a {
  text-decoration: none;
  color: #331133;
  font-weight: 700;
}
.footer-links span {
  font-size: 1.5rem;
  color: #c3c3c3;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
#loadmore-video-container-mobile{
  display: none;
}
.desktop-hide{
  display: none;
}



.best-deal-content h1{
  margin: 30px 0 45px;
  font-size: 40px;
}
.cancel-anytime{
  width: 300px;
  text-align: center;
  margin: 7px 0 0 !important;
  font-size: 16px !important;
  color: #fff;
  font-weight: 400 !important;
  background: transparent !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
}
.cancel-anytime s{
  text-decoration-color: red;
}
.best-deal-content h1 s{
  text-decoration-color: red;
  text-decoration-thickness: 6px;
}
.special-deal-price{
  font-size: 50px;

}
.special-deal-price s{
  text-decoration-color: red;
  text-decoration-thickness: 4px;
}
.btn-sqribble-try-just{
  padding: 1.375rem 39px;
  font-size: 25px;
}




@media only screen and (max-width: 767px) {
  .footer-links span {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  #loadmore-video-container .col-6{
    width: 100%;
  }
  .half-circle{
    display: none;
  }
}





.footer-social-links {
  margin-bottom: 2.4375rem;
}
.copyright {
  font-size: 0.75rem;
  color: #a0a0a0;
}

.twodotzero {
  position: absolute;
  right: 49px;
  bottom: 39px;
}

/* responsive */

@media (max-width: 1200px) {
  .new-a-i {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .yes-i-img {
    width: 100%;
    margin-bottom: 20px;
  }

  .card-bodyy img {
    width: 100%;
  }
  .card-bodyy h1 {
    font-size: 22px;
  }
  .card-bodyy h3 {
    font-size: 18px;
  }

  .cards-body-text {
    font-size: 12px;
  }
  .card-bodyy .f-size-20{
    font-size: 14px;
    margin-bottom: 3px;
  }

  .card-bodyy {
    padding: 10px;
    overflow: scroll;
    padding-top: 0;
  }
  .card-bodyy-1 {
    padding-top: 35px;
    overflow-y: hidden;
  }

  .girl-img {
    width: 100%;
  }

  .mmt-bg {
    background: #11124f;
  }

  .ai-list-bg-2,
  .ai-list-bg-3 {
    width: 100% !important;
    margin-bottom: 10px;
  }
  /* .adeel-logo{
        width: 100%;
    }

    .creator-content h4{
        font-size: 12px;
    }
    .creator-content p{
        font-size: 12px;
    } */
  .bestpart-bg {
    background: #202254;
  }

  .eating-box-img,
  .eat-Subscribe-form {
    margin-top: 0px;
  }
  .eat-Subscribe-form h3 {
    font-size: 22px;
  }
  .eat-Subscribe-form img {
    margin-top: 0px;
    width: 100%;
    margin-bottom: 20px;
  }

  .single-timeline-area .single-timeline-content .timeline-text h2 {
    font-size: 24px;
  }
  .nurturebox {
    padding: 20px;
  }
  .nurturebox h3 {
    font-size: 25px;
  }
  .storebox-header img {
    width: 100%;
    left: 0px;
    top: 0;
    position: unset;
  }
  .storebox-header {
    height: auto;
    padding: 10px;
  }

  .quck-step-2-img {
    margin-bottom: -24px;
  }

  .explore-text {
    padding-right: 10%;
  }

  .wait-sq-sec {
    overflow: hidden;
  }

  .tapColossal {
    background: url(../images/tapColossal1.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100%;
    padding-bottom: 0px;
  }

  .banner-reban {
    background-image: url(../images/banner-rebon-m.png);
    padding-top: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .recap-sec {
    padding-top: 10px;
  }

  .risingToBillions-bg {
    padding-bottom: 65px;
  }

  .b-img-2 {
    width: 160px;
    max-width: 200px;
    position: absolute;
    right: 9px;
    bottom: -127px;
  }

  .believe-3-img {
    width: 170px;
  }

  .billion {
    font-size: 36px;
  }

  .new-a-i {
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .option2 {
    background: linear-gradient(
      281deg,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0.25) 100%
    );
    box-shadow: 0px 8px 18px 0px rgba(46, 53, 116, 0.08),
      0px 34px 44px 0px rgba(217, 124, 232, 0.15);
    backdrop-filter: blur(10px);
  }

  .wait_01m-img {
    margin-top: -20px;
  }
  .wait_6-img {
    margin-top: -30px;
  }
  .wait-box3,
  .wait-box2,
  .wait-box4,
  .wait-box5,
  .wait-box2,
  .wait-box8,
  .wait-box9,
  .wait-box10 {
    padding-top: 0px;
  }

  .anyone {
    display: none;
  }

  .ch-desc p {
    display: flex;
  }

  .anyone-tab {
    display: block !important;
  }
  .testimonial-carousel {
    padding: 3.5rem 24px;
  }
  .test-slide-bg {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .basically-text-box{
    text-align: center;
  }
  .basically-text-box img:first-child{
      width: 100%;
  }
  .graph-ebook-bg {
    background-image: none;
    background-color: #fff;
  }
  .dont-believe-us-bg .mb-5 .col-12 img{
    object-fit: cover;
    object-position: -43px center;
    width: 379px;
    height: 415px;
  }
  .seven-rebon {
    top: -30px;
  }
  .creator-img img {
    bottom: 0;
  }
  .twodotzero {
    right: -32px;
    bottom: 45px !important;
  }
  .take-ac-bg {
    background-image: none;
  }
  .basically-bg {
    margin-top: -93px;
  }
  .video-testimonial-carousel .owl-carousel{
    display: none;
    padding: 0;
  }
  .video-testimonial-carousel{
    padding: 0;
  }
  #loadmore-video-container-mobile{
    display: none;
    margin-top: 50px;
    padding: 0;
  }
  #loadmore-video-container-mobile .col-md-6{
    margin-bottom: 20px;
  }
  .video-testimonial-carousel .video-test-desc h5 {
    font-size: 14px;
  }
  .best-deal-content {
    padding-bottom: 50px;
  }
  .hidden-box-mobile{
    display: none;
  }
  .desktop-hide{
    display: block;
  }
  .hidden-box {
    display: none;
  }
  .best-deal-content .special-deal {
    font-size: 1.75rem;
  }
  .whats-new-bg{
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .whats-new-bg .cancel-anytime{
    color: #09092f;
  }
  .btn-sqribble-try-just{
    font-size: 20px;
  }
  .best-deal-content h2 {
    font-size: 20px;
  }
  .best-deal-content h1{
    font-size: 30px;
  }
  .yy-r-img {
    margin-bottom: -97px;
    margin-top: -33px;
  }
  .you-now {
    font-size: 18px;
    margin-bottom: 0 !important;
  }
  .whats-new-bg .cancel-anytime-video{
    color: #fff;
  }
}












@media (max-width: 575px) {
  .banner-reban {
    display: flex;
    align-items: normal;
    justify-content: center;
  }
  .new-a-i {
    font-size: 1.2rem;
    padding-top: 0px;
  }
  .review-box-wrap {
    margin-top: 20px;
  }
  .anyone-tab {
    display: none !important;
  }

  .anyone-mobile {
    display: block !important;
  }
  .video-test-desc h5 {
    font-size: 12px;
  }

  .video-icons::after {
    content: url(../images/video-icons-1.png);
    position: absolute;
    top: 0;
    right: -108px;
  }
  .average-text {
    font-size: 16px !important;
  }
}
@media (max-width: 390px) {
  .new-a-i {
    font-size: 1rem;
    padding-top: 0px;
  }
  .review-box-wrap > img {
    left: -26px;
  }
  .average-text {
    font-size: 14px !important;
  }
  .twodotzero {
    width: 40px;
  }

  .review-box-wrap p {
    font-size: 12px;
  }
}
.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-top {
  animation: fade-top 1s ease-in;
}

.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(200px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-top {
  0% {
    transform: translateY(-200px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.best-deal-content .monthly{
  font-size: 18px;
}