@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

* {
	font-family: "Inter", sans-serif;
}

.title {
	font-family: "Lora", serif;
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 24px;
	line-height: 133%;
	color: var(--progress-track);
}

.welcome .radios-quiz__descr {
	border: none;
	color: var(--progress-track);
}

:root {
	--light-background: #181926cc;
	--sui-button-border-radius: 30px;
	--primary-background: #181926;
	--progress: #eaf1f433;
	--progress-track: #eaf1f4;
	--button-background: #fcf8ef;
	--header-background: #a6a1c5;
	--text-primary: #a6a1c5;
	--active-element: #a6a1c5;
	--empathy-orange-40: #7fd1ae;
}

.radios-quiz__descr {
	min-height: 60px;
	justify-content: center;
	border: 1px solid #84809933;
	background: #181926cc;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	text-align: center;
	padding: 7px 16px;
}

.radios-quiz__descr svg {
	display: none;
}

.head-main__logo img {
	width: 24px;
}

.welcome {
	margin-top: 40px;
}

.welcome .title {
	font-weight: 600;
	font-size: 28px;
}

.body-screen-welcome {
	overflow: hidden;
}

.body-screen-welcome .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

.quiz__radios {
	max-width: 400px;
	margin-top: 12px;
}

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

.quiz__progress {
	height: 2px;
}

.head-main__country {
	color: #181926;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.head-main__rating {
	color: #181926;
}

.radios-quiz__input:checked + .radios-quiz__descr {
	background: var(--active-element);
	color: #181926;
	box-shadow: 0 0px 0px 4px #a6a1c54a;
}

.sub-title {
	color: var(--progress-track);
	font-size: 16px;
	font-weight: 400;
	font-family: "Inter", sans-serif;
}

.button__icon {
	display: none;
}

.body-screen-step-28 .quiz__form,
.body-screen-step-12 .quiz__form,
.body-screen-step-11 .quiz__form,
.body-screen-step-10 .quiz__form {
	height: calc(100vh - 35px);
}

.body-screen-step-28 .quiz__form .container ~ div,
.body-screen-step-11 .quiz__form .container ~ div,
.body-screen-step-12 .quiz__form .container ~ div,
.body-screen-step-10 .quiz__form .container ~ div {
	height: 100vh;
}

.body-screen-step-28 .quiz__screen,
.body-screen-step-10 .quiz__screen,
.body-screen-step-11 .quiz__screen,
.body-screen-step-12 .quiz__screen {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-align: center;
}

.title span {
	font-family: "Lora", serif;
}

.step-6,
.step-26,
.step-31,
.step-39,
.step-32,
.step-19 {
	display: flex;
	flex: 1 1;
	justify-content: center;
	align-items: center;
	height: calc(100vh - 10px);
}

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

.radios-quiz__options-images img {
	height: 56px;
	margin-bottom: 8px;
}

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

.radios-quiz__options-images-name {
	background: transparent;
	font-size: 16px;
	color: var(--text-primary);
	justify-content: center;
	min-height: 40px;
}

.radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-c {
	border: none;
	border-bottom: none;
}

.radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name {
	border: none;
	border-top: none;
	background: var(--text-primary);
	color: var(--light-background);
	font-weight: 700;
	width: inherit;
	margin: auto;
	border-radius: 20px;
}

.step-22 .radios-quiz__options-images-label:last-child,
.step-33 .radios-quiz__options-images-label:last-child {
	position: fixed;
	bottom: 20px;
	left: 10px;
	right: 10px;
	max-width: 400px;
	margin: 0 auto;
}

.step-22 .radios-quiz__options-images-label:last-child .radios-quiz__options-images-c,
.step-33 .radios-quiz__options-images-label:last-child .radios-quiz__options-images-c {
	display: none;
}

