/* Fonts */

@font-face {
	font-family: 'Forum';
	src: url('../fonts/forum.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Tilda Sans';
	src: url('../fonts/TildaSans-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Tilda Sans';
	src: url('../fonts/TildaSans-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Tilda Sans';
	src: url('../fonts/TildaSans-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}




/* Reset */

* {padding: 0;	margin: 0; -webkit-tap-highlight-color: transparent;}
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
:focus, :active, a:focus, a:active {outline: none;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
html, body {
	width: 100%;
	min-height: 100%;
	font-size: 100%;
	line-height: normal;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

input, button, textarea, select {
	font-family: inherit;
	background: none;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input::placeholder, textarea::placeholder {opacity: 1;}
input::-ms-clear {display: none;}
button::-moz-focus-inner {padding: 0; border: 0;}
button, .button, input[type="button"], input[type=submit] {cursor: pointer;}
button[disabled], input[disabled] {cursor: default;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}

a, a:hover, a:visited {text-decoration: none;}
img {vertical-align: top; max-width: 100%;}

h1,h2,h3,h4,h5,h6 {font-size: inherit; font-weight: normal;}

ol, ul {list-style: none;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: inherit;}





/* Global */

:root {
	--text-family: "Tilda Sans", sans-serif;
	--title-family: "Forum", sans-serif;
	
	--beige: #988370;
	--brown: #54473B;
	--white: #f7f7f7;
	--black: #272727;
	--gray: #8f8f8f;
	--lightgray: #ececec;

	--page-padding: 40rem;
	--section-padding: 195rem;
	--section-margin: 100rem;
	--section-gap: 50rem;
	--gap: 20rem;
	--background: var(--white); 
	--text-color: var(--black);
	--text-size: 38rem;
	--text-size-s: 34rem;
	--title-size: 90rem;
	--title-size-s: 82rem;
	--title-margin: 30rem;
	--subtitle-size: 70rem;
	--subtitle-margin: 20rem;
	--border-radius: 50rem;
	--border-radius-s: 30rem;
	--border-radius-l: 80rem;
	--button-height: 134rem;
	--slider-arrow-size: 80rem;
}

html {
	font-size: 0.052vw;
}

body {
	font-family: var(--text-family);
	font-weight: 400;
	font-size: var(--text-size);
	line-height: 1.2;
	color: var(--text-color);
	background: var(--background); 
	position: relative;
}

section {
	width: 100%;
	padding: 0 var(--section-padding);
	margin-bottom: var(--section-margin);
	position: relative;
}

.title {
	font-family: var(--title-family);
	font-size: var(--title-size);
	line-height: 1.1;
	display: block;
	margin-bottom: var(--title-margin);
}
.subtitle {
	font-family: var(--title-family);
	font-size: var(--subtitle-size);
	line-height: 1;
	margin-bottom: var(--subtitle-margin);
}
.title, .subtitle {
	background: linear-gradient(90deg, #272727 32%, rgba(39, 39, 39, 0.6) 48%, #272727 69.5%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.title_white {
	background: linear-gradient(120deg, #f7f7f7 0%, rgba(247, 247, 247, 0.5) 52%, #f7f7f7 99.5%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.title span {
	background: var(--beige);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

a, a:before {
	transition: 0.3s;
}

.cover {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
}
.contain {
	object-fit: contain;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button {
	width: 100%;
	display: flex;
	height: var(--button-height);
	border: none;
	border-radius: 200rem;
	transition: 0.3s;
}
.button span {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24rem;
	height: 100%;
	padding: 50rem;
	border: none;
	border-radius: 200rem;
	background: var(--beige);
	box-shadow: 0 20px 54px 0 rgba(84, 71, 59, 0.35);
	color: var(--white);
	font-weight: 700;
	font-size: var(--text-size-s);
	line-height: 1.3;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	transition: background-color 0.4s;
}
.button span::before {
	content:'';
	display: block;
	width: 0.588em;
	aspect-ratio: 20 / 35;
	background: url(../img/button-icon.svg) center / contain no-repeat;
	position: relative;
	z-index: 2;
}
.button::after {
	content:'';
	width: var(--button-height);
	height: var(--button-height);
	border-radius: 100%;
	background: url(../img/button-arrow.svg) center / contain no-repeat;
	background-color: var(--beige);
	box-shadow: 0 20px 54px 0 rgba(84, 71, 59, 0.35);
	transition: 0.4s;
}
.button_dark span,
.button_dark::after {
	background-color: var(--brown);
}
.button_dark span::before {
	filter: brightness(170%);
}
@media (hover: hover) {
	.button:hover span {
		background: var(--brown);
	}
	.button:hover span::before {
		filter: brightness(170%);
	}
	.button:hover:after {
		background-color: var(--brown);
		transform: rotate(45deg);
	}
	.button_dark:hover {
		filter: brightness(120%);
	}
}
.button:active {
	transform: scale(0.98);
}




/* Slider */

.slick-slider {
	width: 100%;
	position: relative;
}
.slick-list {
	overflow: hidden;
}
.slick-track {
	display: flex;
}
.slider-fix {
	min-width: 0;
}

.slick-arrow {
	width: var(--slider-arrow-size);
	aspect-ratio: 1;
	border: none;
	border-radius: 100%;
	background: var(--beige) url(../img/slider-arrow.svg) center / contain no-repeat;
	font-size: 0;
	transition: 0.3s;
}
.slick-prev {
	transform: scaleX(-1);
}
@media (hover: hover) {
	.slick-arrow:hover {
		background-color: var(--brown);
	}
}

.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 19rem;
}
.slick-dots li {
	background: var(--beige);
	width: 24rem;
	height: 24rem;
	border-radius: 100%;
	cursor: pointer;
	opacity: 0.5;
	transition: 0.3s;
}
.slick-dots li.slick-active {
	background: var(--beige);
	width: 36rem;
	height: 36rem;
	opacity: 1;
}
@media (hover: hover) {
	.slick-dots li:hover {
		opacity: 1;
	}
}
.slick-dots li button {
	font-size: 0;
	border: none;
}





/* Header */

.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: var(--page-padding);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 50;
}
.header__logo {
	width: 497rem;
}
.header__buttons {
	display: flex;
	align-items: center;
	gap: var(--gap);
}
.header__question {
	font-weight: 700;
	font-size: 24rem;
	color: var(--beige);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10rem 40rem;
	height: 83rem;
	border-radius: 20rem;
	border: 2rem solid var(--beige);
}
.header__question b {
	display: block;
	font-size: 34rem;
	margin-right: 0.4em;
}
.header__social {
	width: 83rem;
	aspect-ratio: 1;
	background: var(--beige);
	border-radius: 20rem;
}
@media (hover: hover) {
	.header__question:hover {
		background: var(--brown);
		border-color: var(--brown);
		color: var(--white);
	}
	.header__social:hover {
		background: var(--brown);
	}
}




/* Main */

.main {
	padding: var(--page-padding);
	padding-top: 190rem;
	padding-bottom: 120rem;
	background: url(../img/main-bg.jpg) center / cover no-repeat;
	border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: space-between;
	align-items: start;
	align-content: start;
	overflow: hidden;
}
.main::before {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	background: var(--beige);
	border-radius: 0 var(--border-radius-l) var(--border-radius-l) var(--border-radius-l);
	mix-blend-mode: multiply;
}
.main__title {
	grid-column: 1 / -1;
	font-size: 230rem;
	line-height: 1.2;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: -0.1em;
	background: none;
}
.main__title span:first-child {
	background: linear-gradient(120deg, #f7f7f7 0%, rgba(247, 247, 247, 0.5) 52%, #f7f7f7 99.5%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.main__title span:last-child {
	background: linear-gradient(90deg, #272727 32%, rgba(39, 39, 39, 0.6) 48%, #272727 69.5%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.main__subtitle {
	grid-column: 2;
	grid-row: 2;
	justify-self: end;
	font-size: 172rem;
	margin-bottom: 0;
	position: relative;
	z-index: 3;
}
.main__author {
	grid-column: 2;
	grid-row: 2;
	justify-self: end;
	align-self: start;
	font-size: var(--text-size-s);
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}
.main__author::before {
	content:'';
	display: block;
	width: 1.029em;
	height: 1.029em;
	margin-right: 0.353em;
	background: url(../img/verified.svg) center / contain no-repeat;
}
.main__text {
	grid-column: 1;
	grid-row: 2;
	align-self: center;
	width: 420rem;
	font-size: var(--text-size-s);
	color: rgba(247, 247, 247, 0.7);
	display: flex;
	align-items: center;
	position: relative;
}
.main__text b {
	font-weight: 700;
	color: var(--white);
}
.main__text::before {
	content:'';
	display: block;
	width: 135rem;
	aspect-ratio: 1;
	margin-right: 20rem;
	flex-shrink: 0;
	background: url(../img/main-symbol.svg) center / contain no-repeat;
}
.main__button {
	grid-column: 2;
	grid-row: 3;
	justify-self: end;
	position: relative;
	z-index: 3;
	max-width: 758rem;
	margin-top: 40rem;
}
.main__date {
	grid-column: 2;
	grid-row: 4;
	justify-self: end;
	width: 100%;
	max-width: 715rem;
	font-size: var(--text-size-s);
	display: flex;
	align-items: center;
	gap: 0.4em;
	position: relative;
	z-index: 3;
	margin-top: 30rem;
}
.main__date::before {
	content:'';
	display: block;
	width: 1.176em;
	height: 1.176em;
	background: url(../img/lock-icon.svg) center / cover no-repeat;
	flex-shrink: 0;
}
.main__date b {
	text-transform: uppercase;
}
.main__decortext {
	grid-column: 1;
	grid-row: 3 / span 2;
	align-self: end;
	font-family: var(--title-family);
	font-size: 172rem;
	line-height: 1;
	color: var(--white);
	opacity: 0.06;
}
.main__photo {
	position: absolute;
	bottom: 0;
	left: 430rem;
	width: 808rem;
	height: 970rem;
	z-index: 1;
	pointer-events: none;
}
.main__photo::before {
	content:'';
	display: block;
	position: absolute;
	inset: 0;
	background: url(../img/main-photo.png) center / contain no-repeat;
	z-index: -1;
	transform: translateX(-70rem);
	filter: brightness(0) blur(50rem);
	opacity: 0.2;
}





/* About */

.about {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--section-gap);
}
.about__desc {
	display: flex;
	align-items: center;
	gap: var(--gap);
	margin-bottom: 30rem;
}
.about__desc::before {
	content:'';
	display: block;
	width: 135rem;
	aspect-ratio: 135 / 240;
	flex-shrink: 0;
	background: url(../img/about-icon.svg) center / contain no-repeat;
}
.about__image {
	position: relative;
	border-radius: var(--border-radius);
}





/* Overview */

.overview__title {
	text-align: center;
}
.overview__days {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 1fr;
	grid-gap: var(--gap);
	margin-bottom: var(--gap);
}
.overview__day {
	font-family: var(--title-family);
	font-size: var(--title-size);
	line-height: 1.2;
	color: var(--brown);
	border: 2rem solid var(--beige);
	border-radius: var(--border-radius-s);
	padding: 0 var(--gap);
	height: 130rem;
	display: flex;
	align-items: center;
	transition: 0.3s;
	cursor: pointer;
	background-size: cover;
	background-position: center;
}
.overview__day:nth-child(1) {
	background-image: url(../img/overview-day1.svg);
}
.overview__day:nth-child(2) {
	background-image: url(../img/overview-day2.svg);
}
.overview__day:nth-child(3) {
	background-image: url(../img/overview-day3.svg);
}
.overview__day:nth-child(4) {
	background-image: url(../img/overview-day4.svg);
}
.overview__day:nth-child(5) {
	background-image: url(../img/overview-day5.svg);
}
.overview__day_active {
	background-color: var(--brown);
	border-color: var(--brown);
	color: var(--white);
}
@media (hover: hover) {
	.overview__day:hover {
		background-color: var(--brown);
		border-color: var(--brown);
		color: var(--white);
	}
}
.overview__info {
	font-size: 14rem;
	line-height: 1.2;
	color: var(--gray);
	display: flex;
	align-items: center;
	gap: 10rem;
	display: none;
}
.overview__info::before {
	content:'';
	display: block;
	width: 19rem;
	aspect-ratio: 19 / 22;
	background: url(../img/overview-icon.svg) center / contain no-repeat;
	flex-shrink: 0;
}
.overview__content {
	background: var(--lightgray);
	border-radius: var(--border-radius);
	padding: var(--section-gap);
	font-size: var(--text-size-s);
}
.overview__list {
	z-index: 1;
}
.overview__item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--section-gap);
	height: 100%;
}
.overview__subtitle {
	text-transform: uppercase;
}
.overview__text p {
	margin-bottom: 16rem;
}
.overview__text p:last-child {
	margin-bottom: calc(var(--slider-arrow-size) + 30rem);
}
.overview__desc {
	background: var(--beige);
	color: var(--white);
	border-radius: var(--border-radius);
	padding: var(--section-gap);
}
.overview__desc b {
	display: block;
	margin-bottom: 10rem;
}
.overview__desc li:not(:last-child) {
	padding-bottom: 20rem;
	margin-bottom: 20rem;
	border-bottom: 1rem solid rgba(247,247,247,0.5);
}
.overview__arrows {
	display: flex;
	gap: 14rem;
	margin-top: calc(var(--slider-arrow-size) * -1);
	position: relative;
	z-index: 2;
}





/* Advice */

.advice__body {
	background: var(--beige);
	border-radius: var(--border-radius);
	padding: 100rem;
	color: var(--white);
}
.advice__title {
	text-align: center;
}
.advice__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 60rem var(--section-gap);
}
.advice__item {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: var(--gap);
}
.advice__icon {
	display: block;
	width: 190rem;
}
.advice__text::before {
	content:'';
	display: block;
	width: 0.421em;
	aspect-ratio: 1;
	border-radius: 100%;
	background: var(--brown);
	margin-bottom: 0.579em;
}




/* Why */

.why {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-gap: var(--title-margin);
}
.why__title {
	line-height: 1;
	margin-bottom: 0;
}
.why__note {
	border: 2rem solid var(--beige);
	border-radius: 20rem;
	padding: 30rem;
	padding-right: 190rem;
	font-size: var(--text-size-s);
	background: url(../img/why-note-bg.svg) right center / cover no-repeat;
}
.why__list {
	margin-top: 1.3em;
	display: grid;
	grid-gap: 0.65em;
}
.why__list li {
	counter-increment: li-counter;
	display: grid;
	grid-template-columns: 2.4em 1fr;
}
.why__list li::before {
	content: counter(li-counter, decimal-leading-zero) '/';
	font-family: var(--title-family);
	font-size: 1.526em;
	line-height: 1.2;
	color: var(--beige);
	margin-top: -0.3em;
}
.why__image {
	position: relative;
	border-radius: var(--border-radius);
}




/* Author */

.author {
	padding: 0;
	overflow: hidden;
	margin-top: -22rem;
}
.author__head {
	position: relative;
	padding-top: 142rem;
	padding-bottom: 200rem;
}
.author__head::before,
.author__head::after {
	content:'';
	display: block;
	width: 944rem;
	height: 744rem;
	background-image: url(../img/author-head-bg.png);
	background-image: image-set(url(../img/author-head-bg.png) 1x, url(../img/author-head-bg_2x.png) 2x);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -170rem;
	z-index: -1;
}
.author__head::before {
	left: -170rem;
	transform: scaleX(-1) rotate(-13deg);
}
.author__head::after {
	right: -170rem;
	transform: rotate(-13deg);
}
.author__title {
	text-transform: uppercase;
	text-align: center;
	max-width: 1300rem;
	margin: 0 auto;
}
.author__body {
	background: url(../img/author-bg.jpg) center / cover no-repeat;
	border-radius: var(--border-radius-l);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	overflow: hidden;
}
.author__content {
	padding: 70rem 58rem;
	position: relative;
}
.author__content::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--beige);
	mix-blend-mode: multiply;
	border-radius: var(--border-radius-l);
}
.author__subtitle {
	font-size: var(--title-size-s);
	position: relative;
	z-index: 2;
}
.author__text {
	line-height: 1.3;
	color: var(--white);
	position: relative;
	z-index: 2;
}
.author__text li {
	margin-bottom: 0.58em;
	display: flex;
	gap: 0.48em;
}
.author__text li::before {
	content:'';
	display: block;
	width: 1.184em;
	height: 1.184em;
	background: url(../img/verified.svg) center / contain no-repeat;
	flex-shrink: 0;
	margin-top: 0.07em;
}
.author__text b {
	display: block;
	margin-bottom: 0.789em;
	position: relative;
}
.author__text b::after {
	content:'';
	display: block;
	width: 63rem;
	height: 95rem;
	position: absolute;
	left: 0;
	top: calc(100% + 15rem);
	background: url(../img/author-arrow.svg) center / contain no-repeat;
	filter: brightness(85%);
}
.author__button {
	position: relative;
	z-index: 4;
	width: 90%;
	margin-left: auto;
}
.author__image {
	background: url(../img/author-photo-bg.svg) top 8% center / 98% no-repeat;
	position: relative;
}
.author__photo {
	position: absolute;
	bottom: 0;
	aspect-ratio: 1066 / 1281;
	left: -5%;
	width: 112%;
	z-index: 2;
}
.author__photo::before {
	content:'';
	display: block;
	position: absolute;
	inset: 0;
	background: url(../img/author-photo.png) center / contain no-repeat;
	z-index: -1;
	transform: translateX(70rem);
	filter: brightness(0) blur(50rem);
	opacity: 0.4;
}




/* Program */

.program__title {
	text-align: center;
	max-width: 1080rem;
	margin-left: auto;
	margin-right: auto;
}
.program__desc {
	text-align: center;
	max-width: 1470rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.3em;
}
.program__list {
	display: grid;
	grid-gap: calc(var(--gap) * 1.5);
	margin-bottom: calc(var(--gap) * 1.5);
}
.program__list_grid {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
}
.program__item {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-gap: var(--gap);
	align-items: start;
}
.program__step {
	background: var(--lightgray);
	border-radius: var(--border-radius-l);
	padding: var(--section-gap);
}
.program__step_big {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 12rem 120rem;
	align-items: end;
}
.program__practice {
	background: var(--beige);
	color: var(--white);
	border-radius: var(--border-radius-l);
	padding: var(--section-gap);
}
.program__subtitle {
	letter-spacing: -0.01em;
}
.program__list p {
	margin-bottom: 0.526em;
}
.program__list b {
	font-weight: 700;
	text-transform: uppercase;
}
.program ul {
	font-size: var(--text-size-s);
}
.program li {
	margin-bottom: 0.294em;
	display: flex;
	gap: 0.412em;
}
.program li:last-child {
	margin-bottom: 0;
}
.program li::before {
	content:'';
	display: block;
	width: 0.7em;
	height: 0.7em;
	background: url(../img/verified.svg) center / contain no-repeat;
	flex-shrink: 0;
	margin-top: 0.2em;
}
.program__result {
	border: 3rem solid var(--beige);
	border-radius: var(--border-radius-l);
	padding: var(--section-gap);
	padding-right: 30%;
	position: relative;
	overflow: hidden;
}
.program__result::before {
	content:'';
	display: block;
	width: 32%;
	aspect-ratio: 494 / 755;
	position: absolute;
	top: 0;
	right: -5rem;
	background: url(../img/program-result-bg.svg) center / contain no-repeat;
}




/* Power */

.power__title {
	text-transform: uppercase;
}
.power__desc {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1em calc(var(--gap) * 2);
	margin-bottom: 1em;
}
.power__desc p {
	padding-left: 0.789em;
	border-left: 0.184em solid var(--beige);
}
.power__result {
	border: 3rem solid var(--beige);
	border-radius: var(--border-radius-l);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 5rem calc(var(--gap) * 2);
}
.power__image {
	position: relative;
	border-radius: var(--border-radius-l);
	overflow: hidden;
	margin: -3rem;
	margin-right: 0;
}
.power__content {
	padding: var(--section-gap);
	padding-left: 0;
}
.power__content p {
	margin-bottom: 1em;
}
.power__subtitle {
	text-transform: uppercase;
	margin-bottom: var(--subtitle-margin);
}
.power__icon {
	display: block;
	width: 2.316em;
	aspect-ratio: 88 / 20;
	margin-bottom: 0.6em;
}




/* Format */

.format__title {
	text-align: center;
}
.format__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
}
.format__item {
	font-size: var(--text-size-s);
	background: var(--lightgray);
	border-radius: var(--border-radius-l);
	padding: var(--section-gap);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
}
.format__item_online {
	padding-right: 230rem;
	background-image: url(../img/format-img1.png);
	background-image: image-set(url(../img/format-img1.png) 1x, url(../img/format-img1_2x.png) 2x);
}
.format__item_offline {
	padding-right: 270rem;
	background-image: url(../img/format-img2.png);
	background-image: image-set(url(../img/format-img2.png) 1x, url(../img/format-img2_2x.png) 2x);
	mix-blend-mode: multiply;
}
.format__item p:not(:last-child) {
	margin-bottom: 0.4em;
}
.format__item b {
	font-weight: 700;
	text-transform: uppercase;
	color: var(--beige);
}
.format__item i {
	font-style: normal;
	display: flex;
	gap: 0.412em;
}
.format__item i::before {
	content:'';
	display: block;
	width: 0.7em;
	height: 0.7em;
	background: url(../img/verified.svg) center / contain no-repeat;
	flex-shrink: 0;
	margin-top: 0.2em;
}




/* Price */

.price {
	background: url(../img/author-bg.jpg) center / cover no-repeat;
	padding-top: calc(var(--section-gap) * 1.7);
	padding-bottom: calc(var(--section-gap) * 2);
	border-radius: var(--border-radius-l);
	overflow: hidden;
}
.price::before,
.price::after {
	content:'';
	display: block;
	width: 773rem;
	aspect-ratio: 773 / 609;
	background-image: url(../img/author-head-bg.png);
	background-image: image-set(url(../img/author-head-bg.png) 1x, url(../img/author-head-bg_2x.png) 2x);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
.price::before {
	transform: scaleX(-1);
	top: 40rem;
	left: -150rem;
}
.price::after {
	bottom: -90rem;
	right: -25rem;
	transform: rotate(-10deg);
	transform-origin: top right;
}
.price__title {
	text-align: center;
	position: relative;
	z-index: 2;
}
.price__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
	margin-bottom: var(--gap);
	position: relative;
	z-index: 2;
}
.price__card {
	--bg-color: var(--beige);
	--cut-radius: 65rem;
	--cut-position: 265rem;
	--cut-svg-position: 196rem;

	color: var(--white);
	border-radius: var(--border-radius);
	padding: var(--section-gap);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--beige);
	background: linear-gradient(var(--bg-color), var(--bg-color)),
					linear-gradient(var(--bg-color), var(--bg-color)),
					radial-gradient(circle at left 0 bottom var(--cut-position), transparent var(--cut-radius), var(--bg-color) var(--cut-radius)),
					radial-gradient(circle at right 0 bottom var(--cut-position), transparent var(--cut-radius), var(--bg-color) var(--cut-radius));
	background-size: 51% 51%;
	background-position: top left, top right, bottom left, bottom right;
	background-repeat:no-repeat;
	position: relative;
}
.price__card_dark {
	--bg-color: var(--brown);
}
.price__card::before,
.price__card::after {
	content:'';
	display: block;
	width: 75rem;
	aspect-ratio: 75 / 140;
	background: url(../img/price-card-cutout-light.svg) left center / contain no-repeat;
	position: absolute;
}
.price__card_dark::before,
.price__card_dark::after {
	background: url(../img/price-card-cutout-dark.svg) left center / contain no-repeat;
}
.price__card::before {
	left: 0;
	bottom: var(--cut-svg-position);
}
.price__card::after {
	right: 0;
	bottom: var(--cut-svg-position);
	transform: scaleX(-1);
}
.price__caption {
	text-transform: uppercase;
	line-height: 1;
	width: fit-content;
	margin-bottom: 0;
}
.price__caption::before {
	content:'';
	display: block;
	width: 2.111em;
	height: 0.511em;
	background: url(../img/power-icon.svg) center / contain no-repeat;
	margin: 0 auto 0.2em;
}
.price__card_light .price__caption::before {
	filter: brightness(50%);
}
.price__desc {
	font-size: var(--text-size-s);
	max-width: 14.706em;
}
.price__value {
	flex: 1;
	font-family: var(--title-family);
	font-size: var(--title-size);
	line-height: 1;
	color: var(--white);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	text-align: center;
	margin-bottom: 0.4em;
	padding-top: 0.4em;
	margin-top: 0.4em;
	position: relative;
}
.price__value::before {
	content:'';
	display: block;
	position: absolute;
	bottom: 1.3em;
	left: 50%;
	transform: translateX(-50%);
	width: 75%;
	height: 2rem;
	background: var(--white);
	opacity: 0.3;
}
@media (hover: hover) {
	.price__card_dark .price__button:hover span,
	.price__card_dark .price__button:hover:after {
		background-color: #7f6957;
	}
	.price__card_dark .price__button:hover span::before {
		filter: none;
	}
}
.price__questions {
	background: var(--lightgray);
	border-radius: var(--border-radius);
	padding: var(--section-gap);
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	grid-gap: var(--gap);
	align-items: center;
	position: relative;
	z-index: 2;
}
.price__questions h3 {
	line-height: 1;
	margin-bottom: 0.2em;
}
.price__questions p {
	display: flex;
	align-items: center;
	gap: 0.632em;
}
.price__questions p::before {
	content:'?';
	display: block;
	width: 2em;
	height: 2em;
	border-radius: 100%;
	background: var(--brown);
	color: var(--white);
	font-weight: 700;
	font-size: 0.75em;
	display: flex;
	align-items: center;
	justify-content: center;
}




/* Reviews */

.reviews {
	padding: 0;
	overflow: hidden;
}
.reviews__title {
	text-align: center;
}
.reviews__list {
	width: 150%;
	margin-left: -25%;
}
.reviews__list .slick-arrow {
	position: absolute;
	top: calc(50% - var(--slider-arrow-size) / 2);
	z-index: 10;
}
.reviews__list .slick-prev {
	left: calc(950rem - var(--slider-arrow-size));
}
.reviews__list .slick-next {
	right: calc(950rem - var(--slider-arrow-size));
}
.reviews__item {
	background: var(--lightgray);
	border-radius: var(--border-radius);
	padding: var(--section-gap);
	transition: opacity 0.5s, transform 0.5s;
}
.reviews__item:not(.slick-center) {
	transform: scale(0.85);
	opacity: 0.3;
}
.slick-center + .reviews__item {
	transform: scale(0.85) translateX(-5%);
}
.reviews__item:has(+ .slick-center) {
	transform: scale(0.85) translateX(5%);
}
.reviews__author {
	display: flex;
	align-items: center;
	gap: 0.8em;
	margin-bottom: 0.8em;
}
.reviews__avatar {
	position: relative;
	width: 140rem;
	aspect-ratio: 1;
	border-radius: 100%;
	overflow: hidden;
	isolation: isolate;
}
.reviews__name b {
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin-bottom: 0.263em;
}




/* Footer */

.footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: calc(var(--text-size-s) * 0.88);
	padding-bottom: calc(var(--section-margin) * 0.8);
}
.footer__logo {
	width: 712rem;
	margin-bottom: 80rem;
}
.footer__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6rem 34rem;
	margin-bottom: 40rem;
}
.footer__link {
	color: var(--black);
	opacity: 0.8;
	position: relative;
}
.footer__link::before {
	content:'';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4rem;
	height: 1rem;
	background: var(--beige);
	transform: scaleX(0);
}
.footer__link:hover {
	opacity: 1;
	color: var(--beige);
}
.footer__link:hover::before {
	transform: scaleX(1);
}
.footer__info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12rem 17rem;
	margin-bottom: 60rem;
	opacity: 0.8;
}
.footer__copyright {
	font-weight: 500;
	font-size: var(--text-size-s);
}






/* Popup */

.popup {
	--popup-max-width: 1110rem;
	--popup-padding: 80rem;
	--popup-radius: 30rem;
	--popup-color: var(--white);
	--popup-close-size: 40rem;
	--popup-close-bg: none;
	--popup-close-padding: 0;
	--popup-close-margin: 0;
	--popup-close-radius: 0;
	--popup-close-line-width: 3rem;
	--popup-close-line-color: var(--white);
	--popup-close-line-radius: 10rem;
	--popup-overlay-color: rgba(13, 13, 13, 0.8);

	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	height: calc(100% + 70px);
	padding: 15px;
	padding-top: calc(var(--popup-close-size) + var(--popup-close-size) / 3 * 2);
	padding-bottom: calc(15px + 70px);
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: flex;
	z-index: 1001;
	visibility: hidden;
}
.popup_show {
	visibility: visible;
	overflow-y: scroll;
}
.popup__box {
	position: relative;
	margin: auto;
	width: 100%;
	max-width: var(--popup-max-width);
	background: var(--popup-color); 
	padding: var(--popup-padding); 
	border-radius: var(--popup-radius);
	color: var(--black);
	z-index: 1001;
	transform: translateY(-10vh) scale(0.7);
	opacity: 0;
}
.popup_show .popup__box {
	transition: transform 0.4s, opacity 0.4s;
	transform: translateY(0) scale(1);
	opacity: 1;
}
.popup__close {
	position: absolute;
	top: calc(var(--popup-close-size) / -3);
	right: 0;
	transform: translateY(-100%);
	width: var(--popup-close-size);
	height: var(--popup-close-size);
	background: var(--popup-close-bg);
	margin: var(--popup-close-margin);
	padding: var(--popup-close-padding);
	border-radius: var(--popup-close-radius);
	border: none;
	cursor: pointer;
}
.popup__close-icon {
	display: block;
	position: relative;
	height: 100%;
	transition: 0.3s;
}
.popup__close-icon:after, 
.popup__close-icon:before {
	content: '';
	display: block;
	width: 120%;
	left: -10%;
	position: absolute;
	top: 50%;
	height: var(--popup-close-line-width);
	background: var(--popup-close-line-color);
	border-radius: var(--popup-close-line-radius);
}
.popup__close-icon:after {
	transform: translateY(-50%) rotate(45deg);
}
.popup__close-icon:before {
	transform: translateY(-50%) rotate(-45deg);
}
.popup__close:hover .popup__close-icon {
	transform: rotate(180deg);
}

.popup__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh + 140px);
	transform: translateY(-70px);
	background: var(--popup-overlay-color);
	z-index: 1000;
	transition: 0.5s;
	opacity: 0;
}
.popup_show .popup__overlay {
	opacity: 1;
}




