:root {
	--white : #fff;
	--black : #000;
	--purple : #4A40BA;
	--purple_hover : #3d359d;
	--purple_10 : #4A40BA1A;
	--purple_20 : #4A40BA38;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Hairline'), local('TTHoves-Pro-Hairline'), local('TT_Hoves_Pro_Hairline'),
	url('fonts/tt_hoves_pro_hairline.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_hairline.woff') format('woff');
	font-weight: 50;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Hairline Italic'), local('TTHoves-Pro-Hairline-Italic'), local('TT_Hoves_Pro_Hairline_Italic'),
	url('fonts/tt_hoves_pro_hairline_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_hairline_italic.woff') format('woff');
	font-weight: 50;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Thin'), local('TTHoves-Pro-Thin'), local('TT_Hoves_Pro_Thin'),
	url('fonts/tt_hoves_pro_thin.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Thin Italic'), local('TTHoves-Pro-Thin-Italic'), local('TT_Hoves_Pro_Thin_Italic'),
	url('fonts/tt_hoves_pro_thin_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_thin_italic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro ExtraLight'), local('TTHoves-Pro-ExtraLight'), local('TT_Hoves_Pro_ExtraLight'),
	url('fonts/tt_hoves_pro_extralight.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_extralight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro ExtraLight Italic'), local('TTHoves-Pro-ExtraLight-Italic'), local('TT_Hoves_Pro_ExtraLight Italic'),
	url('fonts/tt_hoves_pro_extralight_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_extralight_italic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Light'), local('TTHoves-Pro-Light'), local('TT_Hoves_Pro_Light'),
	url('fonts/tt_hoves_pro_light.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Light Italic'), local('TTHoves-Pro-Light-Italic'), local('TT_Hoves_Pro_Light Italic'),
	url('fonts/tt_hoves_pro_light_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_light_italic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Regular'), local('TTHoves-Pro-Regular'), local('TT_Hoves_Pro_Regular'),
	url('fonts/tt_hoves_pro_regular.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Italic'), local('TTHoves-Pro-Italic'), local('TT_Hoves_Pro_Italic'),
	url('fonts/tt_hoves_pro_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Medium'), local('TTHoves-Pro-Medium'), local('TT_Hoves_Pro_Medium'),
	url('fonts/tt_hoves_pro_medium.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Medium Italic'), local('TTHoves-Pro-Medium-Italic'), local('TT_Hoves_Pro_Medium_Italic'),
	url('fonts/tt_hoves_pro_medium_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_medium_italic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro DemiBold'), local('TTHoves-Pro-DemiBold'), local('TT_Hoves_Pro_DemiBold'),
	url('fonts/tt_hoves_pro_demibold.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_demibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro DemiBold Italic'), local('TTHoves-Pro-DemiBold-Italic'), local('TT_Hoves_Pro_DemiBold Italic'),
	url('fonts/tt_hoves_pro_demibold_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_demibold_italic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Bold'), local('TTHoves-Pro-Bold'), local('TT_Hoves_Pro_Bold'),
	url('fonts/tt_hoves_pro_bold.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Bold Italic'), local('TTHoves-Pro-Bold-Italic'), local('TT_Hoves_Pro_Bold Italic'),
	url('fonts/tt_hoves_pro_bold_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_bold_italic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro ExtraBold'), local('TTHoves-Pro-ExtraBold'), local('TT_Hoves_Pro_ExtraBold'),
	url('fonts/tt_hoves_pro_extrabold.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_extrabold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro ExtraBold Italic'), local('TTHoves-Pro-ExtraBold-Italic'), local('TT_Hoves_Pro_ExtraBold Italic'),
	url('fonts/tt_hoves_pro_extrabold_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_extrabold_italic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Black'), local('TTHoves-Pro-Black'), local('TT_Hoves_Pro_Black'),
	url('fonts/tt_hoves_pro_black.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT Hoves Pro';
	src: local('TT Hoves Pro Black Italic'), local('TTHoves-Pro-Black-Italic'), local('TT_Hoves_Pro_Black Italic'),
	url('fonts/tt_hoves_pro_black_italic.woff2') format('woff2'),
	url('fonts/tt_hoves_pro_black_italic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

* {
	margin: 0;
	padding: 0;
}
b {
	font-weight: 500;
}
body {
	font-family: 'TT Hoves Pro';
	font-weight: 300;
}
.container {
	width: 98%;
	max-width: 1285px;
}
.purple {
	color: var(--purple);
}

.main_block {
	max-height: 937px;
	min-height: 500px;
	height: calc(100dvh - 90px - (30px *2));
	background-size: cover;
	display: flex;
	padding: 30px 0;
}
.main_block .container {
	margin: auto;
}
.main_block .title_1 {
	font-weight: 700;
	font-size: 50px;
	/*line-height: 100%;*/
	text-transform: uppercase;
}
.main_block p {
	margin-top: 62px;
	font-size: 30px;
	/*line-height: 100%;*/
	max-width: 932px;
}



.line_menu {
	background: var(--purple);
	padding: 26px 0;
	position: sticky;
	top: 0;
	z-index: 2; 
	transition: all 0.3s ease;
	margin-bottom: 158px;
}
.line_menu .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.line_menu a, .line_menu span {
	color: var(--white);
	text-decoration: none;
	font-size: 26px;
	display: flex;
	align-items: center;
	font-weight: 200;
}
.line_menu a .icon {
	fill: var(--white);
	margin-right: 10px;
}
footer.line_menu {
	margin-bottom: 0;
	position: unset;
}



.title_block {
	background: var(--purple_20);
	font-size: 42px;
	text-align: center;
	display: block;
	padding: 37px;
	margin-bottom: 68px;
	font-weight: 500;
}
.mini_container {
	max-width: 1100px;
	margin: auto;
}

body > *[class*=block_] {
	margin-bottom: 129px;
}


.block_one {
	font-size: 24px;
}
.block_one ul {
	list-style: none;
}
.block_one li {
	display: flex;
	margin-bottom: 38px;
	align-items: center;
}
.block_one li:before {
	content: '';
	margin-right: 38px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='28' viewBox='0 0 36 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.00710234 14.3572L4.23295 10.0781L12.8445 18.5476L31.4702 -0.00710309L35.7315 4.27202L12.8445 27.0703L0.00710234 14.3572Z' fill='%234A40BA'/%3E%3C/svg%3E%0A");
	width: 55px;
	height: 55px;
	min-width: 55px;
	border: 1px solid var(--purple);
}
.block_one p.purple {
	margin-top: 78px;
}



.block_two {
	font-size: 26px;
}
.block_two ol {
	counter-reset: ol_number;
	list-style: none; /* Убираем стандартную нумерацию */
}

.block_two ol li {
	margin-bottom: 90px;
}
.block_two ol .title {
	font-weight: 500;
	color: var(--purple);
	margin-bottom: 27px;
	font-size: 34px;
}
.block_two ol .title::before {
	counter-increment: ol_number;
	content: counter(ol_number)'.'; 
	margin-right: 5px;
}
.block_two ol p:not(:last-child) {
	margin-bottom: 43px;
}
.block_two a {
	color: var(--black);
}
.block_two a:hover {
	color: var(--purple);
}




.block_three {
	font-size: 26px;
}
.block_three p {
	margin-bottom: 43px;
}
.block_three ul {
	padding-left: 74px;
	color: var(--purple);
	font-weight: 500;
	margin-bottom: 43px;
}
.block_three .purple_block {
	background: var(--purple_10);
	padding: 60px 86px 80px 63px;
	font-size: 26px;
	position: relative;
}

.block_three .purple_block .bottom_block {
	margin-top: 85px;
}
.block_three .purple_block .info_block {
	display: flex;
	flex-wrap: wrap;
}
.block_three .purple_block .info_block .title {
	color: var(--purple);
	width: 100%;
	font-weight: 500;
	font-size: 32px;
	/*line-height: 100%;*/
	margin-bottom: 35px;
}
.block_three .purple_block .info_block .link_block {
	display: flex;
	flex-direction: column;
} 
.block_three .purple_block .info_block .link_block > * {
	text-decoration: none;
	color: var(--purple);
}
.block_three .purple_block .info_block .link_block > *:not(:last-child) {
	margin-bottom: 5px;
}
.block_three .purple_block .info_block .link_block > a[href*=mail] {
	text-decoration: underline;
}
.block_three .purple_block .info_block .link_block > a:hover {
	color: var(--purple_hover);
}
.block_three .purple_block .info_block .logo_block {

} 
.block_three .purple_block .info_block .logo_block img {
	width: 279px;
}
.block_three .purple_block .img_block {
	display: flex;
	width: 409px;
	position: absolute;
	right: 40px;
	bottom: 0;
}
.block_three .purple_block .img_block img {
	width: 100%;
	position: relative;
	z-index: 1;
}
.block_three .purple_block .img_block:before {
	content: '';
	background: var(--purple);
	border-radius: 100%;
	width: 77%;
	height: 76%;
	position: absolute;
	bottom: 0;
	right: 30px;
}
.block_three .note {
	display: block;
	margin-top: 40px;
	color: #7B7A7F;
	font-style: italic;
}

@media (max-width: 1023px) {
	.container {
		max-width: 90%;
	}
	.main_block {
		background-position: center;
		min-height: unset;
		max-height: unset;
		padding: 0;
		height: calc(100dvh - 219px);
	}
	.main_block p {
		margin-top: 20px;
		background: #f3e9fbad;
		padding: 10px;
		backdrop-filter: blur(20px);
	}
	.line_menu {
		position: unset;
		margin-bottom: 50px;
		overflow: hidden;
	}
	.line_menu .container {
		flex-wrap: wrap;
		gap: 10px;
	}

	body > *[class*=block_] {
		margin-bottom: 50px;
	}
	.block_one li {
		align-items: start;
	}
	.block_one li:before {
		margin-top: 5px;
		margin-right: 10px;
		width: 35px;
		height: 35px;
		min-width: 35px;
		background-size: 60%;
	}
	.block_three ul {
		padding-left: 24px;
	}
	.block_three .purple_block .img_block {
		display: none;
	}
}
@media (max-width: 768px) {
	.line_menu .container {
		flex-direction: column;
	}
}
@media (max-width: 575px) {
	.main_block .title_1 {
		font-size: 6vw;
	}
	.main_block p {
		font-size: 5vw;
	}
	.title_block {
		font-size: 6.5vw;
	}
	.block_one {
		font-size: 5vw;
	}
	.block_two, .block_three {
		font-size: 6vw;

	}
	.block_two ol .title {
		font-size: 6.5vw;
	}
	.block_two ol li {
		margin-bottom: 40px;
	}
	.block_three .note {
		font-size: 6vw;
	}
	.block_three .purple_block {
		padding: 15px;
	}
	.block_three .purple_block .info_block .title {
		order: 1;
		font-size: 6vw;
	}
	.block_three .purple_block .info_block .logo_block {
		order: 2;
		margin-bottom: 10px;
	}
	.block_three .purple_block .info_block .link_block {
		order: 3;
	}
}