* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Roboto, sans-serif;
	font-family: Inter, sans-serif;
}

body {
	background-color: rgba(255, 255, 255, 0.96);
	width: 100%;
	height: 100vh;
}


/* header */

.header {
	width: 100%;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	font-family: Inter, sans-serif;
}

.header__wrap {
	max-width: 1440px;
	min-width: 100%;
	top: 18px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding: 18px 24px;
}

.header__logo {
	width: 60px;
	transition: all 0.5s ease-in-out;
}

.header__logo:hover {
	transition: all 0.5s ease-in-out;
	transform: translateY(3px);
}

.header__nav_list {
	position: sticky;
	display: flex;
	max-width: 330px;
	margin-left: 200px;
	gap: 32px;
	list-style: none;
}

.header__nav_list-items {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;

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

.header__nav_list-items a:hover {
	color: rgba(19, 19, 20, 0.6);
}

.header__buttons {
	display: flex;
	gap: 15px;
}

.header__buttons_btn-sign {
	padding: 0px 33px;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	background-color: transparent;
	border: none;

		a {
			text-decoration: none;
			color: #131314;
			transition: width 0.5s ease-in-out;
		}
}

.header__buttons_btn-sign a:after {
	display: block;
	content: "";
	height: 0.5px;
	width: 0%;
	background-color: #131314;
	transition: width 0.5s ease-in-out;
}

.header__buttons_btn-sign a:hover {
	color: rgba(19, 19, 20, 0.6);
	transition: all 0.5s ease-in-out;

}
.header__buttons_btn-sign a:hover:after,
.header__buttons_btn-sign a:focus:after {
    width: 100%;
}

.header__buttons_btn-join {
	position: relative;
	padding: 0px 42px;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	background-color: #000;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	border: none;
	transition: all 0.5s ease-in-out;
	
		a {
			text-decoration: none;
			color: #fff;
		}

}

.header__buttons_btn-join a::before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header__buttons_btn-join:hover {
	transition: all 0.5s ease-in-out;
	background-color: #131314;
	transform: translateY(3px);
}


/* main */
.main {
	width: 100%;
}

.section__hero {
	padding: 0px 40px;
	margin-top: 65px;
}

.section__hero_wrap {
	padding-bottom: 65px;
}

.section__hero_wrap-info {
	display: flex;
	justify-content: space-between;
}

.section__hero_info {
	max-width: 470px;
	margin-top: 255px;
	margin-left: 50px;
	display: flex;
	flex-direction: column;
	gap: 25px;
	font-family: Inter, sans-serif;

}

.section__hero_info h1 {
	font-weight: 400;
	font-size: 48px;
	line-height: 62px;
	letter-spacing: 0.3px;
}

.section__hero_info button {
	position: relative;
	max-width: 250px;
	background-color: #000;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	border: none;
	transition: all 0.5s ease-in-out;
}

.section__hero_info button:hover {
	transform: translateY(5px);
	transition: all 0.5s ease-in-out;
}

.section__hero_info button a {
	font-weight: 400;
	font-size: 15px;
	line-height: 54px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.section__hero_info button a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.section__hero_info p {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #46474E;

		a {
			font-weight: 400;
			text-decoration: none;
			color: #46474E;
			transition: all 0.5s ease-in-out;
		}
}

.section__hero_info p a:hover {
	transition: all 0.5s ease-in-out;
	color: rgb(83, 47, 145);
}

.section__hero_links {
	margin-top: 25px;
	max-width: 385px;
	
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.05);

	margin-left: auto;
	margin-right: auto;

	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;

		a {
			text-decoration: none;
			color: #131314;
			transition: all 0.5s ease-in-out;
		}
}

.section__hero_links a:hover {
	color: rgba(19, 19, 20, 0.6);
	transition: all 0.5s ease-in-out;
}

.section__hero_links-left {
	border-right: 0.5px solid #E8E8E9;
	padding: 16px 20px;
	text-align: left;
}

.section__hero_links-center {
	border-right: 0.5px solid #E8E8E9;
	padding: 16px 20px;
}

.section__hero_links-right {
	padding: 16px 20px;
}

		/* Track info */

.section__track {

}

.section__track_wrap {
	padding: 0px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 25px;
}

.section__track_width-1 {
	width: 1265px;
	height: 640px;
	background-color: #F3F4F4;
	
	display: flex;
	flex-direction: column;
	align-items: center;

		h2 {
			text-align: center;
			width: 475px;
			margin: 65px 0px 65px 0px;
			font-family: Roboto;
			font-weight: 400;
			font-size: 36px;
			line-height: 46px;
			letter-spacing: 0.3;
			color: #000;
		}
}

.section__track_width-2 {
	width: 1265px;
	display: flex;
	gap: 25px;
	align-items: center;
	justify-content: space-between;
	text-align: center;

		h2 {
			margin-top: 65px;
			font-family: Roboto;
			font-weight: 400;
			font-size: 38px;
			line-height: 46px;
			letter-spacing: 0.3px;
			text-align: center;
			max-width: 340px;
			margin-left: auto;
			margin-right: auto;
			color: #000;
		}

		p {
			margin-top: 17px;
			font-family: Inter;
			font-weight: 400px;
			font-size: 13px;
			line-height: 29px;
			text-align: center;
			max-width: 430px;
			margin-left: auto;
			margin-right: auto;
			color: #46474E;
		}
}

.section__track_width-2-section1 {
	background-color: #F3F4F4;
	width: 620px;
	height: 710px;
	text-align: center;
}

.section__track_width-2-section2 {
	background-color: #F3F4F4;
	width: 620px;
	height: 710px;
	text-align: center;

		img {
			margin-top: 40px;
		}
}

.section__track_width-3 {
	width: 1265px;
	height: 680px;
	background-color: #F3F4F4;
	
	display: flex;
	flex-direction: column;
	align-items: center;

		h2 {
			text-align: center;
			width: 475px;
			margin: 65px 0px 65px 0px;
			font-family: Roboto;
			font-weight: 400;
			font-size: 36px;
			line-height: 46px;
			letter-spacing: 0.3;
			color: #000;
		}
}

.section__track_width-4 {
	width: 1265px;
	display: flex;
	gap: 25px;
	align-items: center;
	justify-content: space-between;
	text-align: center;
}

.section__track_width-2-section5 {
	background-color: #F3F4F4;
	width: 620px;
	max-height: 750px;
	text-align: center;

	h2 {
		font-family: Roboto;
		font-weight: 400;
		font-size: 36px;
		line-height: 46px;
		letter-spacing: 0.3px;
		text-align: center;
		max-width: 240px;
		margin-top: 65px;
		margin-bottom: 31px;
		margin-left: auto;
		margin-right: auto;
		color: #000;
	}
}

.section__track_width-2-section6 {
	background-color: #F3F4F4;
	width: 620px;
	height: 750px;
	text-align: center;

		h2 {
			font-family: Roboto;
			font-weight: 400;
			font-size: 36px;
			line-height: 46px;
			letter-spacing: 0.3px;
			text-align: center;
			max-width: 415px;
			margin-top: 65px;
			margin-bottom: 40px;
			margin-left: auto;
			margin-right: auto;
			color: #000;
		}
}

/* Company */

.section__company {
	margin-top: 130px;
	width: 100%;
}

.section__company_wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0px 67px 0px 67px;

}

