:root {
  --primary-color: #323653; /* Light purple used for active elements */
  --primary-background: #f5f6f8; /* Dark purple used for the main background */
  --secondary-background: #323653; /* Violet for progress indicator and secondary accents */
  --light-background: #fff; /* White used for contrast in text and interactive elements */
  --header-background: #ECF1FA; /* Similar to primary background */
  --button-background: #7d8bf7; /* Light purple for buttons */
  --button-secondary-background: #7D8BF7; /* Violet for secondary buttons or hovered state */
  --button-disabled-background: #d9cfe5; /* A muted version of the primary background */
  --button-border: #7D8BF7; /* Matching the button background */
  --button-disabled-border: rgba(50, 54, 83, .6); /* Darker and muted tone for disabled states */
  --active-element: #edeffc; /* Highlight and active state color */
  --text-primary: #323653; /* Primary text color */
  --text-secondary: #323653; /* Secondary text, lighter for less emphasis */
  --text-dark: #323653; /* Dark text, mostly for use on light backgrounds */
  --text-light: #323653; /* Light text for use on dark backgrounds */
  --border-color: #7D8BF7; /* Borders for elements needing emphasis */
  --border-color-faded: #7D8BF7; /* Faded borders for less focus */
  --shadow-color: #3E185F1a; /* Subtle shadow for depth, slightly transparent */
  --shadow-color-strong: #00000040; /* Stronger shadow for prominent elements */
  --highlight-bg: #7D8BF7; /* Background for highlighted items */
  --progress: #e8e9eb; /* Color for progress bars or active elements */
  --progress-track: #7D8BF7; /* Background color of progress tracks, more subdued */
  --empathy-orange-40: #98a4ff;
  --sui-button-border-radius: 12px;
  --mindful-brown-white: #7D8BF7;
  --mindful-brown-white: #b6b6b6;
  --mindful-brown-80: #323653;
  --background-before-after: #e2e3f5;

}

/*********custom styles***************/
.quiz__step-button {
  background: var(--border-color);
  border-radius: var(--sui-button-border-radius);
}

.quiz__list-item:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.666992 9.00033C0.666992 4.39795 4.39795 0.666992 9.00033 0.666992C13.6027 0.666992 17.3337 4.39795 17.3337 9.00033C17.3337 13.6027 13.6027 17.3337 9.00033 17.3337C4.39795 17.3337 0.666992 13.6027 0.666992 9.00033ZM9.57446 11.48L13.7704 7.0751L12.5636 5.92556L8.36768 10.3304C8.16897 10.539 8.03402 10.5987 7.80973 10.6455C7.60412 10.6885 7.39053 10.6669 7.19411 10.5814C6.99715 10.4958 6.82221 10.3478 6.69619 10.1498C6.56994 9.95148 6.50033 9.71426 6.50033 9.46845H4.83366C4.83366 10.0264 4.99107 10.5748 5.29017 11.0448C5.5895 11.515 6.01912 11.8879 6.52949 12.1099C7.0404 12.332 7.60512 12.3909 8.15041 12.277C8.67701 12.1671 9.12325 11.9537 9.57446 11.48Z' fill='%237D8BF7' /%3E%3C/svg%3E");
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__round:before {
  background: var(--border-color);
}

.evaluation-quiz__count-num,
.evaluation-quiz__count-input:checked + .evaluation-quiz__count-num {
  color: var(--active-element);
}

.checkboxs-quiz__inner {
  border-radius: var(--sui-button-border-radius);
}

.radios-quiz__descr {
  border-radius: var(--sui-button-border-radius);
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
  box-shadow: 0 0 0 2px var(--button-border);
}

.counter-quiz__round {
  stroke: var(--empathy-orange-40);
}

.review-quiz__recommend {
  color: var(--text-light);
}

.evaluation-quiz__count-input:checked + .evaluation-quiz__count-num {
  box-shadow: none;
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__round {
  border-color: var(--button-border);
}

.dropdown-duration__select {
  color: var(--active-element);
}

/*********animations***************/
.checkboxs-quiz__inner, .radios-quiz__descr {
  animation-name: _append-animate_l5jey_1;
  animation-timing-function: ease-in-out;
  transition: background-color 0.3s, box-shadow 0.3s;
  animation-duration: 0.3s;
}

.checkboxs-quiz__line:nth-child(1) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(1) .radios-quiz__descr {
  animation-duration: 0.15s;
}

.checkboxs-quiz__line:nth-child(2) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(2) .radios-quiz__descr {
  animation-duration: 0.3s;
}

.checkboxs-quiz__line:nth-child(3) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(3) .radios-quiz__descr {
  animation-duration: 0.45s;
}

.checkboxs-quiz__line:nth-child(4) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(4) .radios-quiz__descr {
  animation-duration: 0.6s;
}

.checkboxs-quiz__line:nth-child(5) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(5) .radios-quiz__descr {
  animation-duration: 0.75s;
}

.checkboxs-quiz__line:nth-child(6) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(6) .radios-quiz__descr {
  animation-duration: 0.9s;
}

.checkboxs-quiz__line:nth-child(7) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(7) .radios-quiz__descr {
  animation-duration: 1.05s;
}

.checkboxs-quiz__line:nth-child(8) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(8) .radios-quiz__descr {
  animation-duration: 1.2s;
}

.checkboxs-quiz__line:nth-child(9) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(9) .radios-quiz__descr {
  animation-duration: 1.35s;
}

.checkboxs-quiz__line:nth-child(10) .checkboxs-quiz__inner, .radios-quiz__line:nth-child(10) .radios-quiz__descr {
  animation-duration: 1.5s;
}

.shape-quiz__image img {
  max-width: 100px;
}

.shape-quiz {
  grid-template-columns: repeat(2, 1fr);
}

.head-main__country {
  color: #323653;
}

.button[disabled] {
  opacity: 0.2;
}

@keyframes _append-animate_l5jey_1 {
  from {
    opacity: 0;
    transform: translate(20px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}

.stars-complete__item-icon {
	background: url(/projects/momslab/paywall-stars.svg) no-repeat 50% 50%;
	width: 16px;
	height: 16px;
}

.personalization-block .inside:nth-of-type(2) img {
	width: 33px;
}

.main__faq-spollers-title {
	text-align: left;
}

.main__press-subsection .quiz__body {
	margin-bottom: 0;
}

.main__press-subsection {
	padding: 0 6px;
}

.main__press-subsection img {
	max-width: 100% !important;
}