:root {
  --primary-color: #008C6B;
  --primary-background: #F9FBF6;
  --secondary-background: #F9FBF6;
  --light-background: #F9FBF6;
  --header-background: #E0E8B5;
  --button-background: #008C6B;
  --button-secondary-background: #008C6B;
  --button-disabled-background: #e9f0dd;
  --button-border: #008C6B;
  --button-disabled-border: #E1E1E1;
  --active-element: #008C6B;
  --text-primary: #000;
  --text-secondary: #7E7F7E;
  --text-dark: #293845;
  --text-light: #ffffff;
  --border-color: #9BC8C4;
  --border-color-faded: #9BC8C4;
  --shadow-color: #1b4f720d;
  --shadow-color-strong: #00000040;
  --highlight-bg: #008C6B;
  --empathy-orange-40:#008C6B;
  --progress: #EEF6F4;
  --progress-track: #008C6B;
  --gradient1-color1: #E0E8B5;
  --gradient1-color2: #9BC8C4;
  --gradient2-color1: #f6faf0;
  --gradient2-color2: #EEF6F4;
  --gradient3-color1: #F1F6EA;
  --gradient3-color2: #CEEAE3;
}

@font-face {
  font-family: "Satoshi-Variable";
  src: url("/fonts/Satoshi-Variable.woff2") format("woff2"), url("/fonts/Satoshi-Variable.woff") format("woff"), url("/fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
* {
	font-family: "Satoshi-Variable", sans-serif !important;
}
.quiz__form *, .pay-finish, .pay-finish__title, .pay-finish__p, .pay-finish__subscription, .main__pay {
  font-family: "Satoshi-Variable", sans-serif;
}
.pay-finish .btn-green {
  font-family: "Satoshi-Variable", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.quiz__step-button {
  background: linear-gradient(90deg, var(--gradient1-color1), var(--gradient1-color2)) !important;
  color: var(--button-border);
  border-radius: 12px;
}

.quiz__step-button .button__icon {
  stroke: var(--button-border);
}

.button__icon path {
  stroke: var(--button-border);
}

.head-main {
  background: linear-gradient(90deg, var(--gradient2-color1), var(--gradient2-color2));
}

.head-main__rating {
  color: var(--text-primary);
  font-size: 12px; /* modified by Nata */
  background: linear-gradient(90deg, #CEEAE3, #F1F6EA); /* modified by Nata */
  margin-left: 8px;
  padding: 6px 8px; /* modified by Nata */
}

.preview__step-button {
  border-radius: 12px;
}

.preview__step-bottom:before {
  background: linear-gradient(90deg, var(--gradient3-color1), var(--gradient3-color2));
}

.preview__step-button span {
  padding-bottom: 1px;
  display: inline-block;
  border-bottom: 2px solid var(--light-background);
}

.radios-quiz__descr:hover {
  background: linear-gradient(90deg, var(--gradient3-color1), var(--gradient3-color2));
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
  box-shadow: 0 0 0 2px var(--active-element);
  background: var(--light-background);
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__descr {
  color: var(--active-element);
}

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

.eyes-quiz__round:before {
  background: var(--active-element);
}

.shape-quiz__input:checked + .shape-quiz__inner {
  background: linear-gradient(90deg, var(--gradient3-color1), var(--gradient3-color2));
}

.counter-quiz__round {
  stroke: var(--active-element);
}

.button[disabled] {
  background: linear-gradient(90deg, var(--gradient2-color1), var(--gradient2-color2)) !important;
  color: var(--button-disabled-border);
}

.button[disabled] span {
  border-color: var(--button-disabled-border);
}

.button[disabled] .button__icon {
  stroke: var(--button-disabled-border);
}

.evaluation-quiz__list {
  background: linear-gradient(90deg, var(--gradient3-color1), var(--gradient3-color2));
}

.evaluation-quiz__count-input:checked + .evaluation-quiz__count-num {
  box-shadow: 0 0 0 4px #dff0e7;
  background: linear-gradient(90deg, var(--gradient1-color1), var(--gradient1-color2));
  color: var(--text-primary);
}

.card-plan__input:checked + .card-plan__inner .card-plan__data-cost {
  color: var(--active-element);
}

.card-plan, .card-plan__price-left, .card-plan__price-right span:first-child, .card-plan__price-right span:last-child {
  color: #c0bbbb;
}

.card-plan {
  box-shadow: inset 0 0 1px 1px var(--text-secondary);
}

.complete__evaluation {
  background: #fff;
}

.policy__content h1, .policy__content h2, .policy__content strong {
  color: var(--button-background);
}

.policy {
  background: var(--primary-background);
}

.radios-quiz__options-images-c {
  height: 120px;
  overflow: hidden;
}

.radios-quiz__options-images-name {
  background: linear-gradient(90deg, var(--gradient1-color1), var(--gradient1-color2));
  color: #008C6B;
  font-weight: 700;
}

.radios-quiz__options-images-c {
  border: none;
}

.radios-quiz__options-images-name svg {
  display: none;
}

.title {
	line-height: 120%; /* modified by Nata */
	margin-top: 40px; /* modified by Nata */
}

.quiz__descr span {
  color: #008C6B;
}

.quiz__descr.normal {
	font-weight: 500; /* modified by Nata */
	line-height: 140%; /* modified by Nata */
}

.quiz__descr a {
  color: #008C6B;
  text-decoration: underline;
}

.email__form-input {
  border: 1px solid #E0E8B5;
  background: #fff;
}

.experts__card-avatar {
  border-radius: 0;
}

.head-main {
  padding: 6px 10px;
}

.head-main__rating {
  background: linear-gradient(90deg, #F1F6EA, #CEEAE3);
  padding: 7px 10px;
  border-radius: 25px;
}

.quiz__descr {
  font-size: 20px;
  font-weight: 500; /* modified by Nata */
  line-height: 140%; /* modified by Nata */
}

.radios-quiz__options-images-name {
  justify-content: center;
  text-align: center;
  font-size: 16px;
}

.radios-quiz__descr {
  border-radius: 10px;
  padding: 22px 13px;
}

.radios-quiz__label {
  background: linear-gradient(90deg, #F1F6EA, #CEEAE3);
  padding: 3px;
  border-radius: 12px;
}

.radios-quiz__input:checked + .radios-quiz__descr {
  background: linear-gradient(90deg, #F1F6EA, #CEEAE3);
  color: #000;
}

@media (max-width: 480px) {
  .radios-quiz__options-images-c {
    height: 80px;
  }
}

.checkboxs-quiz__inner {
  border-radius: 10px;
  background: #fff;
  padding: 22px 16px;
}

.checkboxs-quiz__label {
  background: linear-gradient(90deg, #F1F6EA, #CEEAE3);
  padding: 2px;
  border-radius: 10px;
}

.checkboxs-quiz__round {
  border-color: #008C6B;
}

.complete__progress {
  max-width: 320px;
  margin: 0 auto;
}

.complete__progress img {
  max-width: 100%;
  min-width: 15px;
  display: inline-block;
}

.experts__card {
  border-radius: 12px;
}

.experts__card-title, .experts__card-descr {
  font-size: 12px;
}

.experts__card-descr {
  color: #7E7F7E;
}

.email__form-input {
  border-radius: 12px;
}

#email-screen .quiz__step-button {
  background: #008C6B !important;
  color: #fff;
}

#email-screen .button__icon {
  stroke: #fff !important;
}

.head-main__country {
  color: #000;
  text-align: right;
  font-weight: 700; /* modified by Nata */
}

.review-1 {
  background: linear-gradient(90deg, #F9FBF6, #EEF6F4);
  max-width: 320px;
  margin: 20px auto 0;
  padding: 25px;
}

.review-1 .complete__evaluation-title {
  font-weight: 700;
  padding: 0 0 7px;
}

.review-1 .stars-complete {
  justify-content: flex-start;
}

.review-1 .stars-complete__item {
  background: url(/projects/clea/star.svg) no-repeat 50% 50%;
  width: 14px;
  height: 14px;
}

.review-1 .complete__evaluation-descr {
  font-size: 14px;
  color: #000;
  text-align: left;
}

.review-1 .stars-complete__item svg {
  opacity: 0;
}

.review-1 .complete__evaluation-name {
  text-align: right;
}

.radios-quiz__descr svg stop {
  stop-color: #D2ECE4;
}

.radios-quiz__descr svg path {
  stroke: #D2ECE4;
}
.checkboxs-quiz__descr {
  display: flex;
  align-items: center;
}
.checkboxs-quiz__descr > span {
  display: block;
  margin-right: 10px;
}
.checkboxs-quiz__square {
  margin-left: 10px;
}
.main__pay .complete__progress {
  opacity: 1 !important;
}
.main__pay .swiper {
  min-height: 560px;
}
.quiz__list-item::before {
	background-image: url(/projects/clea/ok.svg);
	background-repeat: no-repeat;
	color: var(--text-primary);
}
.quiz__list-item {
	color: var(--text-primary);
}