:root {
  --primary-color: #FF6D1B;
  --primary-background: transperent;
  --secondary-background: #f7efe1;
  --light-background: #fff;
  --header-background: #fffbf3;
  --button-background: #FF6D1B;
  --button-secondary-background: #2B1F4B;
  --button-disabled-background: #847e98;
  --button-border: #ebd7b3;
  --button-disabled-border: #ebd7b3;
  --active-element: #ffffff;
  --text-primary: #2B1F4B;
  --text-secondary: #2B1F4B80;
  --text-dark: #2B1F4B;
  --text-light: #ffffff;
  --border-color: #fffbf3;
  --border-color-faded: #fffbf3;
  --shadow-color: #4f66000d;
  --shadow-color-strong: #00000040;
  --highlight-bg: #FF6D1B;
  --progress: #CBC1DC;
  --progress-track: #2B1F4B;
  --empathy-orange-40: #FF6D1B;
  --mindful-brown-white: #FF6D1B;
}

@font-face {
	font-family: 'SF Pro Display';
	src: url(/projects/aurora/fonts/SF-Pro/SFProDisplay-Regular.eot);
	src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
	url(/projects/aurora/fonts/SF-Pro/SFProDisplay-Regular.eot?#iefix) format('embedded-opentype'),
	url(/projects/aurora/fonts/SF-Pro/SFProDisplay-Regular.woff2) format('woff2'),
	url(/projects/aurora/fonts/SF-Pro/SFProDisplay-Regular.woff) format('woff'),
	url(/projects/aurora/fonts/SF-Pro/SFProDisplay-Regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

.wrapper {
	background: linear-gradient(0.49deg, #F2F0F6, #FBFBFB);
}

.review-1 .complete__evaluation-title {
	font-size: 16px;
}

.stars-complete {
	justify-content: flex-start;
	margin-top: 4px;
}

.head-main__country {
	color: black;
}

.head-main__rating {
	border-radius: 16px;
	background: var(--button-secondary-background);
	padding: 6px 8px 6px 10px;
	display: flex;
	flex-direction: row-reverse;
	font-weight: 600;
	font-size: 12px;
	color: var(--text-light);
	font-family: 'SF Pro Display', serif;
}

.head-main {
	background-color: transparent;
}

.head-main__country {
	text-align: right;
	margin-right: 8px;
}

.quiz__btn-prev-icon path {
	stroke: var(--button-secondary-background);
}

.complete__evaluation {
	padding: 20px;
}

.review-1 .complete__evaluation-descr,
.evaluation-quiz__count-num,
.evaluation-quiz__value,
.quiz__descr,
.review-1 .complete__evaluation-title,
.complete__progress-descr,
.complete__evaluation-name,
p,
.sub-title,
.email__form-input,
.counter-quiz__number,
.title {
	font-weight: 400;
	font-family: 'SF Pro Display', serif;
	font-style: normal;
}

.email__form-input {
	border-radius: 16px;
	text-align: center;
	padding: 18px;
	background-image: none;
}

.review-1 .complete__evaluation-descr {
	text-align: left;
	color: black;
}

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

.button,
.checkboxs-quiz__descr,
.radios-quiz__descr {
	font-weight: 600;
	font-family: 'SF Pro Display', serif;
}

.counter-quiz__round {
	stroke: var(--button-secondary-background);
}

.pay-finish__need-help a {
	color: var(--text-primary);
}

.counter-quiz__number {
	font-size: 30px !important;
}

.evaluation-quiz__count-input:checked + .evaluation-quiz__count-num {
	background: var(--button-secondary-background);
	box-shadow: 0 0 0 4px rgb(42 31 75 / 25%);
}

.quiz__descr {
	font-size: 16px;
}

.sub-title span,
p span {
	color: var(--empathy-orange-40);
}

.button.dark {
	background: var(--button-secondary-background);
	color: var(--progress);
}

.sub-title {
	color: var(--text-secondary);
}

.button.dark .button__icon {
	stroke: var(--progress);
}

.radios-quiz__descr svg path {
	stroke: var(--button-secondary-background);
}

.radios-quiz__input:checked + .radios-quiz__descr,
.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__descr {
	color: var(--button-secondary-background);
}

.button,
.checkboxs-quiz__inner,
.radios-quiz__descr {
	border-radius: 16px;
}

.no-arrow .radios-quiz__descr svg {
	display: none;
}

.checkboxs-quiz__square {
	width: 20px;
	height: 20px;
	border: 2px solid var(--button-secondary-background);
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__square {
	background: var(--button-secondary-background);
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
	box-shadow: 0 8px 16px 0 rgba(75, 52, 37, 0.05);
}

.evaluation-quiz__list {
	box-shadow: 0 0 16px 6px rgba(75, 52, 37, 0.05);
}