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

html body {
  background-color: #F9F6EE;
}
.account-menu .menu-item a {
  background: #2a2a2a !important;
}
.account-balance .sh-ballance {
  border-radius: 16px;
  padding: 12px 20px;
  background: #f6f3ec;
  color: #2a2a2a;
  font-family: "Host Grotesk";
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
  margin: 0;
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
  text-align: center;
	background:initial;
}
.account-balance .sh-ballance:before {
  background: url("/wp-content/uploads/2026/01/coins-st.svg");
  margin: 0;
}
input.input {
  width: 100%;
  display: block;
  caret-color: inherit;
  border-radius: 1rem;
  padding: 0 0.875rem;
  min-height: 2.5rem;
  outline: 0.0625rem solid transparent;
  background-color: #f6f3ec;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  color: #2a2a2a;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}
.woocommerce button.button,
.woocommerce a.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.875rem;
  color: #2a2a2a;
  background-color: #f6f3ec;
  border-radius: 1rem;
  padding: 0.3125rem 1.25rem;
  min-height: 2.5rem;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}
.woocommerce button.button_second,
.woocommerce a.button_second {
  background-color: #2a2a2a;
  color: #f6f3ec;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover {
  background-color: #2a2a2a;
  color: #f6f3ec;
}
.woocommerce button.button_second:hover,
.woocommerce a.button_second:hover {
  background-color: #2a2a2a;
  color: #f6f3ec;
}
.woocommerce .profile-history__table th,
.woocommerce .profile-history__table td {
  border: none !important;
  vertical-align: middle;
}
table tbody tr:hover > td,
table tbody tr:hover > th,
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: inherit;
}
.amount-options__label .amount-options__text {
  border: none;
  color: #000;
  background: transparent;
  font-weight: 700;
	padding:0;
}
.amount-options__label:hover .amount-options__text {
  color: #fff;
}
.up-balance-form__button-right {
  text-align: right;
  padding-top: 32px;
}
.up-balance-form .row-product-buy {
  margin-bottom: 0px;
}
.cognitive-function__title.title-second,
.cognitive-function__text.text {
  text-align: center;
  width: 100%;
}

/*customize additional css*/
.scroll .header-bg {
  backdrop-filter: blur(10px);
}

.pay-logo {
  display: flex;
  gap: 10px;
  margin: 5px 0 10px;
}

.pay-logo img {
  width: 50px;
}

.promo-code-section {
  display: flex;
  gap: 20px;
}

.msg-promo {
  color: red;
}

/*.promo-code-section button{
    border-radius: 8px !important;
    padding: 9px 18px !important;
    color: #7072AD !important;
    text-align: center;
    font-family: Host Grotesk !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal;
    margin: 0 auto !important;
    display: block !important;
    border: 1px solid #7072AD !important;
}

.promo-code-section button:hover,
.promo-code-section button:focus{
  background:#7072AD !important;
  color:#fff !important;
}*/

.no-game-results .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1449 {
  display: none !important;
}

/* .home.no-game-results .elementor-wc-products a,
.archive.no-game-results .acc-section-wp a {
  pointer-events: none;
} */

.acc-section-wp {
}

.order-again {
  display: none;
}

.woocommerce-view-order .woocommerce-table__line-item.order_item a {
  pointer-events: none;
  color: #000;
}

.woocommerce-view-order .woocommerce-table__line-item.order_item .product-quantity {
  display: none;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table
  .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total
  p {
  font-size: 0px;
  margin: 0 0 5px;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table
  .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total
  p
  .woocs_price_code {
  font-size: 16px;
}

.games-his table {
  text-align: left;
}

#content-checkout .shop_table thead,
#content-checkout .shop_table tbody,
#content-checkout .shop_table .cart-subtotal {
  display: none;
}

#quantity_code {
  text-align: center;
}

