/** Shopify CDN: Minification failed

Line 1818:30 Unexpected ")"
Line 1819:30 Unexpected ")"

**/
/* FOnt Family */
@font-face {
  font-family: "IAGGP";
  src: url("/cdn/shop/files/IAGGP-XL.woff?v=1756402616");
  font-weight: 200;
}

@font-face {
  font-family: "IAGGP";
  src: url("/cdn/shop/files/IAGGP-light.woff?v=1756402616");
  font-weight: 300;
}

@font-face {
  font-family: "IAGGP";
  src: url("/cdn/shop/files/IAGGP-normal.woff?v=1756402616");
  font-weight: 400;
}

@font-face {
  font-family: "IAGGP";
  src: url("/cdn/shop/files/IAGGP-medium.woff?v=1756402616");
  font-weight: 500;
}

@font-face {
  font-family: "IAGGP";
  src: url("/cdn/shop/files/IAGGP-Bold.woff?v=1756402602");
  font-weight: 600;
}

/* FOnt Family */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  letter-spacing: 0;
}

body {
  transition: all 0.15s cubic-bezier(0.76, 0, 0.24, 1);
  position: relative;
  color: #ffffff;
  font-family: "IAGGP";
  overflow: hidden;
  min-height: 100vh;
  width: 100%;
  z-index: 1;
  background: #02022b !important;
  background-color: #1B1B57 !important;
}

body::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    130deg,
    #02022b 34.78%,
    #2926e6ad 56.3%,
    #e6e6fd 114.05%
  );
  backdrop-filter: blur(124px);
  pointer-events: none;
  z-index: -1;
}

body:has(.test_round)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    #02022b 21.78%,
    #2926e670 56.3%,
    #e6e6fd00 87.05%
  );
  backdrop-filter: blur(124px);
  pointer-events: none;
  z-index: -1;
}

h2,
p,
.newsletter__subheading.rte {
  text-align: left;
}

section {
  scroll-behavior: smooth;
  width: 100%;
}

button {
  letter-spacing: 0;
  font-family: "IAGGP";
}

img {
  max-width: 100%;
  user-select: none;
  display: block;
}

a {
  text-decoration: none;
  display: block;
  color: #ffffff;
}

body p {
  margin: 0;
}

:is(h1, h2, h3, h4, h5, h6) {
  font-family: "IAGGP";
  letter-spacing: 0;
}

::selection {
  background-color: #110f8271;
  color: #ffffff;
}

body :is(.page-width, .container) {
  position: relative;
  width: 100%;
  max-width: 2500px !important;
  padding: 0 20px !important;
  scroll-behavior: smooth;
  margin: 0 auto;
}

.Heading_h1 {
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0px;
}

.mainBtns {
  display: block;
  max-width: max-content;
}

.mainBtns :is(a, button) {
  font-weight: 300;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0px;
  display: block;
  text-align: center;
  padding: 11px 11px;
  z-index: 1;
  transition: all 0.2s ease-out;
  border: 0.5px solid transparent;
  border-radius: 9px;
}

.mainBtns :is(a, button).whiteBtn {
  background-color: #fff;
  color: #110f82;
}

section {
  scroll-behavior: smooth;
}

.contact_Form button[type="submit"]:hover,
.mainBtns :is(a, button):hover {
  transition: all 0.2s ease-out;
  background: rgba(2, 2, 43, 0.48);
  border: 0.5px solid #49464f;
  box-shadow: 3px 5px 34.3px 0px #ffffff40;
  /* backdrop-filter: blur(10px); */
  color: #fff;
}

/* Aside Bar Css */

.MainWrapper {
  position: relative;
  display: flex;
  gap: 20px;
}

.asider_bars {
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 152px;
  padding: 56px 20px;
  background: #09090b;
  box-shadow: 28px 11px 67.4px 0px #2c29bd1f;
  height: 100%;
  min-height: 100vh;
}

.menu_side {
  position: relative;
  display: block;
  height: auto;
}

.menu_side ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 55px;
  height: 100%;
}

.menu_side ul li {
  position: relative;
  display: block;
}

.menu_side ul li:last-child {
  margin-top: auto;
}

.menu_side ul li a {
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0px;
  text-align: center;
  color: #6a6673;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  text-align: center;
}

.menu_side ul li a img {
  width: 26px;
  height: 100%;
  object-fit: contain;
  margin: auto;
}

.menu_side ul li a:hover,
main.MainWrapper:has(.Dashboad_area.dh-loader-active)
  .menu_side
  ul
  li
  a.isActive {
  color: #fff;
  transition: all 0.1s ease;
}

.menu_side ul li a:hover img,
main.MainWrapper:has(.Dashboad_area.dh-loader-active)
  .menu_side
  ul
  li
  a.isActive
  img {
  transition: all 0.1s ease;
  filter: brightness(100);
}

/* Aside Bar Css */
/* Header Css */
.main_header {
  position: relative;
  padding: 30px 0 10px;
  display: block;
  z-index: 9;
}

.header_rows {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  position: relative;
}

.header_rows h1 {
  text-transform: capitalize;
}

.mainHeading {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
}

body:has(.Dashboad_area.dh-loader-active) .mainHeading {
  opacity: 1;
}

.mainHeading span {
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  color: #fff;
  display: block;
}

.mainHeading :is(h1, h2, h3, h4, h5, h6) {
  color: #ffffff;
}

.Main_Sections {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 36px;
}

.user_porfile {
  position: relative;
  display: block;
}