input[type="time"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator {
	color: #ffffff;
	filter: invert(1);
}

.date__form-input, .number__form-input, .time__form-input {
	color: #ffffff;
}

.quiz__list-item {
	color: var(--text-primary);
}

.quiz__list-item:before {
	background: url(/projects/templates/astrology-purple/list-dot.svg) center center;
	width: 30px;
	height: 30px;
}

.quiz__list-item {
	align-items: center;
}

.quiz__list-item:not(:last-child) {
	margin-bottom: 14px;
}

.step-39 .quiz__list {
	max-width: 320px;
	margin: 0 auto;
}

.email__form-input {
	padding: 18px;
	background: var(--light-background);
	border: 1px solid var(--text-primary);
	border-radius: 1234px;
	background-image: none;
	background-position: 18px 50%;
	background-repeat: no-repeat;
	letter-spacing: 0;
	color: var(--text-primary);
	outline: none;
}

.personalizing-quiz__counter .counter-quiz__number {
	font-family: "Lora", serif;
	color: var(--progress-track);
	font-weight: 700;
	font-size: 24px;
}

.aries .radios-quiz__options-images,
.taurus .radios-quiz__options-images,
.gemini .radios-quiz__options-images,
.cancer .radios-quiz__options-images,
.leo .radios-quiz__options-images,
.virgo .radios-quiz__options-images,
.libra .radios-quiz__options-images,
.scorpio .radios-quiz__options-images,
.capricorn .radios-quiz__options-images,
.aquarius .radios-quiz__options-images,
.pisces .radios-quiz__options-images,
.sagittarius .radios-quiz__options-images {
	margin: 0 auto;
	padding-top: 0;
}

.aries .radios-quiz__options-images img,
.taurus .radios-quiz__options-images img,
.gemini .radios-quiz__options-images img,
.cancer .radios-quiz__options-images img,
.leo .radios-quiz__options-images img,
.virgo .radios-quiz__options-images img,
.libra .radios-quiz__options-images img,
.scorpio .radios-quiz__options-images img,
.capricorn .radios-quiz__options-images img,
.aquarius .radios-quiz__options-images img,
.pisces .radios-quiz__options-images img,
.sagittarius .radios-quiz__options-images img {
	height: 80px;
}

.aries .radios-quiz__options-images-label,
.taurus .radios-quiz__options-images-label,
.gemini .radios-quiz__options-images-label,
.cancer .radios-quiz__options-images-label,
.leo .radios-quiz__options-images-label,
.virgo .radios-quiz__options-images-label,
.libra .radios-quiz__options-images-label,
.scorpio .radios-quiz__options-images-label,
.capricorn .radios-quiz__options-images-label,
.aquarius .radios-quiz__options-images-label,
.pisces .radios-quiz__options-images-label,
.sagittarius .radios-quiz__options-images-label {
	width: calc(33% - 8px);
	margin-bottom: 0;
}

.aries .radios-quiz__options-images-c,
.taurus .radios-quiz__options-images-c,
.gemini .radios-quiz__options-images-c,
.cancer .radios-quiz__options-images-c,
.leo .radios-quiz__options-images-c,
.virgo .radios-quiz__options-images-c,
.libra .radios-quiz__options-images-c,
.scorpio .radios-quiz__options-images-c,
.capricorn .radios-quiz__options-images-c,
.aquarius .radios-quiz__options-images-c,
.pisces .radios-quiz__options-images-c,
.sagittarius .radios-quiz__options-images-c {
	height: 80px;
}

.aries .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.taurus .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.gemini .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.cancer .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.leo .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.virgo .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.libra .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.scorpio .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.capricorn .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.aquarius .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.pisces .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name,
.sagittarius .radios-quiz__options-images-label:has(input:checked) .radios-quiz__options-images-name {
	width: auto;
}


.main__panel-content {
	border: 1px solid var(--text-secondary);
	padding: 8px 12px;
}

.button-green {
	background: var(--button-background);
	padding: 12px 0;
	width: 100%;
	color: #181926;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Inter", sans-serif;
	border-radius: 30px;
}

.main__panel-descr {
	color: var(--progress-track);
}

.main__pay .title span {
	color: #b2a8ee;
}

.main__pay .sub-title {
	margin-bottom: 20px;
	color: var(--text-secondary);
	font-size: 16px;
	line-height: 150%;
}

.main__plan-info {
	background: #613297;
	color: #d3d8da;
}

.main__plan-info-icon path {
	fill: #d3d8da;
}

.card-plan__data-cost {
	color: var(--button-disabled-background);
}

.card-plan:has(.card-plan__input:checked) {
	box-shadow: inset 0 0 1px 1px #ffffff;
	color: #ffffff;
}

.card-plan__input:checked+.card-plan__inner .card-plan__data-cost,
.card-plan__input:checked+.card-plan__inner .card-plan__data, .card-plan__input:checked+.card-plan__inner .card-plan__price-left, .card-plan__input:checked+.card-plan__inner .card-plan__price-right span, .main__dimension-tabs li, .main__panel-counter {
	color: #ffffff;
}

.main__plan-button {
	max-width: 320px;
	min-height: 60px;
	border-radius: 30px;
}

.main__plan-guarantee-title {
	color: var(--progress-track);
}

.main__plan-guarantee {
	border: 1px solid #84809933;
}

.main__plan-guarantee-transactions {
	color: var(--text-secondary);
}

.main__plan-guarantee-transactions path {
	fill: var(--text-secondary);
}

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

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

.complete__evaluation-title {
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: var(--progress-track);
}

.stars-complete__item-icon {
	margin: 12px 1px 0;
	background: url(/projects/templates/astrology-purple/s-star.svg);
}

.complete__evaluation-descr, .complete__evaluation-name {
	font-family: "Inter", sans-serif;
}

.complete__evaluation-name {
	font-size: 12px;
	color: var(--text-secondary);
}

.complete__evaluation-descr {
	font-weight: 400;
	margin-bottom: 12px;
	color: var(--text-primary);
	font-size: 14px;
}

.main__community .sub-title {
	font-weight: 700;
	font-size: 16px;
	color: var(--progress-track);
}

.main__community {
	border: 1px solid #84809933;
}

.main__community .sub-title:last-child {
	margin-bottom: 0;
}

.main__pay .quiz__descr {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	font-family: "Inter", sans-serif;
}

.main__faq-spollers {
	margin: 0 0 12px;
}

.main__faq-spollers-title {
	color: var(--progress-track);
}

.main__faq-spollers-item {
	padding: 16px 20px;
	border: 1px solid var(--text-primary);
}

.main__faq-spollers-icon {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	background: url(/projects/templates/astrology-purple/s-arrow.svg) center;
}

.main__faq-spollers-body {
	color: var(--progress-track);
}

@keyframes welcome_moon {
	0% {
		bottom: -270px;
	}
	30% {
		bottom: -250px;
	}
	60% {
		bottom: -240px;
	}
	100% {
		bottom: -228px;
	}
}

section .welcome-screen_star {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	z-index: 0;
	animation: welcome_animate 10s linear infinite;
	box-shadow: 0 0 0 4px hsla(0, 0%, 100%, .1), 0 0 0 8px hsla(0, 0%, 100%, .1), 0 0 20px #fff;
	border-radius: 50%;
	background: #fff;
	width: 4px;
	height: 4px;
}

section .welcome-screen_star:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(90deg, #fff, transparent);
	width: 300px;
	height: 1px;
	content: "";
}

.welcome-screen_star:first-child {
	top: -10px;
	right: -10px;
	left: auto;
	animation-duration: 3s;
	animation-delay: .5s;
}

.welcome-screen_star:nth-child(2) {
	top: -10px;
	right: 80px;
	left: auto;
	animation-duration: 5s;
	animation-delay: .2s;
}

.welcome-screen_star:nth-child(3) {
	top: 80px;
	right: -20px;
	left: auto;
	animation-duration: 6s;
	animation-delay: .4s;
}

.welcome-screen_star:nth-child(4) {
	top: -10px;
	right: 180px;
	left: auto;
	animation-duration: 3s;
	animation-delay: .6s;
}

.welcome-screen_star:nth-child(5) {
	top: -10px;
	right: 400px;
	left: auto;
	animation-duration: 7s;
	animation-delay: .8s;
}

.welcome-screen_star:nth-child(6) {
	top: -10px;
	right: 600px;
	left: auto;
	animation-duration: 9s;
	animation-delay: 1s;
}

.welcome-screen_star:nth-child(7) {
	top: 300px;
	right: -20px;
	left: auto;
	animation-duration: 3s;
	animation-delay: 1s;
}

.welcome-screen_star:nth-child(8) {
	top: -10px;
	right: 700px;
	left: auto;
	animation-duration: 5s;
	animation-delay: 1.4s;
}

.welcome-screen_star:nth-child(9) {
	top: -10px;
	right: 1000px;
	left: auto;
	animation-duration: 9s;
	animation-delay: .75s;
}

.welcome-screen_star:nth-child(10) {
	top: -10px;
	right: 1000px;
	left: auto;
	animation-duration: 9s;
	animation-delay: 2.75s;
}
@keyframes welcome_animate {
	0% {
		transform: rotate(315deg) translateX(0);
		opacity: 1;
	}
	70% {
		opacity: 1;
	}
	100% {
		transform: rotate(315deg) translateX(-1500px);
		opacity: 0;
	}
}