.games-his table td,
.woocommerce .games-his table th {
  padding: 4px 8px;
  vertical-align: middle;
}

.games-his table td {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.games-his table a {
  border-radius: 8px;
  border: 1px solid #d4cefc;
  background: #ededfc;
  mix-blend-mode: multiply;
  padding: 8px 20px;
  color: #3d348b;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0 5px 0px 0;
  display: inline-block;
}

.payment_box input {
  padding: 10px 14px !important;
  border-radius: 8px !important;
  border: 1px solid var(--light-lavender, #abacc9) !important;
  background: #fff !important;
  color: var(--light-violet, #65627c) !important;
  font-family: Host Grotesk !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal !important;
}

input[name="cardholder"],
input[name="pan"] {
  margin: 0 0 5px 0 !important;
}

input[name="expiry_month"],
input[name="expiry_year"] {
  width: calc(33% - 4px);
  margin: 0px 2.5px 0 0 !important;
}

input[name="cvv"] {
  width: 33%;
  margin: 0 0px 0 0 !important;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button {
  border-radius: 8px;
  border: 1px solid #d4cefc;
  background: #ededfc;
  mix-blend-mode: multiply;
  padding: 8px 20px;
  color: #3d348b;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0 5px 5px 0;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
  font-weight: bold;
  color: #3d348b;
}

.scroll .header-bg .elementor-heading-title,
.scroll .header-bg .menu-item a {
  color: #312f37 !important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--sumo-reward-points {
  display: none !important;
}

body.woocommerce-account .woocommerce-info {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  padding: 20px 0 10px;
  color: #7678ed;
}

body.woocommerce-account .woocommerce-info:before {
  display: none;
}

body.woocommerce-account.logged-in .woocommerce-info {
  display: none;
}

.products .product {
  filter: blur(5px);
  pointer-events: none;
}

.logged-in .products .product {
  filter: blur(0px);
  pointer-events: auto;
}

.dark-logo {
  display: none;
}
.scroll .dark-logo {
  display: block;
}

.scroll .white-logo {
  display: none;
}

#gamesection iframe {
  width: 1000px !important;
  height: 1000px !important;
	display:block;
	margin:0 auto;
}

.weak-areas-container {
  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;
  gap: 10px;
  margin-top: 30px;
}

.weak-areas-container .weak-area {
  border: 1px solid #d9d9f9;
  background: #f5f5fa;
  padding: 2px 8px;
  border-radius: 6px;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}

#sumo-points-container {
  padding: 20px;
  /* background: #2a2a2a; */
  border-radius: 18px;
  display: grid;
  width: 100%;
}

.game-info-s {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

#sumo-points-start-btn {
    font-family: "Host Grotesk", Sans-serif;
    font-weight: 700;
    font-size: 16px;
    border-radius: 8px;
    padding: 18px 40px;
    min-height: 40px;
    background-color: #1DBF72;
    color: #f8f9ec;
    margin: 30px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

@media (any-hover: hover) {
  #sumo-points-start-btn:hover {
    background-color: #2a2a2a;
  }
}

.row-game {
  font-family: "Host Grotesk", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #aaa;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.row-game span {
  font-size: 32px;
  font-weight: 600;
}

.product.post-481 {
  display: none;
}

.logged-in .login-btn,
.my-acc-btn {
  display: none !important;
}

.logged-in .my-acc-btn,
.login-btn {
  display: flex !important;
}

.sh-ballance {
  border-radius: 18px;
  padding: 8px 16px;
  background: #fff;
  display: inline-block;
  color: var(--dark-violet, #312f37);
  font-family: Host Grotesk;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin: 0 15px 0 0;
}

.sh-ballance:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(/wp-content/uploads/2025/06/coins-st.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 5px -5px 0;
}

.dd-container img,
.dd-desc,
.dd-pointer {
  display: none !important;
}

.dd-container label {
  color: #312f37;
  text-align: center;
  font-family: Host Grotesk;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.dd-select {
  border-radius: 18px !important;
  border: initial !important;
}

.woocommerce-currency-switcher-form .dd-selected {
  padding: 7px 16px !important;
  border-radius: 18px !important;
}

.dd-options {
  border-radius: 18px;
  margin-top: 2px !important;
  border: initial !important;
  box-shadow: initial !important;
}

.question-wrapper {
  display: none;
}
.question-wrapper.active {
  display: block;
}
.progress-bar-wrapper {
  background: #f3f4fc;
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 20px;
}
.progress-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #7678ed 0%, #b2b3ff 100%);
  width: 0%;
  transition: width 0.3s ease;
}

#gamesection {
  display: none !important;
}

.active-game-start #gamesection {
  display: block !important;
  margin-top: 30px;
}

.select-button-container {
  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;
  gap: 16px;
  margin-bottom: 20px;
}

.select-button-container label span {
  border-radius: 8px;
  background: #f5f5fa;
  padding: 12px 18px;
  box-shadow: 0px 0px 3px 1px #ccccf7;
  color: var(--dark-violet, #312f37);
  text-align: center;
  font-family: Host Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

input[type="radio"]:checked + span {
  background: #262466;
  color: #fff;
}

.select-button-container label input {
  position: absolute;
  visibility: hidden;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

#cognitive-intro img {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto;
}

#cognitive-intro h2 {
  color: var(--dark-violet, #312f37);
  text-align: center;
  font-family: Host Grotesk;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  display: block;
  margin: 32px auto 16px;
  width: 60%;
}

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

#start-cognitive-test {
  border-radius: 12px;
  border: 0.5px solid rgba(0, 0, 0, 0.32);
  background: #262466;
  box-shadow: 0px -20px 50px 0px rgba(0, 0, 0, 0.04) inset;
  padding: 18px 36px;
  color: #fff;
  text-align: center;
  font-family: Host Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: block;
  margin: 48px auto 0;
  width: 200px;
  cursor: pointer;
}

.leave {
  color: var(--light-violet, #65627c);
  text-align: center;
  font-family: Host Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: block;
  margin: 26px auto 0;
}

.question-tabs {
  display: flex;
  justify-content: space-around;
  margin-bottom: 16px;
}
.question-tab {
  border-radius: 6px;
  border: 1px solid #d9d9f9;
  background: #f5f5fa;
  mix-blend-mode: multiply;
  color: #9491af;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding: 2px 8px;
}
/* .question-tab.active {
  border-radius: 6px;
  border: 1px solid #c8e3c7;
  background: #f5faf6;
  color: #659f63;
}
 */
.question-group-name {
  color: var(--dark-violet, #312f37);
  text-align: center;
  font-family: Host Grotesk;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin: 20px 0 48px;
}

.question {
    color: #000;
    text-align: center;
    font-family: "Host Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.24px;
    margin: 0 auto 40px;
    width: 80%;
    display: block;
	max-width:540px;
}

.step {
    color: #000;
    font-family: "Host Grotesk";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    position:absolute;
}

.quiz__header{
	margin-top:70px;
}

.question-group-name.Attention:after,
.test-result-grid-r.attention_focus:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url(/wp-content/uploads/2025/06/att.svg);
  background-size: 100%;
  margin: 20px auto 0;
}

.question-group-name.Processing:after,
.test-result-grid-r.processing_speed:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url(/wp-content/uploads/2025/06/pr.svg);
  background-size: 100%;
  margin: 20px auto 0;
}

.question-group-name.Memory:after,
.test-result-grid-r.memory:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url(/wp-content/uploads/2025/06/pr.svg);
  background-size: 100%;
  margin: 20px auto 0;
}

.question-group-name.Problem-Solving:after,
.test-result-grid-r.problem_solving:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url(/wp-content/uploads/2025/06/pro.svg);
  background-size: 100%;
  margin: 20px auto 0;
}