.user_porfile .user-icon {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.user_porfile:has(.account-dropdown.active) .user-icon::after {
  transform: rotate(-180deg);
  transition: all 0.3s ease-out;
}

.user_porfile .user-icon::after {
  content: "";
  background-image: url(/cdn/shop/files/down-arrow.svg?v=1758032808);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  min-width: 24px;
  height: 24px;
  position: relative;
  transition: all 0.3s ease-out;
  display: block;
  filter: invert(1);
}

.user_porfile img {
  min-width: 41px;
  width: 41px;
  height: 41px;
  object-fit: contain;
  cursor: pointer;
}

/* Header Css */

.Dashboad_area {
  position: relative;
  overflow: auto;
  width: 100%;
  height: calc(100vh - 140px);
  min-height: calc(100vh - 140px);
  padding: 30px 0;
  opacity: 0.01;
}

.Cognitive_wrp {
  position: relative;
}

.Dashboad_area::-webkit-scrollbar {
  visibility: hidden;
  height: 0;
  width: 0;
}

.Cognitive_Row {
  position: relative;
  display: grid;
  grid-template-columns:1.65fr 1fr;
  gap: 10px;
  margin-top: 20px;
}

.Cognitive_Cards_Wrps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.Cognitive_Cards_Box {
  width: 100%;
  min-height: 170px;
  height: 170px;
  border-radius: 10px;
  padding: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(
      0deg,
      rgb(230 230 253 / 0%),
      rgb(230 230 253 / 0%)
    ),
    linear-gradient(125deg, #02022b 55.24%, #2926e62a 105.87%, #e6e6fd 150.98%);
  border: 0.5px solid #49464f;
}

.Cognitive_Cards_Box:hover {
  box-shadow: 3px 5px 34.3px 0px #ffffff40;
  transition: all 0.3s ease-in-out;
  backdrop-filter: blur(10px);
  cursor: pointer;
  transform: translateY(-4px);
}

.Cognitive_Cards_Box:hover .boxs_image {
  transform: scale(1.3) rotate(-30deg);
  transition: all 0.3s ease-in-out;
}

.icon_Bg_Box {
  background: #cbcbfb;
  width: 38px;
  min-width: 38px;
  height: 38px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon_Bg_Box img {
  width: 15px;
  height: 15px;
  object-fit: contain;
}

.content__Cards a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content__Cards span {
  font-weight: 300;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0px;
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
}

.content__Cards p {
  color: #d8d7da;
  font-weight: 300;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0px;
}

.boxs_image {
  position: absolute;
  top: -90px;
  right: -70px;
  width: auto;
  height: auto;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}

.boxs_image img {
  transition: all 0.3s ease-in-out;
  object-fit: contain;
}

/* Second Slider Box */
.custimzer_are {
  /* height: 430px; */
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.custimzer_are .mainHeading {
  display: none;
}

.Cognitive_Prd_slide {
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
  overflow: unset;
}

.Cognitive_Prd_slide .ProdutsOverly {
  height: 100%;
  overflow: unset;
}

.product__Box {
  position: relative;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 40px;
  align-items: center;
  padding: 48px 38px;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(
      0deg,
      rgb(230 230 253 / 0%),
      rgb(230 230 253 / 0%)
    ),
    linear-gradient(125deg, #02022b 55.24%, #2926e6 105.87%, #e6e6fd 150.98%);
  border: 0.5px solid #49464f;
}
.ProdutsOverly  .swiper-slide{
  height:auto;
}
.Product__image {
  position: relative;
  display: block;
  width: 180px;
  height: 250px;
  margin: auto;
}

.Product__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.Product__content {
  position: relative;
  display: block;
  max-width: 280px;
  width: 100%;
  margin-left: auto;
}

.Product__content {
  position: relative;
  display: block;
}

.Product__content span {
  font-weight: 300;
  font-size: 22.96px;
  line-height: 34.43px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 8px;
  display: block;
}

.Product__content p {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #b2afb6;
}

.Product__content .mainBtns {
  margin-top: 35px;
}

/* Second Slider Box */
.reports_area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  padding: 44px 0 0;
}

.reports-box {
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: end;
  background: #04044187;
  border: 0.5px solid #49464f;
  height: 100%;
  min-height: 238px;
  overflow: hidden;
}

.reports__content {
  padding: 25px;
  position: relative;
  display: block;
  max-width: 350px;
}

.reports__content span {
  font-weight: 600;
  font-size: 26px;
  line-height: 115.99999999999999%;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
}

.reports__content p {
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #d8d7da;
}

.reports__content .mainBtns {
  margin-top: 20px;
}

.reports__content .mainBtns a {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 600;
}

.reports-box .cards__img {
  width: auto;
  height: auto;
  position: absolute;
  right: -40px;
  bottom: -45px;
  pointer-events: none;
}

.reports-box .cards__img img {
  width: 100%;
  height: 250px;
  object-fit: contain;
}

/* Footer */
.main_footer {
  position: relative;
  display: block;
  padding: 20px 0;
}

.foot_Rows {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.foot_Rows .copyText p {
  font-weight: 300;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0px;
  color: #ffffff;
}

.policy__text ul {
  display: flex;
  align-items: center;
  gap: 16px;
}

.policy__text ul li a {
  font-weight: 300;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0px;
  color: #ffffff;
}

/* Footer */
.Prent {
  display: none;
}

.Prent.isActive {
  display: block;
  animation: Flash 0.6s ease-in-out forwards;
}

/* Flash Animation */
@keyframes Flash {
  0% {
    opacity: 0.2;
    transform: scale(0.98);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }

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

.cus_pag .swiper-pagination-bullet {
  background: #49464f;
  opacity: 1;
  width: 6px;
  min-width: 6px;
  height: 6px;
}

.cus_pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}

/* Report Page Styling */
.reports_Charts_ROWS {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

body:has(.dashboard-report-loader.remove-report-loader) .reports_Charts_ROWS {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.reports_Charts_BOX {
  padding: 16px 20px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(
      0deg,
      rgb(230 230 253 / 0%),
      rgb(230 230 253 / 0%)
    ),
    linear-gradient(125deg, #02022b 55.24%, #2926e62a 105.87%, #e6e6fd 150.98%);
  border: 0.5px solid #49464f;
  display: flex;
  flex-direction: column;
  gap: 27px;
}

.chrts_icon {
  display: flex;
  gap: 10px;
  align-items: center;
}

.chrts_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}

.chrts_icon .content__Cards a::after {
  display: none;
}

.chrts_icon .content__Cards span {
  font-size: 16px;
  line-height: 18px;
}

.charts_values {
  display: flex;
  align-items: center;
  gap: 4px;
}

.charts_values span::before {
  content: "";
  width: 17px;
  min-width: 17px;
  height: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/cdn/shop/files/arrow_upward_alt.svg?v=1756910272),
    #118d0578;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  border-radius: 100px;
}

.charts_values span {
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0;
  color: #118d05;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Report Page Styling */

/* Test Rounded Css */
.test_round {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto 0;
}

.counter_Test_wrp {
  max-width: 526px;
  margin: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 60px;
  text-align: center;
}

.counter_box {
  position: relative;
  display: flex;
  max-width: max-content;
  margin: auto;
  border-radius: 10px;
  padding: 15px 45px;
  text-align: center;
  background: #191941;
      position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    z-index:1;
        border: 0.7px solid #8d8a94;
}

.counter_box span {
  font-weight: 300;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: center;
  color: #ffffff;
}

.count__Values {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: relative;
  gap: 1px;
  place-content: center;
  place-items: center;
}

.counter__result_Wrp {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 33px;
  justify-content: center;
  align-items: center;
}

.counted_box {
  width: 70px;
  min-width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1.37px solid #b2afb6;
  background: #e6e6fd1a;
  border-radius: 8px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.counted_box:hover {
  transform: scale(1.02);
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 5px 34.3px 0px #ffffff40;
  backdrop-filter: blur(10px);
}

.counted_box.correct {
  border-color: #21df0e;
  color: #21df0e;
}

.result_Wrpr {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 516px;
}

.trpy_icon {
  width: 100px;
  height: 100px;
  margin: auto;
  text-align: center;
}

.trpy_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.performance_Wrper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.performance_Wrper label {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #ffffff;
}

.Completion_box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
      0deg,
      rgba(230, 230, 253, 0),
      rgba(230, 230, 253, 0)
    ),
    linear-gradient(
      118.97deg,
      #02022b85 73.65%,
      #2926e6 203.56%,
      #e6e6fd 319.3%
    );
  border: 0.5px solid #49464f;
  padding: 10px 0;
  border-radius: 10px;
  flex-direction: column;
  max-width: 382px;
  width: 100%;
    min-height: 70px;
  margin: auto;
}

.perofrm__info {
  width: 100%;
  margin: auto;
  display: flex;
  max-width: 382px;
  gap: 12px;
}

.Completion_box span {
    font-weight: 300;
    font-size: 8px;
    line-height: 8px;
  letter-spacing: 0px;
  text-align: center;
  color: #d8d7da;
  display: flex;
  align-items: center;
  gap: 4px;
}

.Completion_box span::before {
  content: "";
  position: relative;
  display: block;
     width: 7px;
    height: 7px;
  border-radius: 1px;
}

.Completion_box.success span::before {
  background: #21df0e;
}

.Completion_box.error span::before {
  background: #fd6262;
}

.Completion_box h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #ffffff;
  margin-top: 10px;
}

.perform_report {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
      0deg,
      rgba(230, 230, 253, 0),
      rgba(230, 230, 253, 0)
    ),
    linear-gradient(
      184.81deg,
      #02022b8e 44.76%,
      #2926e6 169.57%,
      #e6e6fd 280.76%
    );

  border: 0.5px solid #49464f;
  padding: 28px 20px;
  border-radius: 10px;
  flex-direction: column;
  max-width: 382px;
  width: 100%;
  gap: 30px;
  position: relative;
}

.perform_report .areaChart {
  width: 100% !important;
}

.Chart__Main {
  width: 100%;
  height: 100%;
}

.chrts_head label {
  color: #fcfcfc;
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0;
  opacity: 0.5;
}

.perform_report .charts_values span {
  font-weight: 300;
}

.result_Wrpr .mainBtns {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 11px;
  width: 100%;
  max-width: 80%;
}

.result_Wrpr .mainBtns a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0;
  border-radius: 4px;
}

.yur_perfom {
  width: 100%;
  max-width: 388px;
  margin: auto;
}

.yur_perfom label {
  font-weight: 200;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #fff;
  margin-bottom: 16px;
  display: block;
}

.yur_perfom ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.yur_perfom ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.yur_perfom ul li span {
  font-weight: 200;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
}

/* Test Rounded Css */

/* Step Page Styling */
.how_to_play_Wrps {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 100%;
  width: 100%;
}

.step_container {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 526px;
  width: 100%;
}

:is(
    .finder_step_Wraper,
    .krepCnt_step_Wraper,
    .step_Wraper,
    .FindAll_step_Wraper,
    .numbRecll_step_Wraper,
    .operMemo_step_Wraper
  ) {
  position: relative;
  display: block;
  width: 100%;
}

:is(
    .finder_Step_Page,
    .krepCnt_Step_Page,
    .Step_Page,
    .FindAll_Step_Page,
    .operMemo_Step_Page
  ) {
  display: flex;
  flex-direction: column;
}

.step_heading {
  text-align: center;
  padding-bottom: 30px;
}

.step_heading h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0px;
  color: #fff;
}

.step_hint {
  width: 300px;
  height: 300px;
  margin: auto;
  display: block;
}

.step_hint img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1000px;
  box-shadow: 13px 17px 19.3px 0px #211fbd;
}

.step__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 50px;
}

