* {
	box-sizing: border-box;
}


body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

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

address, caption, cite, code, dfn, th, var, h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
}

caption, th {
	text-align: left;
}

abbr, acronym, fieldset, img {
	border: 0;
}


img {
	max-width: 100%;
	display: block;
}

/*
a {
	color: #144c79;
}

a:hover,
a:active
{
	color: #C71585;
}
*/
.clearfix:after {
	content: '';
	clear: both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

q:before {
	content:'«';
}

q:after {
	content:'»';
}


.forbidden_select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Чтобы работали переносы, должен быть указан lang="ru" в html */
.hyphens {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.wrapper {
	margin: 0 auto;
	min-width: 320px;
	max-width: 1600px;
	position: relative;
	padding: 0 10px;
}




* {
	font-family: 'Open Sans', sans-serif;
}


.page_index header {
	background: #f2f7ff url('../images/bg_header.jpg') no-repeat center top/cover;
	min-height: 960px;
}

section .section_title {
	min-height: 120px;
	display: flex;
	align-items: center;
}

section .section_title.left {
	border-left: #274784 solid 14px;
	padding-left: 30px;
	justify-content: flex-start;
}

section .section_title.right {
	border-right: #274784 solid 14px;
	padding-right: 30px;
	justify-content: flex-end;
}

section .section_title.left h2 {
	text-align: left;
}

section .section_title.right h2 {
	text-align: right;
}

section .section_title h2 {
	font-family: 'OpenSans SemiBold', sans-serif;
	font-size: 60px;
	color: #274784;
	text-transform: uppercase;
	line-height: 120%;
}

section .section_title h3 {
	color: #000;
	font-size: 40px;
	line-height: 100%;
	margin-top: 20px;
}


.section2 {
	background: #f2f7ff url('../images/bg_header.jpg') no-repeat center top/cover;
	min-height: 960px;
}


.section4 {
	background: #f2f7ff url('../images/bg_money.jpg') no-repeat center top/cover;
	min-height: 960px;
}

section .wrapper {
	padding: 100px 25px;
}


.section5 h2 {
	font-size: 50px;
	text-align: center;
	color: #274784;
	text-transform: uppercase;
	margin-bottom: 30px;
	line-height: 120%;
}

.section5 h3 {
	font-size: 26px;
	text-align: center;
	color: #274784;
	text-transform: uppercase;
	margin-bottom: 70px;
	line-height: 120%;
}


.section5 .button_wrapper {
	max-width: 640px;
	margin: 0 auto;
}

.page_index header .button_wrapper {
	max-width: 33.438vw;
}

.section5 form .field,
.page_index header form .field
{
	margin-bottom: 40px;
}

.section5 input[type="text"],
.page_index header input[type="text"]
{
	background: #e1eaf7;
	font-size: 22px;
	padding: 10px 15px;
	margin: 0;
	color: #274784;
	outline: none;
	border: none;
	height: 60px;
	width: 100%;
}

.section5 input[name="email"],
.page_index header input[name="email"]
{
	text-transform: lowercase;
}



.section5 button,
.page_index header button
{
	width: 100%;
	margin: 0;
	border: none;
	outline: none;
	background: #274784;
	color: #fff;
	text-transform: uppercase;
	font-size: max(1.146vw, 14px);
	padding: 15px 25px;
	cursor: pointer;
}


.section5 button {
	font-size: 22px;
}

.section4 .how_to_start,
.section1 .you_will_learn
{
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.section4 .how_to_start .item,
.section1 .you_will_learn .item
{
	min-height: 466px;
	width: 395px;
	padding: 280px 10px 10px;
	position: relative;
}

.section4 .how_to_start .item:before,
.section1 .you_will_learn .item:before
{
	content: '';
	position: absolute;
	width: 160px;
	height: 160px;
	top: 100px;
	left: calc( 50% - 80px );
}

.section4 .how_to_start .item1:before {
	background: url('../images/icon1.svg') no-repeat center center/contain;
}

.section4 .how_to_start .item2:before {
	background: url('../images/icon2.svg') no-repeat center center/contain;
}

.section4 .how_to_start .item3:before {
	background: url('../images/icon3.svg') no-repeat center center/contain;
}



.section1 .you_will_learn .item1:before {
	background: url('../images/icon4.svg') no-repeat center center/contain;
}

.section1 .you_will_learn .item2:before {
	background: url('../images/icon5.svg') no-repeat center center/contain;
}

.section1 .you_will_learn .item3:before {
	background: url('../images/icon6.svg') no-repeat center center/contain;
}






.section4 .how_to_start .item1 {
	background: url('../images/image1.jpg') no-repeat center center/cover;
}

.section4 .how_to_start .item2 {
	background: url('../images/image2.jpg') no-repeat center center/cover;
}

.section4 .how_to_start .item3 {
	background: url('../images/image3.jpg') no-repeat center center/cover;
}




.section1 .you_will_learn .item1 {
	background: url('../images/image4.jpg') no-repeat center center/cover;
}

.section1 .you_will_learn .item2 {
	background: url('../images/image5.jpg') no-repeat center center/cover;
}

.section1 .you_will_learn .item3 {
	background: url('../images/image6.jpg') no-repeat center center/cover;
}



.section4 .how_to_start .item_title,
.section1 .you_will_learn .item_title
{
	text-align: center;
	color: #fff;
	font-size: 26px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: 'OpenSans SemiBold', 'Open Sans', sans-serif;
}

.section4 .how_to_start .item_text,
.section1 .you_will_learn .item_text
{
	color: #fff;
	font-family: 'OpenSans Light', 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
}

.section_title
{
	margin-bottom: 100px;
}


.yuliy_sugeyko {
	display: flex;
	gap: 100px;
}

.yuliy_sugeyko .photo {
	flex-shrink: 0;
}

.yuliy_sugeyko ul {
	list-style: none;
	margin: 0;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	gap: 100px;
	justify-content: center;
	position: relative;
}


.yuliy_sugeyko ul:before {
	content: '';
	position: absolute;
	width: 3px;
	background: #b6cdee;
	top: 0;
	bottom: 0;
}



.yuliy_sugeyko ul li {
	font-size: 30px;
	font-family: 'OpenSans Light', 'Open Sans', sans-serif;
	padding: 0 0 0 50px;
	position: relative;
	display: flex;
	align-items: center;
	min-height: 50px;
}


.yuliy_sugeyko ul li:before {
	content: '';
	position: absolute;
	background: #f2f7ff;
	width: 40px;
	height: 40px;
	border: #274784 solid 5px;
	border-radius: 50%;
	top: 0;
	left: -25px;
}

.cases {
	display: flex;
	gap: 40px;
	justify-content: space-between;
}

.cases .item {
	min-height: 520px;
	width: 340px;
	padding: 50px 10px 50px;
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}

.cases .item .city_name {
	color: #666;
	font-size: 20px;
}


.cases .item .item_image {
	margin-bottom: 50px;
}

.cases .item .item_image img {
	display: block;
	border-radius: 50%;
	margin: 0 auto;
	width: 240px;
}

.cases .item .item_title {
	text-align: center;
	font-size: 26px;
	margin-bottom: 30px;
}

.cases .item .item_text {
	text-align: center;
	font-family: 'OpenSans Light', 'Open Sans', sans-serif;
	font-size: 22px;
}


.page_index header .wrapper {
	padding: 50px 25px;
}

.page_index header .band {
	margin-bottom: 50px;
}



.page_index header .logo {
	display: block;
	width: 142px;
	height: 69px;
	background: url('../images/deh_logo.png') no-repeat center center;
}

.page_index header .info {
	display: grid;
	gap: 0 8vw;
}

.page_index header .onboarding_image {
	flex-shrink: 0;
	grid-column: 1;
	grid-row: 1 / 3;
	width: 496px;
}

.page_index header .info .text_block {
	grid-column: 2;
	grid-row: 1;
	margin-bottom: 80px;
}

.page_index header .info .button_wrapper {
	grid-column: 2;
	grid-row: 2;
	display: flex;
	align-items: flex-end;
}

.page_index header h1 {
	font-size: 4.17vw;
	color: #274784;
	text-transform: uppercase;
	margin-bottom: 4vw;
	position: relative;
	top: -1.50vw;
}

.page_index header .text {
	font-size: max(1.563vw, 20px);
	line-height: 150%;
}







footer {
	background: #274784;
}


footer .wrapper {
	padding: 50px 25px;
	color: #fff;
	display: flex;
	justify-content: space-between;
}

footer .company_info {
	width: 33%;
}


footer .company_info .company_name {
	font-weight: bold;
	margin-bottom: 10px;
}

footer .bank_info {
	width: 34%;
}

footer .bank_info .title {
	font-weight: bold;
	margin-bottom: 10px;
}

footer .column1 {
	width: 33%;
}

footer .logo {
	width: 131px;
	height: 61px;
	background: url('../images/deh_logo_white.svg') no-repeat center center/100%;
	display: block;
}

footer a {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}








.window {
	display: none;
	position: fixed;
	/*
	safe
	https://developer.mozilla.org/ru/docs/Web/CSS/align-items
	https://coderedirect.com/questions/46470/cant-scroll-to-top-of-flex-item-that-is-overflowing-container
	 */
	justify-content: safe center;
	align-items: safe center;
	z-index: 10000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.6);
	padding: 100px;
	/*overflow: scroll;*/
	overflow: auto;
	min-width: 320px;
}


.window.visible {
	display: flex;
}



.window .close {
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	background: url('../images/close.svg') no-repeat center center;
	top: 20px;
	right: 20px;
	z-index: 1;
	cursor: pointer;
}


.window_signup form {
	/*
	background-color: #FFF6E6;
	*/
	background-image: linear-gradient(to right bottom, #00bdff, #3fbdff, #5abcff, #6fbbff, #80bbff, #76c2ff, #6dc8ff, #67ceff, #45dbff, #12e8ff, #00f4fc, #0ffff0);
	max-width: 640px;
	width: 100%;
	padding: 60px 80px;
	position: relative;
	border: #2a2a2a solid 10px;
	border-radius: 20px;
	min-height: 320px;
	margin: auto 0;
}

body.hide_scroll {
	overflow: hidden;
}




.checkbox18 {
	flex-shrink: 0;
	display: inline-block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	position: relative;
	background: #fff;
	border: #2a2a2a solid 2px;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: middle;
}

.checkbox18 + label {
	margin-left: 3px;
	display: inline-block;
	vertical-align: middle;
}

.checkbox18 input[type="checkbox"] {
	left: -40px;
	top: 0;
	position: absolute;
	display: block;
	margin: 0;
}


.checkbox18 span {
	display: none;
}

.checkbox18 input[type="checkbox"]:checked + span {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iMy43MDQxNjc2bW0iCiAgIGhlaWdodD0iMi44MDg0ODQ4bW0iCiAgIHZpZXdCb3g9IjAgMCAzLjcwNDE2NzcgMi44MDg0ODQ5IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjIgKDVjM2U4MGQsIDIwMTctMDgtMDYpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJ0aWNrLnN2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjExLjIiCiAgICAgaW5rc2NhcGU6Y3g9Ii03LjExMDg5ODEiCiAgICAgaW5rc2NhcGU6Y3k9IjkuMTg2Mjg1OCIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTExNiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgdW5pdHM9Im1tIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxOS43Mzg3NiwtODkuNTkyMDQpIj4KICAgIDxwYXRoCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgZD0ibSAtMzE2LjE3MDI4LDg5LjcyNzcyOSBjIC0wLjE4MDkxLC0wLjE4MDkxOCAtMC40NzUxNSwtMC4xODA5MTggLTAuNjU2MDcsMCBsIC0xLjU2MTk5LDEuNTYxOTg3IC0wLjU1ODY2LC0wLjU1ODY1NyBjIC0wLjE4MDkxLC0wLjE4MDkxOCAtMC40NzUxNiwtMC4xODA5MTggLTAuNjU2MDYsMCAtMC4xODA5MywwLjE4MDkxNyAtMC4xODA5MywwLjQ3NTE1OCAwLDAuNjU2MDc1IDAsMCAwLjkxMjUyLDAuOTAzMjYyIDAuOTQ5NjMsMC45MjM4MDYgMC4xODE1OSwwLjEzMzIwMyAwLjQzODA2LDAuMTE3OTYgMC42MDI0LC0wLjA0NjM4IGwgMS44ODA3NSwtMS44ODA3NDcgYyAwLjE4MDkyLC0wLjE4MDkxOCAwLjE4MDkyLC0wLjQ3NDQ5NSAwLC0wLjY1NjA3NSB6IgogICAgICAgaWQ9InBhdGg0NTQ2IgogICAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjAwNjYyNzAyIiAvPgogIDwvZz4KPC9zdmc+Cg==');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/*
	width: 14px;
	height: 11px;
	left: 50%;
	margin-left: -7px;
	top: 50%;
	margin-top: -5px;
	*/
}

a {
	color: #274784;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}





.window h2
{
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
	font-family: 'OpenSans SemiBold', sans-serif;
}

.window .buttons
{
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 20px;
}

.window_signup form button[type="submit"]
{
	width: 100%;
	margin: 0;
	border: none;
	outline: none;
	background: #274784;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	padding: 10px 15px;
	cursor: pointer;
	height: 50px;
	text-decoration: none;
}


.window_signup_result .button_ok {
	width: 240px;
	margin: 0;
	border: none;
	outline: none;
	background: #274784;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	padding: 10px 15px;
	cursor: pointer;
	height: 50px;
	text-decoration: none;
	text-align: center;
}


.window_signup form button[type="submit"]:disabled {
	opacity: 0.3;
}


.window_signup form .message {
	display: none;
	color: red;
	margin-top: 5px;
}


.window_signup .field.error input[type="text"] {
	border-color: red;
}

.window_signup .field.error .message {
	display: block;
}


.window_signup form .field {
	margin-bottom: 20px;
}

.window_signup form .field > label {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 5px;
}

.window_signup form .field input[type="text"] {
	display: block;
	width: 100%;
	border: #2a2a2a solid 2px;
	padding: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	background: #fff;
}

.window_signup form .field input[type="text"]:focus {
	outline: none;
}

.payment_info {
	font-size: 22px;
	margin-bottom: 30px;
	line-height: 150%;
}

.window_signup form .field input[type="checkbox"] {
	background: #fff;
	width: 22px;
	height: 22px;
}



form.loading button[type="submit"] {
	background: #274784 url('../images/loading.svg') no-repeat center center;
}

form.loading button[type="submit"] .text {
	display: none;
}



.checkbox_wrapper {
	margin: 30px 0 50px;
}

.checkbox_wrapper .inner_wrapper {
	display: flex;
	gap: 5px;
}

.checkbox_wrapper .text {
	font-size: 22px;
}


.page_default header {
	background: #f3fcff;
	margin-bottom: 80px;
}

.page_default header > .wrapper {
	min-height: 100px;
	display: flex;
	align-items: center;
}

.page_default header .logo {
	display: block;
	width: 142px;
	height: 69px;
	background: url('../images/deh_logo.png') no-repeat center center;
}



.page_default header .phone_block {
	position: absolute;
	right: 10px;
	display: flex;
	gap: 30px;
}

.page_default header .phone_block a {
	color: #144c79;
	font-size: 22px;
	text-decoration: none;
}

.page_default header .phone_block a:hover,
.page_default header .phone_block a:active
{
	color: #c71585;
}



.window .content {
	background-color: #fff;
	max-width: 640px;
	width: 100%;
	padding: 30px 40px;
	position: relative;
	border: #2a2a2a solid 10px;
	border-radius: 20px;
	min-height: 320px;
	margin: auto 0;
}

.window_signup_result p {
	color: #2a2a2a;
	font-size: 18px;
	line-height: 150%;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: center;
}

@media all and (min-width: 1025px) and (max-width: 1280px){
	.page_index header .button_wrapper {
		max-width: 640px;
	}
}

@media all and (min-width: 801px) and (max-width: 1024px){


	.page_index header .info {
		display: flex;
		flex-direction: column;
		gap: 30px;
		flex-wrap: wrap;
	}

	.page_index header .info .onboarding_image {
		order: 2;
		width: 100%;
	}

	.page_index header .info .onboarding_image img {
		margin: 0 auto;
	}

	.page_index header .info .text_block {
		order: 1;
		margin-bottom: 0;
	}

	.page_index header .info .button_wrapper {
		order: 3;
		max-width: 496px;
		width: 100%;
	}

	.page_index header h1 {
		font-size: 30px;
		text-align: left;
		margin-bottom: 30px;
	}

	.page_index header .text {
		font-size: 22px;
		text-align: left;
	}

	.page_index header button
	{
		font-size: 14px;
		padding: 15px 25px;
	}


	.cases {
		flex-wrap: wrap;
		justify-content: center;
	}

	.yuliy_sugeyko {
		flex-wrap: wrap;
		flex-direction: column;
		gap: 30px;
	}

	.yuliy_sugeyko ul {
		gap: 20px;
	}

	.yuliy_sugeyko ul li {
		font-size: 22px;
	}

	.yuliy_sugeyko ul li::before {
		width: 20px;
		height: 20px;
		border: #274784 solid 2px;
		border-radius: 50%;
		top: 0;
		left: 0;
	}

	.yuliy_sugeyko ul::before {
		top: 0;
		bottom: 0;
		left: 10px;
	}

	.yuliy_sugeyko .photo img {
		margin: 0 auto;
	}

	.section5 form,
	header form,
	.button_wrapper
	{
		max-width: 480px;
		margin: 0 auto;
	}

}


@media all and (max-width: 800px){

	.page_index header {
		min-height: 800px;
	}

	.window {
		padding: 0;
	}

	.window_signup form {
		border: none;
		border-radius: 0;
		min-height: 100vh;
		width: 100%;
		max-width: none;
	}

	.page_index header .info {
		display: flex;
		flex-direction: column;
		gap: 30px;
		flex-wrap: wrap;
	}

	.page_index header .info .onboarding_image {
		order: 2;
		width: 100%;
	}

	.page_index header .info .onboarding_image img {
		margin: 0 auto;
	}

	.page_index header .info .text_block {
		order: 1;
		margin-bottom: 0;
	}

	.page_index header .info .button_wrapper {
		order: 3;
		max-width: 496px;
		width: 100%;
	}

	.page_index header h1 {
		font-size: 30px;
		text-align: left;
		margin-bottom: 30px;
	}

	.page_index header .text {
		font-size: 22px;
		text-align: left;
	}

	.page_index header button
	{
		font-size: 14px;
		padding: 15px 25px;
	}

	section .section_title {
		min-height: 60px;
		margin-bottom: 50px;
	}



	section .section_title h2 {
		font-size: 22px;
	}

	section .section_title.right {
		padding-right: 10px;
		border-right: #274784 solid 8px;
	}

	.section4 .how_to_start,
	.section1 .you_will_learn
	{
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
	}

	.section4 .how_to_start .item,
	.section1 .you_will_learn .item
	{
		max-width: 395px;
		width: 100%;
	}

	section .wrapper {
		padding: 50px 25px;
	}

	section .section_title h3 {
		font-size: 22px;
	}

	.yuliy_sugeyko {
		flex-wrap: wrap;
		flex-direction: column;
		gap: 30px;
	}

	.yuliy_sugeyko ul {
		gap: 20px;
	}

	.yuliy_sugeyko ul li {
		font-size: 22px;
	}

	.yuliy_sugeyko ul li::before {
		width: 20px;
		height: 20px;
		border: #274784 solid 2px;
		border-radius: 50%;
		top: 0;
		left: 0;
	}

	.yuliy_sugeyko ul::before {
		top: 0;
		bottom: 0;
		left: 10px;
	}

	.cases {
		flex-direction: column;
		gap: 50px;
		align-items: center;
	}

	.cases .item {
		width: auto;
		max-width: 340px;
	}

	.section5 h2 {
		font-size: 22px;
		margin-bottom: 50px;
	}


	.button_wrapper
	{
		max-width: 480px;
		margin: 0 auto;
	}

	.yuliy_sugeyko .photo img {
		margin: 0 auto;
	}
}

@media all and (max-width: 640px){

	.page_default header .phone_block {
		text-align: right;
		gap: 10px;
		flex-direction: column;
	}

	.page_default header .phone_block a {
		font-size: 18px;
	}


	footer .wrapper {
		flex-wrap: wrap;
		gap: 30px;
	}

	footer .wrapper > * {
		width: 100%;
	}

	footer .logo {
		margin: 0 auto;
	}

	.section5 button {
		font-size: max(1.146vw, 14px);
	}


}

@media all and (max-width: 480px) {
	.window_signup form {
		padding: 40px 30px;
	}

	.window_signup form button[type="submit"] {
		font-size: 16px;
	}

	.window h2 {
		font-size: 18px;
	}

	.checkbox_wrapper .text {
		font-size: 16px;
	}


}