body {
  font-family: "Poppins", sans-serif;
}

h1,
.h1 {
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
}

h2,
.h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}

h3,
.h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}

h4,
.h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

h5,
.h5 {
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
}

.text-dark-thin {
  color: rgba(0, 0, 0, 0.6);
  line-height: 140%;
}

.text-dark-thin-sm {
  color: rgba(0, 0, 0, 0.4);
  line-height: 140%;
}

.ptb {
  padding: 64px 0;
}

.pb-no-t {
  padding-bottom: 64px;
}

.pt-no-b {
  padding-top: 64px;
}

.ptb-lg {
  padding: 56px 0;
}

.pb-no-t-lg {
  padding-bottom: 56px;
}

.pt-no-b-lg {
  padding-top: 56px;
}

.ptb-sm {
  padding: 48px 0;
}

.pb-no-t-sm {
  padding-bottom: 48px;
}

.pt-no-b-sm {
  padding-top: 48px;
}

.ai-span {
  border-radius: 32px;
  border: 1px solid rgba(116, 46, 245, 0.2);
  background: rgba(255, 255, 255, 0.1);
  padding: 2px 11px 2px 4px;
  color: #742EF5;
  font-size: 12px;
}

.ai-span img {
  width: 16px;
  height: 14px;
}

main .swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: 0 !important;
}

main .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  background: #6B57FF;
}

main .swiper-pagination .swiper-pagination-bullet-active {
  width: 22px;
  border-radius: 20px;
  background: #6B57FF;
}

main .btn {
  min-width: 200px;
  justify-content: center;
}

main .btn .download-svg {
  width: 20px;
  height: 20px;
}

.btn.buyBtn,
.btn.buyBtn div,
.btn.buyBtn span,
.btn.buyBtn svg {
  z-index: 2;
  position: relative;
  overflow: hidden;
  border: 0;
  z-index: 2;
}

.btn.buyBtn::after {
  content: '';
  width: 200%;
  height: 100%;
  background-blend-mode: overlay;
  background: radial-gradient(114.29% 114.29% at 50% 100%, rgba(255, 255, 255, 0.45) 0%, rgba(0, 0, 0, 0) 100%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  z-index: 1;
  left: -100%;
  /* transform: rotate(180deg); */
  top: 0;
  background-blend-mode: overlay;
  background: linear-gradient(273.42deg, #CC00FF 0%, #0099FF 50%, #CC00FF 100%);
  transition: all .1s linear;
}

.btn.buyBtn:hover {
  transform: translateY(-6px);
}

.btn.buyBtn:hover::after {
  left: 0;

}

main .btn.color-btn {
  padding: 0 32px;
}

main .btn.btn3 {
  padding: 0 24px;
  transition: all .4s;
}

.downloadBtn {
  transition: all .4s;

}

.downloadBtn:hover {
  transform: translateY(-4px);
}

main .btn.btn-xl {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}

main .btn.btn-md {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}

main .btn.btn-sm {
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
  font-size: 16px;
}

.cursor {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 999px;
}

.cursor.not {
  -webkit-animation: 0.1s linear cursorDieAway forwards;
  animation: 0.1s linear cursorDieAway forwards;
}

.cursor.has {
  -webkit-animation: 0.1s linear cursorAppear forwards;
  animation: 0.1s linear cursorAppear forwards;
}

.complexBtn {
  justify-content: center;
  line-height: 1;
  height: 48px;
}

.complexBtn div:last-child p {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
}

.complexBtn div:last-child span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  line-height: 18px;
}

.complexBtn.btn-outline-primary div:last-child span {
  color: rgba(0, 0, 0, 0.6);
}

.complexBtn.btn-outline-primary:hover div:last-child span {
  color: rgba(255, 255, 255, 0.6);
}

@-webkit-keyframes cursorDieAway {
  0% {
    transform: scale(0.45);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes cursorDieAway {
  0% {
    transform: scale(0.45);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes cursorAppear {
  0% {
    transform: scale(0.45);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes cursorAppear {
  0% {
    transform: scale(0.45);
  }

  100% {
    transform: scale(1);
  }
}

@media (min-width: 390px) {
  .container {
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
  }
}

@media (min-width: 567px) {
  .container {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
  }
}

@media (min-width: 992px) {
  main h1 {
    font-size: 40px;
  }

  main h2,
  main .h2 {
    font-size: 32px;
  }

  main h3,
  main .h3 {
    font-size: 28px;
  }

  main h4,
  main .h4 {
    font-size: 24px;
  }

  main h5,
  main .h5 {
    font-size: 20px;
  }

  main .btn {
    min-width: auto;
  }

  main .btn .download-svg {
    width: 24px;
    height: 24px;
  }

  main .btn.btn3 {
    padding: 0 28px;
  }

  main .btn.color-btn {
    padding: 0 40px;
  }

  main .btn.btn-xl {
    height: 56px;
    line-height: 56px;
  }

  main .btn.btn-md {
    padding: 0 32px;
  }

  .complexBtn {
    height: 56px;
    text-align: start;
  }

  .complexBtn div:last-child p {
    font-size: 16px;
    line-height: 18px;
  }

  .ptb {
    padding: 130px 0;
  }

  .pb-no-t {
    padding-bottom: 130px;
  }

  .pt-no-b {
    padding-top: 130px;
  }

  .ptb-lg {
    padding: 96px 0;
  }

  .pb-no-t-lg {
    padding-bottom: 96px;
  }

  .pt-no-b-lg {
    padding-top: 96px;
  }

  .ptb-sm {
    padding: 72px 0;
  }

  .pb-no-t-sm {
    padding-bottom: 72px;
  }

  .pt-no-b-sm {
    padding-top: 72px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1272px;
  }
}

@media (min-width: 1440.02px) {
  main h1 {
    font-size: 56px;
  }

  main h2,
  main .h2 {
    font-size: 40px;
  }

  main h3,
  main .h3 {
    font-size: 36px;
  }

  main h4,
  main .h4 {
    font-size: 32px;
  }

  main h5,
  main .h5 {
    font-size: 24px;
  }

  main .fs-48 {
    font-size: 48px;
  }

  main .btn .download-svg {
    width: 32px;
    height: 32px;
  }

  main .btn.color-btn {
    padding: 0 48px;
    font-size: 20px;
  }

  main .btn.btn3 {
    padding: 0 32px;
    font-size: 20px;
  }

  main .btn.btn-xl {
    height: 64px;
    line-height: 64px;
  }

  main .btn.btn-md {
    height: 56px;
    line-height: 56px;
    padding: 0 40px;
  }

  .complexBtn {
    height: 64px;
  }

  .complexBtn div:last-child p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 1600px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1528px;
  }

  .ptb {
    padding: 160px 0;
  }

  .pb-no-t {
    padding-bottom: 160px;
  }

  .pt-no-b {
    padding-top: 160px;
  }

  .ptb-lg {
    padding: 120px 0;
  }

  .pb-no-t-lg {
    padding-bottom: 120px;
  }

  .pt-no-b-lg {
    padding-top: 120px;
  }

  .ptb-sm {
    padding: 96px 0;
  }

  .pb-no-t-sm {
    padding-bottom: 96px;
  }

  .pt-no-b-sm {
    padding-top: 96px;
  }

  .ai-span {
    padding: 5px 15px 5px 7px;
    font-size: 14px;
  }

  .ai-span img {
    width: 25px;
    height: 22px;
  }
}

/*# sourceMappingURL=common.css.map */