.section__company_title {
	width: 435px;
	margin-top: 108px;

		h2 {
			font-family: Roboto, sans-serif;
			font-weight: 400;
			font-size: 48px;
			line-height: 63px;
			letter-spacing: 0.3px;
			color: #000;
			margin-bottom: 25px;
		}

		p {
			font-family: Inter, sans-serif;
			font-weight: 400;
			font-size: 17px;
			line-height: 30px;
			color: #46474E;
		}
}

.section__company_img {
	width: 420px;
}

.post_1 {
	margin-bottom: 25px;
	margin-left: 60px;
}

.post_2 {
	text-align: right;
	margin-left: 250px;
}

.section__company_border {
	background-color: #E8E8E9;
	width: 915px;
	height: 1px;
	left: -50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

/* Meet */

.section__meet {
	width: 100%;
	margin-top: 175px;
}

.section__meet_wrap {
	width: 915px;
	padding: 0px 103px 120px 103px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.section__meet_info h2 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 48px;
	line-height: 63px;
	letter-spacing: 0.3px;
	margin-bottom: 30px;
	color: #000;
}

.section__meet_info p {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 40px;
	color: #46474E;
}


.section__meet_items {
	display: flex;
	flex-direction: row;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.section__meet_text {
	padding: 0px 37px 0px 37px;

		h3 {
			margin-top: 25px;
			font-family: Inter, sans-serif;
			font-weight: 500;
			font-size: 15px;
			line-height: 27px;
			color: #000;
		}

		p {
			font-family: Inter, sans-serif;
			font-weight: 400;
			font-size: 13px;
			line-height: 23px;
			color: #46474E;
		}
}

/* footer */

.footer {
	width: 100%;
	background-color: #f6f6f7;
}

.footer__wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer_line {
	margin-left: auto;
	margin-right: auto;
}

.footer__info {
	position: relative;
	width: 1135px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 190px 345px 190px 345px;
}

.footer__info h2 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 48px;
	line-height: 63px;
	letter-spacing: 0.3px;
	margin-bottom: 15px;
	color: #000;
}

.footer__info h4 {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 5px;
	color: #46474E;
}

.footer__info p {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 30px;
	margin-bottom: 25px;
	color: #46474E;
}



.footer__info button {
	position: relative;
	max-width: 260px;
	padding: 0px 48px 0px 48px;
	background-color: #000;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	border: none;
	transition: all 0.5s ease-in-out;
}

.footer__info button:hover {
	transform: translateY(5px);
	transition: all 0.5s ease-in-out;
}

.footer__info button a {
	font-weight: 400;
	font-size: 15px;
	line-height: 54px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.footer__info button a:before {
  content: '';
  position: absolute;
  top: 0px;
  left: -50px;
  width: 100%;
  height: 100%;
}

.footer__info_img-1 {
	position: absolute;
	top: 80px;
	right: -100px;
}

.footer__info_img-2 {
	position: absolute;
	bottom: 20px;
	left: -100px;
}

.footer__info_img-3 {
	position: absolute;
	bottom: -100px;
	right: -200px;
}

.footer__nav {
	width: 1140px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px;
	margin-top: 40px;
}

.footer__nav_list {
	list-style: none;
	display: flex;
	gap: 25px;

		a {
			text-decoration: none;
			font-family: Inter, sans-serif;
			font-weight: 400px;
			font-size: 14px;
			line-height: 17px;
			color: #131314;
			transition: all 0.5s ease-in-out;
		}
}

.footer__nav_list a:after {
	display: block;
	margin-top: 5px;
	content: "";
	height: 0.5px;
	width: 0%;
	background-color: #131314;
	transition: width 0.5s ease-in-out;
}

.footer__nav_list a:hover {
	color: rgba(19, 19, 20, 0.6);
	transition: all 0.5s ease-in-out;

}
.footer__nav_list a:hover:after,
.footer__nav_list a:focus:after {
    width: 100%;
}

.footer__copyright_name {
	font-family: Inter, sans-serif;
	font-weight: 400px;
	font-size: 13px;
	line-height: 23px;
	color: #46474E;
	opacity: 0.7;
	user-select: none;
}