@charset "UTF-8";

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source Serif Pro";
	src: url("../fonts/SourceSerifPro-Black.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source Serif Pro";
	src: url("../fonts/SourceSerifPro-BoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Source Serif Pro";
	src: url("../fonts/SourceSerifPro-Italic.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Source Serif Pro";
	src: url("../fonts/SourceSerifPro-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

* {
	box-sizing: border-box;
}

*::before,
*::after {
	box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
code,
em,
img,
small,
strike,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	color: #363636;
	text-decoration: none;
}

footer,
header,
nav,
section,
main {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style-position: inside;
}

header ol,
header ul,
footer ol,
footer ul,
.contact-us ol,
.contact-us ul {
	list-style: none;
}

q {
	quotes: none;
}

blockquote {
	font-style: italic;
}

q::before,
q::after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input {
	-webkit-appearance: none;
	border-radius: 0;
}

video {
	width: 100%;
}

iframe {
	width: 100%;
	height: 100%;
}

button {
	border: none;
	background: none;
	cursor: pointer;
}

h1,
.nasledie-title-big {
	font-size: 90rem;
	line-height: 93.6rem;
	font-family: "Source Serif Pro";
}

@media only screen and (max-width: 650px) {

	h1,
	.nasledie-title-big {
		font-size: 30rem;
		line-height: 33rem;
	}
}

h2,
.nasledie-title-normal {
	font-size: 80rem;
	line-height: 89.6rem;
	font-family: "Source Serif Pro";
}

@media only screen and (max-width: 650px) {

	h2,
	.nasledie-title-normal {
		font-size: 24rem;
		line-height: 26.4rem;
	}
}

h6,
.nasledie-title-very-small {
	font-size: 32rem;
	line-height: 40rem;
	font-family: "Source Serif Pro";
}

@media only screen and (max-width: 650px) {

	h6,
	.nasledie-title-very-small {
		font-size: 18rem;
		line-height: 22.5rem;
	}
}

.nasledie-body-text-normal {
	font-size: 24rem;
	line-height: 32.4rem;
}

@media only screen and (max-width: 650px) {

	.nasledie-body-text-normal {
		font-size: 15rem;
		line-height: 20.25rem;
	}
}

.nasledie-body-text-small {
	font-size: 20rem;
	line-height: 27rem;
}

@media only screen and (max-width: 650px) {

	.nasledie-body-text-small {
		font-size: 13rem;
		line-height: 17.55rem;
	}
}

i {
	font-style: italic;
	color: #2f6e5b;
}

body {
	color: #363636;
	font-family: "Montserrat";
	font-size: 20rem;
	line-height: 27rem;
	overflow-x: hidden;
}

@media only screen and (max-width: 650px) {

	body {
		font-size: 13rem;
		line-height: 17.55rem;
	}
}

.ch-stop-scroll {
	height: 100vh;
	overflow-y: scroll;
}

.nasledie-page {
	width: 100%;
}

.wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	overflow: hidden;
}

.main-content-wrapper {
	width: 1566rem;
	margin: 0 auto;
}

@media only screen and (max-width: 650px) {

	.main-content-wrapper {
		width: 100%;
		padding: 0 10rem;
	}
}

.header-space-holder {
	width: 100%;
	height: 193rem;
}

@media only screen and (max-width: 650px) {

	.header-space-holder {
		height: 56rem;
	}
}

@media only screen and (min-width: 650px) {

	.desktop-hidden {
		display: none !important;
	}
}

@media only screen and (max-width: 650px) {

	.mobile-hidden {
		display: none !important;
	}
}

.underline-black {
	text-decoration: none;
	background-image: linear-gradient(#363636, #363636);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: 0% 2rem;
	transition: background-size 300ms ease-in-out !important;
}

.underline-black:hover {
	background-size: 100% 2rem;
	background-position: 0% 100%;
}

@media only screen and (max-width: 650px) {

	.underline-black:hover {
		background-size: 100% 1.5px;
	}
}

.underline-black-reverse {
	text-decoration: none;
	background-image: linear-gradient(#363636, #363636);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: 100% 2rem;
	transition: background-size 300ms ease-in-out !important;
}

.underline-black-reverse:hover {
	background-size: 0% 2rem;
	background-position: 0% 100%;
}

@media only screen and (max-width: 650px) {

	.underline-black-reverse {
		background-size: 100% 1px;
	}

	.underline-black-reverse:hover {
		background-size: 0% 1px;
	}
}

.simple-button {
	display: inline-block;
	padding: 20rem 42rem;
}

.simple-button--type1 {
	color: #fff;
	background-color: #2f6e5b;
	border: 2rem solid #2f6e5b;
}

.simple-button--type1:hover {
	opacity: 0.8;
	border-color: #408c74;
}

.tab-switch__head.simple-button--type1 {
	color: #fff;
	background-color: #2f6e5b;
	border: 2rem solid #2f6e5b;
}

.tab-switch__head.simple-button--type1 .tab-switch__head-text {
	color: #fff;
}

.tab-switch_head--create_capsule::after {
	display: none;
	content: "Создайте свою капсулу времени";
}

.tab-switch_head--open_capsule {
	position: relative;
}

.tab-switch_head--open_capsule:hover {
	cursor: pointer;
}

.tab-switch_head--open_capsule::after {
	display: none;
	content: "Нажмите, если у вас уже есть капсула";
}

.tab-switch_head--open_capsule:hover::after,
.tab-switch_head--create_capsule:hover::after {
	position: absolute;
	display: block;
	width: max-content;
	left: 50%;
	top: 50%;
	transform: translate(-50%, 100%);
	padding: 12px 16px;
	background: #fff;
	color: red;
	color: var(--Black, #444);
	text-align: center;
	font-feature-settings: "clig" off, "liga" off;
	font-family: "Proxima Nova";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.header__lower-bar .tab-switch_head--open_capsule {
	display: none;
}


.tab-switch_head--open_capsule:hover::after,
.tab-switch_head--create_capsule:hover::after {
	display: none;
	content: "";
}

.simple-button--type2 {
	color: #2f6e5b;
	background: transparent;
	border: 2rem solid #2f6e5b;
}

.simple-button--type3 {
	color: #2f6e5b;
	background-color: #fff;
	border: 2rem solid #fff;
}

@media only screen and (max-width: 650px) {

	.simple-button--small-font {
		font-size: 12rem !important;
		line-height: 16.2rem !important;
	}
}

@media only screen and (max-width: 650px) {

	.simple-button {
		padding: 10rem 15rem;
		font-size: 18rem;
		line-height: 24.3rem;
		text-align: center;
		border: 1px solid #2f6e5b;
		width: 100%;
	}
}

.music-button {
	display: -ms-flexbox;
	display: flex;
	gap: 16rem;
	-ms-flex-align: center;
	align-items: center;
}

.music-button__icon svg {
	width: 50rem;
	height: 50rem;
}

@media only screen and (max-width: 650px) {

	.music-button__icon svg {
		width: 20rem;
		height: 20rem;
	}
}

.music-button span {
	width: 50rem;
}

@media only screen and (max-width: 650px) {

	.music-button span {
		width: max-content;
		font-size: 12rem;
		line-height: 16.2rem;
		opacity: 0.6;
	}
}

@media only screen and (max-width: 650px) {

	.music-button {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		gap: 7rem;
	}
}

.burger-menu {
	position: relative;
	width: 30rem;
	height: 30rem;
}

.burger-menu__line {
	position: absolute;
	left: 0;
	width: 30rem;
	height: 3px;
	background-color: #2f6e5b;
	transition: all 360ms ease-in-out;
}

.burger-menu__line:nth-child(1) {
	top: 10rem;
}

.burger-menu__line:nth-child(2) {
	top: 18rem;
}

.burger-menu--active .burger-menu__line:nth-child(1) {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	top: 13.5rem;
	left: 0.5rem;
}

.burger-menu--active .burger-menu__line:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 13.5rem;
	left: 0.5rem;
}

.tabs {
	position: relative;
}

.tabs__wrapper {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tabs__tab {
	font-size: 24rem;
	line-height: 32rem;
	padding: 16rem;
	border-bottom: 3px solid rgba(255, 255, 255, 0.2);
	transition: all 360ms ease-in-out;
}

.tabs__tab--selected {
	border-bottom: 3px solid #2f6e5b;
}

.tabs__lower-line {
	bottom: 2rem;
	position: absolute;
	width: 100%;
	height: 2rem;
	background-color: rgba(47, 110, 91, 0.2);
}

.tabs__track {
	bottom: 0;
	position: absolute;
	width: 10000rem;
	height: 6rem;
	background: #2f6e5b;
	max-width: 10rem;
	transition: all 0.4s ease-in-out;
}

.link-button {
	display: -ms-flexbox;
	display: flex;
	gap: 16rem;
	-ms-flex-align: center;
	align-items: center;
}

.link-button__text {
	color: #2f6e5b;
	font-family: "Source Serif Pro";
	font-size: 20rem;
	line-height: 27.42rem;
	font-style: italic;
}

@media only screen and (max-width: 650px) {

	.link-button__text {
		font-size: 18rem;
		line-height: 24.68rem;
	}
}

.link-button__icon {
	width: 28rem;
	height: 39rem;
}

@media only screen and (max-width: 650px) {

	.link-button__icon {
		width: 25rem;
		height: 36rem;
	}
}

.tab-switch {
	width: 188rem;
	border-radius: 3rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.tab-switch__head {
	background-color: transparent;
	width: 100%;
	padding: 20rem 36rem;
	border: 2rem solid #2f6e5b;
	transition: all 360ms ease-in-out;
}

.tab-switch__head-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 17rem;
}

@media only screen and (max-width: 650px) {

	.tab-switch__head-content {
		gap: 7.5rem;
	}
}

.tab-switch__head-text {
	color: #2f6e5b;
	font-size: 20rem;
	line-height: 27rem;
}

@media only screen and (max-width: 650px) {

	.tab-switch__head-text {
		font-size: 12rem;
		line-height: 16.2rem;
	}
}

.tab-switch__head-arrow {
	width: 18rem;
	height: 18rem;
	transition: all 360ms ease-in-out;
}

.tab-switch__head-arrow svg path {
	stroke: #2f6e5b;
}

@media only screen and (max-width: 650px) {

	.tab-switch__head-arrow {
		width: 10rem;
		height: 12rem;
	}
}

.tab-switch__head:hover {
	opacity: 0.8;
}

@media only screen and (max-width: 650px) {

	.tab-switch__head {
		padding: 10.36rem 16rem;
	}
}

.tab-switch__body {
	width: 100%;
	height: 87rem;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	background-color: #d7d7d7;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1px;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	position: absolute;
	bottom: -87rem;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition: all 360ms ease-in-out;
}

.tab-switch__body-element {
	width: 100%;
	height: 43rem;
	background-color: #fbfbfb;
	transition: all 360ms ease-in-out;
}

.tab-switch__body-element-content {
	font-size: 13rem;
	line-height: 17.55rem;
	height: 100%;
	padding: 12rem 0;
	text-align: center;
	display: block;
}

@media only screen and (max-width: 650px) {

	.tab-switch__body-element-content {
		font-size: 9rem;
		line-height: 10.5rem;
	}
}

.tab-switch__body-element:hover {
	opacity: 0.8;
}

@media only screen and (max-width: 650px) {

	.tab-switch__body-element {
		height: 32rem;
	}
}

@media only screen and (max-width: 650px) {

	.tab-switch__body {
		bottom: -64rem;
		height: 64rem;
	}
}

.tab-switch--active .tab-switch__head-arrow {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.tab-switch--active .tab-switch__body {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

@media only screen and (max-width: 650px) {

	.tab-switch {
		width: 102rem;
	}
}

.accordion {
	max-width: 100%;
	margin-bottom: 20rem;
	border-radius: 6rem;
	position: relative;
}

@media only screen and (max-width: 650px) {

	.accordion {
		margin-bottom: 10rem;
	}
}

.accordion__header {
	width: 100%;
	background: #fff;
	padding: 35rem 40rem;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f6f6f6;
}

@media only screen and (max-width: 650px) {

	.accordion__header {
		padding: 20rem 10rem;
		display: grid;
		grid-template-columns: auto 24rem;
		-webkit-column-gap: 22rem;
		-moz-column-gap: 22rem;
		column-gap: 22rem;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

.accordion__header-icon {
	width: 50rem;
	height: 50rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: -webkit-transform 360ms ease-in-out;
	transition: transform 360ms ease-in-out;
	transition: transform 360ms ease-in-out, -webkit-transform 360ms ease-in-out;
}

.accordion__header-icon svg {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 650px) {

	.accordion__header-icon {
		width: 24rem;
		height: 24rem;
	}
}

.accordion__body {
	max-height: 0;
	transition: max-height 0.3s ease-in-out;
	overflow: hidden;
}

.accordion__scale {
	padding: 40rem;
}

@media only screen and (max-width: 650px) {

	.accordion__scale {
		padding: 18rem 0 20rem;
	}
}

.accordion--open .accordion__header-icon {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 120rem auto 0;
	width: 447rem;
}

@media only screen and (max-width: 650px) {

	.pagination {
		margin-top: 50rem;
		width: 100%;
	}
}

.pagination__arrow svg {
	width: 32rem;
	height: 46rem;
}

@media only screen and (max-width: 650px) {

	.pagination__arrow svg {
		width: 25rem;
		height: 36rem;
	}
}

.pagination__list {
	display: -ms-flexbox;
	display: flex;
	gap: 24rem;
	margin: 0 auto;
}

.pagination__list li {
	cursor: pointer;
}

.pagination__list li.selected {
	color: #2f6e5b;
	text-decoration: underline;
}

@media only screen and (max-width: 650px) {

	.pagination__list {
		gap: 24rem;
	}
}

.upper-nav__list {
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 48rem;
}

@media only screen and (max-width: 650px) {

	.upper-nav__list {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 10rem;
		gap: 20rem;
		text-align: left;
	}
}

.upper-nav__list-item {
	width: 206rem;
	font-weight: 500;
}

@media only screen and (max-width: 650px) {

	.upper-nav__list-item::before {
		content: "";
		position: absolute;
		width: 30rem;
		height: 2px;
		background-color: #2f6e5b;
		left: 1rem;
		top: 9.5rem;
	}
}

@media only screen and (max-width: 650px) {

	.upper-nav__list-item {
		font-size: 18rem;
		line-height: 24.3rem;
		position: relative;
		padding-left: 46rem;
		width: 100%;
	}
}

@media only screen and (max-width: 650px) {

	.upper-nav {
		padding-bottom: 30rem;
		border-bottom: 1px solid #ececec;
	}
}

.lower-nav {
	width: 100%;
	margin: 0 auto;
}

.lower-nav__list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 36rem;
}

@media only screen and (max-width: 650px) {

	.lower-nav__list {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 22rem 10rem 22rem 56rem;
		gap: 15rem;
		text-align: left;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

.footer-nav__list {
	display: grid;
	width: 640rem;
	grid-template-columns: 1fr 1fr;
	-webkit-column-gap: 157rem;
	-moz-column-gap: 157rem;
	column-gap: 157rem;
	row-gap: 16rem;
}

@media only screen and (max-width: 650px) {

	.footer-nav__list {
		width: 100%;
		-webkit-column-gap: 24rem;
		-moz-column-gap: 24rem;
		column-gap: 24rem;
	}
}

.header {
	background-color: #fff;
}

.header__content {
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 2;
}

.header__upper-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 118rem;
	background-color: white;
}

@media only screen and (max-width: 650px) {

	.header__upper-bar {
		height: 56rem;
	}
}

.header__logo svg,
.header__logo img {
	width: 169rem;
	height: 84rem;
}

@media only screen and (max-width: 650px) {

	.header__logo svg,
	.header__logo img {
		width: 70rem;
		height: 35rem;
	}
}

@media only screen and (max-width: 650px) {

	.header__music {
		margin-left: 46rem;
	}
}

.header__right {
	display: -ms-flexbox;
	display: flex;
	gap: 48rem;
	-ms-flex-align: center;
	align-items: center;
}

.header__lower-bar {
	width: 100%;
	height: 75rem;
	padding: 24rem 0;
	background-color: #fff;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

@media only screen and (max-width: 650px) {

	.header__lower-bar {
		background-color: #fff;
		padding: 20rem 0;
		position: fixed;
		height: calc(100vh - 53rem);
		left: 0;
		transform: translateY(-100%);
		z-index: -1;
		transition: -webkit-transform 360ms ease-in-out;
		transition: transform 360ms ease-in-out;
		transition: transform 360ms ease-in-out, -webkit-transform 360ms ease-in-out;
	}
}

@media only screen and (max-width: 650px) {

	.header__lower-bar--active {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.header__spaceholder {
	width: 100%;
	height: 194rem;
}

@media only screen and (max-width: 650px) {

	.header__spaceholder {
		height: 54rem;
	}
}

@media only screen and (max-width: 650px) {

	.header--type1 .header__right {
		gap: 69rem;
	}
}

@media only screen and (max-width: 650px) {

	.header--type2 .header__right {
		gap: 29rem;
	}
}

.footer {
	background: #fff;
	padding-bottom: 50rem;
}

.footer__upper-bar {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-top: 67rem;
}

@media only screen and (max-width: 650px) {

	.footer__upper-bar {
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 16rem;
	}
}

.footer__left {
	margin-right: 120rem;
}

@media only screen and (max-width: 650px) {

	.footer__left {
		margin: 0;
		padding-bottom: 32rem;
	}
}

.footer__center {
	margin-right: 191rem;
}

@media only screen and (max-width: 650px) {

	.footer__center {
		margin: 0;
		padding-bottom: 32rem;
	}
}

.footer__logo svg,
.footer__logo img {
	width: 238rem;
	height: 119rem;
}

@media only screen and (max-width: 650px) {

	.footer__logo svg,
	.footer__logo img {
		width: 96rem;
		height: 46rem;
	}
}

.footer__up-button {
	position: absolute;
	right: -88rem;
	width: 88rem;
	height: 88rem;
	border-radius: 50%;
	transition: all 360ms ease-in-out;
}

.footer__up-button:hover {
	-webkit-transform: translateY(-10rem);
	transform: translateY(-10rem);
	opacity: 0.8;
}

@media only screen and (max-width: 650px) {

	.footer__up-button {
		width: 45rem;
		height: 45rem;
		right: 0;
	}
}

.footer__lower-bar {
	padding-top: 60rem;
}

@media only screen and (max-width: 650px) {

	.footer__lower-bar {
		padding-top: 32rem;
	}
}

.footer__links {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media only screen and (max-width: 650px) {

	.footer__links {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 650px) {

	.footer__links-item {
		font-size: 10rem;
		line-height: 12.19rem;
		margin-bottom: 14rem;
	}
}

@media only screen and (max-width: 650px) {

	.footer {
		height: auto;
		padding-bottom: 4rem;
	}
}

.by-yourself-hero {
	height: auto;
	background-color: #fff;
	overflow: hidden;
}

.by-yourself-hero__title {
	padding-bottom: 70rem;
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero__title {
		padding-bottom: 20rem;
	}
}

.by-yourself-hero__text {
	padding-bottom: 90rem;
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero__text p {
		margin-bottom: 13rem;
	}
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero__text {
		padding-bottom: 20rem;
	}
}

.by-yourself-hero__button-container {
	display: -ms-flexbox;
	display: flex;
	gap: 28rem;
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero__button-container {
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 15rem;
	}
}

.by-yourself-hero__content {
	position: relative;
}

.by-yourself-hero__image {
	width: 980rem;
	height: 1100rem;
	position: absolute;
	top: -160rem;
	left: 1115rem;
	z-index: 1;
}

.by-yourself-hero__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.by-yourself-hero--type-1 {
	padding: 60rem 0 130rem;
	background-image: url("../images/img/hero_bg.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.by-yourself-hero--type-1 .by-yourself-hero__figure {
	display: none;
}

.by-yourself-hero--type-1 .by-yourself-hero__title {
	width: 1156rem;
}

.by-yourself-hero--type-1 .by-yourself-hero__text {
	width: 812rem;
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero--type-1 .by-yourself-hero__title {
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero--type-1 .by-yourself-hero__text {
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero--type-1 {
		background-position: 0 -222rem;
		padding: 17rem 0 27rem;
	}
}

.by-yourself-hero--type-2 {
	position: relative;
	padding: 110rem 0;
	background-image: url("../images/img/start-by-yourself_background2.png");
	background-position: -631rem 400rem;
	background-size: cover;
	background-repeat: no-repeat;
}

.by-yourself-hero--type-2 .by-yourself-hero__text {
	width: 622rem;
}

.by-yourself-hero--type-2 .by-yourself-hero__figure {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 812rem;
	height: 655rem;
}

.by-yourself-hero--type-2 .by-yourself-hero__img {
	position: absolute;
}

.by-yourself-hero--type-2 .by-yourself-hero__img:first-child {
	top: 0;
	right: 0;
	width: 558rem;
	height: 344rem;
}

.by-yourself-hero--type-2 .by-yourself-hero__img:last-child {
	bottom: 0;
	left: 0;
	width: 538rem;
	height: 292rem;
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero--type-2 .by-yourself-hero__text {
		width: 100%;
	}
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero--type-2 .by-yourself-hero__figure {
		width: 100%;
		height: 245rem;
		position: relative;
		bottom: auto;
		right: auto;
		margin-bottom: 20rem;
	}
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero--type-2 .by-yourself-hero__img:first-child {
		width: 206rem;
		height: 127rem;
	}
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero--type-2 .by-yourself-hero__img:last-child {
		width: 199rem;
		height: 108rem;
	}
}

@media only screen and (max-width: 650px) {

	.by-yourself-hero--type-2 {
		background-position: 0 162rem;
		padding: 30rem 0;
	}
}

.inside-the-capsule {
	background-color: #fff;
	padding: 110rem 0;
}

.inside-the-capsule__title {
	width: 1272rem;
	padding-bottom: 100rem;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__title {
		width: 100%;
		padding-bottom: 20rem;
	}

	.inside-the-capsule__content {
		padding-bottom: 50rem;
	}
}

.inside-the-capsule__slider {
	position: relative;
}

.inside-the-capsule__slider-wrapper {
	min-height: 110rem;
	transition: min-height 0.4s ease-in-out;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__slider-wrapper {
		min-height: unset;
	}
}

.inside-the-capsule__slider-tabs {
	padding-bottom: 82rem;
}

.inside-the-capsule__slider-slide {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__slider-slide {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

.inside-the-capsule__slider-controlers {
	width: 100%;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__slider-controlers {
		position: absolute;
		top: 230rem;
	}
}

.inside-the-capsule__slider-arrows {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 20rem;
	padding-bottom: 20rem;
}

.inside-the-capsule__slider-arrow {
	width: 36rem;
	height: 25rem;
}

.inside-the-capsule__slider-arrow path {
	stroke: #2f6e5b;
}

.inside-the-capsule__slider-arrow--disabled path {
	stroke: #adadad;
}

.inside-the-capsule__slider-slide-indicator {
	font-size: 18rem;
	line-height: 24.3rem;
	font-weight: 500;
}

.inside-the-capsule__slider-dots {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 80rem;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__slider-dots {
		padding-top: 22rem;
	}
}

.inside-the-capsule__slider-dot {
	width: 12rem;
	height: 12rem;
	min-width: 12rem;
	min-height: 12rem;
	max-width: 12rem;
	max-height: 12rem;
	border-radius: 50%;
	margin: 0 14rem;
	cursor: pointer;
	background-color: #adadad;
	transition: background-color 0.4s ease-in-out;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__slider-dot {
		width: 7rem;
		height: 7rem;
		margin: 0 4rem;
	}
}

.inside-the-capsule__slider-dot--selected {
	background-color: #2f6e5b;
}

.inside-the-capsule__button {
	position: absolute;
	bottom: 80rem;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__button {
		width: 100%;
		position: absolute;
		bottom: -60rem;
	}
}

.inside-the-capsule__left {
	width: 624rem;
}

.inside-the-capsule__left-text {
	padding-bottom: 55rem;
	font-size: 24rem;
	line-height: 32.4rem;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__left-text {
		padding-bottom: 86rem;
		font-size: 15rem;
		line-height: 20.25rem;
	}
}

.inside-the-capsule__left-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 120rem;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__left-list {
		margin: 20rem 0;
	}
}

.inside-the-capsule__left-list-item {
	position: relative;
	display: grid;
	grid-template-columns: 43rem auto;
	-webkit-column-gap: 16rem;
	-moz-column-gap: 16rem;
	column-gap: 16rem;
	padding-bottom: 40rem;
	overflow: hidden;
}

.inside-the-capsule__left-list-item::before {
	content: "";
	position: absolute;
	left: 21rem;
	width: 1px;
	height: 200%;
	background-color: #2f6e5b;
}

.inside-the-capsule__left-list-item:last-child::before {
	content: none;
}

.inside-the-capsule__left-list-item span {
	display: grid;
	place-content: center;
	z-index: 1;
	width: 43rem;
	height: 43rem;
	border-radius: 50%;
	color: #fff;
	background-color: #2f6e5b;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__left-list-item {
		grid-template-columns: 30rem auto;
		-webkit-column-gap: 10rem;
		-moz-column-gap: 10rem;
		column-gap: 10rem;
		padding-bottom: 20rem;
	}
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__left-list-item::before {
		left: 15rem;
	}
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__left-list-item span {
		width: 30rem;
		height: 30rem;
	}
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__left {
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

.inside-the-capsule__right {
	width: 812rem;
	height: 536rem;
	position: relative;
}

.inside-the-capsule__right-img {
	position: absolute;
	left: calc(50% - 366rem);
	top: calc(50% - 228rem);
	width: 732rem;
	height: 456rem;
	-o-object-fit: cover;
	object-fit: contain;
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__right-img {
		left: calc(50% - 135rem);
		top: calc(50% - 84rem);
		width: 270rem;
		height: 168rem;
	}
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule__right {
		width: 100%;
		height: 198rem;
		margin: 30rem 0 94rem;
	}
}

@media only screen and (max-width: 650px) {

	.inside-the-capsule {
		padding: 30rem 0;
	}
}

.capsules-slider {
	position: relative;
	background-color: #fff;
	padding: 110rem 0;
}

.capsules-slider__title {
	padding-bottom: 100rem;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__title {
		padding-bottom: 30rem;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-slider__background {
		position: relative;
		width: 100%;
		height: 551rem;
		padding: 0 10rem;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-slider__outer-wrapper {
		position: absolute;
		left: calc(50% - 135rem);
		top: 15rem;
	}
}

.capsules-slider__wrapper {
	width: 1763rem;
	margin: 0 auto;
	height: 665rem;
	padding-left: 177rem;
}

.capsules-slider__wrapper .flickity-viewport {
	overflow: visible;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__wrapper .flickity-viewport {
		overflow: hidden;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-slider__wrapper {
		padding-left: 0;
		width: 270rem;
		height: 512rem;
	}
}

.capsules-slider__slide {
	display: -ms-flexbox;
	display: flex;
	width: 1650rem;
	gap: 108rem;
	margin-right: 20rem;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__slide {
		-ms-flex-direction: column;
		flex-direction: column;
		width: 270rem;
		height: 550rem;
		padding-left: 0;
		gap: 0;
	}
}

.capsules-slider__left {
	position: relative;
	display: grid;
	place-content: center;
	width: 1008rem;
	height: 665rem;
}

.capsules-slider__left svg {
	position: absolute;
	width: 1008rem;
	height: 665rem;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__left svg {
		width: 100%;
		height: 100%;
	}
}

.capsules-slider__left img,
.capsules-slider__left video {
	box-sizing: content-box;
	width: 928rem;
	height: 585rem;
	-o-object-fit: contain;
	object-fit: contain;
	margin-left: 40rem;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__left {
		width: 100%;
		height: 183rem;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-slider__left img,
	.capsules-slider__left video {
		width: 270rem;
		height: 183rem;
		margin-left: 15rem;
	}
}

.capsules-slider__right {
	width: 540rem;
	padding-top: 144rem;
}

.capsules-slider__right-title {
	color: #2f6e5b;
	padding-bottom: 16rem;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__right-title {
		padding-bottom: 10rem;
	}
}

.capsules-slider__right-text {
	padding-bottom: 40rem;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__right-text {
		padding-bottom: 19rem;
		margin-bottom: 19rem;
		overflow: hidden;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-slider__right {
		padding-top: 16rem;
		width: 100%;
	}
}

.capsules-slider__arrows {
	display: -ms-flexbox;
	display: flex;
	gap: 60rem;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-top: 40rem;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__arrows {
		position: absolute;
		bottom: 5rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.capsules-slider__arrow {
	width: 50rem;
	height: 72rem;
	cursor: pointer;
}

.capsules-slider__arrow svg path {
	stroke: #2f6e5b;
}

.capsules-slider__arrow--disabled svg path {
	stroke: #adadad;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__arrow {
		width: 25rem;
		height: 36rem;
	}
}

.capsules-slider__button {
	padding-top: 28rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (max-width: 650px) {

	.capsules-slider__button {
		width: 100%;
		left: auto;
		bottom: auto;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-slider {
		padding: 30rem 0;
	}
}

.canva-block {
	width: 100%;
	height: 1150rem;
	position: relative;
	background-color: #fff;
	pointer-events: none;
}

.canva-block canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

@media only screen and (max-width: 650px) {

	.canva-block {
		height: 578rem;
		background-color: #fff;
	}
}

.canva-block__skew-box {
	position: relative;
	-webkit-transform: translateY(133rem) skew(0, 7.8deg);
	transform: translateY(133rem) skew(0, 7.8deg);
	will-change: transform;
}

@media only screen and (max-width: 650px) {

	.canva-block__skew-box {
		-webkit-transform: translateY(20%) skew(0, 8deg);
		transform: translateY(20%) skew(0, 8deg);
	}
}

.canva-block__text {
	position: absolute;
	width: 1048rem;
	top: 360rem;
	left: calc(50% - 524rem);
	text-align: center;
}

.canva-block__text-title {
	color: #fff;
	font-size: 107rem;
	line-height: 111.28rem;
	padding-bottom: 32rem;
}

@media only screen and (max-width: 650px) {

	.canva-block__text-title {
		font-size: 24rem;
		line-height: 26.4rem;
		padding-bottom: 20rem;
	}
}

.canva-block__text-subtitle {
	color: #fff;
	font-style: italic;
}

@media only screen and (max-width: 650px) {

	.canva-block__text {
		width: 100%;
		left: 0;
		top: 150.5rem;
	}
}

.skew-box {
	overflow: hidden;
	background: #7f828b;
	width: 100%;
	height: 877rem;
}

@media only screen and (max-width: 650px) {

	.skew-box {
		height: 430rem;
	}
}

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

.slider .flickity-slider {
	width: 100%;
	height: 100%;
}

.skew-box__slider {
	position: relative;
	top: 0;
	left: 0;
	height: 971rem;
	width: 6859rem;
	transform: translateY(-62%) skew(0, -6.5deg);
}

.skew-box__slider .flickity-viewport {
	pointer-events: none !important;
	touch-action: none !important;
}

.skew-box__slider .flickity-viewport::before {
	content: "";
	position: absolute;
	background: rgba(255, 0, 0, 0);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
}

@media only screen and (max-width: 650px) {

	.slider::before {
		height: 480rem;
	}
}

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

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

.for-who-slider {
	padding: 110rem 0;
	background-color: #fff;
}

.for-who-slider__title {
	width: 1080rem;
	padding-bottom: 95rem;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__title {
		width: 100%;
		padding-bottom: 40rem;
	}
}

.for-who-slider__slider {
	position: relative;
}

.for-who-slider__wrapper {
	width: 1330rem;
	height: 542rem;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__wrapper {
		width: 100%;
		height: 575rem;
	}
}

.for-who-slider__slide {
	display: -ms-flexbox;
	display: flex;
	gap: 58rem;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__slide {
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 89rem;
	}
}

.for-who-slider__left {
	width: 754rem;
	height: 541rem;
}

.for-who-slider__left_img {
	width: 100%;
	height: 100%;
	margin-right: 100rem;
}

.for-who-slider__left_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__left {
		width: 300rem;
		height: 215rem;
	}

	.for-who-slider__left img {
		width: 300rem;
		height: 215rem;
	}
}

.for-who-slider__right {
	height: 441rem;
	overflow-y: hidden;
}

.for-who-slider__right-title {
	padding-bottom: 16rem;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__right-title {
		padding-bottom: 20rem;
	}
}

.for-who-slider__right-separator {
	width: 48rem;
	height: 4rem;
	margin-bottom: 28rem;
	background-color: #2f6e5b;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__right-separator {
		margin-bottom: 20rem;
	}
}

.for-who-slider__right-text {
	width: 480rem;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__right-text {
		width: 100%;
	}
}

@media only screen and (max-width: 650px) {

	.for-who-slider__right {
		height: 240rem;
	}
}

.for-who-slider__img-dots {
	position: absolute;
	left: 812rem;
	bottom: 0;
	width: 800rem;
	height: 57rem;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__img-dots {
		width: 100%;
	}
}

.for-who-slider__img-dots-dot {
	cursor: pointer;
	width: 80rem;
	height: 56rem;
	display: inline-block;
	overflow: hidden;
	margin: 0 4rem;
	background-color: #363636;
}

.for-who-slider__img-dots-dot img {
	width: 80rem;
	height: 56rem;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0.35;
	transition: opacity 360ms ease-in-out;
}

.for-who-slider__img-dots-dot:first-child {
	margin-left: 0;
}

.for-who-slider__img-dots-dot:last-child {
	margin-right: 0;
}

.for-who-slider__img-dots-dot.is-selected img {
	opacity: 1;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__img-dots-dot {
		width: 70rem;
		height: 49rem;
		margin: 0 1.5rem;
	}
}

@media only screen and (max-width: 650px) {

	.for-who-slider__img-dots {
		left: 0;
		width: 100%;
		bottom: 295rem;
	}
}

.for-who-slider__arrows {
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	gap: 60rem;
	-ms-flex-pack: right;
	justify-content: right;
	top: -14rem;
	right: 0;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__arrows {
		position: absolute;
		bottom: 0;
		-ms-flex-pack: center;
		justify-content: center;
		top: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.for-who-slider__arrow {
	width: 50rem;
	height: 72rem;
	cursor: pointer;
}

.for-who-slider__arrow svg path {
	stroke: #2f6e5b;
}

.for-who-slider__arrow--disabled svg path {
	stroke: #adadad;
}

@media only screen and (max-width: 650px) {

	.for-who-slider__arrow {
		width: 25rem;
		height: 36rem;
	}
}

@media only screen and (max-width: 650px) {

	.for-who-slider {
		padding: 30rem 0;
	}
}

.how-create-capsule {
	background-color: #fff;
	padding: 110rem 0;
}

.how-create-capsule__header {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	gap: 137rem;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 100rem;
}

.how-create-capsule__header-title {
	min-width: 979rem;
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__header-title {
		min-width: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__header-text {
		font-size: 15rem;
		line-height: 20.25rem;
	}
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__header {
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 40rem;
		padding-bottom: 20rem;
	}
}

.how-create-capsule__body {
	display: -ms-flexbox;
	display: flex;
	gap: 122rem;
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__body {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		gap: 30rem;
	}
}

.how-create-capsule__backdrop {
	height: 100%;
	width: 45rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	backdrop-filter: grayscale(100%);
	transition: all 5200ms linear;
	max-height: calc(100% + 1px);
}

.how-create-capsule__left {
	width: 623rem;
}

.how-create-capsule__left-title {
	width: 598rem;
	padding-bottom: 48rem;
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__left-title {
		width: 100%;
		padding-bottom: 20rem;
	}
}

.how-create-capsule__left-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 20rem;
	position: relative;
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__left-list {
		margin-bottom: 20rem;
	}
}

.how-create-capsule__left-list-item {
	position: relative;
	display: grid;
	grid-template-columns: 43rem auto;
	-webkit-column-gap: 16rem;
	-moz-column-gap: 16rem;
	column-gap: 16rem;
	padding-bottom: 40rem;
	overflow: hidden;
}

.how-create-capsule__left-list-item::before {
	content: "";
	position: absolute;
	left: 21rem;
	width: 1px;
	height: 200%;
	background-color: #adadad;
	transition: all 360ms ease-in-out;
}

.how-create-capsule__left-list-item:last-of-type::before {
	content: none;
}

.how-create-capsule__left-list-item span {
	display: grid;
	place-content: center;
	z-index: 1;
	width: 43rem;
	height: 43rem;
	border-radius: 50%;
	color: #fff;
	background-color: #adadad;
	transition: all 360ms ease-in-out;
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__left-list-item {
		grid-template-columns: 30rem auto;
		-webkit-column-gap: 10rem;
		-moz-column-gap: 10rem;
		column-gap: 10rem;
		padding-bottom: 20rem;
	}
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__left-list-item::before {
		left: 15rem;
	}
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__left-list-item span {
		width: 30rem;
		height: 30rem;
	}
}

.how-create-capsule__left-list-item--active span,
.how-create-capsule__left-list-item--active::before {
	background-color: #2f6e5b;
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__left {
		width: 100%;
	}
}

.how-create-capsule__right {
	width: 812rem;
	height: 536rem;
	position: relative;
}

.how-create-capsule__right-img {
	position: absolute;
	left: calc(50% - 366rem);
	top: calc(50% - 228rem);
	width: 732rem;
	height: 456rem;
	-o-object-fit: contain;
	object-fit: contain;
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__right-img {
		left: calc(50% - 135rem);
		top: calc(50% - 84rem);
		width: 270rem;
		height: 168rem;
	}
}

@media only screen and (max-width: 650px) {

	.how-create-capsule__right {
		width: 100%;
		height: 198rem;
	}
}

@media only screen and (max-width: 650px) {

	.how-create-capsule {
		padding: 30rem 0;
	}
}

.where-capsules-are-saved {
	background-color: #fff;
	padding: 110rem 0;
}

.where-capsules-are-saved__title {
	width: 979rem;
}

@media only screen and (max-width: 650px) {

	.where-capsules-are-saved__title {
		width: 100%;
	}
}

.where-capsules-are-saved__subtitle {
	padding: 100rem 0;
	font-size: 24rem;
	line-height: 32.4rem;
}

@media only screen and (max-width: 650px) {

	.where-capsules-are-saved__subtitle {
		padding: 40rem 0 30rem;
		font-size: 18rem;
		line-height: 24.3rem;
	}
}

.where-capsules-are-saved__grid {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 60rem;
}

@media only screen and (max-width: 650px) {

	.where-capsules-are-saved__grid {
		gap: 30rem;
	}
}

.where-capsules-are-saved__grid-element {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-webkit-column-gap: 108rem;
	-moz-column-gap: 108rem;
	column-gap: 108rem;
}

@media only screen and (max-width: 650px) {

	.where-capsules-are-saved__grid-element {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20rem;
	}
}

@media only screen and (max-width: 650px) {

	.where-capsules-are-saved__grid-name {
		display: grid;
		grid-template-columns: 48rem auto;
		-webkit-column-gap: 14rem;
		-moz-column-gap: 14rem;
		column-gap: 14rem;
	}
}

.where-capsules-are-saved__grid-name span {
	display: block;
	width: 48rem;
	height: 4rem;
	margin-bottom: 16rem;
	background-color: #2f6e5b;
}

@media only screen and (max-width: 650px) {

	.where-capsules-are-saved__grid-name span {
		margin-top: 10rem;
	}
}

.where-capsules-are-saved__grid-img {
	width: 450rem;
	height: 302rem;
	object-fit: cover;
}

@media only screen and (max-width: 650px) {

	.where-capsules-are-saved__grid-img {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 650px) {

	.where-capsules-are-saved {
		padding: 30rem 0;
	}
}

.capsules-pluses {
	background-color: #fff;
	padding: 110rem 0;
}

.capsules-pluses__title {
	width: 1332rem;
	padding-bottom: 100rem;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__title {
		width: 100%;
		padding-bottom: 40rem;
	}
}

.capsules-pluses__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-webkit-column-gap: 108rem;
	-moz-column-gap: 108rem;
	column-gap: 108rem;
	row-gap: 60rem;
}

.capsules-pluses__grid-img {
	width: 451rem;
	height: 513rem;
	-o-object-fit: contain;
	object-fit: contain;
	grid-column: 3/4;
	grid-row: 2/4;
}

.capsules-pluses__grid-element {
	position: relative;
	z-index: 0;
}

.capsules-pluses__grid-element green {
	font-style: inherit !important;
}

.capsules-pluses__grid-element span {
	position: absolute;
	top: 0;
	right: 0;
	font-family: "Source Serif Pro";
	font-size: 186rem;
	line-height: 255.01rem;
	font-weight: 900;
	color: #f6f6f6;
	z-index: -1;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__grid-element span {
		font-size: 100rem;
		line-height: 137.1rem;
	}
}

.capsules-pluses__grid-element-title {
	padding: 64rem 0 16rem;
	width: 300rem;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__grid-element-title {
		padding: 18rem 0 15rem;
		width: 237rem;
	}
}

.capsules-pluses__grid-element-separator {
	width: 48rem;
	height: 4rem;
	background-color: #2f6e5b;
	margin-bottom: 28rem;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__grid-element-separator {
		margin-bottom: 15rem;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__grid {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0;
	}
}

.capsules-pluses__info {
	padding-top: 40rem;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	gap: 254rem;
	-ms-flex-align: end;
	align-items: flex-end;
}

.capsules-pluses__info img {
	width: 558rem;
	height: 190rem;
	-o-object-fit: contain;
	object-fit: contain;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__info img {
		width: 100%;
		height: auto;
	}
}

.capsules-pluses__info-right {
	width: 754rem;
	height: 400rem;
	padding: 40rem;
	background-image: url("../images/img/capsules-pluse_background.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.capsules-pluses__info-right-content {
	overflow-y: scroll;
	font-size: 20rem;
	line-height: 27rem;
	font-family: "Source Serif Pro";
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__info-right-content {
		font-size: 13rem;
		line-height: 18rem;
	}
}

.capsules-pluses__info-right-content::-webkit-scrollbar {
	display: none;
}

.capsules-pluses__info-right-content strong {
	font-weight: bold;
}

.capsules-pluses__info-right-content h4 {
	font-size: 32rem;
	line-height: 40rem;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__info-right-content h4 {
		font-size: 18rem;
		line-height: 24rem;
	}
}

.capsules-pluses__info-right-content p,
.capsules-pluses__info-right-content h4,
.capsules-pluses__info-right-content h2,
.capsules-pluses__info-right-content h1,
.capsules-pluses__info-right-content h3,
.capsules-pluses__info-right-content h5,
.capsules-pluses__info-right-content h6 {
	margin-bottom: 1em;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__info-right {
		width: 100%;
		height: max-content;
		padding: 30rem 15rem 100rem;
		background-image: url("../images/img/capsules-pluse_background_mobile.png");
		background-size: 100% 100%;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__info {
		padding-top: 60rem;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 6rem;
	}
}

.capsules-pluses__button {
	display: -ms-flexbox;
	display: flex;
	padding-top: 80rem;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses__button {
		width: calc(100% - 50rem);
		position: absolute;
		bottom: 68rem;
		left: 25rem;
	}
}

.capsules-pluses--type1 .capsules-pluses__info-text2,
.capsules-pluses--type1 .capsules-pluses__info-right .capsules-pluses__button {
	display: none;
}

.capsules-pluses--type1 .capsules-pluses__info-right-content {
	height: 635rem;
}

.capsules-pluses--type1 .capsules-pluses__button {
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses--type1 .capsules-pluses__info-right-content {
		height: max-content;
	}
}

.capsules-pluses--type2 .capsules-pluses__info-text2 {
	padding-top: 30rem;
}

.capsules-pluses--type2 .capsules-pluses__info-right {
	position: relative;
}

.capsules-pluses--type2 .capsules-pluses__info-right .capsules-pluses__button {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: left;
	justify-content: left;
	padding-top: 30rem;
}

.capsules-pluses--type2 .capsules-pluses__info-right-content {
	height: 218rem;
}

.capsules-pluses--type2 .capsules-pluses__button {
	display: none;
}

@media only screen and (max-width: 650px) {

	.capsules-pluses--type2 .capsules-pluses__info-text2 {
		padding-top: 25rem;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-pluses--type2 .capsules-pluses__info-right .capsules-pluses__button {
		width: calc(100% - 30rem);
		left: 15rem;
		bottom: 30rem;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-pluses--type2 .capsules-pluses__info-right-content {
		height: 270rem;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-pluses {
		position: relative;
		padding: 30rem 0;
	}
}

.opinion-video__content {
	display: -ms-flexbox;
	display: flex;
	gap: 58rem;
}

.opinion-video__content-left {
	width: 1008rem;
	height: 560rem;
	position: relative;
}

.opinion-video__content-left--small {
	width: 754rem;
	height: 419rem;
}

.opinion-video__content-left-icon {
	width: 65rem;
	height: 65rem;
	position: absolute;
	bottom: 10%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, 0%);
}

.opinion-video__content-left-icon svg circle {
	transition: all 360ms ease-in-out;
	fill: #fff;
}

.opinion-video__content-left-icon svg path {
	transition: all 360ms ease-in-out;
	fill: #2f6e5b;
}

.opinion-video__content-left-icon svg:hover circle {
	fill: #2f6e5b;
}

.opinion-video__content-left-icon svg:hover path {
	fill: #fff;
}

@media only screen and (max-width: 650px) {

	.opinion-video__content-left-icon {
		width: 40rem;
		height: 40rem;
	}
}

@media only screen and (max-width: 650px) {

	.opinion-video__content-left {
		min-width: 0;
		width: 100%;
		height: 167rem;
	}
}

.opinion-video__content-right {
	width: 450rem;
}

.opinion-video__content-right img {
	display: none;
}

.opinion-video__content-right--big {
	width: 754rem;
}

@media only screen and (max-width: 650px) {

	.opinion-video__content-right {
		width: 100%;
	}
}

.opinion-video__content-right-title {
	padding-bottom: 16rem;
}

@media only screen and (max-width: 650px) {

	.opinion-video__content {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
		gap: 20rem;
	}
}

.opinion-video__content-right-side {
	width: 100%;
}

.opinion-video--extended:nth-child(even) .opinion-video__content,
.opinion-video--extended:nth-child(even) .opinion-video__content-right {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.opinion-video__main.opinion-video__content {
	flex-direction: row !important;
}

@media only screen and (max-width: 650px) {

	.opinion-video__main.opinion-video__content {
		flex-direction: column !important;
	}
}

.opinion-video__main .opinion-video__content-right {
	flex-direction: row !important;
}

@media only screen and (max-width: 650px) {

	.opinion-video__main .opinion-video__content-right {
		flex-direction: column !important;
	}
}

.opinion-video--extended .opinion-video__content-right {
	display: -ms-flexbox;
	display: flex;
	gap: 28rem;
}

.opinion-video--extended .opinion-video__content-right img {
	display: inline;
	width: auto;
	height: 560rem;
	-o-object-fit: cover;
	object-fit: cover;
}

.opinion-video--extended .opinion-video__content-right-text {
	position: relative;
}

@media only screen and (max-width: 650px) {

	.opinion-video--extended .opinion-video__content-right {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		position: relative;
	}
}

@media only screen and (max-width: 650px) {

	.opinion-video--extended .opinion-video__content-right-title {
		padding-bottom: 269rem;
	}
}

@media only screen and (max-width: 650px) {

	.opinion-video--extended .opinion-video__content-right img {
		position: absolute;
		top: 43rem;
		left: 40rem;
		width: 150rem;
		height: 229rem;
	}
}

.order-capsule-hero {
	position: relative;
	background-color: #f8f8f8;
	padding: 200rem 0 191rem;
}

.order-capsule-hero__title {
	font-size: 107rem;
	line-height: 111.28rem;
	width: 1453rem;
	text-align: center;
	margin: 0 auto;
}

.order-capsule-hero__title green {
	font-style: normal;
}

.order-capsule-hero__title span {
	color: #2f6e5b;
}

@media only screen and (max-width: 650px) {

	.order-capsule-hero__title {
		font-size: 30rem;
		line-height: 33rem;
		width: 100%;
	}
}

.order-capsule-hero__text {
	width: 698rem;
	margin: 0 auto;
	padding: 40rem 0;
	text-align: center;
	font-size: 22rem;
	line-height: 29.7rem;
}

@media only screen and (max-width: 650px) {

	.order-capsule-hero__text {
		width: 100%;
		padding: 30rem 0;
		font-size: 15rem;
		line-height: 20.25rem;
	}
}

.order-capsule-hero__button {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}

.order-capsule-hero__img {
	position: absolute;
}

.order-capsule-hero__img.left-hand {
	top: 190rem;
	left: -116rem;
	width: 494rem;
	height: 226rem;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: left;
	object-position: left;
}

.order-capsule-hero__img.right-hand {
	bottom: -69rem;
	right: 0;
	width: 430rem;
	height: 524rem;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: right;
	object-position: right;
}

@media only screen and (max-width: 650px) {

	.order-capsule-hero {
		padding: 17rem 0 10rem;
	}
}

.capsules-steps {
	background-color: #fff;
	padding: 110rem 0;
}

.capsules-steps__title {
	width: 1042rem;
}

@media only screen and (max-width: 650px) {

	.capsules-steps__title {
		width: 100%;
	}
}

.capsules-steps__grid {
	padding-top: 100rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-webkit-column-gap: 85rem;
	-moz-column-gap: 85rem;
	column-gap: 85rem;
	row-gap: 174rem;
	position: relative;
	z-index: 0;
}

.capsules-steps__grid-background {
	width: 1745rem;
	height: 562rem;
	position: absolute;
	top: 260rem;
	left: -104rem;
	z-index: -1;
}

.capsules-steps__grid-element {
	transition: transform 0.3s ease;
}

.capsules-steps__grid-element:hover {
	transform: scale(1.1);
}

.capsules-steps__grid-element img {
	width: 100%;
	height: 260rem;
	-o-object-fit: cover;
	object-fit: cover;
	margin-bottom: 29.5rem;
}

@media only screen and (max-width: 650px) {

	.capsules-steps__grid-element img {
		height: 150rem;
		margin-bottom: 18.5rem;
	}
}

.capsules-steps__grid-element-title {
	padding-bottom: 28rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	gap: 12rem;
}

.capsules-steps__grid-element-title span {
	display: grid;
	place-content: center;
	width: 43rem;
	height: 43rem;
	border-radius: 50%;
	color: #fff;
	background-color: #2f6e5b;
	font-size: 22rem;
	line-height: 29.7rem;
	font-family: "Montserrat";
	opacity: 0.6;
}

@media only screen and (max-width: 650px) {

	.capsules-steps__grid-element-title span {
		width: 30rem;
		height: 30rem;
		font-size: 18rem;
		line-height: 24.3rem;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-steps__grid-element-title {
		padding-bottom: 10rem;
	}
}

.capsules-steps__grid-element--selected span {
	opacity: 1;
}

@media only screen and (max-width: 650px) {

	.capsules-steps__grid {
		padding-top: 66rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 40rem;
	}
}

.capsules-steps__button {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 80rem;
}

@media only screen and (max-width: 650px) {

	.capsules-steps__button {
		padding-top: 40rem;
	}
}

@media only screen and (max-width: 650px) {

	.capsules-steps {
		padding: 30rem 0;
	}
}

.contact-us {
	background-color: #2f6e5b;
	padding-top: 80rem;
	margin-top: 110rem;
}

.contact-us__content {
	display: -ms-flexbox;
	display: flex;
	gap: 196rem;
}

@media only screen and (max-width: 650px) {

	.contact-us__content {
		display: block;
	}
}

.contact-us__title {
	color: #fff;
}

@media only screen and (max-width: 650px) {

	.contact-us__title img {
		width: 121rem;
		height: 115rem;
		-o-object-fit: contain;
		object-fit: contain;
	}
}

@media only screen and (max-width: 650px) {

	.contact-us__title {
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		gap: 20rem;
	}
}

.contact-us__form {
	padding-top: 60rem;
	width: 812rem;
}

.contact-us__form input {
	display: block;
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 20rem;
	line-height: 27rem;
	padding: 20rem 10rem;
	margin-bottom: 20rem;
}

.contact-us__form input:focus {
	outline: none;
}

.contact-us__form input::placeholder {
	color: white;
}

.contact-us__form input::-webkit-input-placeholder,
.contact-us__form input::-moz-placeholder,
.contact-us__form input:-ms-input-placeholder,
.contact-us__form input::-ms-input-placeholder,
.contact-us__form input::placeholder {
	color: white !important;
}

@media only screen and (max-width: 650px) {

	.contact-us__form input {
		font-size: 12rem;
		line-height: 14.63rem;
		padding: 11.66rem 0;
		margin-bottom: 25rem;
	}
}

@media only screen and (max-width: 650px) {

	.contact-us__form {
		padding-top: 41rem;
		width: 100%;
	}
}

.contact-us__final {
	padding-top: 100rem;
	font-size: 20rem;
	color: white;
	width: 812rem;
}

@media only screen and (max-width: 650px) {

	.contact-us__final {
		padding-top: 30rem;
		font-size: 13rem;
		line-height: 17.55rem;
		width: 100%;
	}
}

.contact-us__final h2 {
	font-size: 32rem;
	color: white;
}

@media only screen and (max-width: 650px) {

	.contact-us__final h2 {
		font-size: 18rem;
		line-height: 22.5rem;
	}
}

.contact-us__text-link {
	padding: 20rem 0 40rem;
	color: #fff;
	opacity: 0.7;
	font-size: 16rem;
	line-height: 21.6rem;
}

.contact-us__text-link a {
	color: #fff;
	text-decoration: underline;
}

@media only screen and (max-width: 650px) {

	.contact-us__text-link {
		font-size: 10rem;
		line-height: 12.19rem;
		padding: 0 0 33rem;
	}
}

.contact-us__contacts {
	padding: 90rem 0 80rem;
}

.contact-us__contacts-text {
	font-size: 20rem;
	line-height: 27rem;
	color: #fff;
	padding-bottom: 12rem;
}

@media only screen and (max-width: 650px) {

	.contact-us__contacts-text {
		font-size: 12rem;
		line-height: 14.63rem;
		padding-bottom: 14rem;
		text-align: center;
	}
}

.contact-us__contacts-list {
	display: -ms-flexbox;
	display: flex;
	gap: 18rem;
}

.contact-us__contacts-list-item {
	width: 48rem;
	height: 48rem;
}

@media only screen and (max-width: 650px) {

	.contact-us__contacts-list-item {
		width: 28rem;
		height: 28rem;
	}
}

@media only screen and (max-width: 650px) {

	.contact-us__contacts-list {
		gap: 32rem;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 650px) {

	.contact-us__contacts {
		padding: 18rem 0 34rem;
	}
}

.contact-us__right img {
	width: 558rem;
	height: 536rem;
	-o-object-fit: contain;
	object-fit: contain;
}

@media only screen and (max-width: 650px) {

	.contact-us {
		padding-top: 12rem;
		margin-top: 16rem;
	}
}

.reviews {
	background-color: #fff;
	padding: 110rem 0;
}

.reviews__title {
	width: 940rem;
	padding-bottom: 100rem;
}

@media only screen and (max-width: 650px) {

	.reviews__title {
		width: 100%;
		padding-bottom: 40rem;
	}
}

.reviews__slider {
	position: relative;
	padding-bottom: 160rem;
}

.reviews__slider-wrapper {
	width: 1380rem;
	height: 446rem;
	margin: 0 auto;
}

.reviews__slider-wrapper .flickity-viewport {
	overflow: visible;
}

@media only screen and (max-width: 650px) {

	.reviews__slider-wrapper .flickity-viewport {
		overflow: hidden;
	}
}

@media only screen and (max-width: 650px) {

	.reviews__slider-wrapper {
		width: 300rem;
		height: auto;
	}
}

.reviews__slider-arrows {
	display: -ms-flexbox;
	display: flex;
	gap: 60rem;
	-ms-flex-pack: right;
	justify-content: right;
	position: absolute;
	right: 177rem;
	top: -120rem;
}

@media only screen and (max-width: 650px) {

	.reviews__slider-arrows {
		bottom: 0;
		top: auto;
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.reviews__slider-arrow {
	width: 50rem;
	height: 72rem;
	cursor: pointer;
}

.reviews__slider-arrow svg path {
	stroke: #2f6e5b;
}

.reviews__slider-arrow--disabled svg path {
	stroke: #adadad;
}

@media only screen and (max-width: 650px) {

	.reviews__slider-arrow {
		width: 25rem;
		height: 36rem;
	}
}

@media only screen and (max-width: 650px) {

	.reviews__slider {
		padding-bottom: 56rem;
	}
}

.reviews__slide {
	width: 1250rem;
	margin-right: 177rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 60rem;
}

.reviews__slide-left {
	width: 498rem;
}

@media only screen and (max-width: 650px) {

	.reviews__slide-left {
		width: 100%;
	}
}

.reviews__slide-title {
	padding: 20rem 0 28rem;
}

@media only screen and (max-width: 650px) {

	.reviews__slide-title {
		padding: 0 0 20rem;
	}
}

.reviews__slide-text {
	position: relative;
	overflow-y: scroll;
}

.reviews__slide-text::-webkit-scrollbar {
	display: none;
}

@media only screen and (max-width: 650px) {

	.reviews__slide-text {
		height: auto;
	}
}

.reviews__slide-right img,
.reviews__slide-right video {
	width: 645rem;
	height: 446rem;
	-o-object-fit: contain;
	object-fit: contain;
}

@media only screen and (max-width: 650px) {

	.reviews__slide-right img,
	.reviews__slide-right video {
		width: 100%;
		height: 170rem;
	}
}

@media only screen and (max-width: 650px) {

	.reviews__slide {
		width: 300rem;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		gap: 20rem;
	}
}

.reviews__small-title {
	font-size: 54rem;
	line-height: 60.48rem;
	font-family: "Source Serif Pro";
}

@media only screen and (max-width: 650px) {

	.reviews__small-title {
		font-size: 24rem;
		line-height: 26.4rem;
		padding-top: 60rem;
	}
}

.reviews__grid {
	padding-top: 80rem;
	padding-bottom: 80rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 58rem;
}

.reviews__button {
	width: max-content;
	margin: 0 auto;
	display: block;
}

.reviews__grid-element {
	width: 100%;
	padding: 36rem;
	background-image: url("../images/img/reviews-background.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.reviews__grid-element-content {
	height: 225rem;
	overflow-y: scroll;
}

.reviews__grid-element-content::-webkit-scrollbar {
	display: none;
}

@media only screen and (max-width: 650px) {

	.reviews__grid-element-content {
		height: 248rem;
	}
}

.reviews__grid-element-text {
	padding-left: 43rem;
	position: relative;
	max-height: 165rem;
	overflow: hidden;
}

.reviews__grid-element-text::before {
	content: "“";
	position: absolute;
	font-size: 62rem;
	line-height: 69.44rem;
	font-family: "Source Serif Pro";
	font-weight: 700;
	color: #2f6e5b;
	left: 0;
	top: -8rem;
}

.reviews__grid-element-text::after {
	content: "";
	display: block;
	width: 100%;
	height: 80rem;
	position: absolute;
	bottom: -20rem;
	background-image: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.85) 50%, #f8f8f8 100%);
}

@media only screen and (max-width: 650px) {

	.reviews__grid-element-text {
		padding-left: 34rem;
		max-height: 190rem;
	}
}

.reviews__grid-element-autor {
	text-align: right;
}

@media only screen and (max-width: 650px) {

	.reviews__grid-element-autor {
		padding-top: 15rem;
		padding-left: 34rem;
		text-align: left;
	}
}

@media only screen and (max-width: 650px) {

	.reviews__grid-element {
		background-image: url("../images/img/reviews-background_mobile.png");
		padding: 29rem;
	}
}

@media only screen and (max-width: 650px) {

	.reviews__grid {
		padding: 60rem 0 21rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20rem;
	}
}

@media only screen and (max-width: 650px) {

	.reviews {
		padding: 30rem 0;
	}
}

.prices {
	background-color: #fff;
	padding-top: 120rem;
}

.prices__title {
	width: 950rem;
}

@media only screen and (max-width: 650px) {

	.prices__title {
		width: 100%;
		text-align: center;
	}
}

.prices__table {
	margin-top: 95rem;
	border: 1px solid #d7d7d7;
}

.prices__table-main-header {
	display: grid;
	grid-template-columns: auto 481rem 481rem;
	background-color: #d7d7d7;
	-webkit-column-gap: 1px;
	-moz-column-gap: 1px;
	column-gap: 1px;
}

.prices__table-main-header-cell {
	display: grid;
	place-content: center;
	background-color: #2f6e5b;
	padding: 24rem;
	min-height: 129rem;
}

.prices__table-main-header-cell span {
	color: #fff;
	font-family: "Source Serif Pro";
	font-size: 26rem;
	line-height: 32.5rem;
}

@media only screen and (max-width: 650px) {

	.prices__table-main-header-cell span {
		text-align: center;
		font-size: 18rem;
		line-height: 22.5rem;
	}
}

@media only screen and (max-width: 650px) {

	.prices__table-main-header-cell {
		padding: 12rem 6rem;
		min-height: 69rem;
	}
}

@media only screen and (max-width: 650px) {

	.prices__table-main-header {
		display: block;
	}
}

.prices__table-section-header {
	display: grid;
	grid-template-columns: auto 482rem 482rem;
}

.prices__table-section-header-name,
.prices__table-section-header-data {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 132rem;
}

.prices__table-section-header-name span,
.prices__table-section-header-data span {
	font-size: 24rem;
	line-height: 32.4rem;
	font-weight: 500;
}

@media only screen and (max-width: 650px) {

	.prices__table-section-header-name span,
	.prices__table-section-header-data span {
		font-size: 15rem;
		line-height: 20.5rem;
	}
}

@media only screen and (max-width: 650px) {

	.prices__table-section-header-name,
	.prices__table-section-header-data {
		height: 56rem;
	}
}

.prices__table-section-header-name {
	padding-left: 60rem;
}

@media only screen and (max-width: 650px) {

	.prices__table-section-header-name {
		padding-left: 0;
	}
}

.prices__table-section-header-data {
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (max-width: 650px) {

	.prices__table-section-header {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 10rem;
	}
}

.prices__table-section-line {
	display: grid;
	grid-template-columns: auto 482rem 482rem;
}

.prices__table-section-line-data {
	padding: 28rem 0;
	margin: 0 auto;
}

.prices__table-section-line-data span {
	font-size: 20rem;
	line-height: 27rem;
}

@media only screen and (max-width: 650px) {

	.prices__table-section-line-data span {
		font-size: 13rem;
		line-height: 17.55rem;
	}
}

.prices__table-section-line-data-yes svg,
.prices__table-section-line-data-no svg {
	width: 27rem;
	height: 27rem;
	overflow: unset;
}

@media only screen and (max-width: 650px) {

	.prices__table-section-line-data-yes svg,
	.prices__table-section-line-data-no svg {
		width: 20rem;
		height: 20rem;
	}
}

@media only screen and (max-width: 650px) {

	.prices__table-section-line-data {
		padding: 16rem 0;
		margin: 0;
	}
}

.prices__table-section-line-name {
	padding: 28rem 0 28rem 60rem;
}

.prices__table-section-line-text {
	padding-left: 40rem;
	padding-top: 24rem;
}

@media only screen and (max-width: 650px) {

	.prices__table-section-line-text {
		width: 100%;
		padding-left: 10rem;
		padding-top: 10rem;
	}
}

@media only screen and (max-width: 650px) {

	.prices__table-section-line-name {
		padding: 16rem 0;
	}
}

.prices__table-section-line-data {
	-ms-flex-pack: center;
	justify-content: center;
}

.prices__table-section-line-data span {
	color: #2f6e5b;
	font-size: 20rem;
	line-height: 27rem;
	font-weight: 500;
}

.prices__table-section-line-data span.blue {
	color: #06f;
}

.prices__table-section-line-data span.green {
	color: #2f6e5b;
}

.prices__table-section-line-data span.black {
	color: #363636;
}

@media only screen and (max-width: 650px) {

	.prices__table-section-line-data span {
		font-size: 13rem;
		line-height: 17.55rem;
		display: block;
		width: max-content;
	}
}

@media only screen and (max-width: 650px) {

	.prices__table-section-line-data {
		width: max-content;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: right;
	}
}

.prices__table-section1 .prices__table-section-line:nth-child(1) .prices__table-section-line-name,
.prices__table-section1 .prices__table-section-line:nth-child(1) .prices__table-section-line-data {
	padding: 60rem 60rem 40rem;
}

@media only screen and (max-width: 650px) {

	.prices__table-section1 .prices__table-section-line:nth-child(1) .prices__table-section-line-name,
	.prices__table-section1 .prices__table-section-line:nth-child(1) .prices__table-section-line-data {
		padding: 20rem 0 20rem;
	}
}

.prices__table-section1 .prices__table-section-line:nth-child(1) .prices__table-section-line-name span,
.prices__table-section1 .prices__table-section-line:nth-child(1) .prices__table-section-line-data span {
	font-size: 24rem;
	font-weight: 500;
}

@media only screen and (max-width: 650px) {

	.prices__table-section1 .prices__table-section-line:nth-child(1) .prices__table-section-line-name span,
	.prices__table-section1 .prices__table-section-line:nth-child(1) .prices__table-section-line-data span {
		font-size: 13rem;
	}
}

.prices__table-section1 .prices__table-section-line:nth-child(even) {
	background-color: #fafafa;
}

.prices__table-section2 .prices__table-section-line:nth-child(odd) {
	background-color: #fafafa;
}

@media only screen and (max-width: 650px) {

	.prices__table-section-line {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 10rem;
		gap: 14rem;
	}
}

.prices__table-section2 {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 360ms ease-in-out;
}

.prices__table-section2--open {
	opacity: 1;
}

.prices__table-buttons {
	display: grid;
	grid-template-columns: auto 482rem 482rem;
	place-items: center;
}

.prices__table-buttons .simple-button {
	display: block;
	text-align: center;
	width: 314rem;
	margin: 50rem 0;
}

.prices__table-buttons-cell {
	padding: 17rem 7rem;
}

@media only screen and (max-width: 650px) {

	.prices__table {
		margin-top: 40rem;
	}
}

.prices__link-button {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: right;
	justify-content: right;
	padding: 60rem 0 100rem;
}

.prices__link-button_collapse {
	display: none;
}

@media only screen and (max-width: 650px) {

	.prices__link-button {
		-ms-flex-pack: center;
		justify-content: center;
		padding: 31rem 0 51rem;
	}
}

@media only screen and (max-width: 650px) {

	.prices {
		padding-top: 17rem;
	}
}

.about-proyect {
	padding: 120rem 0 160rem;
}

@media only screen and (max-width: 650px) {

	.about-proyect {
		padding: 16rem 0 0;
	}
}

.about-proyect__title {
	padding-bottom: 100rem;
}

@media only screen and (max-width: 650px) {

	.about-proyect__title {
		padding-bottom: 23rem;
	}
}

.about-proyect__flex {
	display: -ms-flexbox;
	display: flex;
	gap: 58rem;
}

@media only screen and (max-width: 650px) {

	.about-proyect__flex {
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20rem;
	}
}

.about-proyect__left,
.about-proyect__right {
	width: 50%;
}

@media only screen and (max-width: 650px) {

	.about-proyect__left,
	.about-proyect__right {
		width: 100%;
	}
}

.about-proyect__left img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.about-proyect__right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media only screen and (max-width: 650px) {

	.about-proyect__right {
		gap: 20rem;
	}
}

.about-proyect__right-title {
	padding-bottom: 24rem;
}

@media only screen and (max-width: 650px) {

	.about-proyect__right-title {
		padding-bottom: 10rem;
	}
}

.about-proyect__right-down {
	display: -ms-flexbox;
	display: flex;
	gap: 58rem;
}

.about-proyect__right-down img {
	width: 196rem;
	height: 256rem;
	-o-object-fit: cover;
	object-fit: cover;
}

@media only screen and (max-width: 650px) {

	.about-proyect__right-down {
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20rem;
	}
}

@media only screen and (max-width: 650px) {

	.about-proyect__right-down img {
		width: 150rem;
		height: 197rem;
	}
}

.questions {
	padding-top: 120rem;
}

@media only screen and (max-width: 650px) {

	.questions {
		padding-top: 32rem;
	}
}

.questions__title {
	width: 986rem;
	padding-bottom: 100rem;
}

@media only screen and (max-width: 650px) {

	.questions__title {
		width: 100%;
		padding-bottom: 40rem;
		text-align: center;
	}
}

.opinion-letter {
	position: relative;
	min-height: 690rem;
	width: 2000rem;
	margin: 0 auto;
}

@media only screen and (max-width: 650px) {

	.opinion-letter {
		width: 320rem;
		min-height: 529rem;
		padding: 28rem 0 40rem;
	}
}

.opinion-letter__wrapper {
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 690rem;
	overflow: visible;
	z-index: 1;
}

@media only screen and (max-width: 650px) {

	.opinion-letter__wrapper {
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.opinion-letter__left {
	position: absolute;
	z-index: 1;
	left: 0;
	width: 1090rem;
	height: 690rem;
	padding: 0 360rem 0 177rem;
	display: grid;
	-ms-flex-line-pack: center;
	align-content: center;
	background-image: url("../images/img/paper-left.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: -webkit-transform 360ms ease-in-out;
	transition: transform 360ms ease-in-out;
	transition: transform 360ms ease-in-out, -webkit-transform 360ms ease-in-out;
}

@media only screen and (max-width: 650px) {

	.opinion-letter__left {
		width: 100%;
		height: auto;
		padding: 20rem 10rem 28rem;
		top: 223rem;
	}
}

.opinion-letter__left-title {
	margin-bottom: 36rem;
}

@media only screen and (max-width: 650px) {

	.opinion-letter__left-title {
		margin-bottom: 10rem;
	}
}

.opinion-letter__left-text {
	margin-bottom: 28rem;
	padding-left: 43rem;
	position: relative;
}

.opinion-letter__left-text::before {
	content: "“";
	color: #2f6e5b;
	font-family: "Source Serif Pro";
	font-weight: 700;
	font-size: 62rem;
	line-height: 69.44rem;
	position: absolute;
	left: 0;
	top: 0;
}

@media only screen and (max-width: 650px) {

	.opinion-letter__left-text {
		margin-bottom: 10rem;
	}
}

.opinion-letter__left-button {
	padding-left: 43rem;
}

.opinion-letter__right {
	position: absolute;
	z-index: 1;
	right: 0;
	width: 989rem;
	height: 690rem;
	transition: -webkit-transform 360ms ease-in-out;
	transition: transform 360ms ease-in-out;
	transition: transform 360ms ease-in-out, -webkit-transform 360ms ease-in-out;
}

.opinion-letter__right img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

@media only screen and (max-width: 650px) {

	.opinion-letter__right {
		width: 100%;
		height: 223rem;
	}
}

.opinion-letter__inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 97rem;
	overflow: hidden;
	height: 0;
	transition: height 360ms ease-in-out;
}

@media only screen and (max-width: 650px) {

	.opinion-letter__inner {
		padding-bottom: 0;
	}
}

.opinion-letter__inner-letter {
	width: 80%;
	margin-bottom: 50rem;
}

.opinion-letter__inner-letter img {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 650px) {

	.opinion-letter__inner-letter {
		width: 100%;
		padding: 0 10rem;
		margin-bottom: 10rem;
	}
}

.opinion-letter__inner-close {
	width: 231rem;
	height: 51rem;
}

@media only screen and (max-width: 650px) {

	.opinion-letter__inner-close {
		width: 99rem;
		height: 22rem;
	}
}

.opinion-letter--open .opinion-letter__left {
	-webkit-transform: translateX(-90%);
	transform: translateX(-90%);
}

.opinion-letter--open .opinion-letter__right {
	-webkit-transform: translateX(90%);
	transform: translateX(90%);
}

.opinion-letter--open .opinion-letter__inner {
	height: 2105rem;
}

@media only screen and (max-width: 650px) {

	.opinion-letter--open .opinion-letter__left {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@media only screen and (max-width: 650px) {

	.opinion-letter--open .opinion-letter__right {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@media only screen and (max-width: 650px) {

	.opinion-letter--open .opinion-letter__inner {
		height: auto;
	}
}

.other-opinions {
	background-color: #fff;
	padding: 110rem 0;
}

@media only screen and (max-width: 650px) {

	.other-opinions {
		padding: 30rem 0;
	}
}

.other-opinions__title {
	padding-bottom: 100rem;
}

@media only screen and (max-width: 650px) {

	.other-opinions__title {
		padding-bottom: 30rem;
	}
}

.other-opinions__opinions {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 100rem;
}

@media only screen and (max-width: 650px) {

	.other-opinions__opinions {
		gap: 60rem;
	}
}

.press-about {
	padding: 120rem 0 100rem;
}

@media only screen and (max-width: 650px) {

	.press-about {
		padding: 16rem 0 46rem;
	}
}

.press-about__title {
	padding-bottom: 120rem;
}

@media only screen and (max-width: 650px) {

	.press-about__title {
		padding-bottom: 40rem;
		text-align: center;
	}
}

.press-about__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-webkit-column-gap: 108rem;
	-moz-column-gap: 108rem;
	column-gap: 108rem;
	row-gap: 104rem;
}

@media only screen and (max-width: 650px) {

	.press-about__grid {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 42rem;
	}
}

.press-about__source img {
	width: 100%;
	height: 234rem;
	-o-object-fit: cover;
	object-fit: cover;
}

@media only screen and (max-width: 650px) {

	.press-about__source img {
		height: 156rem;
	}
}

.press-about__source-separator {
	width: 48rem;
	height: 4rem;
	background-color: #2f6e5b;
	margin: 28rem 0 16rem;
}

@media only screen and (max-width: 650px) {

	.press-about__source-separator {
		margin: 15rem 0 16rem;
	}
}

.press-about__source-title {
	font-weight: 500;
	margin-bottom: 16rem;
}

@media only screen and (max-width: 650px) {

	.press-about__source-title {
		margin-bottom: 8rem;
	}
}

.press-about__source-date {
	font-size: 16rem;
	line-height: 21.6rem;
	margin-bottom: 28rem;
}

@media only screen and (max-width: 650px) {

	.press-about__source-date {
		margin-bottom: 24rem;
	}
}

.press-about__source-text {
	min-height: 162rem;
	overflow: hidden;
	margin-bottom: 36rem;
}

@media only screen and (max-width: 650px) {

	.press-about__source-text {
		min-height: 108rem;
	}
}

.press-about__source-link {
	font-family: "Source Serif Pro";
	text-decoration: underline;
	font-style: italic;
	font-size: 20rem;
	line-height: 25rem;
}

@media only screen and (max-width: 650px) {

	.press-about__source-link {
		font-size: 18rem;
		line-height: 22.55rem;
	}
}

.footer-contacts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 24rem;
}

.footer-contacts__list {
	display: -ms-flexbox;
	display: flex;
	gap: 16rem;
}

@media only screen and (max-width: 650px) {

	.footer-contacts__list {
		gap: 13rem;
		-ms-flex-item-align: center;
		align-self: center;
		margin-bottom: 24rem;
	}
}

.footer-contacts__list-item svg,
.footer-contacts__list-item img {
	width: 48rem;
	height: 48rem;
	border-radius: 50%;
}

@media only screen and (max-width: 650px) {

	.footer-contacts__list-item svg,
	.footer-contacts__list-item img {
		width: 29rem;
		height: 29rem;
	}
}

@media only screen and (max-width: 650px) {

	.footer-contacts {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		gap: 0;
	}
}

green {
	color: #2f6e5b;
	font-style: italic;
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity 1s;
	position: absolute;
	width: 100%;
}

.fade-enter,
.fade-leave-to {
	opacity: 0;
}

.fast-fade-enter-active,
.fast-fade-leave-active {
	transition: opacity 0.3s;
	position: absolute;
	width: 100%;
}

.fast-fade-enter,
.fast-fade-leave-to {
	opacity: 0;
}

.slider-enter-active,
.slider-leave-active {
	transition: opacity 0.3s;
}

.slider-enter,
.slider-leave-to {
	opacity: 0;
	position: absolute;
	left: 812rem;
}

@media only screen and (max-width: 650px) {

	.slider-enter,
	.slider-leave-to {
		left: unset;
		z-index: -10;
	}
}

.contacts {
	display: grid;
	grid-template-columns: 1129rem 791rem;
	min-height: 856rem;
	width: max-content;
	margin: 0 auto;
}

@media only screen and (max-width: 650px) {

	.contacts {
		display: flex;
		flex-direction: column;
		min-height: unset;
		width: 100%;
	}
}

.contacts__title {
	margin-bottom: 36rem;
}

@media only screen and (max-width: 650px) {

	.contacts__title {
		margin-bottom: 30rem;
	}
}

.contacts h6 {
	color: white;
	margin-bottom: 40rem;
}

@media only screen and (max-width: 650px) {

	.contacts h6 {
		font-size: 24rem;
		line-height: 24rem;
		margin-bottom: 30rem;
	}
}

.contacts__left {
	display: flex;
	align-items: center;
	padding: 0 140rem 0 177rem;
	background-color: white;
}

@media only screen and (max-width: 650px) {

	.contacts__left {
		padding: 60rem 10rem 45rem;
	}
}

.contacts__left-text {
	margin-bottom: 60rem;
}

@media only screen and (max-width: 650px) {

	.contacts__left-text {
		margin-bottom: 0;
	}
}

.contacts__left input {
	width: 100%;
	background: transparent;
	font-size: 20rem;
	line-height: 27rem;
	padding: 20rem 0;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	margin-bottom: 20rem;
}

.contacts__left input:focus {
	outline: none;
}

@media only screen and (max-width: 650px) {

	.contacts__left input {
		padding: 10rem 0;
		font-size: 12rem;
		line-height: 14.63rem;
	}
}

.contacts__politic {
	display: block;
	margin: 20rem 0 40rem;
	opacity: 0.7;
	width: 100%;
}

@media only screen and (max-width: 650px) {

	.contacts__politic {
		margin: 12rem 0 30rem;
	}
}

.contacts__politic a {
	text-decoration: underline rgba(0, 0, 0, 0.7);
}

.contacts__button button {
	font-size: 18rem;
	line-height: 24.3rem;
	font-weight: 500;
}

@media only screen and (max-width: 650px) {

	.contacts__button button {
		width: 100%;
	}
}

.contacts__right {
	background-color: #2f6e5b;
	display: flex;
	align-items: center;
	padding: 0 224rem 0 178rem;
}

@media only screen and (max-width: 650px) {

	.contacts__right {
		padding: 40rem 10rem;
	}
}

.contacts__right-text {
	color: white;
	margin-bottom: 32rem;
}

.contacts__right-text:last-child {
	line-height: 56rem;
}

@media only screen and (max-width: 650px) {

	.contacts__right-text:last-child {
		line-height: 17.5rem;
	}
}

@media only screen and (max-width: 650px) {

	.contacts__right-text {
		margin-bottom: 20rem;
	}
}

.contacts__right-mail {
	display: block;
	color: white;
	margin-bottom: 20rem;
	font-weight: 500;
	text-decoration: underline;
}

@media only screen and (max-width: 650px) {

	.contacts__right-mail {
		margin-bottom: 10rem;
	}
}

.contacts__right-phone {
	display: block;
	color: white;
	margin-bottom: 68rem;
	font-weight: 500;
}

@media only screen and (max-width: 650px) {

	.contacts__right-phone {
		margin-bottom: 30rem;
	}
}

.contacts__final {
	font-size: 28rem;
}

@media only screen and (max-width: 650px) {

	.contacts__final {
		font-size: 16rem;
	}
}

.contacts__social {
	display: flex;
	gap: 16rem;
	width: 48rem;
	height: 48rem;
}

@media only screen and (max-width: 650px) {

	.contacts__social {
		gap: 30rem;
	}
}

@media only screen and (max-width: 650px) {

	.contacts__social {
		width: 34rem;
		height: 34rem;
	}
}

.entry-header {
	padding-top: 50rem;
}

.entry-header h1 {
	font-size: 2em;
}

.entry-content h2 {
	font-size: 1.2em;
	line-height: 2;
}

.comment__flex {
	margin-top: 28rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media only screen and (max-width: 650px) {

	.comment__flex {
		margin-top: 10rem;
		flex-direction: column;
		align-items: flex-start;
	}

	.comment__flex button {
		padding-left: 34rem;
	}
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}

.modal__page {
	background: white;
	padding: 45rem;
	border-radius: 25rem;
	position: relative;
	max-width: 650rem;
	max-height: 90vh;
	overflow: auto;
}

@media only screen and (max-width: 650px) {

	.modal__page {
		padding: 25rem;
		border-radius: 15rem;
	}
}

.modal__page svg {
	cursor: pointer;
	width: 40rem;
	height: 40rem;
	position: absolute;
	top: 10rem;
	right: 10rem;
}