.step__content h3 {
  font-weight: 400;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
}

.step__content p {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #d8d7da;
}

.mainBtns :is(a, button).Large {
  height: 50px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0;
  color: #110f82;
}

.step_navigations {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}

.step_navigations .mainBtns {
  max-width: 100%;
  width: 100%;
}

.step_navigations .mainBtns a {
  width: 100%;
}

.step_navigations .mainBtns span {
  text-align: center;
  margin-top: 10px;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #fee9e9;
  display: block;
  cursor: pointer;
}

.progess_bar {
  display: flex;
  align-items: center;
  position: relative;
  gap: 7px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

.progess_bar .progres_prnt {
  background: #02022b3b;
  backdrop-filter: blur(10px);
  box-shadow: 0px 10px 25px 0px #00000033;
  width: 157px;
  height: 6px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.progess_bar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  background: white;
  /* white moving bar */
  width: 0%;
  transition: width 0.1s linear;
}

body:has(.test_round) .Dashboad_area {
  height: calc(100vh - 0px);
  min-height: calc(100vh - 0px);
  display: flex;
  flex-direction: column;
}

/* Step Page Styling */
.progress-container {
  position: absolute;
  width: 400px;
  height: 400px;
  right: 0;
  transition: all 0.2s ease-in-out;
  bottom: -160px;
}

.progress-container svg {
  transform: rotate(270deg);
  width: 400px;
  height: 400px;
}

.segment {
  stroke: white;
  stroke-width: 15;
  fill: none;
  opacity: 0.15;
  stroke-linecap: round;
}

.segment.active {
  opacity: 1;
}

.center-text {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.center-text h2 {
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
}

.center-text span {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: #ccc;
}

.reports-box:hover .progress-container {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}

.step1_area {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  flex-direction: column;
  gap: 80px;
}

/* seconds Counter */
.timer-container {
  position: relative;
  width: 250px;
  height: 250px;
}

.timer-container svg {
  transform: rotate(-90deg) scale(0.7);
  width: 100% !important;
  height: 100% !important;
}

.timer-container .time-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.timer-container .time-text .seconds {
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
}

.timer-container .time-text .label {
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  color: #9797f6;
}

.timer-container line {
  transition: stroke 0.4s ease, opacity 0.4s ease;
}

.timmeer_result {
  position: relative;
  display: block;
  width: 100%;
  max-width: 450px;
}

.timmeer_result input {
  outline: none;
  box-shadow: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 70px;
  background: #e6e6fd1a;
  border: 1.52px solid #49464f;
  backdrop-filter: blur(15px);
  border-radius: 6px;
  color: #fff;
  font-weight: 500;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  padding: 10px;
}

/* seconds Counter */

/* Recall Number */
.NumberRecall {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 80vh;
  flex-direction: column;
  gap: 50px;
  width: 100%;
  min-width: 304px;
  max-width: max-content;
  margin: auto;
}

.step_container:has(
    .numbRecll_Step_Page[style*="display: block;"]:nth-of-type(4)
  ) {
  max-width: 100%;
}

.recal_heading {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.recal_heading h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: 0;
  color: #fff;
}

.recal_heading p {
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #d8d7da;
}

.pin-container {
  display: flex;
  gap: 12px;
}

.pin-container .pin-box {
    width: 50px;
    min-width: 50px;
    height: 50px;
  background: #e6e6fd1a;
  border: 1px solid #49464f;
  backdrop-filter: blur(10px);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  position: relative;
  color: #fff;
}

.pin-container .active {
  border: 2px solid #8a90ff;
}

.pin-container .cursor {
  width: 2px;
  height: 20px;
  background: white;
  animation: blink 1s infinite;
  position: absolute;
}

@keyframes blink {
  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.pinCode .hidden-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pinCode {
  position: relative;
  display: block;
  width: 100%;
}

.pinCode .mainBtns {
  max-width: 100%;
  width: 100%;
  margin-top: 30px;
}

.pinCode .mainBtns button {
  width: 100%;
  max-width: 100%;
  cursor: pointer;
}

.pinCode .mainBtns button.clear {
  background: none;
  outline: none;
  border: none;
  font-weight: 300;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  text-decoration: underline;
}

.recall_Test_wrp {
  position: relative;
  max-width: 565px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.recall__req_Wrp {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top:100px;
}

.recall__req_Wrp input {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e6e6fd1a;
  border: 0.74px solid #d8d7da !important;
  border-radius: 8px;
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: center;
  color: #ffffff;
  outline: none !important;
}

.recall__Counted {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1px;
  width: 100%;
  position: relative;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

.recall_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 61px;
  height: 61px; */
  background: #e6e6fd1a;
  border: 0.74px solid #d8d7da;
  border-radius: 5px;
  font-weight: 300;
  width: 100%;
  height: 50px;
  font-size: 17px;
  line-height: 17px;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease-in-out;
}

button.recall_box.correct {
  border-color: #21df0e;
  color: #21df0e;
}

button.recall_box.wrong {
  border-color: #ff2634;
  color: #ff2634;
}
.step_container:has(
    .finder_step_Wraper .finder_Step_Page:nth-child(3)[style="display: block;"]
  ) {
  max-width: 450px;
}

/* Recall Number */

/* NEw Css Start */
.progess_bar .progres_prnt:not(:nth-child(1), :nth-child(2)) {
  display: none;
}

:is(
    .finder_step_Wraper,
    .krepCnt_step_Wraper,
    .step_Wraper,
    .FindAll_step_Wraper,
    .numbRecll_step_Wraper,
    .operMemo_step_Wraper
  ):has(
    :is(
        .finder_Step_Page,
        .krepCnt_Step_Page,
        .Step_Page,
        .FindAll_Step_Page,
        .numbRecll_Step_Page,
        .operMemo_Step_Page
      )[style="display: block;"]:nth-of-type(3),
    :is(
        .finder_Step_Page,
        .krepCnt_Step_Page,
        .Step_Page,
        .FindAll_Step_Page,
        .numbRecll_Step_Page,
        .operMemo_Step_Page
      )[style="display: block;"]:nth-of-type(3)
  )
  .step_navigations {
  display: none;
}

.back_btns {
  position: fixed;
  left: 30px;
  top: 30px;
  max-width: fit-content;
  cursor: pointer;
  height: fit-content;
  z-index: 1;
}

.back_btns span {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  border: 1.48px solid #4d4d4d;
  background: #123456;
  border-radius: 100px;
}

.back_btns span img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}

/* .how_to_play_Wrps:has(
    :is(
        .finder_step_Wraper,
        .krepCnt_step_Wraper,
        .step_Wraper,
        .FindAll_step_Wraper,
        .operMemo_step_Wraper
        .numbRecll_step_Wraper
      )
      :is(
        .finder_Step_Page,
        .krepCnt_Step_Page,
        .Step_Page,
        .FindAll_Step_Page,
        .numbRecll_Step_Page,.operMemo_Step_Page
      )[style="display: block;"]:nth-of-type(1)
  )
  .back_btns {
  display: none;
} */

.how_to_play_Wrps:has(
    :is(
        .finder_step_Wraper,
        .krepCnt_step_Wraper,
        .step_Wraper,
        .FindAll_step_Wraper,
        .operMemo_step_Wraper
      )
      :is(
        .finder_Step_Page,
        .krepCnt_Step_Page,
        .Step_Page,
        .FindAll_Step_Page,
        .operMemo_Step_Page
      )[style="display: block;"]:nth-of-type(4)
  )
  .back_btns {
  display: none;
}

.how_to_play_Wrps:has(
    :is(.numbRecll_Step_Page)[style="display: block;"]:nth-of-type(5)
  )
  .back_btns {
  display: none;
}

.how_to_play_Wrps:has(
    :is(.FindAll_step_Wraper, )
      :is(.FindAll_Step_Page, )[style="display: flex;"]:nth-of-type(4)
  )
  .back_btns {
  display: none;
}

:is(
    .finder_how-play,
    .krepCnt_how-play,
    .how-play,
    .FindAll_how-play,
    .numbRecll_how-play
  ).Hided {
  display: none !important;
}

.how_to_play_Wrps:has(
    :is(
        .finder_how-play,
        .krepCnt_how-play,
        .how-play,
        .FindAll_how-play,
        .numbRecll_how-play
      ).Hided
  )
  .step_navigations {
  display: none;
}

/* .how_to_play_Wrps:has(.how-play.Hided):has(
    :is(.finder_Step_Page,.krepCnt_Step_Page, .Step_Page,.FindAll_Step_Page)[style="display: block;"]:nth-of-type(3)
  )
  .back_btns {
  display: none;
} */
.how_to_play_Wrps:has(
    :is(
        .finder_how-play,
        .krepCnt_how-play,
        .how-play,
        .FindAll_how-play,
        .numbRecll_how-play
      ).Hided
  )
  .back_btns {
  display: none;
}

/* NEw Css Start */

/* Igintion App Template Global CSS Start */

body .utility-bar,
body sticky-header {
  display: none !important;
}

.speed-grid-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
  transition: all 0.3s;
  background-color: #02022b;
  top: 0;
  left: 0;
}

.timmeer_area.speed-grid-loader.remove-speed-grid {
  opacity: 0;
  pointer-events: none;
}

.speed-grid-loader span {
  font-weight: 500;
  font-size: 22.35px;
  line-height: 22.35px;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  margin-top: -20px;
}

button.counted_box.wrong {
  border-color: #ff2634;
  color: #ff2634;
}

.resulted_value {
  pointer-events: none;
}

/* Dasbboard Loader Start */
.dh-loader {
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 10px;
}

.dh-loader div {
  width: 8%;
  height: 24%;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 30%;
  opacity: 0;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  animation: fade458 1s linear infinite;
  display: block;
}

@keyframes fade458 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.25;
  }
}

