@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap');


.account-balance.hh{
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.10);
	padding: 24px 32px;
	margin-top: 30px;
}

.title-b{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 133.333% */
	letter-spacing: -0.18px;
}

.account-balance.hh .sh-ballance{
    color: #000;
    font-family: "Host Grotesk";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
    background: initial !important;
    display: block;
    text-align: left;
    padding: 0;
	margin-top:10px;
}

.account-balance.hh .sh-ballance:before{
	display:none;
}

.price-descr{
	color: rgba(0, 0, 0, 0.50);
    font-family: "Host Grotesk";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    margin: 8px 0 0 0;
    display: block;
    width: 100%;
    text-align: center;
}

.up-balance__column .up-balance__title{
    color: #000;
    font-family: "Host Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.18px;
    margin: 32px 0 16px !important;
}

.account-balance.hh .sh-ballance:after{
    content: 'coins';
    margin: 0 0 0 10px;
    color: #000;
    font-family: "Host Grotesk";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    text-transform: initial;
}

.profile__container{
    padding: 30px 0 50px !important;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}


.account-block-avatar{
    width: 80px;
    height: 80px;
    border-radius: 80.769px;
    border: 3px solid #FBFBFB;
    overflow: hidden;
}

.account-block-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.checkbox__text a{
    text-decoration:initial;
    color:inherit;
    font-weight:700;
}

.form__buttons .form__button.button.button_big{
    border-radius: 5px;
    background: var(--Dark-Grey, #2E2E2E);
    height: 50px;
    padding: 0 30px 0 30px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Host Grotesk;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    text-transform: capitalize;
    margin: 0;
    width: calc(100% - 40px);
    display: block;
    text-decoration: initial;
}

.account-block.account-block-name{
    color: #FBFBFB;
    font-family: Host Grotesk;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-top:20px;
}

.account-block.account-block-email{
    color: #FBFBFB;
    font-family: Host Grotesk;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top:10px;
}

.woocommerce-MyAccount-content{
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.10);
	padding: 32px;
}

.menu-profile,
.account-user-blocks{
    display: grid !important;
    border-radius: 0px;
    padding:0;
    margin: 0 !important;
    margin-bottom: 20px !important;
}

.woocommerce-MyAccount-content .item-quiz__cognitive-functions{
    grid-template-columns: repeat(2, 1fr);
}

.woocommerce-MyAccount-content .profile__quizzes-item{
    display:none;
}

