@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Carter+One&display=swap";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth
}

*, *:before, *:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: border-box;
  padding: 0;
  margin: 0
}

a {
  display: block;
  text-decoration: none;
  color: inherit;
  font: inherit
}

h1, h2, h3, h4, h5, p {
  margin: 0
}

img {
  display: block;
  max-width: 100%;
  height: auto
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

.btn {
  margin: 0;
  padding: 0;
  font: inherit;
  font-style: normal;
  color: inherit;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

.carouselButtonBlock button[data-v-51f776d4], .carouselButtonBlock a[data-v-51f776d4] {
  text-decoration: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  text-align: center;
  width: 100%
}

.numberInfo[data-v-51f776d4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  background-color: #fff;
  width: 245px;
  height: 27px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  border: 1px solid gray;
  position: relative;
  padding: 0 3px 0 10px;
  margin: 10px auto 0
}

.numberInfo .display[data-v-51f776d4] {
  background-color: transparent !important
}

.numberInfo .display button[data-v-51f776d4], .numberInfo .display a[data-v-51f776d4] {
  font-size: 16px;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 700;
  color: #a50f78;
  padding: 0
}

.numberInfo .tariffs[data-v-51f776d4] {
  background-color: #a50f78;
  font-size: 11px;
  color: #fff;
  position: relative;
  padding: 5px 5px 5px 20px
}

.numberInfo .tariffs p[data-v-51f776d4] {
  margin: 0
}

.numberInfo .tariffs[data-v-51f776d4]:after {
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 9px solid rgba(255, 255, 255, 0);
  border-left-color: #fff
}

.sms-button[data-v-efa36212] {
  text-decoration: none
}

.sms-button {
  display: flex;
  justify-content: center;
  align-items: center
}

.sms-button img {
  margin-right: 10px
}

.sms-fr img {
  display: block;
  margin: 0 auto;
  width: 100px
}

.reaction[data-v-e347b484] {
  position: absolute;
  bottom: -12px;
  right: 8px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #cfe0f0
}

.reaction__container[data-v-e347b484] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: grid;
  place-items: center
}

.reaction__container .reaction__dot[data-v-e347b484] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #797979;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  z-index: 0
}

.reaction__container img[data-v-e347b484] {
  width: 15px;
  height: 15px;
  z-index: 2;
  animation: toBottom-e347b484 1s
}

@keyframes toBottom-e347b484 {
  0% {
    transform: translate(0)
  }

  40% {
    transform: scale(1.5) translateY(-15px)
  }

  60% {
    transform: scale(1.5) translateY(-15px)
  }

  to {
    transform: scale(1) translate(0)
  }
}

.birthday-data-hu .select:nth-child(1) {
  order: 3
}

.birthday-data-hu .select:nth-child(2) {
  order: 2
}

.birthday-data-hu .select:nth-child(3) {
  order: 1
}

.call-window[data-v-dfda926d] {
  position: absolute;
  top: 1%;
  width: 100%;
  padding: 0 5px;
  z-index: 10000;
  opacity: 0;
  font-family: Roboto, serif
}

.call-window__avatar[data-v-dfda926d] {
  width: 56px;
  height: 56px;
  margin-right: 16px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden
}

.call-window__avatar img[data-v-dfda926d] {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.call-window .call-window-inner[data-v-dfda926d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
  margin: 0 auto;
  background: #4d4d4d;
  border-radius: 13px;
  width: 100%;
  padding: 24px 14px;
  animation: pulse-dfda926d 1.4s linear infinite
}

.call-window__left[data-v-dfda926d] {
  display: flex;
  align-items: center
}

.call-window__name[data-v-dfda926d] {
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: .4px;
  text-align: left;
  color: #fff
}

.call-window__top-text[data-v-dfda926d] {
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: .4px;
  text-align: left;
  color: #fff
}

.call-window__bottom-text[data-v-dfda926d] {
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: .4px;
  text-align: left;
  color: #ebebf599
}

.call-window__desc[data-v-dfda926d] {
  display: flex;
  flex-direction: column
}

.call-buttons[data-v-dfda926d] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.call-buttons__cansel[data-v-dfda926d] {
  margin-right: 14px
}

.btn[data-v-dfda926d] {
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer
}

.show-call-window[data-v-dfda926d] {
  animation: show-call-window-dfda926d .5s ease-in-out both
}

.slide-out[data-v-dfda926d] {
  animation: slide-out-dfda926d .3s ease-in-out both
}

@keyframes show-call-window-dfda926d {
  0% {
    transform: translateY(-100%);
    opacity: 0;
    filter: blur(5px)
  }

  50% {
    opacity: .3
  }

  to {
    transform: translateY(0);
    opacity: 1;
    filter: none
  }
}

@keyframes slide-out-dfda926d {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1
  }

  to {
    transform: translateY(5%) scale(.95);
    opacity: 0
  }
}

@keyframes pulse-dfda926d {
  0% {
    transform: scale(.98)
  }

  50% {
    transform: scale(1.02)
  }

  to {
    transform: scale(.98)
  }
}

input:checked+button {
  background: red
}

input.disabled, input:disabled {
  pointer-events: none;
  opacity: .25
}

.dot[data-v-33bb7f0b] {
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  margin-left: 3px;
  background: #1a1a1b;
  animation: vawe-33bb7f0b 1.3s linear infinite
}

.dot[data-v-33bb7f0b]:nth-child(2) {
  animation-delay: -1.1s
}

.dot[data-v-33bb7f0b]:nth-child(3) {
  animation-delay: -.9s
}

