body {
  all: revert;
}

:root,
[data-bs-theme="light"] {
  --bs-primary: #aa00ff;
  --bs-primary-rgb: 170, 0, 255;
  --bs-secondary-rgb: 235, 238, 255;
  --bs-body-color: #565353;
  --bs-body-bg: #fff;
  --bs-dark-rgb: 23, 23, 23;
  --bs-gray-900: #141727;
  --bs-heading-color: var(--bs-gray-900);
}
body {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg) !important;
  line-height: 1.6;
  font-weight: 500;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  margin: 0;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  color: var(--bs-heading-color);
  font-weight: 600;
}
.text-light {
  --bs-light-rgb: 212, 212, 212;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.tickSec {
  padding-top: 60px;
  padding-bottom: 60px;
}
.nav-link {
  --bs-navbar-color: rgba(255, 255, 255, 0.75);
  color: var(--bs-navbar-color);
}
.nav-link:focus,
.nav-link:hover {
  --bs-navbar-hover-color: rgba(255, 255, 255, 1);
  color: var(--bs-navbar-hover-color);
}

.btn {
  --bs-btn-padding-x: 1.875rem;
  --bs-btn-padding-y: 0.9rem;
  --bs-btn-font-family: Inter, sans-serif;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.4rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-primary-grad {
  color: var(--bs-white) !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#aa00ff),
    color-stop(51%, #543de7),
    to(#aa00ff)
  );
  background: linear-gradient(to right, #aa00ff 0%, #543de7 51%, #aa00ff 100%);
  background-size: 200% auto;
  border: 0;
  line-height: 1.62;
}
.btn-primary-grad:active,
.btn-primary-grad:focus,
.btn-primary-grad:hover,
.btn-primary-grad:focus-visible {
  background-position: right center;
}
.bg-secondary-grad {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(240, 150, 255, 0.15)),
    color-stop(51%, rgba(191, 200, 252, 0.15)),
    to(rgba(187, 148, 255, 0.15))
  );
  background: linear-gradient(
    90deg,
    rgba(240, 150, 255, 0.15) 0%,
    rgba(191, 200, 252, 0.15) 51%,
    rgba(187, 148, 255, 0.15) 100%
  );
}
.Tickbadge {
  background-color: rgba(170, 0, 255, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(170, 0, 255, 0.07);
}

/* Testimonials */
.testimonial img {
  width: 64px;
  height: 64px;
}
.mb-n8 {
  margin-bottom: -8rem !important;
}
.me-n9 {
  margin-right: -11rem !important;
}
.opacity-2 {
  opacity: 0.2 !important;
}
.blur-9 {
  -webkit-filter: blur(9rem) !important;
  filter: blur(9rem) !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.bg-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.shadow-primary-lg {
  -webkit-box-shadow: 0 0.3rem 0.7rem rgba(var(--bs-primary-rgb), 0.2);
  box-shadow: 0 0.3rem 0.7rem rgba(var(--bs-primary-rgb), 0.2);
}

.opacity-1 {
  opacity: 0.1 !important;
}
.rotate-335 {
  -webkit-transform: rotate(335deg) !important;
  transform: rotate(335deg) !important;
}
.blur-8 {
  -webkit-filter: blur(5rem) !important;
  filter: blur(5rem) !important;
}
.h-300px {
  height: 300px !important;
}

.feature-icon {
  width: 60px;
  height: 60px;
  background-color: rgba(170, 0, 255, 0.1);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto auto 24px;
}

.feature-icon svg {
  width: 32px;
  height: 32px;
  color: var(--bs-primary);
}

.step-number {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--bs-primary);
  color: var(--bs-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  margin: 0 auto 24px;
}

.text-primary-grad {
  /* background: -webkit-gradient(linear, left top, right top, from(#AA00FF), to(#543DE7));
    background: linear-gradient(90deg, #AA00FF 0%, #543DE7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -WebKit-text-fill-color: transparent;
    opacity: 1; */
  background: linear-gradient(90deg, #f56779 4%, #a0f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.waves {
  position: relative;
  width: 100%;
  height: 16vh;
  margin-bottom: -7px;
  min-height: 100px;
  max-height: 150px;
}
.moving-waves > use:first-child {
  animation-delay: -2s;
  animation-duration: 11s;
}
.moving-waves > use:nth-child(2) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.moving-waves > use:nth-child(3) {
  animation-delay: -3s;
  animation-duration: 15s;
}
.moving-waves > use:nth-child(4) {
  animation-delay: -4s;
  animation-duration: 20s;
}
.moving-waves > use:nth-child(5) {
  animation-delay: -4s;
  animation-duration: 25s;
}
.moving-waves > use:nth-child(6) {
  animation-delay: -3s;
  animation-duration: 30s;
}
.moving-waves > use {
  animation: f 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.mt-n7 {
  margin-top: -6rem !important;
}
.translate-middle {
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

/* FAQ */
.faqSec {
  background-color: #171717;
}
.faq-card {
  background-color: #262626;
}
@keyframes f {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
.heroSec {
  padding-bottom: 200px;
}
.dots {
  margin-top: -1.5rem;
}
footer.tickSec {
  background-color: rgba(12, 12, 12, 1);
}
@media (min-width: 576px) {
  .py-sm-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .mt-sm-n9 {
    margin-top: -11rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .faqSec {
    padding-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .tickSec {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .heroSec {
    padding-bottom: 120px;
  }
  .dots {
    width: 30px;
    margin-top: -0.5rem;
  }
}