.menu-profile__link {
    color: #000;
    font-family: Host Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    text-transform: capitalize;
    border-radius: 0px;
    padding: 12px 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	border-left: 1px solid rgba(0, 0, 0, 0.10);
	border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.menu-profile__link:nth-child(1){
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.menu-profile__link.is-active,
.menu-profile__link:hover{
    background: rgba(0, 0, 0, 0.10) !important;
}

.profile-history__title {
    color: #000;
    font-family: Host Grotesk;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: normal !important;
    margin-bottom: 10px !important;
}


.profile-history__title + p{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	letter-spacing: -0.16px;
}

.profile-history__text.text p{
    color: #000;
    font-family: Host Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.profile-history__table{
    margin-top:20px;
}

.profile-history__table td{
    padding:10px !important;
}


.form-profile__fields .field__title{
    color: #000;
    font-family: Host Grotesk;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom:10px !important;
}

.profile__form.form-profile.edit-account{
    margin-top:20px;
}

.form-profile__fields input.input,
.select__title{
    border-radius: 8px !important;
    height: 48px;
    border: initial !important;
    background: #FFF !important;
    color: #000 !important;
    font-family: Host Grotesk !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    width: 100% !important;
    padding: 12px 14px;
}

.select__value{
    height:initial !important;
    padding:0 !important;
}

.select__options{
    background:#fff !important;
}

.page-id-3351 .profile-history__title.title-second,
.page-id-3351 .profile-history__title.title-second + p{
    display:none;
}

.woocommerce-MyAccount-content .item-quiz__cognitive-functions{
        margin-top: 20px;
    margin-bottom: 30px;
}

.menu-profile__link:before{
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 10px -6px 0px;
    background-size:100% !important;
    background-repeat:no-repeat;
}

.menu-profile__link.woocommerce-MyAccount-navigation-link--edit-account:before{
    background:url(/wp-content/uploads/2026/04/1.svg);
}

.menu-profile__link.woocommerce-MyAccount-navigation-link--cognitive_results:before{
    background:url(/wp-content/uploads/2026/04/2.svg);
}

.menu-profile__link.woocommerce-MyAccount-navigation-link--dashboard:before{
    background:url(/wp-content/uploads/2026/04/3.svg);
}

.menu-profile__link.woocommerce-MyAccount-navigation-link--downloads:before{
    background:url(/wp-content/uploads/2026/04/4.svg);
}

.menu-profile__link.woocommerce-MyAccount-navigation-link--orders:before{
    background:url(/wp-content/uploads/2026/04/5.svg);
}

.menu-profile__link.woocommerce-MyAccount-navigation-link--customer-logout:before{
    background:url(/wp-content/uploads/2026/04/6.svg);
}

/* .menu-profile__link:hover:before,
.menu-profile__link.is-active:before{
    filter:invert(1);
} */

.select__option{
font-family: Host Grotesk !important;
    font-size: 16px !important;
    color: #000 !important;
}

.select__option:hover{
    background:#416FEF !important;
    color:#fff !important;
}

#quantity_code{
    padding: 12px 14px;
    border-radius: 8px;
    background: #FFF;
    color: rgba(0, 0, 0, 0.50);
    font-family: "Host Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    height: 48px;
    line-height: 24px;
    border: initial;
    margin-top: 8px;
}

.up-balance-form__field.field span{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 12px; /* 100% */
	letter-spacing: 1.08px;
	text-transform: uppercase;
}

.profile__form {
    max-width: initial;
    width: 100%;
}

.woocommerce-MyAccount-content .profile__quizzes{
    padding:0 !important;
}

.woocommerce-MyAccount-content .profile__quizzes .cognitive-function{
    border-radius: 15px;
    border: 1px solid var(--Gray, rgba(46, 46, 46, 0.20));
    backdrop-filter: blur(22.5px);
    background: initial;
}

.woocommerce-MyAccount-content .profile__quizzes .cognitive-function .cognitive-function__chart::before{
    background:#fff;
}

.form-profile__fields {
    display: grid;
    gap: 20px !important;
}

.vh-delete-account-box{
	background: #F9F6EE;
	border: 1px solid rgba(0, 0, 0, 0.10);
}

.woocommerce .vh-delete-account-box .button {
    background-color: #000 !important;
    width: auto !important;
}

.vh-delete-account-box h3{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
}

.woocommerce button.button, .woocommerce a.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: initial;
    font-family: 'Host Grotesk';
    font-weight: 600;
    font-size: 16px;
    color: #fff !important;
    background-color: #1DBF72 !important;
    padding: 12px 16px;
    min-height: initial;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
    border-radius: 8px;
	width:100%;
}

.woocommerce-orders-table__cell-order-number a{
    color:#2E2E2E;
}

.profile-history__table th {
    padding: 10px !important;
    font-size: 16px !important;
    line-height: initial !important;
    text-transform: initial !important;
}

.cognitive-history__latest-head{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.cognitive-history__latest-head .cognitive-history__latest-title,
.cognitive-history__section .cognitive-history__section-title{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 133.333% */
	letter-spacing: -0.18px;
}

.cognitive-history__latest-head .cognitive-history__date{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	letter-spacing: -0.16px;
}

.cognitive-history__latest-items{
	display:block;
	gap:8px;
}

.cognitive-history__latest-items .cognitive-pill{
    border-radius: 46px;
    padding: 8px 16px;
    color: #FFF;
    text-align: left;
    font-family: "Host Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.18px;
    display: inline-block;
    margin: 0 calc(100% - 270px) 8px 0;
}

.cognitive-history__divider{
width: 100%;
    background: rgba(0, 0, 0, 0.10) !important;
    height: 1px;
    margin: 32px 0 !important;
    display: block;
}

.cognitive-history__button-wrap .cognitive-history__button{
	width:100%;
	padding: 12px 16px;
	height:40px;
	border-radius: 8px;
	background: #1DBF72;
	color: #FFF;
	text-align: center;
	font-family: "Host Grotesk";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px; /* 100% */
	letter-spacing: -0.16px;
}

.cognitive-history__section{
	margin-top:30px;
}

.cognitive-pill__label{
	margin-right:8px;
}

.cognitive-history__entry-date{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px; /* 133.333% */
	letter-spacing: -0.12px;
	margin:16px 0 8px;
}

.cognitive-history__pills .cognitive-pill{
	border-radius: 46px;
    padding: 6px 16px;
    color: #FFF;
    text-align: center;
    font-family: "Host Grotesk";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: -0.1px;
    display: inline-block;
    margin: 0 4px 4px 0;
}


.checkbox__label:before,
.select__value:after,
[class*=_icon-]::before {
  font-family: iconfont
}
/* [class*=_icon-close]::before {
  content: ""
}
[class*=_icon-check]::before {
  content: ""
}
[class*=_icon-arrow-right]::before {
  content: ""
} */
:root {
  --font-family: "Host Grotesk", sans-serif;
  --second-family: "Host Grotesk", sans-serif;
  --third-family: "Host Grotesk", sans-serif;
}
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 290px
}
body {
  color: #2a2a2a;
  line-height: 1;
  font-family: Host Grotesk;
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: Host Grotesk;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: rgba(0,0,0,0)
}
input,
textarea {
  width: 100%
}
label {
  display: inline-block
}
button,
option,
select {
  cursor: pointer
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
body {
  background-color: #F9F6EE;
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper>main {
  flex: 1 1 auto
}
.wrapper>* {
  min-width: 0
}
/* [class*=__container] {
  max-width: 85.375rem;
  margin: 0 auto;
  padding: 0 .9375rem
} */
.page {
  display: flex;
  flex-direction: column
}
.title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 241%;
  color: #2a2a2a;
  text-transform: uppercase
}
.title-second {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 140%;
  color: #2a2a2a;
  text-transform: uppercase
}
.text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 175%;
  color: #000
}
.label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f3ec;
  border-radius: 1rem;
  padding: .3125rem .625rem;
  font-weight: 700;
  font-size: .75rem;
  line-height: 120%;
  color: #2a2a2a
}
.label_purple {
  background-color: #8e8e8e;
  color: #fff
}
.quiz-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: .75rem;
  line-height: 200%;
  color: #2a2a2a;
  background-color: #e9eae0;
  border-radius: 1rem;
  padding: .125rem .625rem;
  min-height: 1.8125rem;
  transition: background-color .2s ease,color .2s ease
}
.quiz-tag._complete {
  background-color: #2a2a2a;
  color: #fafafa
}
.circle-icon {
  border-radius: 50%;
  background-color: #f8f9ec;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  aspect-ratio: 1
}
.circle-icon img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 2rem
}
.circle-icon_big img {
  max-width: 2.5rem
}
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: .875rem;
  color: #f6f3ec;
  background-color: #2a2a2a;
  border-radius: 1rem;
  padding: .3125rem 1.25rem;
  min-height: 2.5rem;
  transition: background-color .3s ease,border-color .3s ease,color .3s ease,opacity .3s ease
}
.button__img {
  flex: 0 0 1.5rem;
  aspect-ratio: 1
}
.button_big {
  font-weight: 500;
  font-size: 1rem;
  padding: .3125rem 1.5rem;
  min-height: 2.75rem
}
.button_line {
  border: 1px solid #b2b2b2;
  background-color: rgba(0,0,0,0);
  color: #312f37
}
.button_second {
  color: #f6f3ec;
  background-color: #2a2a2a
}
.button_grey {
  background-color: #e9eae0;
  color: #2a2a2a
}
.button_fw {
  width: 100%
}
input[type=email],
input[type=tel],
input[type=text],
textarea {
  -webkit-appearance: none;
  appearance: none
}
.input {
  width: 100%;
  display: block;
  caret-color: inherit;
  border-radius: 1rem;
  padding: 0 .875rem;
  min-height: 2.5rem;
  outline: .0625rem solid transparent;
  background-color: #f6f3ec;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  color: #2a2a2a
}
.input:focus {
  outline-color: #2a2a2a
}
.input::-webkit-input-placeholder {
  color: #2a2a2a
}
.input:-ms-input-placeholder {
  color: #2a2a2a
}
.input::-ms-input-placeholder {
  color: #2a2a2a
}
.input::placeholder {
  color: #2a2a2a
}
.input_big {
  min-height: 2.625rem
}
.input_second {
  outline: 0;
  border: .0625rem solid #737373;
  background-color: #f6f3ec;
  color: #2a2a2a
}
.input_second:focus {
  border-color: #000
}
.input_second::-webkit-input-placeholder {
  color: #2a2a2a
}
.input_second:-ms-input-placeholder {
  color: #2a2a2a
}
.input_second::-ms-input-placeholder {
  color: #2a2a2a
}
.input_second::placeholder {
  color: #2a2a2a
}
.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
  -ms-transition: opacity .3s;
  transition: opacity .3s
}
.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
  -ms-transition: opacity .3s;
  transition: opacity .3s
}
.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
  transition: opacity .3s
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
  opacity: 0
}
textarea.input {
  resize: none;
  padding: 0 0
}
.checkbox {
  position: relative
}
.checkbox:not(:last-child) {
  margin-bottom: em(5)
}
.checkbox__input {
  position: absolute;
/*   width: 0;
  height: 0; */
  opacity: 0
}
.checkbox__input:focus-visible+.checkbox__label:before {
  box-shadow: 0 0 5px #000
}
.checkbox__input:checked+.checkbox__label:before {
  background-color: #2a2a2a;
  color: #fff
}
.checkbox__label {
  cursor: pointer;
  display: inline-flex;
  position: relative;
  gap: .5rem
}
.checkbox__label:before {
	content:"✓";
	align-self: flex-start;
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin-top: .15625rem;
	flex: 0 0 1rem;
	width: 1rem;
	height: 1rem;
	font-size: .75rem;
	border-radius: .25rem;
	border: 1px solid #2a2a2a;
	color: transparent
}
.checkbox__text {
  align-self: center;
  font-weight: 400;
  font-size: .875rem;
  line-height: 150%;
  color: #737373
}
.options {
  display: flex;
  gap: .625rem
}
.options__item {
  position: relative;
  cursor: pointer
}
.options__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute
}
.options__input:focus-visible+.options__label:before {
  box-shadow: 0 0 5px #000
}
.options__input:checked+.options__label {
  background-color: #2a2a2a;
  color: #f8f9ec
}
.options__label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  padding: .3125rem 1.25rem;
  min-height: 2.5rem;
  background-color: #e9eae0;
  border-radius: 1rem;
  font-weight: 700;
  font-size: .875rem;
  line-height: 171%;
  color: #2a2a2a;
  transition: background-color .3s ease,color .3s ease
}
.amount-options {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.amount-options__item {
  flex: 0 1 5.25rem;
  position: relative;
  cursor: pointer
}
.amount-options__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute
}
.amount-options__input:focus-visible+.amount-options__label {
  outline: 1px solid #002eff;
  outline-offset: 4px
}
.amount-options__input:checked+.amount-options__label {
  background-color: #f65c5f;
  color: #f6f3ec
}
.amount-options__label {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding:16px 24px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    transition: background-color .3s ease, color .3s ease;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.10);
}