.rec[data-v-33bb7f0b] {
  width: 100%;
  display: flex;
  align-items: center
}

.rec p[data-v-33bb7f0b] {
  margin-right: 15px
}

.rec .pr_bt[data-v-33bb7f0b]:last-child {
  margin-right: 0
}

.rec .pr_bt[data-v-33bb7f0b] {
  margin-right: 3px;
  background: #dadada;
  animation: 1.1s linear 0s infinite activity__recording-audio-33bb7f0b;
  will-change: transform, opacity;
  height: 12px;
  width: 3px;
  border-radius: 1.5px;
  transform: scaleY(.45)
}

.rec .pr_bt[data-v-33bb7f0b]:nth-child(2) {
  animation-delay: .25s
}

.rec .pr_bt[data-v-33bb7f0b]:nth-child(3) {
  animation-delay: .5s
}

@keyframes activity__recording-audio-33bb7f0b {
  0%, to {
    opacity: .2;
    transform: scaleY(.45)
  }

  30% {
    opacity: 1;
    transform: scaleY(1)
  }
}

@keyframes vawe-33bb7f0b {
  0%, 60%, to {
    transform: initial
  }

  30% {
    transform: translateY(-7px)
  }
}

.container-cards[data-v-cf1a8de0] {
  perspective: 300px
}

.cards-wrap[data-v-cf1a8de0] {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden
}

.cards-wrap.min-h-230[data-v-cf1a8de0] {
  height: 230px
}

.cards[data-v-cf1a8de0] {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 35px auto 0;
  transform-style: preserve-3d;
  transform: rotateX(45deg)
}

.cards.is-done[data-v-cf1a8de0] {
  transform: rotateX(45deg) translateY(70px)
}

.card__img[data-v-cf1a8de0] {
  filter: brightness(100%);
  position: absolute;
  border-radius: 6px;
  box-shadow: 0 3px 3px #00000080;
  transition: all .3s ease, left .78s ease;
  top: 0;
  -webkit-user-select: none;
  user-select: none;
  left: auto;
  cursor: pointer
}

.card__img[data-v-cf1a8de0]:hover, .active[data-v-cf1a8de0] {
  top: -20px;
  filter: brightness(120%)
}

.empty[data-v-cf1a8de0] {
  display: flex;
  justify-content: center
}

.empty__item[data-v-cf1a8de0] {
  background: #247ca366;
  box-shadow: inset 0 3px 3px #0006;
  border-radius: 8px;
  min-width: 58px;
  min-height: 104px
}

.empty__item[data-v-cf1a8de0]:not(:last-child) {
  margin-right: 8.5px
}

.fade-enter-active[data-v-cf1a8de0], .fade-leave-active[data-v-cf1a8de0] {
  transition: opacity .5s
}

.fade-enter[data-v-cf1a8de0], .fade-leave-to[data-v-cf1a8de0] {
  opacity: 0
}

.hidden[data-v-cf1a8de0] {
  animation: hide-cf1a8de0 .5s linear;
  opacity: 0
}