/* Order */

.order {
	text-align: center;
}
.order__text {
	font-size: var(--text-size);
	margin: 1em 0;
}
.order__whatsapp {
	font-family: var(--title-family);
	font-size: calc(var(--text-size) * 1.4);
	color: var(--beige);
	text-transform: none;
}
@media (hover: hover) {
	.order__whatsapp:hover {
		filter: brightness(80%);
	}
}






/* Responsive */

@media (max-width: 1023px) {
	:root {
		--section-padding: 115rem;
		--title-size-s: 75rem;
	}
	html {font-size: 0.057vw;}
	
	.main__title {font-size: 210rem;}
	.main__photo {left: 380rem;}

	.author__photo {width: 125%; left: -17%;}

	.reviews__list {width: 180%; margin-left: -40%;}
	.reviews__list .slick-prev {left: calc(1060rem - var(--slider-arrow-size));}
	.reviews__list .slick-next {right: calc(1060rem - var(--slider-arrow-size));}

}

@media (max-width: 600px) {
	:root {
		--page-padding: 10rem;
		--section-padding: 10rem;
		--section-margin: 80rem;
		--section-gap: 20rem;
		--gap: 10rem;
		--text-size: 18rem;
		--text-size-s: 16rem;
		--title-size: 44rem;
		--title-size-s: 40rem;
		--title-margin: 14rem;
		--subtitle-size: 28rem;
		--subtitle-margin: 10rem;
		--border-radius: 30rem;
		--border-radius-s: 15rem;
		--border-radius-l: 30rem;
		--button-height: 62rem;
		--slider-arrow-size: 40rem;
	}
	html {font-size: 0.313vw;}

	.button::after {display: none;}
	.button span {padding: 20rem; gap: 10rem;}

	.header {padding-top: 20rem;}
	.header__logo {width: 190rem;}
	.header__buttons {gap: 6rem;}
	.header__social {width: 35rem; border-radius: 10rem; background-color: var(--brown);}
	.header__question {display: none;}

	.main {padding-top: 105rem; padding-bottom: 20rem; grid-template-columns: 1fr; justify-items: center; overflow: unset; margin-bottom: 120rem;}
	.main::before {width: 100%; height: 53%; bottom: auto; border-top-right-radius: 0;}
	.main__author {grid-column: 1; grid-row: 1; justify-self: center; color: var(--white); margin-bottom: 8rem;}
	.main__title {grid-row: 2; justify-content: center;}
	.main__title span {background: none!important;}
	.main__subtitle {grid-column: 1; grid-row: 3; text-transform: uppercase; justify-self: center;}
	.main__title, .main__subtitle {font-size: var(--title-size); background: linear-gradient(120deg, #f7f7f7 0%, rgba(247, 247, 247, 0.5) 52%, #f7f7f7 99.5%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	.main__text {grid-row: 4; width: 272rem; flex-direction: column; text-align: center; font-size: var(--text-size); margin-top: 10rem;}
	.main__text::before {width: 69rem; margin: 0 0 10rem;}
	.main__button {grid-column: 1; grid-row: 5; margin-top: 390rem;}
	.main__date {grid-column: 1; grid-row: 6; justify-content: center; position: absolute; padding-top: 10rem;}
	.main__decortext {grid-row: 4; align-self: start; font-size: 54rem; text-transform: uppercase; text-align: center; margin-top: 0.35em;}
	.main__photo {left: 0; right: 0; width: 100%; height: 475rem; border-radius: var(--border-radius-l); overflow: hidden;}
	.main__photo img {object-fit: cover; object-position: top center;}

	.about {grid-template-columns: 1fr;}
	.about__desc {margin-bottom: 20rem;}
	.about__desc::before {width: 60rem;}
	.about__image {aspect-ratio: 1;}

	.overview__title {text-align: left;}
	.overview__days {grid-template-columns: repeat(2, 1fr);}
	.overview__day {height: 65rem; border-width: 1rem;}
	.overview__info {display: flex;}
	.overview__item {grid-template-columns: 1fr;}
	.overview__text p {margin-bottom: 10rem;} 
	.overview__text p:last-child {margin-bottom: 0;}
	.overview__desc li:not(:last-child) {padding-bottom: 10rem; margin-bottom: 10rem;}
	.overview__arrows {justify-content: center; gap: 4rem; margin-top: 10rem;}

	.advice__body {padding: 20rem;}
	.advice__list {grid-gap: 20rem 10rem;}
	.advice__item {grid-template-columns: 1fr; align-content: start; font-size: 14rem;}
	.advice__icon {width: 100%;}
	.advice__text {padding-right: 3rem;}
	.advice__action {grid-column: 1 / -1;}

	.why {grid-template-columns: 1fr;}
	.why__note {border-radius: 15rem; padding: 20rem; padding-right: 96rem;}

	.author {margin-top: 0;}
	.author__head {padding-top: 0; padding-bottom: 60rem;}
	.author__head::before, .author__head::after {width: 197rem; height: 155rem; bottom: -40rem;}
	.author__head::before {left: -65rem;}
	.author__head::after {right: -65rem;}
	.author__title {font-size: 34rem; max-width: 290rem;}
	.author__body {grid-template-columns: 1fr;}
	.author__content {padding: 20rem;}
	.author__content::before {mix-blend-mode: unset;}
	.author__text b::after {display: none;}
	.author__button {width: 100%; margin-bottom: -44rem;}
	.author__image {order: 2; height: 580rem; background-size: 125%; background-position: top 15% center;}
	.author__photo {left: -20%; width: 140%;}

	.program__list, .program__step_big, .program__item {grid-template-columns: 1fr;}
	.program__result {border-width: 2rem; padding: var(--section-gap); padding-bottom: 110rem;}
	.program__result::before {top: auto; right: auto; bottom: 0; left: 0; transform: rotate(90deg) scaleY(-1) translate(-52%,95%); transform-origin: bottom left; width: 80%;}

	.power__title, .power__subtitle {font-size: 34rem;}
	.power__desc, .power__result {grid-template-columns: 1fr;}
	.power__result {border-width: 2rem;}
	.power__content {padding: var(--section-gap);}
	.power__image {order: 2; aspect-ratio: 1; margin: -2rem;}

	.format__content {grid-template-columns: 1fr;}
	.format__item {padding: var(--section-gap); padding-bottom: 265rem; background-position: bottom center; background-size: contain;}
	.format__item_online {background-image: url(../img/format-img1_mob.png);}
	.format__item_offline {background-image: url(../img/format-img2_mob.png);}

	.price {padding-bottom: var(--section-padding);}
	.price__title {font-size: 34rem;}
	.price::before, .price::after {width: 363rem;}
	.price__list, .price__questions {grid-template-columns: 1fr;}
	.price__questions p {flex-direction: column; align-items: flex-start; margin-bottom: 10rem;}
	.price__card {--cut-radius: 30rem; --cut-position: 120rem; --cut-svg-position: 87rem;}
	.price__card::before, .price__card::after {width: 35rem;}

	.reviews__list {width: 300%; margin-left: -100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 14rem 4rem;}
	.reviews__avatar {width: 60rem;}
	.reviews__list .slick-arrow {position: static; order: -1;}

	.footer {font-size: var(--text-size-s);}
	.footer__logo {width: 80%; margin-bottom: 34rem;}
	.footer__links {margin-bottom: 24rem;}
	.footer__info {margin-bottom: 34rem;}

	.popup {
		--popup-padding: 20rem;
		--popup-radius: 10rem;
		--popup-close-size: 20rem;
		--popup-close-line-width: 2rem;
	}
	.order__text {font-size: 12rem;}
}