:root {
    --primary-color: #323653; /* Light purple used for active elements */
    --primary-background: #000; /* Dark purple used for the main background */
    --secondary-background: #000; /* Violet for progress indicator and secondary accents */
    --light-background: #000; /* White used for contrast in text and interactive elements */
    --header-background: #000; /* Similar to primary background */
    --button-background: #E60096; /* 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: #fff; /* Primary text color */
    --text-secondary: #7C7F84; /* 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: #333; /* Color for progress bars or active elements */
    --progress-track: #017EFF; /* 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;
  }
  .radios-quiz__descr {
    background: #171717;
    border-radius: 12px;
    font-weight: 400;
  }
  .radios-quiz__descr svg path {
    stroke: #fff;
  }
  .radios-quiz__descr svg stop {
    stop-color: #fff;
}
.radios-quiz__input:checked + .radios-quiz__descr {
    background: #E60096;
    color: #fff;
}
.quiz__descr {
    font-weight: 500;
}
.quiz__descr a {
    color: #E60096;
    text-decoration: underline;
}
.button {
    color: #fff;
    border-radius: 12px;
}
.button__icon {
    stroke: #fff;
}
.button__icon path {
	stroke: #fff;
}
.quiz__progress {
    height: 3px;
    border-radius: 2px;
}

.checkboxs-quiz__inner {
    background: #171717;
    border-radius: 12px;
    font-weight: 400;
}
.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
    background: #E60096;
    color: #fff;
}
.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__descr {
    color: #fff;
}
.button[disabled] {
    opacity: 0.8;
    background: #171717;
}
.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
    box-shadow: none;
}
.evaluation-quiz__count-num, .evaluation-quiz__count-input:checked + .evaluation-quiz__count-num {
    color: #fff;
}
.checkboxs-quiz__square svg {
    display: none;
}
.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__square svg {
    display: block;
}
.counter-quiz {
    background: url(/projects/ferve/shadow.png) no-repeat 50% 50%;
}
.counter-quiz__round, .counter-quiz {
    width: 237px;
    height: 237px;
}
.personalizing-quiz__counter .counter-quiz__round {
   stroke: #E60096;
}
.counter-quiz__number {
    font-size: 48px !important;
}
.evaluation-quiz__bottom {
    color: white;
}
.email__form-input {
    border: 1px solid white;
}

.main__pay .main__paywall-scroll {
	background-image: url(/projects/ferve/paywall-top.png);
	background-repeat: no-repeat;
	padding-top: 150px;
	background-size: contain;
}

.pay-finish .btn-green {
	color: var(--active-element);
	border: 1px solid var(--active-element);
}

.pay-finish .btn-green path {
	fill: var(--active-element);
}

.pay-finish__need-help a {
	color: var(--active-element);
}

.main__pay .main__panel {
	margin-bottom: 0;
}

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

.main__plan-agreement-input:checked {
	background-color: var(--button-secondary-background);
}

.swiper-review.gray {
	height: 180px;
}

.swiper-review.gray .swiper-slide {
	background: #202020;
	color: white;
	align-items: start;
	padding: 15px;
}

.swiper-review.gray .complete__evaluation-stars {
	margin: 10px 0;
}

.swiper-review.gray .complete__evaluation-descr {
	text-align: left;
	margin: 0 0 5px 0;
	color: white;
}

.main__plan-agreement-label {
	color: var(--mindful-brown-white) !important;
}

.head-main__country {
	color: white;
}