@keyframes hide-cf1a8de0 {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes spinner-74b34113 {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes loader-fade-in-74b34113 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.loader[data-v-74b34113] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 100%;
  height: 100%;
  transform: translate(50%, -50%);
  border-radius: 15px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  animation: .4s loader-fade-in-74b34113
}

.spinner div[data-v-74b34113] {
  position: absolute;
  top: 0;
  left: 25.5px;
  animation: spinner-74b34113 linear 1s infinite;
  background: var(--b8c1f51a);
  width: 3px;
  height: 11px;
  border-radius: 1.5px/2.53px;
  transform-origin: 1.5px 23.5px
}

.spinner div[data-v-74b34113]:nth-child(1) {
  transform: rotate(0);
  animation-delay: -.9230769231s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(2) {
  transform: rotate(27.6923076923deg);
  animation-delay: -.8461538462s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(3) {
  transform: rotate(55.3846153846deg);
  animation-delay: -.7692307692s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(4) {
  transform: rotate(83.0769230769deg);
  animation-delay: -.6923076923s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(5) {
  transform: rotate(110.7692307692deg);
  animation-delay: -.6153846154s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(6) {
  transform: rotate(138.4615384615deg);
  animation-delay: -.5384615385s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(7) {
  transform: rotate(166.1538461538deg);
  animation-delay: -.4615384615s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(8) {
  transform: rotate(193.8461538462deg);
  animation-delay: -.3846153846s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(9) {
  transform: rotate(221.5384615385deg);
  animation-delay: -.3076923077s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(10) {
  transform: rotate(249.2307692308deg);
  animation-delay: -.2307692308s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(11) {
  transform: rotate(276.9230769231deg);
  animation-delay: -.1538461538s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(12) {
  transform: rotate(304.6153846154deg);
  animation-delay: -.0769230769s;
  background: var(--b8c1f51a)
}

.spinner div[data-v-74b34113]:nth-child(13) {
  transform: rotate(332.3076923077deg);
  animation-delay: 0s;
  background: var(--b8c1f51a)
}

.spinner[data-v-74b34113] {
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  margin: 13px auto;
  backface-visibility: hidden;
  transform-origin: 0 0;
  position: relative
}

ul[data-v-c6a2e796], ol[data-v-c6a2e796] {
  margin: 0;
  padding: 0;
  list-style: none
}

.progress-bar {
  display: flex;
  width: 100%;
  height: var(--553f29ee)
}

.progress-bar__item {
  flex-shrink: 1;
  width: 100%;
  background-color: var(--318dd8de);
  border-radius: var(--18b90e24);
  height: 100%
}

.progress-bar .active {
  background-color: var(--b7749984)
}

.calculatePage p[data-v-21cd56e3] {
  margin: 0;
  padding: 0
}

.calculatePage-progress__block[data-v-21cd56e3] {
  display: flex;
  width: 100%;
  height: var(--75a8cece);
  background: var(--0e5c71b1);
  border-radius: var(--53fd17f8)
}

.calculatePage-progress__block_line[data-v-21cd56e3] {
  height: var(--269f64ad);
  background: var(--401659c6);
  border-radius: var(--37754018)
}

.calculatePage-progress__index[data-v-21cd56e3] {
  text-align: center;
  display: block
}

.spinnerLoader[data-v-21cd56e3] {
  display: flex
}

.spinnerLoader svg circle[data-v-21cd56e3] {
  fill: transparent
}

.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--64ebaf42)
}

.header[data-v-973cd0d5] {
  width: 100%;
  display: flex
}

.header-menu-item[data-v-973cd0d5] {
  display: block;
  width: 36px;
  height: 6px;
  border-radius: 6px;
  background-color: var(--0f4f0cc9)
}

.header-menu-item[data-v-973cd0d5]:not(:last-child) {
  margin: 0 0 5px
}

@media (max-width: 380px) {
  .header-menu-item[data-v-973cd0d5] {
    height: 4px;
    width: 26px
  }
}

.like-btn[data-v-62d53bf6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: no-repeat;
  border: none;
  width: 30px;
  height: 36px;
  transition: color .2s;
  cursor: pointer
}

.like-btn .like-icon[data-v-62d53bf6] {
  width: 18px;
  height: 18px;
  margin-bottom: 4px;
  transition: fill .2s
}

.upper-price[data-v-96fe0782] {
  margin-bottom: 15px
}

.start {
  padding-top: 24px;
  padding-bottom: 24px
}

.start.v46.wrapper {
  display: flex;
  flex-direction: column;
  align-items: center
}

.start.v46 .start__title {
  order: 0;
  font-size: 26px
}

.start.v46 .start__img {
  order: 1;
  width: 80%;
  margin: 0 auto
}

.start.v46 .start__content {
  order: 3
}

.start.v46 .btn {
  order: 2;
  margin-bottom: 24px
}

.start.v46 .start-text__middle {
  font-size: 14px
}

.start__logo {
  margin: 0 auto 6px
}

.start__title {
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase
}

.start__content {
  margin-bottom: 24px
}

.start__img {
  margin: 0 auto
}

@media (max-height: 600px) {
  .start__img {
    width: 300px
  }
}

.start .start-text {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center
}

.start .start-text__top {
  display: block;
  margin-bottom: 8px;
  font-weight: 600
}

.start .start-text__middle {
  display: inline;
  margin-right: 5px
}

.start .start__under-btn {
  color: #fff;
  text-align: center;
  font-family: Poppins, system-ui;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 16px;
  opacity: .75
}

.start .start__under-btn.v18 {
  opacity: 0;
  animation: fadeIn 1s ease forwards;
  animation-delay: 10s
}

.start .start__under-btn.v36 {
  font-size: 16px
}

.start .start__under-btn.v42 {
  opacity: .5
}

@keyframes fadeIn {
  to {
    opacity: 1
  }
}

.dark__title {
  color: #fff
}

.dark .start-text {
  color: #c8d5e4
}

.dark .start-text__top {
  color: #e2e7ed
}

.light .start__title {
  font-family: Carter One, sans-serif;
  font-weight: 400;
  color: #153155
}

.light .start__content {
  padding: 16px;
  border-radius: 20px;
  background: #d5eff1;
  border: 1px solid #9ccdce
}

.light .start .start-text__top {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #264164
}

.light .start .start-text__middle {
  display: block;
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  color: #e2504f
}

.light .start .start-text__bottom {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #264164
}

.quiz {
  padding-top: 16px
}

.quiz-item {
  display: flex;
  flex-direction: column
}

.quiz-item .questionBlock--img {
  min-height: 100px;
  order: 3
}

.quiz-item .answers {
  display: grid;
  gap: 20px;
  justify-items: center;
  width: 100%
}

.quiz-item .answers .answer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 20px;
  border-radius: 15px
}

.quiz-item .answers .answer.active {
  animation: click .5s ease-in-out 0s 1 normal forwards running
}

.quiz-item_head {
  order: 2;
  display: flex;
  flex-direction: column
}

.quiz-item .quize-item_footer {
  order: 1
}

.quiz-item.digit .questionBlock--img>img {
  border-radius: 15px;
  background-color: #2e3972;
  padding: 4% 30%
}

.quiz-item.digit .answers {
  grid-template-columns: repeat(2, 1fr)
}

.quiz-item.digit .answers .answer {
  height: 64px
}

.quiz-item.digit .answers .answer p {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
  color: #fff
}

.quiz-item.digit.numbers .questionBlock--img>img {
  padding: 15% 10%
}

.quiz-item.image .answers {
  grid-template-columns: repeat(3, 1fr)
}

.quiz-item .question--text {
  order: 2;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  text-align: center
}

.quiz-item .question--img {
  margin: 0 auto 24px
}

.quiz-item .progress p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center
}

.quiz-item .progress .bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  width: 100%;
  height: 20px;
  border-radius: 6px;
  overflow: hidden
}

.quiz-item .progress .bar__legend {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  z-index: 2
}

.quiz-item .progress .bar-inner {
  height: 18px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.quiz-item .counter {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center
}

.quiz-block {
  order: 3
}

.dark .quiz-item .answers .answer {
  background: #2e3972;
  border: 1px solid #87b2fd
}

.dark .quiz-item .answers .answer.active {
  background-color: #233077
}

.dark .quiz-item .progress .bar {
  background-color: #2e3972;
  color: #fff
}

.dark .quiz-item .progress .bar-inner {
  background: #6ca91e
}

.dark .quiz-item.digit .questionBlock--img>img {
  background-color: #2e3972
}

.dark .quiz-item.digit .answers .answer p {
  color: #fff
}

.light .quiz-item .answers .answer {
  background: #e9f7f8;
  border: 1px solid #9ccdce
}

.light .quiz-item .answers .answer.active {
  background-color: #d5eff1
}

.light .quiz-item .progress .bar {
  background-color: #e9f7f8;
  color: #264164
}

.light .quiz-item .progress .bar-inner {
  background: #e2504f
}

.light .quiz-item.digit .questionBlock--img>img {
  background-color: #d5eff1;
  border: 1px solid #9ccdce
}

.light .quiz-item.digit .answers .answer p {
  color: #264164
}

@-webkit-keyframes click {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(.8)
  }

  to {
    transform: scale(1)
  }
}

@keyframes click {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(.8)
  }

  to {
    transform: scale(1)
  }
}

@keyframes beat {
  0%, 50%, to {
    transform: scale(1)
  }

  30%, 80% {
    transform: scale(.92, .95)
  }
}

.dark .calculate__title {
  color: #fff
}

.dark .calculate__text {
  color: #c8d4e4
}

.light .calculate__title {
  font-family: Carter One, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 46.2px;
  color: #153155
}

.light .calculate__text {
  color: #264164
}

.calculate {
  padding-top: 16px
}

.calculate .progress {
  display: flex;
  justify-content: center;
  margin-bottom: 16px
}

.calculate .loader-legend {
  font-weight: 700
}

.calculate__title {
  margin-bottom: 24px;
  font-size: 30px;
  font-weight: 800;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase
}

.calculate__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center
}

.custom-result__body {
  border-radius: 14px;
  background: #ffffffe6;
  padding: 28px 16px 16px;
  margin: 24px 0
}

.custom-result__body.isBigBtn.price-color-custom .sms-fr>p {
  color: #686868b3
}

.custom-result__body.isBigBtn .sms-button {
  flex-direction: column;
  padding: 14px 50px 0;
  background-color: #36be57 !important;
  box-shadow: 0 2px 24px #37be57;
  border-radius: 12px
}

.custom-result__body.isBigBtn .sms-button:before {
  display: none
}

.custom-result__body.isBigBtn .sms-button span {
  margin-top: 10px;
  color: #fff6;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-transform: capitalize
}

.custom-result__body.isBigBtn .sms-button>img {
  width: 60px;
  height: auto
}

.custom-result__body.isBigBtn .sms-fr p {
  font-size: 14px;
  color: #6868685d
}

.mt24 {
  margin-top: 24px
}

.mt24 .timer-block {
  margin-top: 0
}

.timer-block {
  display: flex;
  align-items: center;
  margin: 60px auto 12px;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  justify-content: center;
  text-align: center
}

.timer-block__text {
  margin-right: 5px
}

.timer-block__time {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50px
}

.timer-block.custom {
  border-radius: 12px;
  background: #6cadc9;
  padding: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: Montserrat, sans-serif;
  color: #fff;
  position: relative;
  margin-top: 0
}

.timer-block.custom.maxWidth:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  background: #6cadc9;
  border-radius: 12px;
  z-index: -1;
  width: 10000px;
  left: -100%
}

.timer-block.custom .timer-block__text {
  font-size: 18px;
  font-weight: 700
}

.timer-block.custom .timer-block__time {
  margin: 10px auto;
  max-width: 100%
}

.timer-block.custom .timer-block__time .time {
  border-radius: 6px;
  background: #32728e;
  width: 52px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 700
}

.timer-block.custom .timer-block__time .colon {
  display: block;
  width: fit-content;
  margin: 0 4px
}

.numberInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  background-color: #fff;
  width: 245px;
  height: 27px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  border: 1px solid gray;
  position: relative;
  padding: 0 3px 0 10px;
  margin: 10px auto 0
}

.numberInfo .display {
  background-color: transparent !important;
  font-size: 12px;
  color: #a50f78;
  text-wrap: nowrap;
  white-space: nowrap;
  margin-right: 3px
}

.numberInfo .tariffs {
  background-color: #a50f78;
  font-size: 10px;
  color: #fff;
  position: relative;
  text-align: center;
  padding: 5px 5px 5px 20px
}

.numberInfo .tariffs p {
  margin: 0
}

.numberInfo .tariffs:after {
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 9px solid rgba(255, 255, 255, 0);
  border-left-color: #fff
}

.result {
  padding-top: 16px;
  padding-bottom: 16px
}

.result__logo {
  max-width: 300px;
  margin: 0 auto 20px
}

.result__service-desc {
  margin-top: 20px;
  text-align: center
}

.result__preview-img {
  margin: 20px 0
}

.result__title {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase
}

.result__subtitle {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-align: center
}

.result .text-block {
  position: relative;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 20px
}

.result .text-block__img {
  position: absolute;
  top: -28px;
  left: 10px;
  width: 40px
}

.result .text-block__text {
  text-align: center
}

.result .text-block span {
  font-weight: 600
}

.result .timer-block {
  display: inline-block;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: center
}

.result .timer-block .timer {
  margin-left: 3px;
  display: inline-block;
  width: 55px
}

.result .sms-button, .result .button-call {
  width: 100%;
  padding: 15px;
  border-radius: 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  outline: none;
  text-transform: uppercase;
  animation: pulse 1.5s infinite;
  transition: all .5s ease
}

.result .call-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  padding-top: none
}

.result .call-button>img {
  margin-right: 10px
}

.result .sms-fr {
  order: 1;
  margin-top: 8px
}

.result .sms-fr>p {
  margin-bottom: 8px;
  text-align: center
}

.result .sms-fr .sms-price-text {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff21;
  animation: change-price-text-color .5s ease 5.5s forwards
}

@keyframes change-price-text-color {
  to {
    color: #fff
  }
}

.result .sms-fr .sms-price-text--grey {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  opacity: .75
}

.result .sms-fr img {
  display: block;
  margin: 0 auto;
  width: 100px
}

.result .btn-wrap {
  margin-bottom: 24px;
  width: 100%
}

.result .btn-wrap.custom .sms-button {
  padding-top: 22px;
  font-size: 24px;
  line-height: 15px;
  font-weight: 700
}

.result .btn-wrap.custom .sms-button span span {
  font-family: system-ui;
  font-size: 10px;
  font-weight: 100;
  opacity: .7;
  text-transform: none
}

.result .btn-wrap.custom .carouselButtonBlock .call-button {
  padding-top: 22px;
  font-size: 24px;
  line-height: 15px;
  font-weight: 700
}

.result .btn-wrap.custom .carouselButtonBlock .call-button span span {
  font-family: system-ui;
  font-size: 10px;
  font-weight: 100;
  opacity: .7;
  text-transform: none
}

.result .btn-wrap.custom .sms-fr p {
  font-size: 14px;
  max-width: none;
  color: #404d94;
  text-align: center;
  margin-bottom: 10px
}

.result .btn-wrap.custom.customV6 .sms-button {
  line-height: 20px
}

.result .btn-wrap.custom.customV6 span span {
  font-size: 16px;
  font-weight: 400;
  opacity: 1
}

.result .btn-wrap.custom.customV6 .carouselButtonBlock .call-button {
  line-height: 20px
}

.result .btn-wrap.custom.customV12 span span {
  font-size: 12px;
  font-weight: 400;
  opacity: 1
}

.result .btn-wrap.customSe .sms-button, .result .btn-wrap.customSe .call-button {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700
}

.result .btn-wrap.customSe .sms-button span span, .result .btn-wrap.customSe .call-button span span {
  font-family: system-ui;
  font-size: 16px;
  font-weight: 500;
  text-transform: none
}

.result .btn-wrap.customSe .sms-fr {
  color: #6975b4;
  text-align: center;
  font-family: Poppins, system-ui;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px
}

.result .btn-wrap.custom-order .sms-1, .result .btn-wrap.custom-order .sms-2, .result .btn-wrap.custom-order .sms-3 {
  display: flex;
  flex-direction: column
}

.result .btn-wrap.custom-order .sms-1 .sms-fr, .result .btn-wrap.custom-order .sms-2 .sms-fr, .result .btn-wrap.custom-order .sms-3 .sms-fr {
  order: 2
}

.result .btn-wrap.custom-order .sms-1 .number-info, .result .btn-wrap.custom-order .sms-2 .number-info, .result .btn-wrap.custom-order .sms-3 .number-info {
  order: 1
}

.result .btn-wrap .wrapper-sms-text {
  margin: 10px auto 0;
  text-align: center
}

.result .btn-wrap.isBigBtn.price-color-custom .sms-fr>p {
  color: #ffffffb3
}

.result .btn-wrap.isBigBtn .sms-button {
  flex-direction: column;
  padding: 14px 50px 0;
  background-color: #36be57 !important;
  box-shadow: 0 2px 24px #37be57;
  border-radius: 12px
}

.result .btn-wrap.isBigBtn .sms-button:before {
  display: none
}

.result .btn-wrap.isBigBtn .sms-button span {
  margin-top: 10px;
  color: #fff6;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-transform: capitalize
}

.result .btn-wrap.isBigBtn .sms-button>img {
  width: 60px;
  height: auto
}

.result .btn-wrap.isBigBtn .sms-fr p {
  font-size: 14px;
  color: #bbbbbb2f
}

.result .confidentiality {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 8px
}

.result .confidentiality__img {
  margin-right: 4px
}

.result .price, .result .call-price {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #fff;
  text-align: center
}

.result .comments .btn-wrap {
  margin-bottom: 8px
}

.result .comments-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center
}

.result .comments-counter {
  display: none
}

.result .comments-content .comment {
  position: relative;
  padding: 16px;
  background: #233077;
  border: 1px solid #87b2fd;
  border-radius: 20px;
  margin-bottom: 8px;
  min-width: 255px
}

.result .comments-content .comment .avatar {
  margin-bottom: 8px
}

.result .comments-content .comment .avatar img {
  border-radius: 50%;
  border: 1px solid #87b2fd;
  height: 44px;
  object-fit: cover;
  width: 44px
}

.result .comments-content .comment .content {
  width: 100%
}

.result .comments-content .comment .content .name {
  position: absolute;
  top: 16px;
  left: 68px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  color: #fff
}

.result .comments-content .comment .content .text span {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left
}

.result .comments-content .comment .content .rate {
  position: absolute;
  top: 42px;
  left: 68px
}

.result .comments-content .comment .content .data {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
  text-align: right;
  color: #fff
}

.result.resultV17 .result__title, .result.resultV19 .result__title, .result.resultV25 .result__title {
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 10px
}

.result.resultV17 .result__subtitle, .result.resultV19 .result__subtitle, .result.resultV25 .result__subtitle {
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px
}

.result.resultV17 .text-block, .result.resultV19 .text-block, .result.resultV25 .text-block {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px
}

.result.resultV17 .timer-block, .result.resultV19 .timer-block, .result.resultV25 .timer-block {
  margin-bottom: 20px
}

.result.resultV17 .timer-block__text, .result.resultV19 .timer-block__text, .result.resultV25 .timer-block__text {
  font-size: 22px
}

@media (max-height: 580px) {
  .result.resultV17 .result__title, .result.resultV19 .result__title, .result.resultV25 .result__title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0
  }

  .result.resultV17 .result__subtitle, .result.resultV19 .result__subtitle, .result.resultV25 .result__subtitle {
    font-size: 22px
  }

  .result.resultV17 .text-block, .result.resultV19 .text-block, .result.resultV25 .text-block {
    font-size: 18px;
    margin-bottom: 10px
  }

  .result.resultV17 .timer-block, .result.resultV19 .timer-block, .result.resultV25 .timer-block {
    margin-bottom: 10px
  }
}