.amount-options__label .amount-options__text span{
	font-size: 14px;
	margin-left:5px;
}

.select {
  min-width: 0;
  position: relative
}
.select__body {
  position: relative
}
.select__title {
  color: inherit;
  text-align: left;
  border: .0625rem solid #737373;
  background-color: #f6f3ec;
  cursor: pointer;
  width: 100%;
  border-radius: 1rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  color: #2a2a2a
}
._select-open .select__title {
  border-radius: 1rem 1rem 0 0
}
._select-open.select--show-top .select__title {
  border-radius: 0 0 1rem 1rem
}
.select_dark .select__title {
  background-color: #f6f3ec;
  border-color: #f6f3ec;
  color: #2a2a2a
}
._select-active .select__title {
  color: #2a2a2a
}
._select-active.select_dark .select__title {
  color: #2a2a2a
}
._select-focus.select_dark .select__title {
  border-color: #f8f9ec
}
.select__value {
  display: flex;
  min-width: 0;
  align-items: center;
  height: 2.5rem;
  padding: 0 .9375rem;
  gap: .625rem
}
.select_big .select__value {
  min-height: 2.625rem
}
.select__value>* {
  flex: 1 1 auto
}
.select__value:after {
  content: "";
  align-self: stretch;
  flex: 0 0 1.25rem;
  font-size: 1.25rem;
  transition: all .3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
._select-open .select__value:after {
  -webkit-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1)
}
.select__value._select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: .5
}
.select__content {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select__text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select__input {
  width: 100%;
  background-color: rgba(0,0,0,0);
  height: 100%
}
.select__options {
  color: #2a2a2a;
  position: absolute;
  top: calc(100% - .0625rem);
  border-radius: 0 0 4px 4px;
  min-width: 100%;
  left: 0;
  background-color: #fff;
  border: .0625rem solid #737373;
  background-color: #f6f3ec;
  padding: 10px 0 5px 0
}
.select_dark .select__options {
  background-color: #f6f3ec;
  border-color: #f8f9ec
}
.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 12.5rem
}
.select__option {
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 6px 15px;
  color: inherit;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  color: #000
}
.select_dark .select__option {
  color: #2a2a2a
}
.select__row {
  display: inline-flex;
  align-items: center
}
.select--show-top .select__options {
  top: auto;
  bottom: calc(100% - .0625rem);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 5px 0 10px 0
}
._select-tag {
  cursor: pointer
}
.field__title {
  font-weight: 600;
  font-size: .875rem;
  line-height: 143%;
  color: #b2b2b2;
  margin-bottom: .375rem
}
.field_second .field__title {
  color: #2a2a2a
}
.field__title span {
  color: #ff1d1d;
  font-size: 110%
}
.valid-password {
  display: grid;
  gap: .75rem
}
.valid-password__line {
  font-size: .875rem;
  line-height: 142.9%;
  color: #737373;
  display: flex;
  align-items: center;
  gap: .5rem
}
.valid-password__line::before {
  align-self: flex-start;
  flex: 0 0 1.25rem;
  font-size: .75rem;
  color: #f8f9ec;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2a2a2a;
  border-radius: 50%
}
.form {
  border-radius: 16px;
  padding: 32px 40px;
  background-color: #f8f9ec
}
.form>* {
  margin-bottom: 1.5rem
}
.form__fields>* {
  margin-bottom: 1.375rem
}
.form__fields>:last-child {
  margin-bottom: 0
}
.form__field {
  width: 100%
}
.form__assets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .625rem
}
.form__assets-link {
  font-weight: 600;
  font-size: .875rem;
  line-height: 143%;
  color: #2a2a2a
}
.form__assets-link:hover {
  text-decoration: underline
}
.form__text {
  line-height: 138%;
  text-align: center;
  color: #312f37
}
.form__buttons {
  display: grid;
  justify-items: center
}
.form__buttons>* {
  margin-bottom: 1rem
}
.form__buttons>*+.form__button-back {
  margin-top: 1rem
}
.form__buttons>:last-child {
  margin-bottom: 0
}
.form__button {
  width: 100%
}
.form__button-back {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: .875rem;
  line-height: 143%;
  color: #312f37
}
.form__button-back:hover {
  text-decoration: underline
}
.form>:last-child {
  margin-bottom: 0
}
.form-profile__fields {
  display: grid
}
.form-profile__field {
  width: 100%
}
.form-profile__field .field__title {
  margin-bottom: 1.25rem
}
.form-profile__buttons {
  display: flex;
  justify-content: flex-end;
  gap: .625rem
}
.form-profile__button {
  min-width: 7.1875rem
}
.form-profile__button:not(.button_second) {
  color: #2a2a2a;
  background-color: #f6f3ec
}
.up-balance-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
.up-balance-form__field {
  width: 100%
}
.up-balance-form__options {
  width: 100%
}
.up-balance-form__button {
  align-self: flex-end
}
.up-balance-form>:last-child {
  margin-bottom: 0;
  width: 100%
}
body::after {
  content: "";
  background-color: rgba(0,0,0,.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .8s ease 0s;
  pointer-events: none;
  z-index: 149
}
.popup-show body::after {
  opacity: 1
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility .8s ease 0s;
  visibility: hidden;
  pointer-events: none
}
.popup_show {
  z-index: 150;
  visibility: visible;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto
}
.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.popup__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.10);
  width: 100%;
  max-width: 54.625rem;
}
[class*=popup_quiz] .popup__content {
  min-height: 33.625rem
}
.lock .popup__content {
  visibility: visible
}
.popup__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}
.popup__close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 32px;
	height:32px;
	background:url(/wp-content/uploads/2026/04/close.svg);
	background-size:100%;
	
}
.popup__header {
  max-width: 38rem;
  display: flex;
  flex-direction: column;
  align-items: center
}
.popup__header>:last-child {
  margin-bottom: 0
}
.popup__title {
	color: #000;
	font-family: "Host Grotesk";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 100% */
	letter-spacing: -0.32px;
}
/* .popup__text {
	max-width: 550px;
}

.popup__text  p{
	color: #000;
	text-align: center;
	font-family: "Host Grotesk";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.16px;
} */