.question-group-name.Cognitive:after,
.test-result-grid-r.cognitive_flexibility:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url(/wp-content/uploads/2025/06/cog.svg);
  background-size: 100%;
  margin: 20px auto 0;
}

.question-group-name.Executive:after,
.test-result-grid-r.executive_function:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url(/wp-content/uploads/2025/06/exe.svg);
  background-size: 100%;
  margin: 20px auto 0;
}

.test-result-grid-r:before {
  margin: 0 auto 20px !important;
}
/*
#result h3 {
  color: var(--dark-violet, #312f37);
  text-align: center;
  font-family: Host Grotesk;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin: 32px 0 16px;
} */

#result img {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto;
}

#result .button {
  border-radius: 12px;
  border: 0.5px solid rgba(0, 0, 0, 0.32);
  background: #262466;
  box-shadow: 0px -20px 50px 0px rgba(0, 0, 0, 0.04) inset;
  padding: 18px 36px;
  color: #fff;
  text-align: center;
  font-family: Host Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: block;
  margin: 48px auto 0;
  width: 280px;
  cursor: pointer;
}

#result p {
  color: var(--light-violet, #65627c);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0px auto 5px;
  width: 70%;
}

.customer_login-section {
  width: 100%;
  height: 100vh;
  padding: 80px 0;
  background: linear-gradient(0deg, rgba(191, 192, 255, 0.68) 0%, rgba(191, 192, 255, 0.68) 100%),
    url(/wp-content/uploads/2025/06/fef80795ee8ea2df1123b96d0c46399acd6320fd.png) lightgray 50% / cover no-repeat;
  min-height: 1000px;
}