.result.resultV25 .result__title {
  margin: 30px 0
}

.result.resultV25 .result__subtitle, .result.resultV25 .text-block {
  margin: 25px 0
}

.result.resultV25 .sms-1 .sms-fr {
  margin-top: 18px
}

@media (min-width: 375px) {
  .result.resultV25 .result__title {
    margin: 10px 0
  }
}

@media (min-width: 384px) {
  .result.resultV25 .result__title {
    margin: 55px 0
  }
}

@media (min-width: 390px) {
  .result.resultV25 .result__title {
    margin: 40px 0
  }
}

@media (min-width: 402px) {
  .result.resultV25 .result__subtitle {
    margin: 50px 0
  }
}

@media (min-width: 430px) {
  .result.resultV25 .result__title {
    margin: 75px 0
  }

  .result.resultV25 .result__subtitle {
    margin: 80px 0
  }
}

@media (min-width: 440px) {
  .result.resultV25 .result__title, .result.resultV25 .result__subtitle {
    margin: 85px 0
  }
}

.result.resultV27 .result__subtitle, .result.resultV27 .text-block, .result.resultV27 .timer-block {
  margin-bottom: 4px
}

.result.resultV27 .sms-1 .sms-fr p {
  opacity: 0;
  transition: opacity 1s ease-in;
  animation: showText 1s ease-in forwards;
  animation-delay: 20s
}

