.apartment-selection {
	background-color: #fff;
	overflow-y: auto;

	padding: 0;
}

.selection__container {
	width: 100%;

	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.selection__left-column {
	width: 54%;
	display: flex;
	flex-direction: column;

	padding: 5.8rem 6.4rem;
	padding-right: 8.5rem;

	height: 100%;
	overflow-y: auto;
}

.selection__right-column {
	width: 46%;
	display: flex;
	flex-direction: column;

	height: 100%;

	background-color: #f3f5f5;

	gap: 2.4rem;
}

.selection__header {
	display: flex;
	width: 100%;
	flex-direction: column;

	margin-bottom: 3rem;
}

.selection__header-content {
	display: flex;
	width: 100%;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4rem 10rem;
	line-height: 1.2;
}

.header-content__title-wrapper {
	display: flex;
	flex-direction: column;
}

.title-wrapper__subtitle {
	color: #464c54;
	font-weight: 400;
	font-size: 2rem;
}

.title-wrapper__main-title {
	color: #000;

	font-weight: 400;
	font-size: 6.4rem;
}

.header-content__floor-title {
	color: #000;
	text-align: right;

	font-weight: 500;
	font-size: 3.2rem;
}

.nav-buttons {
	display: flex;
	margin-top: 4rem;
	gap: 1.6rem;

	font-weight: 400;
	font-size: 1.8rem;

	overflow-x: auto;
}

.nav-buttons__btn {
	border-radius: 1.6rem;
	padding: 1rem 3.2rem;

	background-color: #000;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 1.6rem;

	height: 5.7rem;
}

.btn--active {
	pointer-events: none;
}

.btn--inactive {
	background-color: #f3f5f5;
	color: #000;

	cursor: not-allowed;
}

.btn__dot {
	border-radius: 10rem;
	background-color: #fff;
	width: 0.8rem;
	height: 0.8rem;
}

.floor-plan {
	margin-top: auto;
	margin-bottom: auto;

	width: 100%;
	display: flex;
	flex-direction: column;

	font-weight: 500;
	font-size: 1.6rem;
}

.floor-plan__content {
	position: relative;
	padding: 0 0 46.5% 0;
	width: 100%;
}

.floor-plan__image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.floor-plan__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.floor-plan__svg path {
	user-select: none;
	cursor: pointer;
	transition: 0.3s;
	fill: #2ead37;

	opacity: 0.44;
}

.floor-plan__svg path[data-status='available'] {
	fill: #2ead37;
}

.floor-plan__svg path[data-status='reserved'] {
	fill: #e4e4e4;

	opacity: 1;
	pointer-events: none;
	touch-action: none;
}

.floor-plan__svg path[data-status='sold'] {
	fill: #ed4c4c;
	opacity: 1;
	pointer-events: none;
	touch-action: none;
}

.floor-plan__svg path:hover {
	opacity: 0.8;
}
.floor-plan__svg path.selected {
	pointer-events: none;
	opacity: 0.8;
}

.floor-plan__svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
}

.floor-plan__svg svg {
	width: 100%;
	height: 100%;
}

.floor-plan__legend {
	display: flex;
	width: 100%;
	align-items: start;
	gap: 4rem 7rem;
	justify-content: center;
	flex-wrap: wrap;

	margin-top: 3rem;
}

.relative {
	position: relative;
}

.js-room-info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;

	color: #000;

	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;

	border-radius: 50px;
	border: 2px solid #6dc673;
	background: rgba(255, 255, 255, 0.8);

	white-space: nowrap;

	pointer-events: none;
	touch-action: none;
	user-select: none;

	width: 120px;
	height: 48px;
}
.js-room-info strong {
	background: rgba(46, 173, 55, 0.7);
	color: #fff;
	border-radius: 50%;
	font-weight: 500;
	width: 48px;
	height: 48px;
	flex-shrink: 0;

	text-align: center;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;

	margin: -2px;
}
.js-room-info span {
	flex: 1;
	text-align: center;
}

.legend__item {
	display: flex;
	align-items: center;
	gap: 2rem;
}

.item__status {
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	flex-shrink: 0;
}

.status--available {
	background-color: #2ead37;
}

.status--reserved {
	background-color: #e4e4e4;
}

.status--sold {
	background-color: #ed4c4c;
}

.available .js-room-info {
	border-color: #2ead37;
}
.available .js-room-info strong {
	background: rgba(46, 173, 55, 0.7);
}

.reserved .js-room-info {
	border-color: #e4e4e4;
}
.reserved .js-room-info strong {
	background: rgba(200, 200, 200, 0.7);
	color: #000;
}

.sold .js-room-info {
	border-color: #ed4c4c;
}
.sold .js-room-info strong {
	background: rgba(237, 76, 76, 0.7);
}

.floor-selector {
	align-self: center;
	margin-top: 3rem;
	width: 75.2rem;
	max-width: 100%;
}

.floor-selector__title {
	font: 500 2.4rem 'Geist', Arial, sans-serif;
	text-align: center;
	color: #000;
}

.floor-selector__numbers {
	margin-top: 3rem;
	width: 100%;
	font: 500 2rem 'Geist', Arial, sans-serif;
}

