/* Start:/local/templates/feniks/css/service.css?17835165135858*/
.service-form
.service-form-steps {
	border-radius: 1rem;
	background-color: var(--color0);
}
.service-form-step {
	flex: 1;
	padding: 1.5rem 2rem;
	font-size: 1.375rem;
	line-height: 1.44375rem;
	letter-spacing: -0.04em;
}
.service-form-step.active {
	color: var(--color0);
	border-radius: 1rem;
	background-color: var(--color950);
}
.service-step-block {
	display: none;
}
.service-step-block.active {
	display: block;
}
.service-form h2 {
	margin-block: 3.75rem 1.75rem;
	font-family: 'Play', serif;
	font-weight: 400;
	font-size: 2rem;
	line-height: 2.1rem;
	letter-spacing: -0.04em;
}
.service-step-block-desc + h2 {
	margin-top: 2.5rem;
}
.service-step-block-desc {
	padding: 1.5rem 2rem;
	background-color: var(--color0);
	border-radius: 1rem;
}
.service-step-block-desc.flex {
	gap: 1.5rem;
}
.service-form-address {
	flex: 1 1 calc(25% - 1.125rem);
	width: calc(25% - 1.125rem);
	max-width: calc(25% - 1.125rem);
	font-size: 0.875rem;
	line-height: 1.225rem;
	letter-spacing: -0.04em;
	background-color: var(--color50);
	border-radius: 0.5rem;
}
.service-form-items {
	margin-bottom: 1.5rem;
	padding: 0.75rem 1rem;
	background-color: var(--color50);
	border-radius: 0.5rem;
}
.service-form-items:last-child {
	margin-bottom: 0;
}
.service-form-items .name {
	font-size: 0.875rem;
	line-height: 1.225rem;
	letter-spacing: -0.04em;
	color: var(--color999);
	cursor: pointer;
}
.service-form-items > .flex,
.service-form-items > input {
	display: none;
}
.service-form-items.active > .flex,
.service-form-items > input.active {
	display: flex;
}
.service-form-items > .flex {
	gap: 1.5rem;
	margin-block: 1.5rem 1rem;
}
.service-form-item {
	flex: 1 1 8.5rem;
	width: 8.5rem;
	max-width: 8.5rem;
	padding: 0.75rem;
	font-size: 0.75rem;
	line-height: 0.8625rem;
	letter-spacing: -0.04em;
	background-color: var(--color0);
	border-radius: 0.5rem;
	cursor: pointer;
}
.service-form-item .img img {
	margin-bottom: 0.5rem;
	border-radius: 0.5rem;
}
.service-form-item-name {
	margin-bottom: 0.375rem;
}
.service-form-item .price {
	margin-block: auto 0.5rem;
	font-size: 1rem;
	line-height: 1.05rem;
	letter-spacing: -0.04em;
	color: var(--color500);
}
.service-form-item-check {
	margin-top: auto;
}
.service-form-item-check label {
	display: flex;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
}
.service-form-address.checkbox-item label {
	padding: 0.75rem 2.75rem 0.75rem 1rem;
}
.service-form-address.checkbox-item label:after {
	right: 1rem;
	left: auto;
	background-color: var(--color0);
}
.service-form-address.checkbox-item input:checked + label:after {
	background: var(--color0) url(/local/templates/feniks/css/../img/check.svg) no-repeat 50% 50%;
}
.service-form-item .desc {
	cursor: pointer;
}
.service-form-items input[type="text"].white-bg {
	width: 50%;
	margin-right: 0;
}
.service-step-block-desc input[type="text"] {
	width: 19rem;
	margin-right: 1.5rem;
}
.service-step-block[data-step="3"] .service-step-block-desc input[type="text"] {
	flex: 1 1 calc(50% - 0.75rem);
	width: calc(50% - 0.75rem);
	max-width: calc(50% - 0.75rem);
}
.service-step-block[data-step="3"] .service-step-block-desc [name="full-name"] {
	margin-right: 0.75rem;
}
.service-step-block[data-step="3"] .service-step-block-desc [name="phone"] {
	margin-inline: 0.75rem 0;
}
.service-step-block[data-step="3"] .service-step-block-desc input[name="date"] {
	flex: 1 1 19rem;
	width: 19rem;
	max-width: 19rem;
	margin-block: 1.5rem;
}
.service-step-btns {
	margin-top: 1.5rem;
}
.next-step,
.service-step-btns input {
	margin-left: auto;
}
.service-form .btn-hover {
	width: 14.4375rem;
}
.policy {
	font-size: 0.875rem;
	line-height: 1.225rem;
	letter-spacing: -0.04em;
}
.form-add-desc {
	max-width: 62.5rem;
	margin-top: 2.5rem;
	font-size: 0.75rem;
	line-height: 0.8625rem;
	letter-spacing: -0.04em;
	color: var(--color300);
}

@media screen and (max-width: 1000px) {
	.service-form-step {
		padding: 1.25rem 1rem;
		font-size: 1.125rem;
	}
	.service-form-address {
		flex: 1 1 calc(50% - 1.125rem);
		width: calc(50% - 1.125rem);
		max-width: calc(50% - 1.125rem);
	}
}

@media screen and (max-width: 760px) {
	.service-form .service-form-steps {
		display: none;
	}
	.service-step-block-desc input[type="text"],
	.service-step-block[data-step="3"] .service-step-block-desc input[type="text"] {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.service-form-items input[type="text"].white-bg {
		margin-bottom: 0;
	}
	.service-step-block[data-step="3"] .service-step-block-desc [name="full-name"] {
		margin-right: 0.75rem;
	}
	.service-step-block[data-step="3"] .service-step-block-desc [name="phone"] {
		margin-inline: 0;
	}
	.service-step-block[data-step="3"] .service-step-block-desc input[name="date"] {
		margin-top: 0;
	}
}

@media screen and (max-width: 600px) {
	.service-form-item {
		flex: 1 1 calc(50% - 0.75rem);
		width: calc(50% - 0.75rem);
		max-width: calc(50% - 0.75rem);
	}
	.service-form-item .img {
		height: 31.67vw;
		margin-bottom: .5rem;
	}
	.service-form-item .img img {
		width: 100%;
		height: 100%;
		margin-bottom: 0;
		object-fit: cover;
	}
	.service-form-items input[type="text"].white-bg {
		width: 100%;
	}
	.service-step-btns {
		flex-flow: column nowrap;
		align-items: center;
		gap: 1rem;
	}
	.service-form .btn-hover {
		margin-left: 0;
	}
}

@media screen and (max-width: 500px) {
	.service-step-block-desc {
		padding-inline: 1rem;
	}
	.service-form-address {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 400px) {
	.service-form-item {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
	}
}
/* End */
/* /local/templates/feniks/css/service.css?17835165135858 */