.result.resultV27 .custom-result__body {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px 16px
}

.result.resultV27 .custom-result__body.isBigBtn .sms-button span {
  margin-top: 0
}

.result.resultV19 .isBigBtn .sms-button span {
  font-size: 18px;
  line-height: 25px;
  color: #fff
}

.result.resultV19 .sms-fr p {
  color: #000
}

.result.resultV19 .btn-wrap.isBigBtn .sms-fr p {
  color: #fff
}

.result.resultV25 .isBigBtn .sms-button span, .result.resultV27 .isBigBtn .sms-button span {
  font-size: 18px;
  line-height: 25px;
  color: #fff
}

.result.resultV25 .sms-fr p, .result.resultV27 .sms-fr p, .result.resultV25 .btn-wrap.isBigBtn .sms-fr p, .result.resultV27 .btn-wrap.isBigBtn .sms-fr p {
  color: #a7a7a7
}

.result.resultV27 .btn-wrap.isBigBtn .sms-fr p {
  opacity: 0;
  transition: opacity 1s ease-in;
  animation: showText 1s ease-in forwards;
  animation-delay: 20s
}

@keyframes showText {
  to {
    opacity: 1
  }
}

.result.resultV36 .btn-wrap.customSe .sms-fr .sms-price-text--grey {
  font-size: 16px
}