.numbers__number {
	border-radius: 50%;
	width: 4.8rem;
	height: 4.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.number--active {
	background-color: #000;
	color: #fff;
}

.number--inactive {
	background-color: #fff;
	border: 0.1rem solid #000;
	color: #000;
}

.section__nav-header {
	display: flex;
	align-items: stretch;
	width: 100%;

	border-bottom: 1px solid #000;
	background: #fff;
}

.nav-header__tab {
	width: 100%;
	padding: 2.2rem 2rem;
	display: flex;
	align-items: center;
	justify-content: center;

	transition: 0.3s;

	cursor: pointer;

	background-color: #fff;
	color: #000;

	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.2;
}

.nav-header__tab:hover {
	background-color: #000;
	color: #fff;
}

.nav-header__tab:hover .content__icon svg {
	fill: #fff;
}

.tab--active {
	background-color: #000;
	color: #fff;
	pointer-events: none;
}

.tab__content {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.content__icon {
	width: 4rem;
	height: 4rem;
	border-radius: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.content__icon svg {
	width: 100%;
	height: 100%;
	fill: #000;

	transition: 0.3s;
}

.selection__notice {
	color: #979797;

	text-align: center;
	align-self: center;

	max-width: 36rem;
	width: 100%;
	font: 500 6.4rem/7.7rem 'Geist', Arial, sans-serif;
}

.selection__room {
	display: flex;
	flex-direction: column;
	justify-content: center;

	flex: 1;
}

.selection__actions {
	background-color: #000;

	width: 100%;
	padding: 3.7rem 5.4rem;
	display: flex;
	justify-content: center;
}

.actions__group {
	display: flex;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
	width: 100%;
}

.group__action-btn {
	border: 0;
	border-radius: 1.6rem;
	background-color: #f3f5f5;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 1rem;
	font: 400 1.8rem/1.6 'Geist', Arial, sans-serif;
	color: #000;

	cursor: pointer;
	transition: 0.3s;

	flex: auto;
	white-space: nowrap;

	height: 7.2rem;
}

.group__action-btn:hover {
	opacity: 0.8;
}

.action-btn__icon {
	padding: 0.8rem;
	width: 4rem;
	height: 4rem;

	border-radius: 0.8rem;
	overflow: hidden;

	background-color: #000;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.action-btn__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.action-btn__icon svg {
	fill: #fff;
	width: 100%;
	height: 100%;
}

.action-btn__text {
	margin: 0;
}

.selection-room__content {
	display: flex;
	flex-direction: column;

	gap: 2rem;

	padding-left: 5rem;
	padding-right: 6.3rem;
}

.selection-room__content.hidden {
	display: none;
}

.selection-room__location {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.selection-room__section-name {
	font-size: 2rem;
	color: #464c54;
}

.selection-room__floor-number,
.selection-room__apartment-number {
	font-size: 3.2rem;
	font-weight: 500;
	color: #000;
}

.selection-room__preview {
	text-align: center;
}

.selection-room__preview-image {
	max-width: 100%;
	height: 45rem;

	display: flex;
	flex-direction: column;
	align-items: center;

	padding: 4rem 0;
}

.selection-room__preview-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.selection-room__info {
	align-self: center;
}

.info {
	background-color: #fff;
	border-radius: 2rem;
	padding: 2.5rem 5rem;

	display: flex;
	align-items: center;

	gap: 5.5rem;
}

.info__stats {
	display: flex;
	gap: 5rem;

	white-space: nowrap;
}

.info__label {
	font-size: 2rem;
	color: #464c54;
	margin-bottom: 0.5rem;
}

.info__value {
	font-size: 3.2rem;
	font-weight: 500;
	color: #000;
}

.info__price {
	background-color: #000;
	border-radius: 1.6rem;
	color: #fff;
	padding: 0.8rem 3.2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: none;
	cursor: pointer;

	max-width: 30.6rem;
	width: 100%;
	height: 7.2rem;

	font-size: 1.8rem;
	transition: 0.3s;

	cursor: pointer;
}

.info__price:hover {
	opacity: 0.8;
}

.hidden {
	display: none;
}

.chessboard-floors path {
	cursor: pointer;
	fill-opacity: 0;
	transition: fill-opacity 0.3s ease;
}

.chessboard-floors path:hover {
	fill-opacity: 0.35;
}

.floor-popup-select-swiper .swiper-slide {
	width: auto;
}

.floor-popup-select-swiper .swiper-slide {
	width: auto;
}

.floor-popup-select-swiper .swiper-slide.swiper-slide-active .js-modal-floor-button {
	pointer-events: none;
	background: #000;
	color: #fff;
}

.floor-popup-select-swiper .js-modal-floor-button {
	border: 1px solid #000;

	width: 4.8rem;
	height: 4.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-shrink: 0;

	color: #000;

	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;

	background: #fff;
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
	transition: 0.3s;
}

.floor-popup-select-swiper .js-modal-floor-button:hover {
	background: #000;
	color: #fff;
	opacity: 0.6;
}

.selected-room {
	padding: 4rem;
	padding-top: 5rem;
	padding-bottom: 3.8rem;

	padding-right: 3.8rem;

	background: #f3f5f5;

	color: #000;
}
.selected-room__content {
	display: flex;
	flex-direction: column;

	gap: 4rem;
}

.selected-room__title {
	margin: 0;

	font-size: 3.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

.selected-room__wrapper {
	display: flex;
	flex-direction: column;

	gap: 3rem;
}

.selected-room__label {
	color: #7f868f;
	font-size: 3rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

.selected-room__image {
	height: 37rem;
	width: 100%;
}
.selected-room__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.selected-room__info {
	align-self: center;

	padding: 2rem 5rem;
}
.selected-room__label--hidden {
	display: none;
	color: #7f868f;

	font-size: 2.67rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;

	margin-bottom: 2.67rem;
}
.selected-room__title--hidden {
	margin: 0;
	margin-bottom: 1rem;
	text-align: left;

	font-size: 2.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

.selection__left-column .section__nav-header {
	display: none;
}

.selection__right-column .nav-header__tab .content__text--hidden {
	display: none;
}

@media screen and (max-width: 1023px) {
	.selected-room__label--hidden {
		display: block;
	}

	.selection__right-column {
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 50;

		transition: 0.3s linear;

		overflow-y: auto;
		height: 100%;
		width: 100%;

		visibility: hidden;

		gap: 20px;
	}
	.selection__right-column.show {
		left: 0;

		visibility: visible;
	}

	.selection-room__content {
		padding: 0 20px;

		gap: 0;
	}

	.selection-room__info {
		width: 100%;
	}

	.selection-room__section-name {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
	}

	.selection-room__floor-number,
	.selection-room__apartment-number {
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}

	.selection__left-column {
		padding: 0;
	}
	.selection__left-column .section__nav-header {
		display: flex;
	}

	.selection__header {
		padding: 0 20px;
		padding-top: 20px;
	}

	.floor-plan {
		padding: 0 20px;
	}
	.floor-selector {
		padding: 0 20px;
		padding-bottom: 40px;
	}
	.info {
		padding: 25px 14.5px;
		border-radius: 20px;
		gap: 20px;

		flex-direction: column;
		align-items: stretch;
	}
	.info .btn {
		width: 100%;
	}

	.selection__room {
		padding-bottom: 20px;
	}

	.info__stats {
		gap: 20px 50px;
	}

	.info__label {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		margin: 0;
	}

	.info__value {
		font-size: 24px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}

	.actions__group {
		flex-direction: column;

		gap: 20px;
	}

	.group__action-btn {
		border-radius: 16px;
		padding: 10px 15px;
		align-items: center;
		justify-content: flex-start;
		gap: 16px;

		height: 60px;

		gap: 20px;

		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%;
		width: 100%;
	}

	.action-btn__icon {
		width: 36px;
		height: 36px;

		padding: 6px;
	}

	.apartment-selection {
		padding: 0;
	}

	.selection__container {
		flex-direction: column;
		height: 100%;

		position: relative;
	}

	.selection__left-column,
	.selection__right-column {
		width: 100%;
	}
	.selection__right-column .nav-header__tab .content__text {
		display: none;
	}
	.selection__right-column .nav-header__tab .content__text--hidden {
		display: block;
	}

	.floor-plan__content-wrapper {
		overflow-x: auto;

		margin: 0 -20px;
	}
	.floor-plan__content {
		width: 596.11px;
		min-width: 596.11px;
		flex-shrink: 0;

		padding: 0 0 80.8% 0;

		margin: 0 20px;
	}

	.title-wrapper__main-title {
		font-size: 4rem;
	}

	.nav-buttons {
		margin: 0 -20px;
		padding: 0 20px;

		margin-top: 20px;

		flex-wrap: nowrap;
		gap: 16px;

		padding-bottom: 10px;
	}

	.nav-buttons__btn {
		width: 153px;
		height: 51px;

		border-radius: 16px;
		padding: 10px 32px;
		gap: 16px;
	}
	.selection__header {
		margin-bottom: 20px;
	}
	.floor-plan__legend {
		justify-content: flex-start;
		gap: 20px;

		margin-top: 28px;
	}
	.legend__item {
		gap: 10px;

		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.item__status {
		width: 20px;
		height: 20px;
	}
	.floor-selector__title {
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.floor-selector__numbers {
		margin-top: 20px;
	}
	.floor-selector__numbers .swiper-wrapper {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 16px;

		box-sizing: border-box;
		overflow: hidden;
		transform: none !important;
	}
	.floor-selector__numbers .swiper-wrapper .swiper-slide {
		margin: 0 !important;
	}
	.nav-header__tab {
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;

		min-height: 60px;

		padding: 10px 16px;
	}
	.tab__content {
		gap: 8px;
	}
	.content__icon {
		width: 20px;
		height: 20px;
	}

	.selection__notice {
		font-size: 4rem;
		line-height: 5.3rem;
	}

	.selection__actions {
		padding: 40px 20px;
	}
}

.internal_hero {
	padding-top: 3.2rem;
	padding-bottom: 3.2rem;
	background: #f3f5f5;
	border-bottom-left-radius: 3.2rem;
	border-bottom-right-radius: 3.2rem;
}
.internal_hero--pt17 {
	padding-top: 16.9rem;
	padding-bottom: 4.8rem;
}

.internal_container {
	padding: 0 3.2rem;
	width: 100%;
	position: relative;
	margin: 0 auto;
	max-width: calc(var(--page-width));
}

.internal_hero__container {
	display: flex;
}
.internal_hero__container--grid {
	display: grid;
	gap: 1.6rem;
	grid-template-columns: 1fr 65.6rem;
}

.internal_hero__main-img {
	clip-path: url(#hero_big_figure);
	max-width: 80rem;
	width: 100%;
	min-height: 93.2rem;
	border-radius: 3.2rem;
	position: absolute;
	height: 100%;
	right: 0rem;
	top: 0;
}

.internal_hero__main-img img {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 40% 50%;
	object-position: 40% 50%;
	height: 100%;
	width: 100%;
	position: relative;
}

.internal_hero__main-img:after {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.internal_hero__main-img:after {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 23.5%);
	content: '';
}

.internal_hero__left {
	display: flex;
	flex-wrap: wrap;
	padding-top: 24.1rem;
	flex-direction: column;
	width: 55%;
	margin-right: auto;
	align-items: flex-start;
	flex-shrink: 0;
	padding-bottom: 20.8rem;
}
.internal_hero__left--pt22 {
	padding-top: 21.5rem;
}
.internal_hero__left--white {
	width: 100%;
	padding: 6.4rem;
	height: 80rem;
	justify-content: flex-end;
	background: #fff;
	border-radius: 3.2rem;
}

.internal_hero__uptitle {
	color: var(--main_bg, #fff);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	display: flex;
	padding: 0.8rem 2rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	border-radius: 10rem;
	background: #f43563;
}

.internal_hero__title {
	color: var(--logo_text, #000);
	font-size: 6.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	margin-top: 1.6rem;
	margin-bottom: 2.4rem;
}
.internal_hero__title span {
	color: var(--red-1);
}
.internal_hero__title--vis {
	width: 72rem;
}

.internal_hero__text {
	color: var(--body_text, #6f7780);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	width: 64rem;
}
.internal_hero__text--fz2 {
	font-size: 2rem;
}
.internal_hero__text--w80 {
	width: 80rem;
}

.internal_hero__btn {
	margin-top: 6.2rem;
	color: var(--main_bg, #fff);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	gap: 3.2rem;
	display: flex;
	padding: 0.8rem 0.8rem 0.8rem 3.2rem;
	justify-content: space-between;
	align-items: center;
	min-width: 31.4rem;
}

.internal_hero__right {
	width: 45%;
}
.internal_hero__right--images {
	width: 100%;
	height: 80rem;
	overflow: hidden;
	border-radius: 3.2rem;
}

.internal-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.6rem;
	width: 100%;
	padding: 0 3.2rem;
	position: absolute;
	left: 0;
	bottom: 3.2rem;
}
.internal-features--pr {
	padding: 0;
	grid-column: span 2;
	position: relative;
	left: 0;
	bottom: 0;
	grid-template-columns: 1fr 1fr 65.6rem;
}
.internal-feature {
	background: #fff;
	padding: 2.4rem 0.4rem 2.4rem 2.4rem;
	border-radius: 1.6rem;
	display: flex;
	gap: 3.2rem;
	align-items: center;
}
.internal-feature__icon {
	background: var(--red-1);
	width: 6.4rem;
	height: 6.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2.4rem;
	flex: 0 0 auto;
}
.internal-feature__icon img {
	height: 2.4rem;
}
.internal-feature__title {
	color: #000;
	font-size: 2.4rem;
	line-height: 1.6;
	font-weight: 500;
	display: block;
}
.internal-feature__text {
	font: 400 1.6rem/1.5 Geist, sans-serif;
	display: block;
	color: var(--body_text, #6f7780);
}

.internal_hero__slider {
	width: 100%;
	height: 100%;
}

.internal_hero__img {
	height: 100%;
	width: 100%;
}
.internal_hero__img > img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.internal_slider-pagination {
	position: absolute;
	padding: 3.2rem;
	top: 0 !important;
	left: 0 !important;
	bottom: auto !important;
	z-index: 1;
	display: flex;
	gap: 0.8rem;
}
.internal_slider-pagination span {
	width: 100%;
	height: 0.8rem;
	background: #fff;
	border-radius: 0.5rem;
	margin: 0 !important;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: var(--red-1) !important;
}
.cases_pagination .swiper-pagination-bullet-active {
	background: rgba(207, 209, 210, 0.5) !important;
}

.internal_slider-control {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: 18.4rem;
	height: 7.2rem;
	gap: 0.8rem;
	position: absolute;
	bottom: 3.2rem;
	right: 3.2rem;
	z-index: 1;
}

.internal_slider-prev {
	background: #fff url(../images/ico_arrow-left.svg) no-repeat 50% 50%/2.4rem 2.4rem;
	cursor: pointer;
	border-radius: 10rem;
}

.internal_slider-next {
	background: #fff url(../images/ico_arrow-right.svg) no-repeat 50% 50%/2.4rem 2.4rem;
	cursor: pointer;
	border-radius: 10rem;
}

.visual {
	margin-top: 11.2rem;
}
.visual_container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.visual-title {
	text-align: center;
	max-width: 84rem;
	text-align: center;
	font: 500 4.8rem/1.2 Geist, sans-serif;
}
.visual-title span {
	color: var(--red-1);
}
.visual-text {
	color: #6f7780;
	text-align: center;
	font: 400 2rem/1.6 Geist, sans-serif;
	max-width: 86rem;
	margin-top: 3rem;
}
.visual-images {
	margin-top: 6.4rem;
	width: 100%;
	display: flex;
	position: relative;
}
.visual-image-1 {
	margin-right: auto;
	width: 59.4rem;
	height: 80rem;
	position: relative;
}
.visual-image-1 > img {
	border: 0.1rem solid #eceded;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 3.2rem;
}
.visual-image-1__descr {
	position: absolute;
	font: 500 1.6rem/1.6 Geist, sans-serif;
	color: #000;
	background: #f5f7fa;
	border-radius: 10rem;
	padding: 0.8rem 2rem;
	top: 1.6rem;
	left: 1.6rem;
}
.visual-image-2 {
	width: calc(100% - 59.5rem);
	height: 80rem;
	position: relative;
}
.visual-image-2 > img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 3.2rem;
}
.visual-image-2__descr {
	position: absolute;
	font: 500 1.6rem/1.6 Geist, sans-serif;
	color: #000;
	background: #fff;
	border-radius: 10rem;
	padding: 0.8rem 2rem;
	top: 1.6rem;
	right: 1.6rem;
}
.visual-switcher {
	width: 10rem;
	height: 10rem;
	position: absolute;
	border-radius: 50%;
	background: #fff url(../images/ico_switcher.svg) no-repeat 50% 50%;
	top: calc(50% - 5rem);
	left: 54.4rem;
}
.visual-features {
	display: flex;
	gap: 1.6rem;
	width: 100%;
	margin-top: 1.6rem;
}
.visual-feature {
	width: calc(33.3333333% - 1.06rem);
	background: #fff;
	padding: 2.4rem;
	border-radius: 1.6rem;
	display: flex;
	gap: 3.2rem;
	align-items: center;
}
.visual-feature__icon {
	background: var(--red-1);
	width: 6.4rem;
	height: 6.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2.4rem;
	flex: 0 0 auto;
}
.visual-feature__title {
	color: #000;
	font-size: 2.4rem;
	line-height: 1.6;
	font-weight: 500;
	display: block;
}
.visual-feature__text {
	display: block;
	color: var(--body_text, #6f7780);
}

.gallery {
	margin-top: 11.2rem;
}
.gallery--mini {
	margin-top: 7rem;
}
.gallery-head {
	display: flex;
	width: 100%;
}
.gallery-title {
	color: #000;
	font: 500 4.8rem/1.2 Geist, sans-serif;
	width: 93rem;
	margin-right: auto;
}
.gallery-title span {
	color: var(--red-1);
}
.gallery-title--w85 {
	width: 85rem;
}
.gallery-info {
	width: 50.7rem;
	margin-top: -0.3rem;
}
.gallery-info--w45 {
	width: 45rem;
}
.gallery-text {
	font: 400 2rem/1.6 Geist, sans-serif;
	color: #6f7780;
	margin: 0 -0.8rem 0 0;
}
.gallery-text span {
	color: var(--red-1);
	font-weight: 500;
}
.gallery-btn {
	width: 100%;
	margin-top: 3.2rem;
}
.gallery-btn span + span {
	display: none;
}
.gallery-filter {
	display: flex;
	gap: 1.6rem;
	flex-wrap: wrap;
	margin-top: 6.4rem;
}
.gallery-checkbox input {
	height: 0;
	width: 0;
	opacity: 0;
	position: absolute;
}
.gallery-checkbox input:checked + span {
	background: #000;
	color: #fff;
}
.gallery-checkbox input:checked + span:before {
	content: '●';
	font-size: 1rem;
	margin-right: 1.4rem;
}
.gallery-checkbox span {
	font: 400 1.8rem/1.5 Geist, sans-serif;
	background: #f3f5f5;
	border-radius: 1.6rem;
	display: flex;
	height: 7.5rem;
	padding: 0.5rem 3.2rem;
	color: #000;
	align-items: center;
	cursor: pointer;
}
.gallery-slider {
	width: 251.4rem;
	margin-top: 3.2rem;
	margin-left: 0;
	overflow: visible;
	position: relative;
}
.gallery-slider--mini {
	width: 224.6rem;
}
.gallery-slider--mt2 {
	margin-top: 1.6rem;
}
.gallery-slider-wrapper {
	width: 125.7rem;
}
.gallery-slide {
	padding-right: 1.6rem;
}
.gallery-slide > img {
	height: 69.9rem;
	width: 100%;
	border-radius: 3.2rem;
	overflow: hidden;
	-o-object-fit: cover;
	object-fit: cover;
}
.gallery-next {
	position: absolute;
	width: 10rem;
	height: 10rem;
	cursor: pointer;
	z-index: 1;
	background: #f3f5f5 url(../images/ico_next-2.svg) no-repeat 50% 50%;
	top: calc(50% - 5.1rem);
	left: 119.5rem;
	border-radius: 50%;
}
.gallery-next--red {
	left: 106.5rem;
	background: var(--red-1) url(../images/ico_next-1.svg) no-repeat 50% 50%;
}
.gallery-features {
	margin-top: 6.4rem;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.6rem;
}
.gallery-feature {
	padding: 2.4rem 3.2rem;
	gap: 1.6rem;
	display: flex;
	align-items: center;
	background: #f3f5f5;
	border-radius: 1.6rem;
}
.gallery-feature__icon {
	height: 2.4rem;
	width: 2.4rem;
	flex: 0 0 auto;
}
.gallery-feature__icon > img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.gallery-feature__text {
	color: #000;
	font: 400 1.6rem/1.5 Geist, sans-serif;
}

.create {
	margin-top: 11rem;
}
.create-title {
	font: 500 4.8rem/1.2 Geist, sans-serif;
	width: 71rem;
}
.create-title--w90 {
	width: 90rem;
}
.create-title span {
	color: var(--red-1);
}
.create-text {
	margin-top: 1.6rem;
	width: 71rem;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	color: #6f7780;
}
.create-list {
	display: grid;
	margin-top: 6.4rem;
	gap: 1.6rem;
	width: 100%;
}
.create-list--5col {
	grid-template-columns: repeat(5, 1fr);
}
.create-list--4col {
	grid-template-columns: repeat(4, 1fr);
}
.create-item {
	background: #f3f5f5;
	border-radius: 3.2rem;
	min-height: 32rem;
	padding: 3.2rem;
}
.create-item--df {
	display: flex;
	flex-direction: column;
}
.create-item__icon {
	width: 8rem;
	height: 8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	border-radius: 2.4rem;
	margin-bottom: auto;
}
.create-item__icon img {
	height: 2.8rem;
}
.create-item__title {
	color: #000;
	font: 400 2.8rem/1.2 Geist, sans-serif;
	margin-top: 8rem;
	display: block;
}
.create-item__text {
	color: #6f7780;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	margin-top: 0.8rem;
}
.create-item__text--mt16 {
	margin-top: 1.6rem;
}

.package {
	margin-top: 11.2rem;
}
.package_container {
	background: #f3f5f5;
	padding: 6.4rem;
	border-radius: 3.2rem;
	max-width: 179.2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.package-uptitle {
	background: var(--red-1);
	color: #fff;
	padding: 0.8rem 2rem;
	border-radius: 10rem;
	font: 400 1.6rem/1.6 Geist, sans-serif;
	text-align: center;
}
.package-title {
	color: #000;
	text-align: center;
	font: 500 4.8rem/1.2 Geist, sans-serif;
	margin-top: 1.6rem;
	max-width: 89rem;
}
.package-title--w116 {
	max-width: 116rem;
}
.package-title--w72 {
	max-width: 72rem;
}
.package-text {
	color: #6f7780;
	margin-top: 1.6rem;
	text-align: center;
	max-width: 89rem;
	font: 400 1.8rem/1.5 Geist, sans-serif;
}
.package-text--w83rem {
	max-width: 83rem;
}
.package-text--w70 {
	width: 70rem;
}
.package-text--w61 {
	width: 61rem;
}
.package-list {
	display: grid;
	margin-top: 6.4rem;
	width: 100%;
	gap: 3.2rem 0;
}
.package-list--2col {
	grid-template-columns: 1fr 1fr;
}
.package-list--3col {
	grid-template-columns: 1fr 1fr 1fr;
}
.package-item__head {
	border: 0.1rem solid rgba(207, 209, 210, 0.4);
	padding: 4.7rem;
	border-radius: 3.2rem;
	width: 100%;
	position: relative;
	background: #fff;
}
.package-item__title {
	color: #000;
	font: 500 3.2rem/1.2 Geist, sans-serif;
	display: block;
}
.package-item__title span {
	color: #6f7780;
}
.package-item__socials {
	display: inline-block;
	width: 8.8rem;
	height: 2.4rem;
	background: url(../images/logo_socials.svg) no-repeat 50% 50% / contain;
}
.package-item__price {
	background: var(--red-1);
	position: absolute;
	display: block;
	border-radius: 10rem;
	color: #fff;
	padding: 0.8rem 2rem;
	font: 500 2.4rem/1.6 Geist, sans-serif;
	top: 1.6rem;
	right: 1.6rem;
}
.package-item__subtitle {
	color: #6f7780;
	margin-top: 1.6rem;
	font: 400 1.6rem/1.5 Geist, sans-serif;
}
.package-item__body {
	background: #fff;
	border: 0.1rem solid rgba(207, 209, 210, 0.4);
	padding: 4.7rem;
	border-radius: 3.2rem;
	width: 100%;
	position: relative;
	margin-top: -0.1rem;
}
.package-item__ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 3.2rem;
}
.package-item__ul--col3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 144rem;
}
.package-item__ul--h40 {
	min-height: 40rem;
}
.package-item__li {
	position: relative;
	padding-left: 3.4rem;
}
.package-item__li:before {
	content: '';
	display: block;
	background: url(../images/ico_list-decor.svg) no-repeat 50% 50% / cover;
	width: 1.8rem;
	height: 3.5rem;
	left: 0;
	top: 0;
	position: absolute;
}
.package-item__li-name {
	display: block;
	color: #000;
	font: 500 1.8rem/1.5 Geist, sans-serif;
}
.package-item__li-text {
	display: block;
	color: #6f7780;
	margin-right: -0.5rem;
	font: 400 1.8rem/1.5 Geist, sans-serif;
}
.package-item__title-2 {
	color: #000;
	font: 500 2.4rem/1.6 Geist, sans-serif;
	padding-right: 15rem;
	display: block;
	margin-top: 4.8rem;
}
.package-item__text {
	color: #6f7780;
	font: 400 1.6rem/1.5 Geist, sans-serif;
}
.package-item__features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.6rem;
	margin-top: 1.6rem;
}
.package-item__features--3i > :nth-child(3) {
	grid-column: span 2;
}
.package-item__feature {
	position: relative;
	background: #f5f7fa;
	border-radius: 3.2rem;
	padding: 3.2rem 2.5rem 3.2rem 7.2rem;
}
.package-item__feature-icon {
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	top: 3.2rem;
	left: 3.2rem;
}
.package-item__feature-icon > img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.package-item__feature-title {
	color: #000;
	font: 500 1.8rem/1.5 Geist, sans-serif;
}
.package-item__feature-text {
	margin-top: 0.8rem;
	color: #6f7780;
	font: 400 1.8rem/1.5 Geist, sans-serif;
}
.package-item__btn {
	width: 100%;
	margin-top: 4.4rem;
}
.package-item__btn--mt6 {
	margin-top: 6.4rem;
}
.package-item__btn--wide {
	margin-left: -1.2rem;
	width: calc(100% + 2.4rem);
}

.package-item--black .package-item__head {
	background: #000;
}

.package-item--black .package-item__title {
	color: #fff;
}

.package-item--black .package-item__subtitle {
	color: #f3f5f5;
}

.package-item--black .package-item__li-name {
	color: #fff;
}

.package-item--black .package-item__li-text {
	color: #a2acb8;
}

.package-item--black .package-item__body {
	background: #000;
}

.package-item--black .package-item__title-2 {
	color: #fff;
}

.package-item--black .package-item__text {
	color: #a2acb8;
}

.package-item--black .package-item__btn {
	background: var(--red-1);
}

.help {
	margin-top: 0;
}
.help-container {
	display: grid;
	width: 100%;
	grid-template-columns: 74.6rem 1fr;
}
.help-left {
	margin-right: auto;
	width: 100%;
}
.help-title {
	font: 500 4.8rem/1.2 Geist, sans-serif;
	width: 71rem;
	color: #000;
}
.help-title span {
	color: var(--red-1);
}
.help-title strong {
	font-weight: inherit;
	color: var(--red-1);
}
.help-text {
	color: #6f7780;
	margin-top: 1.6rem;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	width: 71.2rem;
}
.help-remain {
	width: 100%;
	background: #f3f5f5;
	margin-top: 11.2rem;
	padding: 4.8rem;
	border-radius: 3.2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.help-remain__title {
	color: #000;
	font: 400 2.8rem/1.2 Geist, sans-serif;
}
.help-remain__text {
	color: #6f7780;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	margin-top: 0.8rem;
	max-width: 54rem;
}
.help-remain__btn {
	margin-top: 3.2rem;
	min-width: 45.8rem;
}
.help-list {
	width: 88.8rem;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	grid-row: span 2;
	margin-left: auto;
}
.help-item {
	background: #f3f5f5;
	border-radius: 3.2rem;
	overflow: hidden;
	padding-bottom: 1.6rem;
}
.help-question {
	font: 500 2.4rem/1.2 Geist, sans-serif;
}
.help-question summary {
	padding: 4.8rem 4.8rem 3.2rem 4.8rem;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 2rem;
	cursor: pointer;
}
.help-question summary:after {
	content: '';
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	flex: 0 0 auto;
	margin-left: auto;
	background: url(../images/ico_plus.svg) no-repeat 50% 50%/2.5rem 2.5rem;
}
.help-answer {
	display: grid;
	grid-template-rows: 0fr;
	padding: 0 4.8rem;
	transition: 0.4s;
	margin-top: 0;
}
.help-answer > div {
	overflow: hidden;
	color: #6f7780;
	font: 400 1.8rem/1.5 Geist, sans-serif;
}

.help-question[open] + .help-answer {
	grid-template-rows: 1fr;
	margin-bottom: 3.2rem;
}

.help-question[open] summary:after {
	background: url(../images/ico_minus.svg) no-repeat 50% 50%/3.2rem 3.2rem;
}

.propos {
	margin-top: 11.2rem;
}
.propos__in {
	border-radius: 3.2rem;
	background: url(../images/bg_propos.jpg) no-repeat 50% 0 / cover;
	padding: 6.4rem;
	display: flex;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}
.propos__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 90rem;
}
.propos__title {
	color: #fff;
	padding: 3.2rem;
	width: 60rem;
	padding-bottom: 3.2rem;
	margin-bottom: 15rem;
}
.propos__title span {
	color: var(--red-1);
}
.propos__title--w65 {
	width: 65rem;
}
.propos__after {
	width: 51.2rem;
	min-height: 38.8rem;
	clip-path: url(#propos_blur);
	background: #fff;
	margin-top: auto;
	padding: 3.2rem;
}
.propos__after_title {
	color: #000;
	font-size: 3.2rem;
	line-height: 1.3em;
	font-weight: 400;
}
.propos__features {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 3.2rem;
	margin-top: 2.6rem;
}
.propos__feature {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 2.4rem;
}
.propos__feature_icon {
	display: flex;
	background: var(--red-1);
	width: 6.4rem;
	height: 6.4rem;
	justify-content: center;
	align-items: center;
	padding: 1.6rem;
	border-radius: 2.4rem;
	flex: 0 0 auto;
}
.propos__feature_text {
	font: 400 1.8rem/1.5 Geist, sans-serif;
	color: #000;
}
.propos__right {
	background: #fff;
	width: 70rem;
	padding: 6.4rem;
	border-radius: 3.2rem;
	position: relative;
	z-index: 3;
}
.propos_form_title {
	color: var(--black-1);
	font-size: 3.2rem;
	line-height: 1.2em;
	margin: -0.2rem 0 3.2rem;
	font-weight: 500;
}

.other {
	margin-top: 6.4rem;
	margin-bottom: 6.4rem;
}
.other-title {
	font: 500 4.8rem/1.2 Geist, sans-serif;
}
.other-list {
	display: grid;
	margin-top: 4.4rem;
	gap: 3.2rem;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
}
.other-item__image {
	width: 100%;
	height: 57.6rem;
}
.other-item__image > img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 3.2rem;
}
.other-item__info {
	border-radius: 3.2rem;
	border: 0.1rem solid rgba(207, 209, 210, 0.4);
	min-height: 23rem;
	padding: 3.1rem;
}
.other-item__title {
	color: #000;
	font: 500 2.4rem/1.6 Geist, sans-serif;
	margin: 0 -0.5rem 0 0;
}
.other-item__text {
	color: #6f7780;
	font: 400 1.6rem/1.5 Geist, sans-serif;
}
.other-item__btn {
	width: 100%;
	margin-top: 3rem;
}

.variant {
	margin-top: 6.4rem;
	padding-bottom: 1.6rem;
}
.variant-head {
	display: flex;
	width: 100%;
}
.variant-title {
	width: 75rem;
	font: 500 4.8rem/1.2 Geist, sans-serif;
	margin-right: auto;
}
.variant-title span {
	color: var(--red-1);
}
.variant-text {
	width: 50.8rem;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	color: #6f7780;
}
.variant-text--v2 {
	margin-top: auto;
	width: 53rem;
}
.variant-list {
	margin-top: 6.4rem;
	display: grid;
	gap: 1.6rem;
	grid-template-columns: repeat(3, 1fr);
}
.variant-item {
	background: #f3f5f5;
	padding: 4.8rem;
	border-radius: 3.2rem;
}
.variant-item__title {
	color: #000;
	font: 400 2.8rem/1.2 Geist, sans-serif;
}
.variant-item__text {
	padding-right: 0.8rem;
	min-height: 8.1rem;
	margin-top: 1.4rem;
	color: #6f7780;
	font: 400 1.8rem/1.5 Geist, sans-serif;
}
.variant-item__image {
	margin-top: 3.2rem;
	height: 49rem;
	width: 100%;
}
.variant-item__image > img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 3.2rem;
}

.need {
	margin-top: 11rem;
}
.need-head {
	display: flex;
	align-items: center;
}
.need-title {
	font: 500 4.8rem/1.2 Geist, sans-serif;
	width: 71rem;
	margin-right: auto;
}
.need-title span {
	color: var(--red-1);
}
.need-title strong {
	font-weight: inherit;
	color: var(--red-1);
}
.need-title--w90 {
	width: 90rem;
}
.need-title--w80 {
	width: 80rem;
}
.need-text {
	width: 53rem;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	color: #6f7780;
}
.need-text span {
	font-weight: 500;
	color: var(--red-1);
}
.need-text--v2 {
	margin-top: auto;
	width: 42.5rem;
}
.need-list {
	display: grid;
	margin-top: 6.4rem;
	gap: 1.6rem;
	width: 100%;
}
.need-list--3col {
	grid-template-columns: repeat(3, 1fr);
}
.need-item {
	background: #f3f5f5;
	border-radius: 3.2rem;
	min-height: 41.9rem;
	padding: 4.8rem;
	display: flex;
	flex-direction: column;
}
.need-item__icon {
	width: 8rem;
	height: 8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	border-radius: 2.4rem;
	margin-bottom: 3rem;
}
.need-item__icon img {
	height: 3.3rem;
}
.need-item__title {
	color: #000;
	font: 400 2.8rem/1.2 Geist, sans-serif;
	margin-top: auto;
	display: block;
}
.need-item__text {
	color: #6f7780;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	margin-top: 1.6rem;
}

.example {
	margin-top: 6.4rem;
}
.example_container {
	height: 90rem;
}
.example-video {
	border-radius: 3.2rem;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.result {
	margin-top: 11.2rem;
}
.result-head {
	position: relative;
	padding-right: 60rem;
}
.result-title {
	font: 500 4.8rem/1.2 Geist, sans-serif;
	width: 87rem;
}
.result-title span {
	color: var(--red-1);
}
.result-text {
	margin-top: 2.4rem;
	width: 63rem;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	color: #6f7780;
}
.result-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 35.6rem;
}
.result-list {
	margin-top: 4.4rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3.2rem;
}
.result-item__image {
	width: 100%;
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 3.2rem;
	border: 0.1rem solid rgba(207, 209, 210, 0.4);
}
.result-item__image > img {
	position: absolute;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.result-item__info {
	border: 0.1rem solid rgba(207, 209, 210, 0.4);
	padding: 3.1rem;
	border-radius: 3.2rem;
}
.result-item__title {
	color: #000;
	font: 500 2.4rem/1.6 Geist, sans-serif;
}
.result-item__text {
	color: #6f7780;
	font: 400 1.6rem/1.5 Geist, sans-serif;
}
.result-item__stats {
	margin-top: 4.1rem;
	gap: 1.6rem 1.1rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.result-item__stat span {
	color: #6f7780;
	font: 400 1.4rem/1.5 Geist, sans-serif;
	display: block;
}
.result-item__stat b {
	color: #000;
	font: 500 1.8rem/1.2 Geist, sans-serif;
	display: block;
}
.result-item__btn {
	width: 100%;
	margin-top: 4.5rem;
}
.result-features {
	margin-top: 4.4rem;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.6rem;
}
.result-feature {
	padding: 2.4rem 3.2rem;
	gap: 1.6rem;
	display: flex;
	align-items: center;
	background: #f3f5f5;
	border-radius: 1.6rem;
}
.result-feature__icon {
	height: 2.4rem;
	width: 2.4rem;
	flex: 0 0 auto;
}
.result-feature__icon > img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.result-feature__text {
	color: #000;
	font: 400 1.6rem/1.5 Geist, sans-serif;
}

.start {
	margin-top: 4.4rem;
}
.start-inner {
	width: 100%;
	display: flex;
	background: url(../images/bg_lead.jpg) no-repeat 50% 50% / cover;
	padding: 6.4rem;
	border-radius: 3.2rem;
}
.start-left {
	width: 81rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-right: auto;
}
.start-uptitle {
	font: 400 1.6rem/1.6 Geist, sans-serif;
	color: #fff;
	background: var(--red-1);
	padding: 0.8rem 2rem;
	border-radius: 3rem;
}
.start-title {
	color: #fff;
	margin-top: 1.6rem;
	font: 500 4.8rem/1.2 Geist, sans-serif;
}
.start-right {
	margin-top: auto;
	width: 48rem;
}
.start-text {
	color: #fff;
	font: 400 1.8rem/1.5 Geist, sans-serif;
}
.start-btn {
	margin-top: 3.2rem;
	width: 100%;
}

.btn--white {
	background: #fff;
	color: #000;
}
.btn--white i {
	background: var(--red-1);
}
.btn--white use {
	fill: #fff;
}

.process {
	margin-top: 11.2rem;
}
.process_container {
	display: flex;
}
.process-left {
	width: 76.9rem;
	margin-right: auto;
}
.process-title {
	color: #000;
	font: 500 4.8rem/1.2 Geist, sans-serif;
}
.process-text {
	margin-top: 1.6rem;
	max-width: 58rem;
	color: #6f7780;
	font: 400 1.8rem/1.5 Geist, sans-serif;
}
.process-image {
	margin-top: 6.4rem;
	clip-path: url(#process_figure);
	width: 100%;
	height: 83rem;
}
.process-image > img {
	width: 100%;
	height: 100%;
}
.process-right {
	width: 90.4rem;
	padding: 4.8rem;
	border-radius: 3.2rem;
	background: #f3f5f5;
}
.process-title-2 {
	color: #000;
	font: 500 3.6rem/1.2 Geist, sans-serif;
}
.process-text-2 {
	color: #6f7780;
	font: 400 1.8rem/1.5 Geist, sans-serif;
	margin-top: 1.6rem;
}
.process-steps {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 3.2rem 0 0;
	gap: 0.8rem;
}
.process-step {
	width: 100%;
	background: #fff;
	min-height: 11.2rem;
	padding: 2.4rem;
	border-radius: 1.6rem;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 3.2rem;
}
.process-step__num {
	height: 6.4rem;
	width: 6.4rem;
	border-radius: 2.4rem;
	background: #000;
	color: #fff;
	font: 500 2.4rem/1.2 Geist, sans-serif;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.process-step__title {
	font: 500 2.4rem/1.6 Geist, sans-serif;
	color: #000;
	display: block;
}
.process-step__text {
	display: block;
	color: #6f7780;
	font: 400 1.6rem/1.5 Geist, sans-serif;
}
.process-cta {
	margin-top: 3rem;
	width: 100%;
	border-radius: 1.6rem;
	padding: 3.2rem;
	display: flex;
	background: url(../images/bg_process-cta.jpg);
}
.process-cta__info {
	margin-right: auto;
	width: 36rem;
}
.process-cta__title {
	font: 500 3.2rem/1.2 Geist, sans-serif;
	color: #fff;
}
.process-cta__text {
	color: #fff;
	margin-top: 1.6rem;
	font: 400 1.6rem/1.5 Geist, sans-serif;
}
.process-cta__btn {
	margin-top: auto;
	min-width: 28.2rem;
}

@media screen and (max-width: 1023px) {
	.btn {
		height: 8.4rem;
		padding: 0.8rem 0.8rem 0.8rem 4.3rem;
		font-size: 2.3rem;
		line-height: 1.5em;
	}
	.internal_hero__container {
		flex-direction: column;
		padding: 0 2.2rem;
	}
	.internal_hero__left {
		padding-top: 8.7rem;
		width: 100%;
		padding-bottom: 2rem;
	}
	.internal_hero__uptitle {
		font-size: 1.52rem;
	}
	.internal_hero__title {
		width: 100%;
		margin-top: 2.3rem;
		font-size: 5rem;
	}
	.internal_hero__text {
		width: 100%;
		margin-top: 0.8rem;
		font-size: 2rem;
	}
	.internal_hero__main-img {
		position: relative;
		margin-top: 4.1rem;
		min-height: 29.9rem;
		transform: scaleX(-1);
	}
	.internal_hero__btn {
		width: 100%;
		margin-top: 4.4rem;
		font-size: 2rem;
	}
	.internal-features {
		grid-template-columns: 1fr;
		position: relative;
		bottom: 0;
		padding: 0;
		gap: 2.4rem;
		margin-top: 2.4rem;
	}
	.internal-feature {
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
		padding: 2.8rem;
	}
	.internal-feature__icon {
		height: 6.2rem;
		width: 6.2rem;
	}
	.internal-feature__title {
		font-size: 2.55rem;
	}
	.internal-feature__text {
		font-size: 2rem;
		margin-top: 0.3rem;
	}
	.visual {
		margin-top: 7.3rem;
	}
	.visual-title {
		text-align: left;
		font-size: 4rem;
	}
	.visual-text {
		text-align: left;
		margin-top: 2rem;
	}
	.visual-images {
		flex-direction: column;
		margin-top: 4rem;
	}
	.visual-image-1 {
		width: 100%;
		height: 59rem;
	}
	.visual-image-1__descr {
		font-size: 2rem;
		padding: 1rem 2.3rem;
		top: 2.1rem;
		left: 2.1rem;
	}
	.visual-image-2 {
		width: 100%;
		height: 59rem;
	}
	.visual-image-2 > img {
		-o-object-position: 0 0;
		object-position: 0 0;
	}
	.visual-image-2__descr {
		font-size: 2rem;
		padding: 1rem 2.3rem;
		top: 2.1rem;
		right: 2.1rem;
	}
	.visual-features {
		flex-direction: column;
		position: relative;
		bottom: 0;
		padding: 0;
		gap: 2.4rem;
		margin-top: 2.4rem;
	}
	.visual-feature {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
		padding: 2.8rem;
	}
	.visual-feature__icon {
		height: 6.2rem;
		width: 6.2rem;
	}
	.visual-feature__title {
		font-size: 2.55rem;
	}
	.visual-feature__text {
		font-size: 2rem;
		margin-bottom: 0.3rem;
		margin-top: 0;
	}
	.visual-switcher {
		display: none;
	}
	.gallery {
		margin-top: 8.5rem;
	}
	.gallery .container {
		position: relative;
		padding-bottom: 12.4rem;
	}
	.gallery-head {
		flex-direction: column;
	}
	.gallery-title {
		width: 100%;
		font-size: 4rem;
	}
	.gallery-info {
		width: 100%;
		margin-top: 2rem;
	}
	.gallery-text {
		width: 100%;
	}
	.gallery-btn {
		position: absolute;
		bottom: 0;
		width: calc(100% - 4.8rem);
	}
	.gallery-btn span {
		/* display: none; */
	}
	.gallery-btn span + span {
		display: block;
	}
	.gallery-filter {
		margin-top: 3.8rem;
	}
	.gallery-slider {
		margin-top: 4.2rem;
		width: 120%;
	}
	.gallery-slider-wrapper {
		width: 39.5rem;
	}
	.gallery-slide {
		padding-right: 1.9rem;
	}
	.gallery-slide > img {
		border-radius: 2.6rem;
		height: 60.9rem;
	}
	.gallery-next {
		left: 34.2rem;
		width: 8.2rem;
		height: 8.2rem;
		top: calc(50% - 4.1rem);
	}
	.create {
		margin-top: 8.5rem;
	}
	.create-title {
		width: 100%;
		padding-right: 2%;
		font-size: 4rem;
	}
	.create-text {
		margin-top: 2.3rem;
		width: 100%;
		font-size: 2rem;
	}
	.create-text br {
		display: none;
	}
	.create-list {
		grid-template-columns: 1fr;
		margin-top: 4rem;
		gap: 2.12rem;
	}
	.create-item {
		padding: 4rem;
		min-height: auto;
	}
	.create-item__icon {
		width: 10.2rem;
		height: 10.2rem;
		border-radius: 3.2rem;
	}
	.create-item__title {
		margin-top: 4.2rem;
		font-size: 2.5rem;
	}
	.create-item__text {
		margin-top: 1.2rem;
		font-size: 2.25rem;
	}
	.package {
		margin-top: 8.2rem;
	}
	.package_container {
		padding: 4.2rem 2rem;
		margin: 0 2rem;
		width: calc(100% - 4rem);
	}
	.package-list {
		grid-template-columns: 1fr;
		margin-top: 4rem;
		gap: 0;
	}
	.package-item__features {
		grid-template-columns: 1fr;
		margin-top: 2rem;
		gap: 1.8rem;
	}
	.package-uptitle {
		font-size: 2rem;
		padding: 1rem 2.4rem;
	}
	.package-title {
		font-size: 4rem;
		margin-top: 2.3rem;
	}
	.package-text {
		width: 100%;
		font-size: 2.1rem;
		line-height: 1.47;
		margin-top: 2.2rem;
	}
	.package-item__price {
		position: relative;
		right: auto;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 1.1rem 2.8rem 0.9rem;
		font-size: 2.2rem;
		top: 0;
	}
	.package-item__head {
		padding: 3.8rem;
		border-radius: 4rem;
	}
	.package-item__title {
		padding: 0;
		margin-top: 2.3rem;
		font-size: 3rem;
	}
	.package-item__title span {
		line-height: 1.6;
	}
	.package-item__subtitle {
		font-size: 2rem;
		margin-top: 2.2rem;
		line-height: 1.53;
	}
	.package-item__subtitle br {
		display: none;
	}
	.package-item__body {
		padding: 3.8rem;
		border-radius: 4rem;
	}
	.package-item__ul {
		gap: 3.9rem;
	}
	.package-item__li {
		padding-top: 0.1rem;
		padding-left: 4.4rem;
	}
	.package-item__li:before {
		width: 2.4rem;
		top: 0.4rem;
		left: 0.1rem;
	}
	.package-item__li-name {
		font-size: 2.3rem;
	}
	.package-item__li-text {
		font-size: 2rem;
		margin-top: 0.3rem;
		margin-right: 0rem;
	}
	.package-item__title-2 {
		padding: 0;
		margin-top: 4rem;
		font-size: 2.6rem;
	}
	.package-item__text {
		font-size: 2rem;
	}
	.package-item__feature {
		padding: 4.2rem;
		border-radius: 4rem;
	}
	.package-item__feature-icon {
		position: relative;
		top: 0;
		left: 0;
		width: 3.2rem;
		height: 3.2rem;
	}
	.package-item__feature-title {
		font-size: 2.3rem;
		margin-top: 2rem;
	}
	.package-item__feature-text {
		font-size: 2rem;
		margin-top: 1.1rem;
	}
	.package-item__btn {
		margin-top: 4rem;
		justify-content: center;
		padding: 1rem 2rem;
	}
	.package-item__btn span {
		font-size: 2rem;
	}
	.package-item__btn i {
		display: none;
	}
	.help {
		margin-top: 8.3rem;
	}
	.help-title {
		width: 100%;
		font-size: 4rem;
	}
	.help-left {
		width: 100%;
	}
	.help-text {
		width: 100%;
		font-size: 2rem;
		margin-top: 2.4rem;
	}
	.help-container {
		display: flex;
		flex-direction: column;
	}
	.help-list {
		width: 100%;
		margin-top: 4rem;
		gap: 1.8rem;
	}
	.help-question summary {
		padding: 4.3rem 3.8rem 4.2rem 3.8rem;
	}
	.help-item {
		border-radius: 2.6rem;
		padding-bottom: 0.1rem;
	}
	.help-question {
		font-size: 2.5rem;
	}
	.help-answer > div {
		font-size: 2.3rem;
	}
	.help-answer {
		padding: 0 3.8rem;
	}
	.help-question[open] + .help-answer {
		margin-bottom: 4rem;
	}
	.help-remain {
		margin-top: 4rem;
		padding: 4.3rem 3.8rem;
	}
	.help-remain__title {
		font-size: 3rem;
	}
	.help-remain__text {
		font-size: 2rem;
		margin-top: 1.1rem;
	}
	.help-remain__btn {
		min-width: 100%;
		margin-top: 4rem;
	}
	.help-remain__btn span {
		font-size: 2rem;
		line-height: 1.3;
	}
	.propos {
		margin-top: 8rem;
	}
	.propos__in {
		flex-direction: column;
		padding: 4.1rem 1.3rem;
	}
	.propos__left {
		width: 100%;
	}
	.propos__title {
		width: 100%;
		text-align: center;
		padding: 0;
		font-size: 4rem;
		margin-bottom: 6.2rem;
	}
	.propos__after {
		border-radius: 3rem;
		overflow: hidden;
		width: 100%;
		padding: 4rem 2rem;
	}
	.propos__after_title {
		text-align: center;
		font-size: 3.1rem;
	}
	.propos__features {
		margin-top: 3.2rem;
		gap: 1.8rem;
	}
	.propos__feature {
		flex-direction: column;
		gap: 2.1rem;
	}
	.propos__feature_text {
		font-size: 2.1rem;
		text-align: center;
	}
	.propos__feature_icon img {
		width: 2.4rem;
		height: 2.4rem;
	}
	.propos_form_title {
		text-align: center;
		margin-bottom: 2.8rem;
	}
	.propos__right {
		margin-top: 4rem;
		width: 100%;
		padding: 4rem 2.8rem;
	}
	.other {
		margin-top: 8.3rem;
		margin-bottom: 4rem;
	}
	.other-title {
		font-size: 4rem;
	}
	.other-list {
		grid-template-columns: 1fr;
		gap: 4rem;
	}
	.other-item__image {
		height: 43.4rem;
	}
	.other-item__info {
		padding: 3.2rem 2.7rem;
	}
	.other-item__title {
		font-size: 2.5rem;
	}
	.other-item__text {
		font-size: 2rem;
	}
	.other-item__btn {
		margin-top: 4rem;
	}
	.variant {
		margin-top: 7.7rem;
	}
	.variant-head {
		flex-direction: column;
	}
	.variant-title {
		width: 100%;
		font-size: 4rem;
	}
	.variant-title br {
		display: none;
	}
	.variant-text {
		width: 100%;
		font-size: 2.23rem;
		margin-top: 4.5rem;
	}
	.variant-list {
		grid-template-columns: 1fr;
		margin-top: 4rem;
	}
	.variant-item {
		padding: 4rem 3.7rem;
	}
	.variant-item__title {
		font-size: 2.5rem;
		margin: 0 -1.3rem 0 0;
	}
	.variant-item__text {
		margin-top: 2.4rem;
		padding: 0;
		font-size: 2.24rem;
	}
	.variant-item__image {
		margin-top: 4.2rem;
		height: 38.2rem;
	}
	.internal_hero--pt17 {
		padding-top: 3.2rem;
	}
	.internal_hero__left--white {
		padding: 9rem 1.8rem 3rem;
		height: auto;
	}
	.internal_hero__container--grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.internal-features--pr {
		grid-column: span 1;
		margin-top: 0.3rem;
	}
	.internal_slider-pagination {
		padding: 4rem 3rem;
	}
	.internal_slider-pagination span {
		height: 0.5rem;
	}
	.internal_hero__right--images {
		height: 69.7rem;
	}
	.internal_slider-control {
		width: 19.4rem;
		right: 4rem;
		bottom: 4rem;
		height: 6.8rem;
	}
	.internal_slider-prev,
	.internal_slider-next {
		background-size: 3rem 3rem;
	}
	.gallery-features {
		grid-template-columns: 1fr;
		margin-top: 4.4rem;
		gap: 1.8rem;
	}
	.gallery-feature {
		padding: 3.2rem 3.6rem;
	}
	.gallery-feature__icon {
		width: 3.4rem;
		height: 3.4rem;
	}
	.gallery-feature__text {
		font-size: 2rem;
	}
	.package-text br {
		display: none;
	}
	.package-item__ul--col3 {
		grid-template-columns: 1fr;
		width: 100%;
	}
	.need {
		margin-top: 8rem;
	}
	.need-head {
		flex-direction: column;
	}
	.need-title {
		width: 100%;
		font-size: 4rem;
	}
	.need-text {
		width: 100%;
		margin-top: 4rem;
		font-size: 2.23rem;
	}
	.need-list {
		grid-template-columns: 1fr;
		margin-top: 4rem;
		gap: 2.12rem;
	}
	.need-item {
		padding: 4rem;
		min-height: auto;
	}
	.need-item__icon {
		width: 10.2rem;
		height: 10.2rem;
		border-radius: 3.2rem;
	}
	.need-item__title {
		margin-top: 1.2rem;
		font-size: 2.5rem;
	}
	.need-item__text {
		margin-top: 2.4rem;
		font-size: 2.25rem;
	}
	.example_container {
		height: auto;
	}
	.example {
		margin-top: 3.8rem;
	}
	.result {
		margin-top: 8rem;
	}
	.result-head {
		padding: 0;
		position: static;
	}
	.result-title {
		width: 100%;
		font-size: 4rem;
	}
	.result-text {
		font-size: 2.2rem;
		width: 100%;
		margin-top: 4rem;
	}
	.result-text br {
		display: none;
	}
	.result .container {
		position: relative;
		padding-bottom: 13rem;
	}
	.result-list {
		grid-template-columns: 1fr 1fr;
		gap: 4rem;
	}
	.result-item__title {
		font-size: 3rem;
	}
	.result-item__info {
		padding: 3.6rem;
	}
	.result-item__text {
		font-size: 2rem;
	}
	.result-item__stat span {
		font-size: 1.7rem;
	}
	.result-item__stat b {
		font-size: 2.23rem;
	}
	.result-item__stats {
		gap: 2.3rem 3.2rem;
	}
	.result-btn {
		width: calc(100% - 4.8rem);
		right: 2.4rem;
	}
	.start {
		display: none;
	}
	.package-item__socials {
		width: 11.3rem;
		height: 3.2rem;
	}
	.gallery--mini .container {
		padding-bottom: 0;
	}
	.result-features {
		grid-template-columns: 1fr;
		margin-top: 4.4rem;
		gap: 1.8rem;
	}
	.result-feature {
		padding: 3.2rem 3.6rem;
	}
	.result-feature__icon {
		width: 3.4rem;
		height: 3.4rem;
	}
	.result-feature__text {
		font-size: 2rem;
	}
	.internal_hero__title--fz46 {
		font-size: 4.6rem;
	}
	.process {
		margin-top: 8.2rem;
	}
	.process-title {
		font-size: 4rem;
	}
	.process_container {
		flex-direction: column;
	}
	.process-left {
		width: 100%;
	}
	.process-text {
		font-size: 2rem;
		margin-top: 4rem;
	}
	.process-image {
		height: auto;
	}
	.package-item__features--3i > :nth-child(3) {
		grid-column: span 1;
	}
	.process-right {
		width: 100%;
		margin-top: 4rem;
		padding: 3.2rem 2.8rem;
	}
	.process-title-2 {
		font-size: 3rem;
	}
	.process-text-2 {
		font-size: 2.23rem;
		margin-top: 2.2rem;
	}
	.process-steps {
		margin-top: 4.2rem;
		gap: 1.2rem;
	}
	.process-step {
		flex-direction: column;
		align-items: flex-start;
		padding: 3rem;
		gap: 4.2rem;
	}
	.process-step__num {
		width: 8rem;
		height: 8rem;
		font-size: 3rem;
	}
	.process-step__title {
		font-size: 2.5rem;
		margin-left: 0;
		margin-right: -1rem;
	}
	.process-step__text {
		font-size: 2rem;
		margin-left: 0;
		margin-right: -1rem;
	}
	.process-cta {
		margin-top: 4rem;
		flex-direction: column;
	}
	.process-cta__info {
		width: 100%;
	}
	.process-cta__text {
		font-size: 2rem;
	}
	.process-cta__btn {
		margin-top: 4rem;
		font-size: 2rem;
	}
	.need-item__icon img {
		height: 3.9rem;
	}
	.internal-feature__icon img {
		height: 3rem;
	}
	.create-item__icon img {
		height: 3.5rem;
	}
}
@media screen and (max-width: 799px) {
	.result-list {
		grid-template-columns: 1fr;
	}
}