body {
	background-color: #0f2340;
	font-family: "Montserrat", sans-serif;
}

p,
h1,
h2,
h3 {
	margin: 0;
}

.back {
	position: relative;
	display: grid;
	gap: 80px;
	margin-bottom: 184px;
}

.back-one {
	background-image: url('/image/back-1.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: -1;
}

.back-second {
	background-image: url('/image/back-2.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: -1;
	background-position: top;
}

.back-third {
	background-image: url('/image/back-3.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: -1;
	background-position: center;
}

main {
	display: grid;
	gap: 90px;
}

#main-content {
	display: grid;
	gap: 60px;
}

header {
	background: transparent;
}

.header-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 22px 0;
}

.free-time {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.header-wrapper img {
	max-height: 81.15px;
}

.free-time a {
	border-radius: 12px;
	padding: 13px 20px;
	background:
		linear-gradient(#193359, #193359) padding-box,
		linear-gradient(90deg, #cde4ff 0%, #6B9BDD 100%) border-box;
	border: 2px solid transparent;
	font-weight: 600;
	font-size: 16px;
	line-height: 112%;
	color: #cde4ff;
	text-decoration: none;
	display: inline-block;
}

.free-time__date {
	font-weight: 400;
	font-size: 18px;
	line-height: 141%;
	text-align: center;
	color: #fff;
	margin: 0;
}

.banner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.banner-info {
	font-weight: 400;
	font-size: 20px;
	line-height: 170%;
	color: #fff;
}

.banner-info strong {
	font-weight: 500;
}

.banner__details {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.banner__details-title {
	font-weight: 600;
	font-size: 36px;
	line-height: 153%;
	color: #f3bc83;
}

.banner__details-title strong {
	color: #fff;
	font-weight: 600;
}

.banner__details-description {
	font-weight: 500;
	font-size: 34px;
	line-height: 112%;
	color: #cde4ff;
}

.banner__btn {
	border-radius: 49px 51px 51px 49px;
	padding: 13px 20px;
	background: #f3bc83;

	font-weight: 500;
	font-size: 16px;
	line-height: 174%;
	color: #013365;
	text-decoration: none;
	width: fit-content;
}

.about {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.about__title {
	font-weight: 600;
	font-size: 34px;
	line-height: 112%;
	text-transform: uppercase;
	color: #f3bc83;
}

.about__description {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.about__description-slim {
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	color: #cde4ff;
}

.about__description-strong {
	font-weight: 600;
	font-size: 22px;
	line-height: 127%;
	color: #fff;
}

.program {
	border-radius: 26px;
	padding: 30px;
	backdrop-filter: blur(12.199999809265137px);
	background: linear-gradient(46deg, rgba(18, 50, 98, 0.5) 0%, rgba(37, 102, 200, 0) 100%);
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.program::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 26px;
	padding: 2px;
	background: linear-gradient(225deg, #3a5477 0%, rgba(37, 102, 200, 0) 100%);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.program__title {
	display: flex;
	gap: 20px;
	align-items: center;
}

.program__title h2 {
	font-weight: 600;
	font-size: 28px;
	line-height: 136%;
	color: #f3bc83;
	margin: 0;
}

.program__list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.program__item {
	display: flex;
	gap: 10px;
}

.program__item p {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: #cde4ff;
}

.program__numb {
	font-weight: 600;
	font-size: 18px;
	line-height: 152%;
	color: #f3bc83;
	position: relative;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.program__numb::after {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='17.9004' cy='17' r='16.66' transform='rotate(90 17.9004 17)' stroke='url(%23paint0_linear_567_153)' stroke-width='0.68' /%3e%3cdefs%3e%3clinearGradient id='paint0_linear_567_153' x1='17.9004' y1='0' x2='17.9004' y2='34' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FFD9B2' stop-opacity='0' /%3e%3cstop offset='1' stop-color='%23FFD9B2' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
	position: absolute;
	top: 0;
	left: 0;
}

.spiker {
	border-radius: 20px;
	padding: 40px;
	backdrop-filter: blur(15px);
	background: linear-gradient(351deg, rgba(37, 102, 200, 0) 0%, rgba(18, 50, 98, 0.5) 100%);
	display: flex;
	flex-direction: column;
	gap: 45px;
}

.spiker::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 26px;
	padding: 2px;
	background: linear-gradient(180deg, #ffd9b2 0%, rgba(255, 217, 178, 0) 100%);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.spiker__section {
	display: flex;
	gap: 28px;
}

.spiker__title {
	display: flex;
	gap: 20px;
}

.spiker__title h2 {
	font-weight: 600;
	font-size: 28px;
	line-height: 136%;
	color: #f3bc83;
}

.spiker__info {
	display: flex;
	gap: 39px;
	flex-direction: column;
}

.spiker__info-training {
	display: flex;
	gap: 46px;
	flex-direction: column;
}

.spiker__info-header {
	display: flex;
	gap: 10px;
	flex-direction: column;
	padding: 18px;
	width: 100%;
	position: relative;
}

.spiker__info-header-name {
	font-weight: 600;
	font-size: 20px;
	line-height: 130%;
	color: #fff;
}

.spiker__info-header-description {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: #cde4ff;
}

.spiker__info-header::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 26px;
	padding: 2px;
	background: linear-gradient(161deg, #6b9bdd 13%, rgba(58, 84, 119, 0) 100%);
	;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.spiker__info-training-description {
	font-weight: 400;
	font-size: 14px;
	line-height: 171%;
	color: #cde4ff;
}

.spiker__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.spiker__item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #274e83;
}

.spiker__item:last-child {
	border-bottom: none;
}

.spiker__item-title {
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	color: #ffd9b2;
}

.spiker__item-description {
	font-weight: 400;
	font-size: 18px;
	line-height: 144%;
	color: #fff;
}

.spiker__item-description strong {
	font-weight: 600;
}

.spiker__item-description small {
	font-size: 16px;
	color: #cde4ff;
}

.spiker__item-description-block {
	display: flex;
	gap: 15px;
	flex-direction: column;
}

.advantages {
	display: flex;
	flex-direction: column;
	gap: 30px;

	border-radius: 26px;
	padding: 30px;
	position: relative;
	backdrop-filter: blur(12.199999809265137px);
	background: linear-gradient(45deg, #123262 0%, rgba(37, 102, 200, 0) 100%);
}

.advantages::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 26px;
	padding: 2px;
	background: linear-gradient(90deg, rgba(58, 84, 119, 0) 0%, #6b9bdd 100%);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.advantages__title {
	display: flex;
	gap: 30px;
}

.advantages__title h2 {
	font-weight: 600;
	font-size: 28px;
	line-height: 136%;
	color: #f3bc83;
}

.advantages__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.advantages__item {
	display: flex;
	gap: 10px;
}

.advantages__item p {
	font-weight: 500;
	font-size: 16px;
	line-height: 162%;
	color: #cde4ff;
}

.advantages__info {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.advantages__info-format {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: #cde4ff;
}

.advantages__info-time {
	font-weight: 500;
	font-size: 22px;
	line-height: 118%;
	color: #fff;
}

.registration {
	border-radius: 26px;
	padding: 30px;
	backdrop-filter: blur(7.300000190734863px);
	background: rgba(11, 33, 66, 0.64);
	display: flex;
	flex-direction: column;
	gap: 25px;
	align-items: center;
}

.registration__header {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.registration__title {
	font-weight: 600;
	font-size: 32px;
	line-height: 119%;
	text-align: center;
	color: #f3bc83;
}

.registration__description {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	text-align: center;
	color: #cde4ff;
}

.submit-btn {
	border-radius: 49px 51px 51px 49px;
	padding: 13px 20px;
	background: #f3bc83;
	font-weight: 600;
	font-size: 16px;
	line-height: 174%;
	color: #013365;
	width: 100%;
}

.registration form {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	max-width: 472px;
}

.form-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	width: 100%;
}

.form-group input {
	border: 1px solid #325b92;
	border-radius: 16px;
	width: 100%;
	background: transparent;
	padding: 20px;
}

.form-group input::placeholder {
	font-weight: 400;
	font-size: 16px;
	line-height: 162%;
	color: #cde4ff;
	text-align: center;
}

footer {
	border-top: 1px solid #325b92;
}

.footer-wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 30px 0;
}

.contact {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.contact .phone {
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}

.contact .mail {
	font-weight: 400;
	font-size: 16px;
	color: #cde4ff;
	text-decoration: none;
}

.footer-second {
	border-top: 1px solid #123262;
	padding: 20px 0 10px 0;
	display: flex;
	justify-content: space-between;
}

.footer-second .copyright {
	font-weight: 400;
	font-size: 14px;
	color: #dde3e9;
}

.footer-second .policy {
	font-weight: 400;
	font-size: 14px;
	text-align: center;
	color: #dde3e9;
	text-decoration: none;
}

.footer-second .btn-top {
	font-weight: 400;
	font-size: 14px;
	text-align: right;
	color: #dde3e9;
	text-decoration: none;
}