.result.resultV37 .result__subtitle, .result.resultV38 .result__subtitle {
  color: #fff
}

.result.resultV37.result .btn-wrap.custom, .result.resultV38.result .btn-wrap.custom {
  margin-bottom: 0
}

.result.resultV37.result .btn-wrap.custom .sms-button, .result.resultV38.result .btn-wrap.custom .sms-button {
  padding: 16px 15px 15px;
  font-size: 17px
}

.result.resultV37.result .sms-fr .sms-price-text-v4, .result.resultV38.result .sms-fr .sms-price-text-v4 {
  font-size: 15px
}

.result.resultV38 {
  padding-top: 12px;
  padding-bottom: 8px
}

.result.resultV38 .result__logo-iq {
  margin: 0 auto 8px
}

.result.resultV38 .result__description {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  text-align: center
}

.result.resultV38 .result__subtitle {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px
}

.result.resultV38 .text-block {
  padding: 12px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 1.5
}

.result.resultV38 .text-block span {
  position: relative;
  padding-left: 18px;
  font-weight: 400;
  color: #fff
}

.result.resultV38 .text-block span:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0
}

.result.resultV42 .btn-wrap.customSe .sms-fr .sms-price-text--grey {
  opacity: .5
}

.resultV12, .resultV20, .resultV40, .resultV41, .resultV39, .resultV44 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%
}

.result-block__extraText {
  margin-bottom: 12px
}

.resultV39 .btn-wrap {
  position: relative
}

.resultV39 .sms-fr>p {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -25px;
  opacity: .2;
  font-size: 12px
}

.resultV23 .btn-wrap.isBigBtn .sms-fr p {
  color: #ffffff59
}