#start-cognitive-test-popup{
	border-radius: 8px;
	background: #1DBF72;
	padding: 12px 16px;
	height:40px;
	color: #FFF;
	text-align: center;
	font-family: "Host Grotesk";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px; /* 100% */
	letter-spacing: -0.16px;
	min-width:320px;
}


.popup__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem
}
.popup__button {
  min-width: 7.1875rem
}
.popup__quiz-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .625rem 1.25rem
}
.popup__quiz {
  width: 100%;
  max-width: 47rem
}
.quiz__header>:last-child {
  margin-bottom: 0
}
.quiz__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem 1.25rem
}
.quiz__steps {
  position: relative
}
.quiz__step {
  position: relative;
  display: none;
  flex-direction: column;
  align-items: center
}
.quiz__step:not(:last-child) {
  margin-bottom: 1.25rem
}
.quiz__step._show {
  display: flex
}
.quiz__step>:last-child {
  margin-bottom: 0
}
.quiz__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2rem;
  text-transform: capitalize;
  text-align: center;
  color: #2a2a2a;
  text-wrap: balance;
  max-width: 26.5625rem
}
.quiz__options {
  margin-top: 2.5rem
}
.quiz__error {
  position: absolute;
  width: 100%;
  top: calc(100% + .625rem);
  left: 0;
  text-align: center;
  line-height: 138%;
  text-align: center;
  color: red
}
.quiz>:last-child {
  margin-bottom: 0
}
.progress-quiz__line {
  height: .75rem;
  background-color: #e9eae0;
  border-radius: .25rem;
  display: flex
}
.progress-quiz__line:not(:last-child) {
  margin-bottom: 1.25rem
}
.progress-quiz__line span {
  display: inline-block;
  height: 100%;
  width: var(--progress-quiz);
  background: linear-gradient(90deg,#000 0,#9e9e9e 100%);
  border-radius: .25rem;
  transition: all .2s ease
}
.progress-quiz__counter {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  color: #737373
}
.progress-quiz__counter span::before {
  content: var(--progress-quiz-index, "1")
}
.control-quiz {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.control-quiz__button {
  pointer-events: all;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: .25rem .5rem;
  background-color: #e9eae0;
  border-radius: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .625rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 200%;
  color: #2a2a2a
}
.control-quiz__button::before {
  order: 1;
  font-size: 1.5rem;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease
}
.control-quiz__button span {
  display: none
}
.control-quiz__button_prev::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.control-quiz__button._last-step {
  padding-inline: .75rem
}
.control-quiz__button._last-step span {
  display: block
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ibg_top {
  -o-object-position: top;
  object-position: top
}
.ibg_bottom {
  -o-object-position: bottom;
  object-position: bottom
}
.ibg_left {
  -o-object-position: left;
  object-position: left
}
.ibg_right {
  -o-object-position: right;
  object-position: right
}
.ibg_contain {
  -o-object-fit: contain;
  object-fit: contain
}
.select__scroll {
  -webkit-overflow-scrolling: touch
}
.select__scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: .25rem
}
.select__scroll::-webkit-scrollbar-track {
  background: #d9d9d9;
  border-radius: .25rem
}
.select__scroll::-webkit-scrollbar-thumb {
  background: #6a6a6a;
  border-radius: .25rem
}
.select__scroll::-webkit-scrollbar-thumb:hover {
  background: #555
}
.profile-history__table,
.reward-balance__form {
  -webkit-overflow-scrolling: touch
}
.profile-history__table::-webkit-scrollbar,
.reward-balance__form::-webkit-scrollbar {
  -webkit-appearance: none;
  height: .25rem
}
.profile-history__table::-webkit-scrollbar-track,
.reward-balance__form::-webkit-scrollbar-track {
  border-radius: .25rem;
  background: #2a2a2a;
  margin: 0 .9375rem
}
.profile-history__table::-webkit-scrollbar-thumb,
.reward-balance__form::-webkit-scrollbar-thumb {
  background: #f8f9ec;
  border-radius: .25rem
}
.profile-history__table::-webkit-scrollbar-thumb:hover,
.reward-balance__form::-webkit-scrollbar-thumb:hover {
  background: #555
}


.auth{
    height:100vh;
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.auth__container{
    background: rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    padding: 32px !important;
    position: relative;
    width:600px;
}

.auth__title{
    color: #000;
    font-family: "Host Grotesk" !important;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal !important;
}

.auth__text.text,
.auth__assets-line,
.form__button-back{
    color: #000 !important;
    font-family: Host Grotesk !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    text-decoration:initial;
}

.checkbox__text a{
    text-decoration:underline;
}

.auth__assets-line{
    text-align:center;
}

.form__button-back{
    padding-top:20px;
}

.auth .return{
    width: 24px;
    height: 24px;
    background:url(/wp-content/uploads/2026/03/return.svg);
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    display:block;
    top:15px;
    right:15px;
}

#show-register,
#show-login{
    text-decoration:initial;
    font-weight: 600;
    color:#1DBF72;
}

.auth form{
    padding:0 !important;
    background:initial !important;
    margin: 20px 0 0 !important;
}

.auth form .field__title{
    color: #000;
    font-family: Host Grotesk;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.auth form input[type="text"],
.auth form input[type="password"],
.auth form input[type="email"]{
    border-radius: 8px;
    height: 48px;
    border: initial;
    background: #fff;
    color: #2E2E2E;
    font-family: Host Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding: 12px 14px;
}

.auth .form__field {
    display: block;
    margin-bottom:20px;
}

.auth form button,
.form__button.button.button_big{
    border-radius: 8px;
    background: #1DBF72;
    height: 40px;
    padding: 12px 30px 12px 30px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Host Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-transform: capitalize;
    margin: 0;
}

.auth .auth__assets{
    padding-top:10px;
}

.auth .checkbox__text{
    color: #000;
    font-family: Host Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.auth .form__assets-link{
    color: #000;
    text-align: right;
    font-family: Host Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration:initial;
}

.profile__container>:last-child {
  margin-bottom: 0
}
.profile__bottom-header>*,
.profile__header>* {
  max-width: 40.75rem
}
.profile__bottom-header .profile-header__title {
  max-width: 68.75rem
}
.profile__form {
  max-width: 43.6875rem;
  width: 100%
}
.profile__quizzes {
  display: flex;
  flex-direction: column;
  align-items: center
}
.profile__quizzes>:last-child {
  margin-bottom: 0
}
.profile__quizzes-item {
  width: 100%
}
.profile__empty {
  text-align: center;
  max-width: 40.75rem;
  margin: 0 auto
}
.profile__empty>:last-child {
  margin-bottom: 0
}
.profile-header {
  display: flex;
  flex-direction: column
}
.profile-header_center {
  align-items: center;
  text-align: center
}
.profile-header__menu {
  max-width: 56.25rem
}
.profile-header>:last-child {
  margin-bottom: 0
}
/*
.menu-profile {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem
}
 .menu-profile__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: .875rem;
  color: #2a2a2a;
  background-color: #f6f3ec;
  border-radius: 1.875rem;
  padding: .3125rem 1.25rem;
  min-height: 2.5rem;
  transition: background-color .3s ease,color .3s ease
}
.menu-profile__link._active {
  background-color: #f65c5f;
  color: #f8f9ec
} */
.item-quiz {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.875rem 2.5rem
}
.item-quiz__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem 1.875rem
}
.item-quiz__image {
  flex: 0 0 11.0625rem;
  aspect-ratio: 1;
  border-radius: 1rem;
  overflow: hidden
}
.item-quiz__content>:last-child {
  margin-bottom: 0
}
.item-quiz__wrapper {
  display: flex;
  flex-direction: column
}
.item-quiz__button {
  margin-left: auto
}
.item-quiz__cognitive-functions {
  display: grid;
  gap: 1.5rem
}
.item-quiz__games {
  display: grid;
  gap: 1.5rem
}
.quiz-not-completed {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.quiz-not-completed>* {
  margin-bottom: 2.5rem
}
.quiz-not-completed__title {
  max-width: 20.625rem;
  margin-bottom: 1.25rem;
  color: #000;
  text-transform: none
}
.quiz-not-completed__text {
  max-width: 21.875rem;
  color: #000
}
.quiz-not-completed__button {
  background-color: #f8f9ec;
  color: #000
}
.quiz-not-completed>:last-child {
  margin-bottom: 0
}
.cognitive-function {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #2a2a2a;
  border-radius: 1.875rem;
  padding: 2.5rem 1.25rem
}
.cognitive-function>* {
  margin-bottom: 1.25rem
}
.cognitive-function__icon {
  align-self: center;
  margin-bottom: 2.5rem
}
.cognitive-function__title {
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  text-transform: uppercase;
  letter-spacing: -.04em;
  color: #f8f9ec
}
.cognitive-function__text {
  color: #f8f9ec;
  line-height: 125%;
  text-align: center
}
.cognitive-function>:last-child {
  margin-bottom: 0
}
.item-game {
  display: flex;
  flex-direction: column
}
.item-game__image {
  border-radius: .75rem;
  overflow: hidden;
  aspect-ratio: 1
}
.item-game__image img {
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease
}
.item-game__content {
  padding: 0 .625rem;
  flex: 1;
  display: flex;
  flex-direction: column
}
.item-game__content>* {
  margin-bottom: 1.25rem
}
.item-game__content>:last-child {
  margin-bottom: 0
}
.item-game__title {
  line-height: 92%;
  letter-spacing: -.04em;
  text-transform: uppercase;
  transition: opacity .2s ease
}
.item-game__text {
  flex: 1;
  line-height: 106.3%;
  color: #737373
}
.item-game__labels {
  display: flex;
  flex-wrap: wrap;
  gap: .9375rem
}
.up-balance {
  display: block;
  gap: 2.5rem 1.875rem;
  grid-template-columns: repeat(2,1fr)
}
.up-balance__title {
  text-wrap: balance
}
.up-balance__body {
  display: grid
}
.up-balance__advantage {
  display: flex;
  align-items: flex-start
}
.up-balance__advantage-image {
  flex: 0 0 5.625rem;
  aspect-ratio: 1;
  border-radius: 1rem;
  overflow: hidden
}
.up-balance__advantage-content {
  flex: 1;
  font-weight: 700;
  line-height: 144%;
  color: #2a2a2a;
  background-color: #f6f3ec;
  display: flex;
  align-items: center;
  min-height: 5.625rem;
  border-radius: 1rem;
  padding: 1.5rem 2.5rem
}
.reward-balance>* {
  margin-bottom: 1.875rem
}
.reward-balance__field {
  display: block
}
.reward-balance__form table {
  width: 100%;
  border-collapse: collapse
}
.reward-balance__form th {
  border: 0;
  cursor: pointer;
  padding: 1.3125rem 1.25rem;
  font-weight: 600;
  font-size: .875rem;
  line-height: 129%;
  text-transform: uppercase;
  color: #2a2a2a;
  text-align: start
}
.reward-balance__form th:first-child {
  border-radius: 1rem 0 0 1rem
}
.reward-balance__form th:last-child {
  border-radius: 0 1rem 1rem 0
}
.reward-balance__form td {
  border: 0;
  padding: 1.3125rem 1.25rem;
  font-weight: 400;
  font-size: .875rem;
  line-height: 143%;
  color: #2a2a2a
}
.reward-balance__form tbody tr {
  border-bottom: 1px solid #b2b2b2
}
.reward-balance__form tbody tr:first-child {
  border-top: 1px solid #b2b2b2
}
.reward-balance>:last-child {
  margin-bottom: 0
}
.profile-history {
  display: block;
  justify-content: space-between;
  gap: 1.875rem
}
.profile-history__content>:last-child {
  margin-bottom: 0
}
.profile-history__title {
  text-transform: capitalize
}
.profile-history__table table {
  width: 100%;
  border-collapse: collapse
}
.profile-history__table th {
  border: 0;
  padding: .8125rem 2.5rem;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 129%;
  text-transform: uppercase;
  text-align: start
}
.profile-history__table td {
  border: 0;
  padding: 1.3125rem 2.5rem;
  font-weight: 400;
  font-size: .875rem;
  line-height: 143%
}
.profile-history__table tbody tr {
  border-bottom: 1px solid #b2b2b2
}
.profile-history__table tbody tr:first-child {
  border-top: 1px solid #b2b2b2
}
.status {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #a3ff9f;
  border-radius: 1rem;
  padding: .3125rem .625rem;
  min-height: 1.8125rem;
  font-weight: 700;
  font-size: .75rem;
  color: #2a2a2a
}
.status_red {
  background-color: #ffa3a3
}
@media (min-width:34.43625em) {
  .item-quiz__content {
    flex: 0 1 19.375rem
  }
}
@media (min-width:37.56125em) {
  .quiz__options {
    padding-inline: 2.5rem
  }
  .quiz__control {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
  }
}
@media (min-width:47.99875em) {
  .item-quiz__cognitive-functions {
    gap: 2.25rem;
    grid-template-columns: repeat(2,1fr)
  }
  .item-quiz__games {
    gap: 2.25rem;
    grid-template-columns: repeat(2,1fr)
  }
}
@media (min-width:61.99875em) {
  .item-quiz__body {
    flex: 0 1 34.1875rem
  }
  .item-quiz_full .item-quiz__body {
    flex: 1
  }
/*   .item-quiz__wrapper {
    flex: 0 0 49.5508982036%
  } */
  .profile-history__content {
    flex: 0 0 19.375rem
  }
  .profile-history__table {
    flex: 0 1 55rem
  }
}
@media (min-width:85.375em) {
  .title {
    font-size: 1.375rem
  }
  .title-second {
    font-size: 1.375rem
  }
  .form-profile__fields {
    gap: 2.5rem
  }
  .form-profile__fields:not(:last-child) {
    margin-bottom: 5rem
  }
  .up-balance-form>* {
    margin-bottom: 1.875rem
  }
  .popup__content {
    padding-block: 3.4375rem
  }
  .popup__content {
    padding-inline: 3.3125rem
  }
  .popup__header>* {
    margin-bottom: 2.5rem
  }
  .quiz>* {
    margin-bottom: 5rem
  }
/*   .quiz__header>* {
    margin-bottom: 2.5rem
  } */
  .quiz__step {
    gap: 2.5rem
  }
  .auth__container {
    padding-top: 5.625rem
  }
  .auth__container {
    padding-bottom: 5.625rem
  }
  .profile__container {
    padding-top: 7.1875rem
  }
  .profile__container {
    padding-bottom: 7.1875rem
  }
/*   .profile__container>* {
    margin-bottom: 5rem
  } */
/*   .profile__quizzes>* {
    margin-bottom: 5rem
  } */
  .profile__empty>* {
    margin-bottom: 2.1875rem
  }
  .profile-header>* {
    margin-bottom: 2.5rem
  }
  .profile-header__menu {
    margin-top: 2.5rem
  }
  .item-quiz_full .item-quiz__body {
    flex: 0 1 34.1875rem
  }
  .item-quiz__content>* {
    margin-bottom: 2.5rem
  }
/*   .item-quiz__wrapper {
    gap: 2.5rem
  } */
  .item-game__image:not(:last-child) {
    margin-bottom: 2.5rem
  }
  .up-balance__title:not(:last-child) {
    margin-bottom: 2.5rem
  }
  .up-balance__body {
    gap: 2.5rem
  }
  .up-balance__advantage {
    gap: 2rem
  }
  .up-balance__advantage-content {
    font-size: 1.125rem
  }
  .profile-history__content>* {
    margin-bottom: 2.1875rem
  }
}
@media (max-width:85.375em) {
  .profile__quizzes-item.item-quiz_full {
    max-width: 56.25rem
  }
  .item-quiz_full {
    flex-direction: column
  }
}
@media (max-width:61.99875em) {
  .popup__content {
    padding-inline: 1.5rem
  }
  .popup__close {
    top: .5625rem;
    right: .5625rem;
    left: auto
  }
  .profile__quizzes-item {
    max-width: 34.375rem
  }
  .profile__quizzes-item.item-quiz_full {
    max-width: 56.25rem
  }
  .item-quiz {
    flex-direction: column
  }
  .item-quiz__wrapper {
    width: 100%
  }
/*   .up-balance {
    display: flex;
    flex-direction: column-reverse
  } */
  .reward-balance__form {
    overflow-x: auto;
    margin-inline: -.9375rem;
    padding-inline: .9375rem;
    padding-bottom: .5rem
  }
  .reward-balance__form td {
    min-width: 11.875rem
  }
  .reward-balance__form td:last-child {
    min-width: 6.25rem
  }
  .profile-history {
    flex-direction: column
  }
  .profile-history__table {
    overflow-x: auto;
    margin-inline: -.9375rem;
    padding-inline: .9375rem;
    padding-bottom: .5rem
  }
  .profile-history__table td {
    min-width: 11.875rem
  }
  .profile-history__table td:last-child {
    min-width: 6.25rem
  }
}
@media (max-width:47.99875em) {
  .amount-options__item {
    flex: 0 1 5rem
  }
  .amount-options__label {
    min-height: 3.125rem
  }
  .popup__quiz-tags {
    gap: .625rem
  }
  .quiz__tags {
    gap: .625rem
  }
  .up-balance__advantage-content {
    padding: 1rem 1.5rem
  }
  .reward-balance__form th {
    padding-inline: 1.25rem
  }
  .reward-balance__form td {
    padding-inline: 1.25rem
  }
  .profile-history__table th {
    padding-inline: 1.25rem
  }
  .profile-history__table td {
    padding-inline: 1.25rem
  }
}
@media (max-width:34.43625em) {
  .item-quiz__body {
    flex-direction: column
  }
}
@media (max-width:18.125em) {
  .title {
    font-size: 1.5rem
  }
  .title-second {
    font-size: 1.5rem
  }
  .form-profile__fields {
    gap: 1.875rem
  }
  .form-profile__fields:not(:last-child) {
    margin-bottom: 2.5rem
  }
  .up-balance-form>* {
    margin-bottom: 1.875rem
  }
  .popup__content {
    padding-block: 2.5rem
  }
  .popup__header>* {
    margin-bottom: 1.875rem
  }
  .quiz>* {
    margin-bottom: 2.75rem
  }
/*   .quiz__header>* {
    margin-bottom: 1.875rem
  } */
  .quiz__step {
    gap: 1.5rem
  }
  .auth__container {
    padding-top: 2.8125rem
  }
  .auth__container {
    padding-bottom: 2.8125rem
  }
  .profile__container {
    padding-top: 2.8125rem
  }
  .profile__container {
    padding-bottom: 2.8125rem
  }
/*   .profile__container>* {
    margin-bottom: 3.75rem
  } */
  .profile__quizzes>* {
    margin-bottom: 3.75rem
  }
  .profile__empty>* {
    margin-bottom: 1.875rem
  }
  .profile-header>* {
    margin-bottom: 1.5rem
  }
  .profile-header__menu {
    margin-top: 2.25rem
  }
  .item-quiz__content>* {
    margin-bottom: 1.25rem
  }
  .item-quiz__wrapper {
    gap: 1.875rem
  }
  .item-game__image:not(:last-child) {
    margin-bottom: 1.5rem
  }
  .up-balance__title:not(:last-child) {
    margin-bottom: 2.5rem
  }
  .up-balance__body {
    gap: 1.875rem
  }
  .up-balance__advantage {
    gap: 1rem
  }
  .up-balance__advantage-content {
    font-size: 1rem
  }
  .profile-history__content>* {
    margin-bottom: 1.875rem
  }
}
@media (min-width:18.125em)and (max-width:85.375em) {
  .title {
    font-size: clamp(1.375rem ,1.5336895911rem + -.1858736059vw ,1.5rem)
  }
  .title-second {
    font-size: clamp(1.375rem ,1.5336895911rem + -.1858736059vw ,1.5rem)
  }
  .form-profile__fields {
    gap: clamp(1.875rem ,1.7065520446rem + .9293680297vw ,2.5rem)
  }
  .form-profile__fields:not(:last-child) {
    margin-bottom: clamp(2.5rem ,1.8262081784rem + 3.717472119vw ,5rem)
  }
  .up-balance-form>* {
    margin-bottom: clamp(1.875rem ,1.875rem + 0 ,1.875rem)
  }
  .popup__content {
    padding-block: clamp(2.5rem ,2.2473280669rem + 1.3940520446vw ,3.4375rem)
  }
  .popup__header>* {
    margin-bottom: clamp(1.875rem ,1.7065520446rem + .9293680297vw ,2.5rem)
  }
  .quiz>* {
    margin-bottom: clamp(2.75rem ,2.1435873606rem + 3.3457249071vw ,5rem)
  }
/*   .quiz__header>* {
    margin-bottom: clamp(1.875rem ,1.7065520446rem + .9293680297vw ,2.5rem)
  } */
  .quiz__step {
    gap: clamp(1.5rem ,1.2304832714rem + 1.4869888476vw ,2.5rem)
  }
  .auth__container {
    padding-top: clamp(2.8125rem ,2.0544842007rem + 4.1821561338vw ,5.625rem)
  }
  .auth__container {
    padding-bottom: clamp(2.8125rem ,2.0544842007rem + 4.1821561338vw ,5.625rem)
  }
  .profile__container {
    padding-top: clamp(2.8125rem ,1.6333643123rem + 6.5055762082vw ,7.1875rem)
  }
  .profile__container {
    padding-bottom: clamp(2.8125rem ,1.6333643123rem + 6.5055762082vw ,7.1875rem)
  }
/*   .profile__container>* {
    margin-bottom: clamp(3.75rem ,3.4131040892rem + 1.8587360595vw ,5rem)
  } */
/*   .profile__quizzes>* {
    margin-bottom: clamp(3.75rem ,3.4131040892rem + 1.8587360595vw ,5rem)
  } */
  .profile__empty>* {
    margin-bottom: clamp(1.875rem ,1.7907760223rem + .4646840149vw ,2.1875rem)
  }
  .profile-header>* {
    margin-bottom: clamp(1.5rem ,1.2304832714rem + 1.4869888476vw ,2.5rem)
  }
  .profile-header__menu {
    margin-top: clamp(2.25rem ,2.1826208178rem + .3717472119vw ,2.5rem)
  }
  .item-quiz__content>* {
    margin-bottom: clamp(1.25rem ,.9131040892rem + 1.8587360595vw ,2.5rem)
  }
  .item-quiz__wrapper {
    gap: clamp(1.875rem ,1.7065520446rem + .9293680297vw ,2.5rem)
  }
  .item-game__image:not(:last-child) {
    margin-bottom: clamp(1.5rem ,1.2304832714rem + 1.4869888476vw ,2.5rem)
  }
  .up-balance__title:not(:last-child) {
    margin-bottom: clamp(2.5rem ,2.5rem + 0 ,2.5rem)
  }
  .up-balance__body {
    gap: clamp(1.875rem ,1.7065520446rem + .9293680297vw ,2.5rem)
  }
  .up-balance__advantage {
    gap: clamp(1rem ,.7304832714rem + 1.4869888476vw ,2rem)
  }
  .up-balance__advantage-content {
    font-size: clamp(1rem ,.9663104089rem + .1858736059vw ,1.125rem)
  }
  .profile-history__content>* {
    margin-bottom: clamp(1.875rem ,1.7907760223rem + .4646840149vw ,2.1875rem)
  }
}
@media (min-width:61.99875em)and (max-width:85.375em) {
  .popup__content {
    padding-inline: clamp(1.5rem ,-3.30713264rem + 7.7535960644vw ,3.3125rem)
  }
}
@media (any-hover:hover) {
  .button:hover {
    opacity: .8
  }
  .button_line:hover {
    background-color: #2a2a2a;
    color: #f8f9ec;
    border-color: transparent;
    opacity: .8
  }
  .options__label:hover {
    background-color: #2a2a2a;
    color: #f8f9ec
  }
  .amount-options__label:hover {
    background-color: #000;
    color: #f6f3ec
  }
  .select__option:hover {
    background: #f65c5f;
    color: #f6f3ec
  }
  .select_dark .select__option:hover {
    background: #f65c5f;
    color: #f6f3ec
  }
  .popup__close:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .control-quiz__button:hover::before {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .control-quiz__button_prev:hover::before {
    -webkit-transform: scaleX(-1) scale(1.15);
    transform: scaleX(-1) scale(1.15)
  }
/*   .menu-profile__link:hover {
    background-color: #f65c5f;
    color: #f8f9ec
  } */
  .item-game__image:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  .item-game__title:hover {
    opacity: .7
  }
}



@media(max-width:800px){
	
	
	.quiz__header {
   		 margin-top: 30px;
	}
	
	.question-tabs{
		gap:10px !important;
	}
	
	.control-quiz{
		 margin-top: -30px;
	}
	
	.profile__container{
		grid-template-columns: 1fr;
	}
	
	.profile-history__title{
		font-size:24px;
		line-height:26px;
	}
	
	.profile-history__title + p{
		font-size: 14px;
		line-height: 18px;
	}
	
	.cognitive-history__latest-head .cognitive-history__latest-title, .cognitive-history__section .cognitive-history__section-title{
		font-size:18px;
		margin: 10px 0;
	}
	
	.cognitive-history__latest-head .cognitive-history__date{
		font-size:14px;
	}
	
	.amount-options{
		grid-template-columns: 1fr 1fr;
	}
	
	.account-balance.hh .sh-ballance{
		font-size:46px;
	}
	
	.account-balance.hh .sh-ballance:after {
		margin: 0 0 0 5px;
		font-size: 18px;
		line-height: 26px;
	}
	
	 .profile-history__table {
        width: calc(100vw - 80px);
    }
	
}