/* Стиль для крестика закрытия окна */
.close_modal {
	position: absolute;
	top: 15px;
	/* Отступ сверху */
	right: 15px;
	/* Отступ справа */
	font-size: 30px;
	/* Размер крестика */
	font-weight: bold;
	color: #333;
	cursor: pointer;
	z-index: 1500;
	/* Чтобы крестик всегда был сверху */
}

.close_modal__register {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	z-index: 1500;
	margin-left: auto;
}

.close_modal__register {
	color: #000;
	/* При наведении крестик становится темнее */
}

.close_modal:hover {
	color: #000;
	/* При наведении крестик становится темнее */
}

/* Для модального окна */
.modal_window_context {
	position: relative;
	/* Для правильного позиционирования крестика */
	background-color: #fefefe;
	padding: 20px;
	border-radius: 20px;
	max-width: 700px;
	width: 80%;
	z-index: 2;
	margin: 0 auto;
    
}

.window,
.context {
	display: flex;
	flex-direction: column;
}

/* Основной стиль для модальных окон */
.modal_window,
.register_window {
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(24, 24, 24, 0.7);
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
    padding-top: env(safe-area-inset-top);  /* Учитываем безопасную зону сверху */
    padding-bottom: env(safe-area-inset-bottom); /* Учитываем безопасную зону снизу */
	/* Предотвращает прокрутку */
}

/* Стиль для содержимого окон */
.modal_window_context {
	background-color: #fefefe;
	padding: 80px 40px 80px 40px;
	border-radius: 20px;
	max-width: 700px;
	width: 80%;
	z-index: 2;
}

.register_window .context {
	background-color: #fefefe;
	padding: 40px;
	border-radius: 20px;
	max-width: 700px;
	width: 80%;
    padding-top: env(safe-area-inset-top);  /* Учитываем безопасную зону сверху */
    padding-bottom: env(safe-area-inset-bottom); /* Учитываем безопасную зону снизу */
	z-index: 2;
    
    
    
}

/* Когда активируется второе окно, оно получает больший z-index */
.register_window {
	z-index: 1100;
	/* Увеличиваем z-index для второго окна */
  padding-top: env(safe-area-inset-top);  /* Учитываем безопасную зону сверху */
    padding-bottom: env(safe-area-inset-bottom); /* Учитываем безопасную зону снизу */
}

/* Прячем окно, когда оно не активно */
.hide_modal_window {
	display: none;
	opacity: 0;
}