.dh-loader .bar1 {
  transform: rotate(0deg) translate(0, -130%);
  animation-delay: 0s;
}

.dh-loader .bar2 {
  transform: rotate(30deg) translate(0, -130%);
  animation-delay: -1.1s;
}

.dh-loader .bar3 {
  transform: rotate(60deg) translate(0, -130%);
  animation-delay: -1s;
}

.dh-loader .bar4 {
  transform: rotate(90deg) translate(0, -130%);
  animation-delay: -0.9s;
}

.dh-loader .bar5 {
  transform: rotate(120deg) translate(0, -130%);
  animation-delay: -0.8s;
}

.dh-loader .bar6 {
  transform: rotate(150deg) translate(0, -130%);
  animation-delay: -0.7s;
}

.dh-loader .bar7 {
  transform: rotate(180deg) translate(0, -130%);
  animation-delay: -0.6s;
}

.dh-loader .bar8 {
  transform: rotate(210deg) translate(0, -130%);
  animation-delay: -0.5s;
}

.dh-loader .bar9 {
  transform: rotate(240deg) translate(0, -130%);
  animation-delay: -0.4s;
}

.dh-loader .bar10 {
  transform: rotate(270deg) translate(0, -130%);
  animation-delay: -0.3s;
}

.dh-loader .bar11 {
  transform: rotate(300deg) translate(0, -130%);
  animation-delay: -0.2s;
}