.register-section,
.login-section {
  width: 360px;
  margin: 0 auto;
}

.register-section h2,
.login-section h2 {
  color: var(--dark-violet, #312f37);
  text-align: center;
  font-family: Host Grotesk;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  text-align: center;
  display: block;
  margin-top: 12px;
}

.login-section .woocommerce-form-row {
  width: 100% !important;
}

.register-section .descr,
.login-section .descr {
  color: var(--dark-violet, #312f37);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 12px;
}

.log-im {
  width: 100%;
}

.login-section form,
.register-section form {
  border-radius: 12px !important;
  background: #fff;
  padding: 32px 40px !important;
  margin: 32px 0 !important;
}

.login-section form .woocommerce-button,
.register-section form .woocommerce-button,
.login-section form .woocommerce-Button {
  border-radius: 8px;
  background: #7678ed;
  padding: 10px 24px;
  color: #fff;
  font-family: Host Grotesk;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.login-section form .woocommerce-Button {
  margin-top: 0px;
}

.login-section form label,
.register-section form label {
  color: var(--dark-violet, #312f37);
  font-family: Host Grotesk;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.login-section .woocommerce-form-row,
.register-section .woocommerce-form-row {
  padding: 0px !important;
  margin: 0 0 20px !important;
}

.login-section .woocommerce-Input,
.register-section .woocommerce-Input {
  padding: 10px 14px !important;
  border-radius: 8px !important;
  border: 1px solid var(--light-lavender, #abacc9) !important;
  background: #fff !important;
  color: var(--light-violet, #65627c) !important;
  font-family: Host Grotesk !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal !important;
}

.lost {
  color: var(--dark-violet, #312f37);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  float: right;
}

.woocommerce-form__label.woocommerce-form-login__rememberme {
  float: left;
  color: var(--light-violet, #65627c) !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}

.woocommerce-privacy-policy-text {
  display: none;
}

.reg-button,
.login-button {
  color: var(--light-violet, #65627c);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: block;
  margin-top: 32px;
  text-align: center;
}

.reg-button b,
.login-button b {
  color: var(--dark-violet, #312f37);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}
body.woocommerce-account .header-acc,
body.woocommerce-account .footer-acc {
  display: none !important;
}

body.woocommerce-account.logged-in .header-acc,
body.woocommerce-account.logged-in .footer-acc {
  display: block !important;
}

/*.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
    width: 100% !important;
    max-width: 1160px;
    display: block;
    float: initial;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
  margin:96px auto 0;
}
.woocommerce-account .woocommerce-MyAccount-content{
  margin: 20px auto 96px;
  padding:60px;
  border-radius: 16px;
  background: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  padding:0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
  display:inline-block;
  padding:0 14px 8px;
  color: var(--dark-violet, #312F37);
  font-family: Host Grotesk;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{
  color: #312F37;
}


.woocommerce-account .woocommerce-MyAccount-navigation ul  a{
  color: #65627C;
}*/

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address {
  display: none !important;
}

.test-row {
  padding-bottom: 48px;
  border-bottom: 1px solid #eaecf0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 64px;
}

.test-row-1 {
  border-right: 1px solid #eaecf0;
  padding-right: 20px;
}

.test-result-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}

.test-row h3 {
  color: var(--dark-violet, #312f37);
  font-family: Host Grotesk;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.test-row p,
.test-row li {
  color: var(--light-violet, #65627c);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.test-row ul {
  padding: 0 0 0 20px;
}

.test-row.section-2 {
  padding-top: 48px;
}

.section-2 .test-result-grid {
  gap: 32px;
}

div.product {
  background: none;
  overflow: hidden;
  filter: blur(0px);
}

.image-game {
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    border-radius: 4px;
}

.image-game a {
    display: block;
    height: 200px;
}

.image-game img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-game {
  padding: 14px 0 0 0;
}

.content-game h3 {
    color: #000;
    font-family: "Host Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 14px 0;
}

.content-game br,
.image-game br {
  display: none;
}

.content-game p {
  margin: 0;
  line-height: initial;
}

/*.test-result-grid-r h3{
  color: var(--dark-violet, #312F37);
  text-align: center;
  font-family: Host Grotesk;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}


.test-result-grid-r h4{
  color: var(--dark-violet, #312F37);
  text-align: center;
  font-family: Host Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}*/

.acc-btn,
.acc-btn:focus {
  padding: 12px 18px;
  border-radius: 8px;
  background: #7072ad;
  color: #fff;
  border: initial;
  text-align: center;
  font-family: Host Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  float: right;
}

.acc-btn:hover {
  background: #262466;
}

.att-box{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 1.08px;
	text-transform: uppercase;
}

.product-attribute:nth-child(1):before{
	content:'';
	display:none;
}

.product-attribute:before{
	content:' • ';
}

.content-game .price {
    color: #000 !important;
    font-family: "Host Grotesk";
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.18px;
    margin: 14px 0 !important;
    display: block;
}

.test-result-grid {
  margin-bottom: 40px;
}

.checkout-popup {
  display: none;
}

.popup-checkout .woocommerce-billing-fields__field-wrapper input {
  border: 1px solid #c7c7c7 !important;
  background-color: #02010100;
  color: #959595;
  border-radius: 11px 11px 11px 11px;
  padding: 13px 20px 13px 20px !important;
  font-size: 14px;
  border: none;
  font-weight: 400;
  line-height: 28px !important;
  font-family: "Host Grotesk", Sans-serif;
  height: auto !important;
}

.popup-checkout form .form-row {
  padding: 3px;
  margin: 0 0 25px !important;
}

.popup-checkout #order_review {
  border-radius: initial !important;
  background: initial !important;
  padding: 0px 0px !important;
}

.popup-checkout .col-1 {
  display: none !important;
}

.popup-checkout h3 {
  margin-top: 0;
  font-size: 30px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 42px !important;
  font-family: "Host Grotesk", Sans-serif;
}

.popup-checkout table th {
  font-family: "Host Grotesk", Sans-serif;
  font-size: 20px;
}

.added_to_cart {
  display: none !important;
}

.popup-checkout table.shop_table {
  border: initial !important;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 5px;
}

.popup-checkout table.shop_table tbody th,
.popup-checkout table.shop_table tfoot td,
.popup-checkout table.shop_table tfoot th {
  font-family: "Host Grotesk", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #69727d;
}

.popup-checkout .woocommerce-form-coupon-toggle,
.popup-checkout .sumo_available_points,
.popup-checkout .rs_complete_message_checkout {
  display: none;
}

.popup-checkout #payment input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.popup-checkout .woocommerce-checkout #payment {
  background: initial;
}

.popup-checkout #payment label {
  color: #000 !important;
}

.popup-checkout .woocommerce-privacy-policy-text p {
  font-weight: 400;
  font-size: 12px;
}

.popup-checkout .woocommerce-privacy-policy-text p a {
  color: #7a19f5;
}

.popup-checkout #place_order {
  font-family: "Host Grotesk", Sans-serif;
  font-size: 18px;
  font-weight: 600 !important;
  text-transform: uppercase;
  border-radius: 10px !important;
  padding: 18px;
  width: 100%;
  margin-top: 20px;
  background: #7072ad !important;
}

.popup-checkout .product-total {
  text-align: right;
}

.wrapper.popup-checkout .woocommerce {
  width: 100%;
  max-width: 740px;
  margin: 50px auto;
  background: #ededed;
  border-radius: 20px;
  padding: 30px;
}

.wrapper.popup-checkout .woocommerce .col2-set .col-1,
.wrapper.popup-checkout .woocommerce-page .col2-set .col-1 {
  width: 100%;
}

.close-checkout-popup {
  width: 50px;
  height: 50px;
  position: absolute;
  right: calc(50% - 450px);
  top: 50px;
  background: url(https://esim2.r-s.space/wp-content/uploads/2024/07/close-circle-outline.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  cursor: pointer;
}

.product-added-to-cart #content-checkout {
  position: fixed;
  z-index: 999;
  background: url(https://esim2.r-s.space/wp-content/uploads/2024/11/motion-blur-2-1-1.svg) #757575e0;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  background-size: 200px;
  background-position: center center;
  background-repeat: no-repeat;
}

/*.woocommerce-EditAccountForm.edit-account{
  max-width:670px;
  margin:0 auto 60px;
}*/

.woocommerce-EditAccountForm.edit-account .form-row-first,
.woocommerce-EditAccountForm.edit-account .form-row-last,
.woocommerce-EditAccountForm.edit-account .form-row-first,
.woocommerce-EditAccountForm.edit-account .form-row-last {
  width: 100% !important;
}

.woocommerce-EditAccountForm.edit-account fieldset {
  margin-top: 30px;
  border-radius: 10px;
  color: #312f37;
  border: initial;
  padding: 0;
  font-family: Host Grotesk;
}

.woocommerce-EditAccountForm.edit-account br {
  display: none;
}

input {
  border-radius: 8px;
  border: 1px solid #abacc9;
  padding: 10px 14px;
  color: #65627c;
  font-family: Host Grotesk;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.woocommerce-EditAccountForm.edit-account label {
  color: var(--dark-violet, #312f37);
  font-family: Host Grotesk;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

#account_display_name_description {
  font-size: 12px;
  font-family: Host Grotesk;
}

.woocommerce-EditAccountForm.edit-account .button {
  border-radius: 8px;
  background: #7072ad;
  padding: 12px 18px;
  color: #fff;
  text-align: center;
  font-family: Host Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  float: right;
  margin: 20px 0 20px;
}
#content-checkout + .rs_subscriptionoption,
#content-checkout + .rs_subscriptionoption + .my_rewards_title,
#content-checkout + .rs_subscriptionoption + .my_rewards_title + .my_reward_total,
#content-checkout + .rs_subscriptionoption + .my_rewards_title + .my_reward_total + p,
#content-checkout + .rs_subscriptionoption + .my_rewards_title + .my_reward_total + p + p,
#content-checkout + .rs_subscriptionoption + .my_rewards_title + .my_reward_total + p + .rs-my-reward-table-form {
  display: none;
}

.test-row.section-2 {
  border-bottom: 0;
}

.row-product-buy .title {
  color: #312f37;
  text-align: center;
  font-family: Host Grotesk;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  display: block;
}

.button-qty {
  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;
  gap: 12px;
}

.button-qty button {
  border-radius: 8px;
  border: 1px solid #d4cefc;
  background: #ededfc;
  mix-blend-mode: multiply;
  padding: 8px 20px;
  color: #3d348b;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.count-box-pr .price,
.amount-info {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #000;
  font-family: Host Grotesk;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  display: block;
}

.amount-info span {
  margin: 0 10px;
}

.count-box-pr .price br,
.count-box-pr .quantity p,
.count-box-pr .quantity br {
  display: none;
}

.test-row br {
  display: none;
}

.top-up-section {
  padding: 0;
  border: 0;
}

/*.row-product-buy .single_add_to_cart_button{
  border-radius: 8px !important;
  background: #7072AD !important;
  padding: 12px 18px !important;
  color:  #FFF !important;
  text-align: center;
  font-family: Host Grotesk !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal;
  margin:0 auto !important;
  display: block !important;
}*/

.row-product-buy .single_add_to_cart_button br {
  display: none;
}

.count-box-pr .quantity .qty {
  width: 100%;
  border-radius: 8px;
  padding: 10px 14px;
  border: 1px solid #abacc9;
  background: #fff;
  color: #65627c;
  font-family: Host Grotesk;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.woocommerce-info.sumo_reward_points_info_message.rs_cart_message {
  display: none !important;
}

.close-checkout-popup input {
  background: initial !important;
}

@media (max-width: 800px) {
	
	.account-balance .sh-ballance{
		padding: 0px;
		font-size: 12px;
		line-height: 20px;
	}
	
  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin: 0px auto 0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
    display: block;
    padding: 0 0 20px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li br {
    display: none;
  }

  /*.woocommerce-account .woocommerce-MyAccount-content {
    margin: 20px auto 30px;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    width: calc(100% - 40px) !important;
  }*/

  .test-row {
    padding-bottom: 20px;
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .button-qty {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .test-result-grid-r h3 {
    font-size: 14px;
  }

  .test-result-grid {
    gap: 15px;
  }

  .section-2 .test-result-grid {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .test-row-1 {
    border-right: initial;
    padding-right: 0px;
  }

  .woocommerce-MyAccount-navigation {
    padding: 30px 20px 20px;
  }

  .login-section img,
  .register-section img {
    width: 70%;
    margin: 0 auto;
    display: block;
  }

  .customer_login-section {
    padding: 30px 0;
    min-height: 800px;
  }

  #cognitive-intro h2 {
    font-size: 24px;
    margin: 32px auto 16px;
    width: 100%;
  }

  #cognitive-intro p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0px auto 10px;
    width: 100%;
  }

  .question {
    font-size: 16px;
  }

  .select-button-container {
    margin-bottom: 40px;
  }

  #result h3 {
    font-size: 24px;
  }

  #result p {
    font-size: 14px;
    margin: 0px auto 5px;
    width: 100%;
  }

  .select-button-container label span {
    font-size: 16px;
  }

  .question-tabs {
    display: grid;
    justify-content: space-around;
    margin-bottom: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
  }

  .question-group-name {
    font-size: 24px;
    margin: 20px 0 28px;
  }

  .weak-areas-container {
    display: grid;
  }

  .acc-btn,
  .acc-btn:focus,
  .woocommerce-EditAccountForm.edit-account .button,
  .row-product-buy .single_add_to_cart_button {
    width: 100%;
  }

  .game-info-s {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .close-checkout-popup {
    position: relative;
    right: initial;
    top: 50px;
  }

  .scroll .menu-item.current-menu-item a,
  .menu-item.current-menu-item a {
    width: 100%;
  }

  body.woocommerce-account .woocommerce-info {
    font-size: 12px;
    padding: 5px 0;
    border: initial;
  }

  #gamesection iframe {
    width: 380px !important;
    height: 380px !important;
  }

  #sumo-points-start-btn {
    font-size: 14px;
    padding: 12px 3px 12px 3px;
    width: 100%;
  }
}

.payment_box.payment_method_4g12hs {
  display: block !important;
}

.payment_method_4g12hs input {
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.home-products .product {
  /* border-radius: 30px;
  padding: 20px 20px 40px 20px;
  border: none;
  background: #2a2a2a;

  transition: background-color 0.25s ease; */
}

@media (any-hover: hover) {
  .home-products .product .image-game a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}

/* .home-products .product .image-game {
  width: 100%;
  height: auto;
  margin-bottom: 40px;

  border-radius: 0.75rem;
  overflow: hidden;
  aspect-ratio: 1;
}

 .home-products .product .image-game a {
  width: 100%;
  display: block;
  aspect-ratio: 268 / 200;
}

.home-products .product .image-game img {
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.home-products .product .content-game {
  padding: 0;
}
.home-products .product .content-game h3 {
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #2a2a2a;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .home-products .product .content-game h3:hover {
    color: #f65c5f;
  }
}

 */

.content-game-grid {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 10px 15px;
}
.content-game .product-short-description {
	color: #000;
	font-family: "Host Grotesk";
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px; 
	letter-spacing: -0.12px;
}

/*customize additional css*/

/* Cookie Banner */

.cky-consent-bar {
  background-color: #2a2a2a !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cky-btn-revisit-wrapper {
  background-color: #2a2a2a !important;
}

.cky-title,
.cky-notice-des {
  color: #f8f9ec !important;
}

.cky-btn {
  border: none !important;
  background-color: #f8f9ec !important;
  border-radius: 16px !important;
  padding: 4px 20px !important;
  min-height: 40px !important;

  display: flex;
  justify-content: center;
  align-items: center;

  font-family: Host Grotesk !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 171% !important;
  color: #2a2a2a !important;
}

@media (any-hover: hover) {
  .cky-btn:hover {
    background-color: #f65c5f !important;
    color: #f8f9ec !important;
    opacity: 1 !important;
  }
}
button.cky-show-desc-btn:not(:hover):not(:active) {
  color: #f8f9ec !important;
}
body .home-accordeon .e-n-accordion details {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 30px;
  position: relative;
  border-top: 1px solid #b2b2b2;
  align-items: start;
}
body .home-accordeon .e-n-accordion details .e-n-accordion-item-title-icon {
  position: absolute;
  top: 40px;
  right: 0;
}

@media (max-width: 768px) {
  body .home-accordeon .e-n-accordion details {
    grid-template-columns: 1fr;
    gap: 0;
  }
  body .home-accordeon .e-n-accordion details .e-n-accordion-item-title-icon {
    position: relative;
    top: 0;
    right: 0;
  }
}

/* Cookie Banner END */

/* Select Country */
.select__title {
  padding: 0;
}
.select__title:hover,
.select__title:focus {
  background-color: transparent;
}
.select__option {
  border: none;
}

form[name="checkout"] .select2-container .select2-dropdown,
form[name="checkout"] .select2-container .select2-selection,
.dialog-body .select2-container .select2-dropdown,
.dialog-body .select2-container .select2-selection {
  background-color: #f2f2ec;
  border-color: #f2f2ec;
}

form[name="checkout"] .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 18px 16px;
  border-radius: 16px;
}

input[name="clear_cart"] {
  border: none;
}