.resultV24 .btn-wrap.isBigBtn .sms-fr p, .dark .result__title {
  color: #fff
}

.dark .result__subtitle {
  color: #9cdd47
}

.dark .text-block {
  background: #2e3972;
  color: #fff
}

.dark .text-block span {
  color: #c964e1
}

.dark .timer-block {
  color: #fff
}

.dark .sms-button {
  background: #c964e1;
  box-shadow: 0 0 10px #c964e14d
}

@media (hover: hover) {
  .dark .sms-button:hover {
    background-color: #c14ddd
  }
}

.dark .sms-button:active {
  background-color: #c14ddd
}

.dark .carouselButtonBlock .button-call {
  background: #c964e1;
  box-shadow: 0 0 10px #c964e14d
}

@media (hover: hover) {
  .dark .carouselButtonBlock .button-call:hover {
    background-color: #c14ddd
  }
}

.dark .carouselButtonBlock .button-call:active {
  background-color: #c14ddd
}

.dark .comments-content .comment {
  background: #233077;
  border: 1px solid #87b2fd
}

.dark .comments-content .comment .avatar img {
  border: 1px solid #87b2fd
}

.dark .comments-content .comment .content .name, .dark .comments-content .comment .content .data {
  color: #fff
}

.light .result__title {
  font-family: Carter One, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #153155
}

.light .result__subtitle {
  color: #e2504f
}

.light .result .text-block {
  background: #d5eff1;
  color: #264164
}

.light .result .text-block__text {
  padding-left: 25px;
  padding-right: 25px
}

.light .result .text-block span {
  color: #e2504f
}

.light .result .timer-block {
  color: #2e82e4
}

.light .result .sms-button {
  background: #e2504f;
  border: 1px solid #b43635
}

@media (hover: hover) {
  .light .result .sms-button:hover {
    background-color: #c84544
  }
}

.light .result .sms-button:active {
  background-color: #c84544
}

.light .result .carouselButtonBlock .button-call {
  background: #e2504f;
  border: 1px solid #b43635
}

@media (hover: hover) {
  .light .result .carouselButtonBlock .button-call:hover {
    background-color: #c84544
  }
}

.light .result .carouselButtonBlock .button-call:active {
  background-color: #c84544
}

.light .result .comments-content .comment {
  background: #e9f7f8;
  border: 1px solid #9ccdce
}

.light .result .comments-content .comment .avatar img {
  border: 1px solid #9ccdce
}

.light .result .comments-content .comment .content .name, .light .result .comments-content .comment .content .data {
  color: #153155
}

.sms-wrapper {
  display: flex;
  flex-direction: column
}

.sms-wrapper-extra {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px
}

.result-block__blur {
  position: relative;
  border-radius: 24px;
  border: 2px solid #4df17a;
  padding: 34px 34px 28px;
  margin-bottom: 16px;
  min-width: 320px;
  max-width: 95vw;
  text-align: center;
  background: #101a48f0;
  box-shadow: 0 4px 32px #0000002e
}

.result-block__title {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: .5px;
  color: #fff
}