.dh-loader .bar12 {
  transform: rotate(330deg) translate(0, -130%);
  animation-delay: -0.1s;
}

:is(.dashboard-report-loader, .dashboard-loader) {
  display: grid;
  place-content: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  opacity: 1;
  pointer-events: none;
  transition: all 0.2s;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  margin: auto;
}

body:has(.Dashboad_area.dh-loader-active) :is(.dashboard-loader) {
  opacity: 0;
}

.Dashboad_area.dh-loader-active {
  opacity: 1;
}

.speed-grid-test :is(.dashboard-report-loader, .dashboard-loader) {
  width: 100%;
  height: 100%;
}

.remove-report-loader {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.reports_Charts_ROWS.server-not-reponsed {
  grid-template-columns: 1fr;
  place-items: center;
}

/* Dasbboard Loader End */

/* Igintion App Template Global CSS End */
/* New Cards Css */
.overview_wrp {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 44px;
}

.overView_Rows {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
}

.overView_BOX {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(
    118.97deg,
    #02022b 73.65%,
    #2926e6 203.56%,
    #e6e6fd 319.3%
  );
  padding: 22px 24px;
  border-radius: 10px;
  overflow: hidden;
  border: 0.5px solid #49464f;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  gap: 20px;
  display: flex;
}

.overView_BOX:hover {
  box-shadow: 3px 5px 34.3px #ffffff40;
  transition: all 0.3s ease-in-out;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
  transform: translateY(-4px);
}

.time_content,
.time_Foot {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.time_content p,
.time_Foot p {
  font-weight: 300;
  font-size: 14px;
  line-height: 161%;
  letter-spacing: 0px;
  color: #d8d7da;
  max-width: 400px;
}

.overView_BOX .content__Cards span {
  margin-bottom: 0;
}

.test__com {
  position: relative;
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.test__com > span {
  font-weight: 300;
  font-size: 14px;
  line-height: 161%;
  letter-spacing: 0px;
  color: #d8d7da;
}

.progress_com {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  height: 6px;
  background: #666666;
  transition: all 0.3s ease-in-out;
}

.progress_com > span {
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  width: 30%;
  display: block !important;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

.overView_BOX .icon_Bg_Box img {
  width: 17px;
  height: 17px;
}

/* New Cards Css */

.result-chart-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #02022b;
  border-radius: 10px;
  transition: all 0.3s;
  z-index: 1;
}

.result-chart-loader.result-loader-remove {
  opacity: 0;
  pointer-events: none;
}

.charts_note {
  display: flex;
  align-items: center;
  gap: 5px;
}

.charts_note::before {
  content: "";
  position: relative;
  display: block;
  background-image: url(/cdn/shop/files/information-line.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.charts_note span {
  font-weight: 300;
  font-size: 10px;
  line-height: 142%;
  letter-spacing: 0px;
  color: var(--Color-Grey-500, #8c97a7);
}

.carts_lists {
  position: relative;
  display: block;
}

.carts_lists ul {
  display: flex;
  align-items: center;
  gap: 4px 16px;
  flex-wrap: wrap;
}

.carts_lists ul li {
  font-weight: 300;
  font-size: 10px;
  line-height: 142%;
  letter-spacing: 0px;
  color: #8c97a7;
  display: flex;
  align-items: center;
  gap: 4px;
}

.carts_lists ul li::before {
  content: "";
  position: relative;
  display: block;
  width: 6.4px;
  min-width: 6.4px;
  height: 6.4px;
  background: #8b6dd3;
  border-radius: 1000px;
}

.speed_grid_report .carts_lists ul li:nth-child(1)::before {
  background: #8b6dd3;
}

.speed_grid_report .carts_lists ul li:nth-child(2)::before {
  background: #d5cdf0;
}

.target_finder_report .carts_lists ul li:nth-child(1)::before {
  background: #b09ee3;
}

.target_finder_report .carts_lists ul li:nth-child(2)::before {
  background: #8b6dd3;
}

.target_finder_report .carts_lists ul li:nth-child(3)::before {
  background: #6941b5;
}

.target_finder_report .carts_lists ul li:nth-child(4)::before {
  background: #abffaa;
}

.target_finder_report .carts_lists ul li:nth-child(5)::before {
  background: #fd6262;
}

.target_finder_report .carts_lists ul li:nth-child(6)::before {
  background: #d5cdf0;
}

.find_all_digits_report .carts_lists ul li:nth-child(1)::before {
  background: #abffaa;
}

.find_all_digits_report .carts_lists ul li:nth-child(2)::before {
  background: #8b6dd3;
}

.find_all_digits_report .carts_lists ul li:nth-child(3)::before {
  background: #6941b5;
}

.find_all_digits_report .carts_lists ul li:nth-child(4)::before {
  background: #abffaa;
}

.find_all_digits_report .carts_lists ul li:nth-child(5)::before {
  background: #fd6262;
}

.find_all_digits_report .carts_lists ul li:nth-child(6)::before {
  background: #2926e6;
}

.reports_Charts_ROWS.server-not-reponsed .reports_Charts_BOX {
  display: none;
}

.reports_Charts_ROWS.server-not-reponsed > span {
  display: block;
}

.reports_Charts_ROWS > span {
  font-weight: 300;
  font-size: 18px;
  line-height: 142%;
  letter-spacing: 0px;
  color: #fd6262;
  display: none;
}

.charts_values .progress-decrease,
.Step_Page .speed_grid_report .progress-increase {
  color: #9f0909;
}

.charts_values .progress-decrease::before {
  transform: rotate(180deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(4115%)
    hue-rotate(353deg) brightness(98%) contrast(105%);
}

.Step_Page .speed_grid_report .progress-increase::before {
  filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(4115%)
    hue-rotate(353deg) brightness(98%) contrast(105%);
}

/* New Quiz One Css */
.krepCnt_Step_Page .recall_Test_wrp {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.krepCount_Prnts {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 23px;
  padding-bottom: 50px;
  margin-top:100px;
}

.krepCount_Rows {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.plusses_Boxes {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.plusses_Boxes .plusx__Item {
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  border-radius: 3.89px;
  background: #e6e6fd1a;
  border: 0.7px solid #49464f;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  box-shadow: none;
  padding: 5px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0px;
}

.plusses_Boxes input.plusx__Item {
  background: #e6e6fd1a;
  border: 0.7px solid #8d8a94;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.Heading_h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 115.99999999999999%;
  letter-spacing: 0px;
  color: #fff;
}

.main__heading {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.main__heading p {
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  color: #d8d7da;
}

.contact_Form {
  position: relative;
  margin: 60px 0 0;
  max-width: 900px;
}

.contact_Form form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.contact_feild {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.contact_feild input:not([type="checkbox"]) {
  width: 100%;
  height: 60px;
  background: #e6e6fd1a;
  border: 1px solid #49464f;
  padding: 10px 15px;
  opacity: 1;
  color: #b2afb6 !important;
  border-radius: 4px;
  outline: none !important;
}

.contact_feild textarea {
  width: 100%;
  height: 120px;
  background: #e6e6fd1a;
  border: 1px solid #49464f;
  outline: none;
  padding: 20px !important;
  color: #fff !important;
  opacity: 1;
  border-radius: 4px !important;
}

.contact_feild textarea,
.contact_feild textarea::placeholder,
.contact_feild input:not([type="checkbox"])::placeholder,
.contact_feild input:not([type="checkbox"]) {
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  opacity: 1 !important;
  font-family: "IAGGP";
  color: #b2afb6 !important;
  box-shadow: none !important;
}

.contact_feild:not(:nth-of-type(1), :nth-of-type(2)) {
  grid-column: span 2;
}

.contact__button button[type="submit"]::before,
.contact__button button[type="submit"]::after {
  display: none;
}

.contact_Form button[type="submit"] {
  background: #ffffff;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 6px;
  font-family: "IAGGP";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #110f82;
  text-transform: capitalize;
  cursor: pointer;
  margin: 30px auto 0;
  margin-left: 0px;
  max-width: 400px;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.contact_Form .form-status-list {
  margin: 0;
  font-size: 14px;
  color: #d8d7da;
  font-weight: 400;
  line-height: 19px;
  grid-column: span 2;
  font-family: IAGGP;
  background: #0080003b;
  border: 1px solid #73b073;
  padding: 10px;
  border-radius: 4px;
}

.contact__button,
.feild_CheckBOX {
  grid-column: span 2;
}

.feild_CheckBOX label {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #b2afb6;
  display: flex;
  align-items: center;
  gap: 14px;
  position: relative;
  cursor: pointer;
  max-width: fit-content;
  user-select: none;
}

.feild_CheckBOX label span {
  display: inline-flex;
  gap: 4px;
  flex-wrap: wrap;
}

.feild_CheckBOX label a {
  color: #fff;
  cursor: pointer;
}

.policy__text ul li a:hover,
.feild_CheckBOX label a:hover {
  text-decoration: underline;
}

.feild_CheckBOX input[type="checkbox"] {
  position: absolute;
  width: 19px;
  min-width: 19px;
  height: 19px;
  visibility: visible;
  pointer-events: none;
  appearance: none;
}

.feild_CheckBOX label::before {
  content: "";
  position: relative;
  border: 1px solid #49464f;
  background: #e6e6fd1a;
  width: 19px;
  min-width: 19px;
  height: 19px;
  border-radius: 5px;
  display: block;
}

.feild_CheckBOX label::after {
  content: "";
  position: absolute;
  left: 0;
  border: 1px solid #fff;
  background: url(/cdn/shop/files/check-mark.svg),
    #fff;
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  width: 19px;
  min-width: 19px;
  height: 19px;
  border-radius: 5px;
  display: block;
  opacity: 0;
}

.feild_CheckBOX input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

/* New Quiz One Css */
.test_round:has(
    .FindAll_Step_Page.test_steps:nth-of-type(3)[style="display: flex;"]
  ) {
  .step_container {
    max-width: 1950px;
    padding: 0 36px;
  }

  .recall_Test_wrp {
    max-width: 1950px;
  }

  .recall__req_Wrp input {
    max-width: 565px;
  }
}

.recall_box:hover {
  transform: scale(1.02);
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 5px 34.3px #ffffff40;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.test_round:has(
    .FindAll_Step_Page.test_steps:nth-of-type(3)[style="display: flex;"],
    .FindAll_Step_Page.test_steps:nth-of-type(4)[style="display: flex;"]
  ) {
  .step_navigations {
    display: none;
  }
}

.account-dropdown {
  position: absolute;
  z-index: 9;
  right: 0;
  padding: 20px;
  border-radius: 15px;
  border: 0.5px solid #49464f;
  box-shadow: 3px 5px 34.3px 0px #ffffff40;
  backdrop-filter: blur(10px);
  background: linear-gradient(
    118.97deg,
    #02022b 73.65%,
    #2926e6 203.56%,
    #e6e6fd 319.3%
  );
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  min-width: 200px;
}

.account-dropdown.active {
  transform: translateY(0px);
  opacity: 1;
  pointer-events: all;
  transition: all 0.2s ease-in-out;
}

.account-dropdown .account-short-info {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.account-dropdown .account-short-info > span {
  background-color: #fff;
  color: #2926e6;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500px;
}

.account-dropdown .account-short-info .account-personal-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.account-dropdown .account-short-info .account-personal-info p {
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
}

.account-dropdown .account-short-info .account-personal-info span {
  font-weight: 300;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0px;
  color: #d8d7da;
  display: block;
  text-overflow: anywhere;
}

.account-dropdown > ul {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.account-dropdown > ul li a {
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 5px;
  letter-spacing: 0px;
  color: #d8d7da;
}

.account-dropdown > .account-short-info {
  padding-bottom: 20px;
  border-bottom: 0.5px solid #49464f;
}

.account-dropdown > ul li a:hover {
  border-radius: 4px;
  background: #d8d7da25;
  font-weight: 600;
}

body div#shop-hcaptcha-badge-container {
  display: none !important;
}

.step_navigations .mainBtns a:hover {
  color: #fff;
}

body ._sf-storefront._sf-x._sf-x._sf-x._sf-x._sf-x .sf-left-4 {
  left: unset;
  right: 20px;
  bottom: 45px;
  display: none !important;
}

.numbRecll_Step_Page .timmeer_area {
  gap: 10px;
}

.pin-container .cursor {
  display: block !important;
}

.pin-container.wrong .pin-box {
  border-color: #ff2634 !important;
}

.number_recall_report .carts_lists ul li:first-child::before {
  background: #b09ee3;
}

.number_recall_report .carts_lists ul li:nth-child(2)::before {
  background-color: #8b6dd3;
}

.number_recall_report .carts_lists ul li:nth-child(3)::before {
  background-color: #abffaa;
}

.number_recall_report .carts_lists ul li:nth-child(4)::before {
  background-color: #2926e6;
}

.numbRecll_step_Wraper .step_navigations {
  display: none;
}

.numbRecll_step_Wraper:has(
    .numbRecll_how-play[style*="display: block;"]:nth-of-type(1),
    .numbRecll_how-play[style*="display: block;"]:nth-of-type(2)
  )
  .step_navigations {
  display: flex;
}

.pinCode .mainBtns button:hover {
  color: #ffffff;
}

.pinCode .mainBtns button.clear:hover {
  background: transparent !important;
  color: #ffffff;
  border: none;
  box-shadow: none;
}

/* NEW CSS */

.reports_Charts_BOX.speed_grid_report .charts_values span::before {
  transform: rotate(0deg);
}

.reports_Charts_BOX.speed_grid_report:has(.progress-increase)
  .charts_values
  span::before {
  transform: rotate(0deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(4115%)
    hue-rotate(353deg) brightness(98%) contrast(105%);
}

.reports_Charts_BOX.speed_grid_report:has(.progress-increase)
  .charts_values
  span {
  color: #9f0909;
}

.reports_Charts_BOX.target_finder_report:has(.progress-decrease)
  .charts_values
  span {
  color: #9f0909;
}

.reports_Charts_BOX.target_finder_report:has(.progress-decrease)
  .charts_values
  span::before {
  transform: rotate(180deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(4115%)
    hue-rotate(353deg) brightness(98%) contrast(105%);
}

.reports_Charts_BOX.number_recall_report:has(.progress-decrease)
  .charts_values
  span {
  color: #9f0909;
}

.reports_Charts_BOX.number_recall_report:has(.progress-decrease)
  .charts_values
  span::before {
  transform: rotate(180deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(4115%)
    hue-rotate(353deg) brightness(98%) contrast(105%);
}

.reports_Charts_BOX.find_all_digits_report:has(.progress-decrease)
  .charts_values
  span {
  color: #9f0909;
}

.reports_Charts_BOX.find_all_digits_report:has(.progress-decrease)
  .charts_values
  span::before {
  transform: rotate(180deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(4115%)
    hue-rotate(353deg) brightness(98%) contrast(105%);
}

.charts_duration {
  display: flex;
  align-items: center;
  gap: 4px;
}

.charts_duration span::before {
  content: "";
  width: 10px;
  min-width: 10px;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/cdn/shop/files/duration-vector.svg?v=1758545175);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 100px;
}

.charts_duration span {
  font-weight: 300;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0;
  color: #8c97a7;
  display: flex;
  align-items: center;
  gap: 4px;
}

.charts_values_parent {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.progress-hide {
  display: none;
}

.charts_values_parent:has(.progress-hide) {
  display: none;
}

.numbRecll_Step_Page .carts_lists li:first-child::before {
  background: #8e6af1;
}

.numbRecll_Step_Page .carts_lists li:nth-child(2):before {
  background: #6c37e9;
}

.numbRecll_Step_Page .carts_lists li:nth-child(3):before {
  background: #abffaa;
}

.numbRecll_Step_Page .carts_lists li:nth-child(4):before {
  background: #2926e6;
}

.perform_report.number-recall-reports:has(.progress-decrease)
  .charts_values
  span::before {
  transform: rotate(180deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(4115%)
    hue-rotate(353deg) brightness(98%) contrast(105%);
}

.perform_report.number-recall-reports:has(.progress-decrease)
  .charts_values
  span {
  color: #9f0909;
}

/* NEW CSS */
.product__Box .mainBtns a::after {
  content: "";
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product__Box :is(.Product__content) {
  position: initial !important;
}

body .shopify-section-group-header-group,
body .shopify-section-group-footer-group {
  display: none !important;
}

.step_container:has(.krepCnt_Step_Page:nth-child(3)[style="display: flex;"]) {
  max-width: 1200px;
}

.krepCnt_Step_Page .recall_Test_wrp {
  max-width: 100%;
}

/* .krepCnt_Step_Page .step__content {
  text-align: center;
}
.krepCnt_Step_Page .step__content h3 {
  font-weight: 500;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
}
.krepCnt_Step_Page .step__content p {
  font-weight: 300;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: center;
}
body.krepelin-counting-test .step_container {
  max-width: 600px;
}
body.krepelin-counting-test .step_navigations .mainBtns {
  margin: auto;
  display: flex;
  flex-direction: column;
}
body.krepelin-counting-test .step_navigations .mainBtns .whiteBtn {
  max-width: 230px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
} */
.krepCnt_SkipBtn {
  justify-content: center;
}

.step_container:has(.krepCnt_Step_Page:nth-child(3)[style="display: flex;"])
  .step_navigations {
  display: none;
}

:is(.krepelin_counting_report, .krepelin-counting-report)
  .carts_lists
  ul
  li:first-child::before {
  background: #abffaa;
}

:is(.krepelin_counting_report, .krepelin-counting-report)
  .carts_lists
  ul
  li:nth-child(2)::before {
  background-color: #8b6dd3;
}

:is(.krepelin_counting_report, .krepelin-counting-report)
  .carts_lists
  ul
  li:nth-child(3)::before {
  background-color: #6941b5;
}

:is(.krepelin_counting_report, .krepelin-counting-report)
  .carts_lists
  ul
  li:nth-child(4)::before {
  background-color: #abffaa;
}

:is(.krepelin_counting_report, .krepelin-counting-report)
  .carts_lists
  ul
  li:nth-child(5)::before {
  background-color: #fd6262;
}

:is(.krepelin_counting_report, .krepelin-counting-report)
  .carts_lists
  ul
  li:nth-child(6)::before {
  background-color: #2825e3;
}

:is(.operational_memory_report, .operational-memory-report)
  .carts_lists
  ul
  li:first-child::before {
  background: #b09ee3;
}

:is(.operational_memory_report, .operational-memory-report)
  .carts_lists
  ul
  li:nth-child(2)::before {
  background-color: #8b6dd3;
}

:is(.operational_memory_report, .operational-memory-report)
  .carts_lists
  ul
  li:nth-child(3)::before {
  background-color: #abffaa;
}

:is(.operational_memory_report, .operational-memory-report)
  .carts_lists
  ul
  li:nth-child(4)::before {
  background-color: #fd6262;
}

/* operational memory Css*/
.operation_desx {
  margin-bottom: 40px;
}

.operation_desx p {
  font-weight: 200;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}

.operaMemory_wrapper .operaMemory_Rows {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.operaMemory_Rows .round__info {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0;
}

.operaMemory_Rows .plusses_Boxes {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.operaMemory_wrapper .operaMemory_Rows .plusses_Boxes {
  gap: 12px;
}

.operaMemory_wrapper .operaMemory_Rows .plusses_Boxes .plusx__Item {
  width: 100%;
  min-width: 100%;
  height: 50px;
  min-height: 50px;
}

.operations__btns {
  margin-top: 30px;
}

.operations__btns .mainBtns button.whiteBtn {
  width: 100%;
  max-width: 100%;
  outline: none;
  cursor: pointer;
}

.operations__btns .mainBtns button.whiteBtn:hover {
  color: #fff;
}

.operations__btns .mainBtns {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.operations__btns .mainBtns .clear_opera {
  margin: auto;
  all: unset;
  cursor: pointer;
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  text-decoration: underline;
  color: #b2afb6;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
}

.step_container:has(.operMemo_Step_Page:nth-child(3)[style="display: flex;"])
  .step_navigations {
  display: none;
}

.operMemo_SkipBtn {
  max-width: max-content;
  margin: auto;
}

.operMemo_SkipBtn:hover {
  opacity: 0.6;
}

.operMemo_Step_Page .timmeer_area.speed-grid-loader {
  z-index: 9;
}

.operaMemory_wrapper .operaMemory_Rows .plusses_input_Boxes {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.operaMemory_wrapper .operaMemory_Rows .plusses_input_Boxes input.plusx__Item {
  flex: 0 1 18.2% !important;
  min-width: 60px !important;
}

/* operational memory Css*/

.charts_values span:empty::before {
  opacity: 0;
}

.krepCnt_Step_Page .recall_Test_wrp .quich-submit-btn {
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.krepCnt_Step_Page .recall_Test_wrp .quich-submit-btn::after {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  content: "";
}

.krepCnt_Step_Page .recall_Test_wrp .mainBtns .manual-submit-btn {
  padding: 11px 60px !important;
  height: fit-content;
}

.krepCnt_Step_Page .recall_Test_wrp .mainBtns .manual-submit-btn:hover {
  background: #110f82;
  color: #fff;
}
.FindAll_Step_Page .recall__Counted {
  display: flex;
}
.FindAll_Step_Page .recall__Counted .recall_box {
  width: 44px;
  height: 44px;
}
.FindAll_Step_Page .recall__req_Wrp input {
    font-size: 32px;
    line-height: 32px;
}.operMemo_step_Wraper:has(.operMemo_Step_Page:nth-child(3)) .recall_Test_wrp {
  max-width: 380px;
}