@media (min-width: 1920px) {
	.yagp2023seasonlocations {
		display: flex;
		padding-bottom: calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024)));
		flex-flow: column;
		background-image: url("/wp-content/uploads/2024/04/US-CANADA-bg.png");
		align-items: center;
		justify-content: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: top center;
	}

	.yagp2023seasonlocations>h2 {
		width: 100%;
		margin-top: 107px;
		padding-left: 8px;
		color: white;
		text-align: center;
		font-family: DIN Pro;
		font-size: 80px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.yagp2023seasonlocations>.conteiner_items {
		display: inline-flex;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 1440px;
	}

	.yagp2023seasonlocations .conteiner_items .card_item:active {
		transform: scale(0.98);
	}

	.yagp2023seasonlocations .conteiner_items .card_item {
		border-radius: 20px;
		background: var(--unnamed, #FFF);
		box-shadow: 0px 20px 21px 0px rgba(0, 0, 0, 0.15);
		padding: 30px;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(422px - 145px);
		cursor: pointer;
		margin-bottom: 20px;
	}

	.card_item>div {
		display: inline-flex;
		margin-left: 34px;
		margin-right: 34px;
		margin-top: 5px;
	}

	.card_item>div>img {
		margin-right: 23px;
		width: 60px;
		height: 25px;
		object-fit: contain;
	}

	.card_item>div>div {
		display: flex;
		flex-flow: column;
		width: 141px;
		min-height: 68px;
	}

	.card_item>div>div h3 {
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 18.7px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		/* 31.2px */
		margin-top: 0;
		margin-bottom: 7px;
	}

	.card_item>div>div p {
		margin-top: 0;
		margin-bottom: 0px;
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 12.3px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		/* 20.8px */
	}

	.card_item>p {
		color: var(--unnamed, #02324B);
		text-align: center;
		font-family: DIN Pro;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.14px;
		margin-top: 11px;
		padding-top: 16px;
		margin-bottom: 3px;
		border-top: 2px solid #F7F7F8;
		margin-left: 26px;
		margin-right: 26px;
	}

	.modal_window_context>svg {
		margin-left: 20px;
		cursor: pointer;
	}

	.modal_window_context>.window h3 {
		margin-top: 0px;
		color: #181818;
		font-family: DIN Pro;
		font-size: 48px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 40.5px;
	}

	.modal_window_context>.window>div {
		display: inline-flex;
		align-items: center;
		margin-bottom: 20.5px;
		justify-content: center;
	}

	.modal_window_context>.window>.links_part {
		display: inline-flex;
		align-items: center;
		margin-bottom: 20.5px;
		justify-content: start;
		margin-bottom: 0;
		flex-wrap: wrap;
	}

	.modal_window_context>.window>.links_part>button {
		border-radius: 26px;
		border: 1px solid var(--unnamed, #02324B);
		background: #FFF;
		padding: 10px;
		color: #02324B;
		text-align: center;
		font-family: DIN Pro;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.14px;
		/* border: none; */
		cursor: pointer;
		margin-bottom: 0;
		margin-right: 10px;
	}

	.modal_window_context>.window>.links_part>.register_but_class {
		background: #2577B7;
		color: #FFF;
		border: none;
	}

	.modal_window_context>.window>div svg {
		margin-right: 23px;
	}

	.modal_window_context>.window>div p {
		color: #000;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.2px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.modal_window_context>.window>div p span {
		font-weight: 700;
	}

	.modal_window_context .title_participants {
		color: #000;
		text-align: left;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.2px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.modal_window_context .text_participants {
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: 0.16px;
		margin-bottom: 28px;
	}



	.register_window>svg {
		margin-right: auto;
		margin-left: 20px;
		width: 24px;
		height: 24px;
		margin-bottom: auto;
		margin-top: 2.6%;
		cursor: pointer;
	}

	.register_window>.context>h3 {
		color: #181818;
		font-family: DIN Pro;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 40px;
		font-size: 48px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.register_window>.context>p {
		margin-top: 0px;
		margin-bottom: 40px;
		color: var(--dark, #181818);
		text-align: center;
		font-family: DIN Pro;
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: 0.16px;
	}

	.register_window>.context>p span {
		font-weight: 700;
	}

	.register_window>.context>div {
		display: inline-flex;
        gap:10px;
		align-items: center;
		margin-bottom: 16px;
	}

	.register_window>.context>div>svg {
		min-width: 39px;
		min-height: 39px;
		margin-right: 15px;
	}

	.register_window>.context>div a,
	.register_window>.context>p a {
		text-decoration: underline;
		color: #2577B7;
		cursor: pointer;
	}

	.register_window>.context>div>p {
		color: #181818;
		font-family: DIN Pro;
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: 0.16px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.register_window>.context>div span {
		font-weight: 700;
	}

	.hide_modal_window {
		display: none;
		opacity: 0;
	}
}

@media (min-width: 1024px) and (max-width: 1600px) {
	.yagp2023seasonlocations>.conteiner_items {
		width: 90% !important;
	}

	.yagp2023seasonlocations .conteiner_items .card_item {
		padding: 20px !important;
	}

	.card_item>div {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.card_item>div>div h3 {
		font-size: 14px !important;
	}

	.card_item>div {
		width: 100% !important;
	}

	.card_item>div>div {
		width: 100% !important;
	}
}

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

	.modal_window_context,
	.register_window .context {
		max-width: 700px;
		/* Уменьшаем ширину для планшетов */
		width: 90%;
		display: flex;
		flex-direction: column;
	}

	.yagp2023seasonlocations {
		display: flex;
		padding-bottom: calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024)));
		flex-flow: column;
		background-image: url("/wp-content/uploads/2024/04/US-CANADA-bg.png");
		align-items: center;
		justify-content: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: top center;
	}

	.yagp2023seasonlocations>h2 {
		max-width: 1280px;
		margin-top: calc(57.1px + (107 - 57.1) * ((100vw - 1024px) / (1920 - 1024)));
		padding-left: calc(4.3px + (8 - 4.3) * ((100vw - 1024px) / (1920 - 1024)));
		color: white;
		text-align: center;
		font-family: DIN Pro;
		font-size: calc(51.8px + (97 - 51.8) * ((100vw - 1024px) / (1920 - 1024)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.yagp2023seasonlocations>.conteiner_items {
		display: inline-flex;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 1440px;
	}

	.yagp2023seasonlocations .conteiner_items .card_item:active {
		transform: scale(0.98);
	}

	.yagp2023seasonlocations .conteiner_items .card_item {
		border-radius: 20px;
		background: var(--unnamed, #FFF);
		box-shadow: 0px 20px 21px 0px rgba(0, 0, 0, 0.15);
		padding: 30px;
		margin-left: 10px;
		margin-right: 10px;
		width: 19%;
		/*	height: calc(223px - 98px);*/
		cursor: pointer;
		margin-bottom: 20px;
	}

	.card_item>div {
		display: inline-flex;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 5px;
	}

	.card_item>div>img {
		margin-right: 23px;
		width: 60px;
		height: 25px;
		object-fit: contain;
	}

	.card_item>div>div {
		display: flex;
		flex-flow: column;
		min-height: calc(36.3px + (68 - 36.3) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.card_item>div>div h3 {
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		/* 31.2px */
		margin-top: 0;
		margin-bottom: 7px;
	}

	.card_item>div>div p {
		margin-top: 0;
		margin-bottom: 0px;
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 12.3px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		/* 20.8px */
	}

	.card_item>p {
		color: var(--unnamed, #02324B);
		text-align: center;
		font-family: DIN Pro;
		font-size: calc(7.5px + (14 - 7.5) * ((100vw - 1024px) / (1920 - 1024)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.14 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
		margin-top: calc(5.9px + (11 - 5.9) * ((100vw - 1024px) / (1920 - 1024)));
		padding-top: calc(8.6px + (16 - 8.6) * ((100vw - 1024px) / (1920 - 1024)));
		margin-bottom: calc(1.6px + (3 - 1.6) * ((100vw - 1024px) / (1920 - 1024)));
		border-top: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid #F7F7F8;
		margin-left: calc(13.9px + (26 - 13.9) * ((100vw - 1024px) / (1920 - 1024)));
		margin-right: calc(13.9px + (26 - 13.9) * ((100vw - 1024px) / (1920 - 1024)));
	}


	.modal_window_context>svg {
		margin-left: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
		cursor: pointer;
	}

	.modal_window_context>.window h3 {
		margin-top: 0px;
		color: #181818;
		font-family: DIN Pro;
		font-size: calc(25.6px + (48 - 25.6) * ((100vw - 1024px) / (1920 - 1024)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: calc(21.6px + (40.5 - 21.6) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.modal_window_context>.window>div {
		display: inline-flex;
		align-items: center;
		margin-bottom: calc(11px + (20.5 - 11) * ((100vw - 1024px) / (1920 - 1024)));
		justify-content: center;
	}

	.modal_window_context>.window>.links_part {
		display: inline-flex;
		align-items: center;
		margin-bottom: calc(11px + (20.5 - 11) * ((100vw - 1024px) / (1920 - 1024)));
		justify-content: start;
		margin-bottom: 0;
		flex-wrap: wrap;
	}

	.modal_window_context>.window>.links_part>button {
		border-radius: calc(13.9px + (26 - 13.9) * ((100vw - 1024px) / (1920 - 1024)));
		border: 1px solid var(--unnamed, #02324B);
		background: #FFF;
		padding: 10px;
		color: #02324B;
		text-align: center;
		font-family: DIN Pro;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.14 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
		/* border: none; */
		cursor: pointer;
		margin-bottom: 0;
		margin-right: 10px;
	}

	.modal_window_context>.window>.links_part>.register_but_class {
		background: #2577B7;
		color: #FFF;
		border: none;
	}

	.modal_window_context>.window>div svg {
		margin-right: calc(12.3px + (23 - 12.3) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.modal_window_context>.window>div p {
		color: #000;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
		margin-top: 0;
		margin-bottom: 0;
	}

	.modal_window_context>.window>div p span {
		font-weight: 700;
	}

	.modal_window_context .title_participants {
		color: #000;
		text-align: left;
		font-family: Roboto;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
		margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
		margin-bottom: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.modal_window_context .text_participants {
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.16 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
		margin-bottom: calc(15px + (28 - 15) * ((100vw - 1024px) / (1920 - 1024)));
	}


	.register_window>svg {
		margin-right: auto;
		margin-left: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
		width: calc(12.8px + (24 - 12.8) * ((100vw - 1024px) / (1920 - 1024)));
		height: calc(12.8px + (24 - 12.8) * ((100vw - 1024px) / (1920 - 1024)));
		margin-bottom: auto;
		margin-top: calc(159.5px + (40 - 159.5) * ((100vw - 1024px) / (1920 - 1024)));
		cursor: pointer;
	}

	.register_window>.context>h3 {
		color: #181818;
		font-family: DIN Pro;
		text-align: center;
		margin-top: 0px;
		margin-bottom: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
		font-size: calc(25.6px + (48 - 25.6) * ((100vw - 1024px) / (1920 - 1024)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.register_window>.context>p {
		margin-top: 0px;
		margin-bottom: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
		color: var(--dark, #181818);
		text-align: center;
		font-family: DIN Pro;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.16 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.register_window>.context>p span {
		font-weight: 700;
	}

	.register_window>.context>div {
		display: inline-flex;
		align-items: center;
		margin-bottom: calc(8.6px + (16 - 8.6) * ((100vw - 1024px) / (1920 - 1024)));
		gap: 10px;
	}

	.register_window>.context>div>svg {
		min-width: calc(20.8px + (39 - 20.8) * ((100vw - 1024px) / (1920 - 1024)));
		min-height: calc(20.8px + (39 - 20.8) * ((100vw - 1024px) / (1920 - 1024)));
		margin-right: calc(8px + (15 - 8) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.register_window>.context>div a,
	.register_window>.context>p a {
		text-decoration: underline;
		color: #2577B7;
		cursor: pointer;
	}

	.register_window>.context>div>p {
		color: #181818;
		font-family: DIN Pro;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.16 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
		margin-top: 0;
		margin-bottom: 0;
	}

	.register_window>.context>div span {
		font-weight: 700;
	}

	.hide_modal_window {
		display: none;
		opacity: 0;
	}
}



@media (max-width: 1023px) {
.register_window {
height:auto!important;

}

.register_window .content {
overflow-y: auto; 
padding:5px!important;
}


	.modal_window_context{
		padding: 20px!important;
	}

	.yagp2023seasonlocations .conteiner_items .card_item {
		border-radius: 20px;
		background: var(--unnamed, #FFF);
		box-shadow: 0px 20px 21px 0px rgba(0, 0, 0, 0.15);
		padding: 30px;
		margin-left: 10px;
		margin-right: 10px;
		width: 27%;
		cursor: pointer;
		margin-bottom: 20px;
	}

	.yagp2023seasonlocations .conteiner_items .card_item p {
		font-size: 12px;
	}



	.yagp2023seasonlocations {
		display: flex;
		padding-bottom: calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320)));
		flex-flow: column;
	}

	.yagp2023seasonlocations>h2 {
		width: 100%;
		margin-top: calc(33.5px + (107 - 33.5) * ((100vw - 320px) / (1023 - 320)));
		padding-left: calc(2.6px + (8 - 2.6) * ((100vw - 320px) / (1023 - 320)));
		color: var(--dark, #181818);
		text-align: center;
		font-family: DIN Pro;
		font-size: calc(30.1px + (96 - 30.1) * ((100vw - 320px) / (1023 - 320)));
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.yagp2023seasonlocations>.conteiner_items {
		display: inline-flex;
		margin-left: 0;
		margin-right: 0;
		margin-top: calc(18.8px + (60 - 18.8) * ((100vw - 320px) / (1023 - 320)));
		flex-wrap: wrap;
		justify-content: space-around;
		width: 94%;
		margin-left: 3%;
	}

	.yagp2023seasonlocations .conteiner_items .card_item:active {
		transform: scale(0.98);
	}

	.yagp2023seasonlocations .conteiner_items .card_item {
		border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
		background: var(--unnamed, #FFF);
		box-shadow: 0px calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320))) calc(6.6px + (21 - 6.6) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.15);
		padding: calc(9.1px + (29 - 9.1) * ((100vw - 320px) / (1023 - 320)));
		margin-left: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
		margin-right: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
		width: calc(calc(143.9px + (460 - 143.9) * ((100vw - 320px) / (1023 - 320))) - calc(21.3px + (68 - 21.3) * ((100vw - 320px) / (1023 - 320))));
		cursor: pointer;
		margin-bottom: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	}

	.card_item>div {
		display: inline-flex;

		margin-top: calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320)));
	}

	.card_item>div>img {
		margin-right: calc(7.2px + (23 - 7.2) * ((100vw - 320px) / (1023 - 320)));
		object-fit: contain;
		width: 25px;
	}

	.card_item>div>div {
		display: flex;
		flex-flow: column;
		min-height: calc(21.3px + (68 - 21.3) * ((100vw - 320px) / (1023 - 320)));
	}

	.card_item>div>div h3 {
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		/* 31.2px */
		margin-top: 0;
		margin-bottom: calc(2.2px + (7 - 2.2) * ((100vw - 320px) / (1023 - 320)));
	}

	.card_item>div>div p {
		margin-top: 0;
		margin-bottom: 0px;
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 20.8px */
	}

	.card_item>p {
		color: var(--unnamed, #02324B);
		text-align: center;
		font-family: DIN Pro;
		font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.14 - 0.1) * ((100vw - 320px) / (1023 - 320)));
		margin-top: calc(3.5px + (11 - 3.5) * ((100vw - 320px) / (1023 - 320)));
		padding-top: calc(5.1px + (16 - 5.1) * ((100vw - 320px) / (1023 - 320)));
		margin-bottom: calc(1px + (3 - 1) * ((100vw - 320px) / (1023 - 320)));
		border-top: calc(0.7px + (2 - 0.7) * ((100vw - 320px) / (1023 - 320))) solid #F7F7F8;
		margin-left: calc(8.2px + (26 - 8.2) * ((100vw - 320px) / (1023 - 320)));
		margin-right: calc(8.2px + (26 - 8.2) * ((100vw - 320px) / (1023 - 320)));
	}


	.modal_window_context>svg {
		margin-left: 20px;
		cursor: pointer;
	}

	.modal_window_context>.window h3 {
		margin-top: 0px;
		color: #181818;
		font-family: DIN Pro;
		font-size: calc(15.1px + (48 - 15.1) * ((100vw - 320px) / (1023 - 320)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: calc(12.7px + (40.5 - 12.7) * ((100vw - 320px) / (1023 - 320)));
	}

	.modal_window_context>.window>div {
		display: inline-flex;
		align-items: center;
		margin-bottom: calc(6.5px + (20.5 - 6.5) * ((100vw - 320px) / (1023 - 320)));
		justify-content: center;
	}

	.modal_window_context>.window>.links_part {
		display: inline-flex;
		align-items: center;
		margin-bottom: calc(6.5px + (20.5 - 6.5) * ((100vw - 320px) / (1023 - 320)));
		justify-content: start;
		margin-bottom: 0;
		flex-wrap: wrap;
	}

	.modal_window_context>.window>.links_part>button {
		border-radius: calc(8.2px + (26 - 8.2) * ((100vw - 320px) / (1023 - 320)));
		border: 1px solid var(--unnamed, #02324B);
		background: #FFF;
		padding: 10px;
		color: #02324B;
		text-align: center;
		font-family: DIN Pro;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.14 - 0.1) * ((100vw - 320px) / (1023 - 320)));
		/* border: none; */
		cursor: pointer;
		margin-bottom: 15px;
		margin-right: calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320)));
	}

	.modal_window_context>.window>.links_part>.register_but_class {
		background: #2577B7;
		color: #FFF;
		border: none;
	}

	.modal_window_context>.window>div svg {
		margin-right: calc(7.2px + (23 - 7.2) * ((100vw - 320px) / (1023 - 320)));
	}

	.modal_window_context>.window>div p {
		color: #000;
		font-family: Roboto;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.2 - 0.1) * ((100vw - 320px) / (1023 - 320)));
		margin-top: 0;
		margin-bottom: 0;
	}

	.modal_window_context>.window>div p span {
		font-weight: 700;
	}

	.modal_window_context .title_participants {
		color: #000;
		text-align: left;
		font-family: Roboto;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.2 - 0.1) * ((100vw - 320px) / (1023 - 320)));
		margin-top: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
		margin-bottom: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	}

	.modal_window_context .text_participants {
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.16 - 0.1) * ((100vw - 320px) / (1023 - 320)));
		margin-bottom: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	}


	.register_window>svg {
		margin-right: 10px;
		width: 50px;
		height: 50px;
		margin-bottom: auto;
		margin-top: 2.6%;
		cursor: pointer;

	}

	.register_window>.context>h3 {
		color: #181818;
		font-family: DIN Pro;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 5px;
		font-size: calc(15.1px + (48 - 15.1) * ((100vw - 320px) / (1023 - 320)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.register_window>.context>p {
		margin-top: 0px;
		margin-bottom: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
		color: var(--dark, #181818);
		text-align: center;
		font-family: DIN Pro;
		font-size: 13px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.16 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	}

	.register_window>.context>p span {
		font-weight: 700;
	}

	.register_window>.context>div {
		display: inline-flex;
		align-items: center;
		margin-bottom: calc(5.1px + (16 - 5.1) * ((100vw - 320px) / (1023 - 320)));
		gap: 10px;
	}

	.register_window>.context>div>svg {
		min-width: calc(12.2px + (39 - 12.2) * ((100vw - 320px) / (1023 - 320)));
		min-height: calc(12.2px + (39 - 12.2) * ((100vw - 320px) / (1023 - 320)));
		margin-right: calc(4.7px + (15 - 4.7) * ((100vw - 320px) / (1023 - 320)));

	}

	.register_window>.context>div a,
	.register_window>.context>p a {
		text-decoration: underline;
		color: #2577B7;
		cursor: pointer;
	}

	.register_window>.context>div>p {
		color: #181818;
		font-family: DIN Pro;
		font-size: 13px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: calc(0.1px + (0.16 - 0.1) * ((100vw - 320px) / (1023 - 320)));
		margin-top: 0;
		margin-bottom: 0;
	}

	.register_window>.context>div span {
		font-weight: 700;
	}

	.hide_modal_window {
		display: none;
		opacity: 0;
	}
}

@media (min-width:320px) and (max-width: 419px) {
	span {
		font-size: 14px;

	}

	.modal_window_context,
	.register_window .context {
		max-width: 320px;
		/* Для очень маленьких экранов */
		width: 90%;
		padding: 15px;
		/* Уменьшаем padding */
        
	}

	.modal_window_context h3,
	.register_window .context h3 {
		font-size: 18px;
		/* Уменьшаем размер шрифта */
	}

	.card_item>div>img {
		height: 20px;
	}

}