.result-block__row {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.result-block__label {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #fff
}

.result-block__result {
  border-radius: 8px;
  padding: 7px 22px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  color: transparent;
  text-shadow: 0 0 9px #fff, 0 0 14px #4df17a;
  background: #25316d;
  filter: blur(5px);
  -webkit-user-select: none;
  user-select: none
}

.instruction {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center
}

.instruction-price {
  font-weight: 400;
  font-size: 14px
}

@keyframes pulse {
  0% {
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

@-webkit-keyframes pulse {
  0% {
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

.locked-text {
  margin-bottom: 16px;
  text-align: center
}

.loader {
  z-index: 999
}

.action-button {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%
}

.action-button.v8 .sms-fr p {
  font-size: 15px;
  line-height: 20px;
  color: #818bbe
}

.action-button.v8 .sms-fr img {
  width: 74px
}

.result-v3 .result__logo {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin: 0 auto
}

.result-v3 .result__description {
  font-size: 10px;
  text-align: center
}

.result-v3 .steps .steps__title {
  font-size: 12px;
  text-transform: uppercase;
  color: #c964e1;
  margin-bottom: 3px
}

.result-v3 .steps .steps__progress {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 18px
}

.result-v3 .steps .steps__progress .steps__item {
  width: 100%;
  height: 8px;
  border-radius: 2px;
  background: #e9e9e9;
  position: relative;
  overflow: hidden
}

.result-v3 .steps .steps__progress .steps__item.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 100%;
  background-color: #c964e1;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.result-v3 .result__title {
  text-align: center;
  font-size: 26px;
  max-width: 400px;
  margin: 0 auto
}

.result-v3 .calculatePage {
  position: relative;
  padding-bottom: 30px
}

.result-v3 .calculatePage:after {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(data:image/png;base64,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);
  background-size: 30% 40%;
  background-repeat: no-repeat;
  background-position: center;
  animation: move 2s infinite;
  -webkit-user-select: none;
  user-select: none
}

.result-v3 .calculatePage .spinnerLoader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.result-v3 .result__progress {
  font-size: 36px;
  font-weight: 600;
  color: #c964e1;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 54%;
  transform: translate(-50%)
}

.result-v3 .result__instructions {
  margin-bottom: 18px
}

.result-v3 .result__instructions .result__instructions-item {
  margin: 0 auto 10px;
  max-width: 400px;
  font-size: 16px;
  font-weight: 400;
  text-align: center
}

.result-v3 .result__extra-test .sms-button {
  margin-bottom: 24px;
  font-size: 50px;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  color: #c964e1;
  background: none;
  box-shadow: none;
  animation: none
}

@media screen and (max-width: 400px) and (min-width: 375px) {
  .result-v3 .result__extra-test .sms-button {
    margin-bottom: 18px;
    font-size: 36px
  }
}

.result-v3 .action-button .sms-fr p {
  font-size: 13px;
  opacity: .7
}

.result-v3 .action-button .sms-button {
  margin: 0 auto;
  padding: 5px;
  width: 260px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-transform: initial
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s ease
}

@keyframes move {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(10px)
  }

  to {
    transform: translateY(0)
  }
}

.footer {
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  padding: 0 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 11px;
  line-height: 15px;
  color: gray
}

@media (max-width: 350px) {
  .footer {
    padding: 0 16px
  }
}

.footer p {
  padding: 0;
  margin: 0;
  text-align: center
}

.footer a {
  display: inline-block
}

.footer.v20 .copyright, .footer.v39 .copyright {
  font-size: 9px;
  opacity: .7
}

.footer.v20 .footer_second.static, .footer.v39 .footer_second.static {
  font-size: 11px;
  text-align: center
}

.footer.v37 a, .footer.v38 a, .footer.v46 a {
  text-decoration: underline;
  color: #2779f6 !important
}

.footer .footer_second {
  font-size: 9px
}

.customV44 .footer {
  margin-top: -12px;
  font-size: 12px;
  color: #fff
}

html, body {
  height: 100%
}

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

body.dark {
  background-color: #222d67;
  color: #e2e7ed
}

body.dark .primary-btn {
  background: #6ca91e;
  box-shadow: 0 8px 10px #262a2240
}

@media (hover: hover) {
  body.dark .primary-btn:hover {
    background-color: #5b9019
  }
}

body.dark .primary-btn:active {
  background-color: #5b9019
}

body.light {
  background-color: #c2e3e6;
  color: #153155
}

body.light:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(./background-BPm0lLdI.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1
}

body.light .primary-btn {
  background: #e2504f;
  border: 1px solid #b43635;
  color: #fff
}

@media (hover: hover) {
  body.light .primary-btn:hover {
    background-color: #c84544;
    border: 1px solid #b43635
  }
}

body.light .primary-btn:active {
  background-color: #c84544;
  border: 1px solid #b43635
}

body.blue {
  background: radial-gradient(ellipse at right top, #f9fffb 5%, #d8eaff);
  color: #222
}

body.blue .result .result__subtitle {
  color: #006fee
}

body.blue .result .text-block {
  border: 1px solid rgb(223, 223, 223);
  box-shadow: #0000 0 0, #0000 0 0, #00000008 0 0 15px, #00000014 0 2px 30px
}

body.blue .result .text-block .text-block__text span {
  color: #006fee
}

body.blue .result .sms-button, body.blue .result .button-call {
  background: #0d766e !important;
  color: #fff
}

body.grey {
  background: radial-gradient(ellipse at right top, #353a42 5%, #121620);
  color: #e3e6ec
}

body.grey .result .result__subtitle {
  color: #006fee
}

body.grey .result .text-block {
  border: 1px solid rgb(223, 223, 223);
  box-shadow: #0000 0 0, #0000 0 0, #00000008 0 0 15px, #00000014 0 2px 30px
}

body.grey .result .text-block .text-block__text span {
  color: #006fee
}

body.grey .result .sms-button, body.grey .result .button-call {
  background: #0d766e !important;
  color: #fff
}

body.light.withoutBgImage:before {
  background-image: none
}

#app {
  height: 100%;
  -webkit-tap-highlight-color: transparent
}

.app-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 320px;
  overflow-x: hidden
}

.app-wrapper.customV12, .app-wrapper.customV37, .app-wrapper.customV38 {
  height: min-content
}

.app-wrapper.customPadding {
  padding-bottom: 100px !important
}

@media screen and (min-width: 360px) {
  .app-wrapper.customPadding {
    padding-bottom: 115px !important
  }
}

@media screen and (min-width: 375px) {
  .app-wrapper.customPadding {
    padding-bottom: 100px !important
  }
}

@media screen and (min-width: 384px) {
  .app-wrapper.customPadding {
    padding-bottom: 85px !important
  }
}

@media screen and (min-width: 420px) {
  .app-wrapper.customPadding {
    padding-bottom: 70px !important
  }
}

@media screen and (min-width: 455px) {
  .app-wrapper.customPadding {
    padding-bottom: 55px !important
  }
}

@media screen and (min-width: 540px) {
  .app-wrapper.customPadding {
    padding-bottom: 40px !important
  }
}

.app-wrapper.customV39 {
  padding-bottom: 15px !important
}

.app-wrapper.customPaddingCopyright {
  padding-bottom: 90px !important
}

.app-wrapper.customPaddingFooter {
  padding-bottom: 140px !important
}

.container {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding-top: 50px;
  overflow-y: scroll
}

.container::-webkit-scrollbar {
  display: none
}

.wrapper {
  padding-left: 16px;
  padding-right: 16px
}

.primary-btn {
  width: 100%;
  padding: 13px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  border-radius: 15px;
  transition: all .5s ease;
  text-transform: uppercase
}

.bg__gradient {
  position: absolute;
  bottom: 0;
  min-width: 100%;
  height: 290px;
  background: linear-gradient(to top, #000 74%, #0000);
  z-index: -1
}

.customV44 {
  justify-content: center
}

.customV44 .container {
  height: min-content;
  min-height: min-content
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s ease-in-out
}

.fade-enter-from, .fade-leave-to {
  opacity: 0
}