.page{
	background: var(--color-bg-secondary, #F4F9FD);
	height: max-content;
}

.arrow__select{
	width: 2.08vw;
	height: 2.08vw;
	background: url('../images/state-down.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.arrow_open{
	background: url('../images/state-up.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.form{
	display: flex;
	max-width: 56.53vw;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--padding-2xl, 80px);
	margin: 0 auto;
	width: 100%;
}

.form__section{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--padding-xs, 20px);
	width: 100%;
}

.field__box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--padding-2xs, 10px);
	align-self: stretch;
	width: 100%;
}

.box__input{
	position: relative;
	width: 100%;
	border: 3px solid transparent;
	box-sizing: border-box;
	border-radius: var(--radius-sm, 4px);
	background: var(--color-white, #FFF);
	box-shadow: 0px 1px 6px 0px rgba(35, 31, 32, 0.05);
}

.label{
	position: absolute;
	top: 50%;
	left: calc(var(--padding-sm) + 3px);
	transform: translate(0, -50%);
	overflow: hidden;
	color: var(--color-raisin-black-400, rgba(35, 31, 32, 0.40));
	text-overflow: ellipsis;
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px);
	letter-spacing: -0.28px;
}

.label_focus{
	transform: translate(0, -115%);
}

.input{
	width: 100%;
	display: flex;
	padding: var(--padding-sm, 30px);
	align-items: center;
	gap: var(--padding-2xs, 10px);
	align-self: stretch;

	color: var(--color-raisin-black-1000, #231F20);
	text-overflow: ellipsis;
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px);
	letter-spacing: -0.28px;
	flex: 1 1;
}

.input::placeholder{
	color: var(--color-raisin-black-1000, #231F20);
	text-overflow: ellipsis;
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px);
	letter-spacing: -0.28px;
	opacity: 0.4;
}

.phone__box{
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 1.04vw;
	width: 100%;
}

.option__select{
	position: absolute;
	opacity: 0;
	display: none;
}

.select__box{
	display: flex;
	padding: var(--padding-sm, 30px);
	align-items: center;
	justify-content: space-between;
	gap: var(--padding-xs, 20px);
	border-radius: var(--radius-sm, 4px);
	background: var(--color-white, #FFF);
	box-shadow: 0px 1px 6px 0px rgba(35, 31, 32, 0.05);
	border: 3px solid transparent;
	box-sizing: border-box;
}

.select__position, .select__experience{
	position: relative;
	width: 100%;
}

.select__overlay{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: var(--color-raisin-black-400, rgba(35, 31, 32, 0.40));
}

.list > span:first-child, .list > .mobile__label{
	display: none;
}

.list > span:first-child{
	width: 17.07vw;
	height: 1.07vw;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	background-color: var(--color-raisin-black-200, rgba(35, 31, 32, 0.2));
	margin-bottom: var(--padding-md, 20px);
}

.list > .mobile__label{
 	width: 100%;
	 color: var(--color-raisin-black-400, rgba(35, 31, 32, 0.40));
	 font-family: var(--font-family-font-2, Inter), sans-serif;
	 font-size: var(--font-size-sm, 14px);
	 font-style: normal;
	 font-weight: var(--font-weight-regular, 400);
	 line-height: var(--font-line-height-sm, 20px);
	 padding: 0 var(--padding-xs, 15px);
	 margin-bottom: var(--padding-2xs, 10px);
}

.data{
	display: flex;
	align-items: center;
	gap: 10px;
	height: var(--font-line-height-md, 40px); 
}

.country__flag{
	width: 2.22vw;
	height: 2.22vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.text{
	color: var(--color-raisin-black-1000, #231F20);
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px);
	letter-spacing: -0.28px;
}

.country__list{
	position: absolute;
	top: calc(100% + var(--padding-2xs));
	left: 0;
	display: none;
	z-index: 100;

	width: 27.78vw;
	max-height: 31.6vw;
	overflow: auto;
	padding: var(--padding-2xs, 10px) 0px;
	align-items: center;
	flex-direction: column;
	border-radius: var(--radius-sm, 4px);
	background: #FFF;
	box-shadow: 0px 20px 50px 0px rgba(35, 31, 32, 0.15);
}

.experience__list, .position__list{
	position: absolute;
	top: calc(100% + var(--padding-2xs));
	left: 0;
	display: none;
	z-index: 100;

	max-height: 28.13vw;
	width: 100%;
	overflow: auto;
	padding: var(--padding-2xs, 10px) 0px;
	align-items: center;
	flex-direction: column;
	border-radius: var(--radius-sm, 4px);
	background: #FFF;
	box-shadow: 0px 20px 50px 0px rgba(35, 31, 32, 0.15);
}

.country__item{
	width: 100%;
	cursor: pointer;
	padding: var(--padding-2xs, 10px) var(--padding-sm, 30px);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.position__item, .experience__item{
	display: flex;
	padding: var(--padding-2xs, 10px) var(--padding-sm, 30px);
	align-items: center;
	gap: var(--padding-2xs, 10px);
	align-self: stretch;
	cursor: pointer;
	justify-content: space-between;
}

.position, .experience{
	color: var(--color-raisin-black-1000, #231F20);
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px); 
	letter-spacing: -0.28px;
}

.country{
	color: var(--color-raisin-black-1000, #231F20);
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px); 
	letter-spacing: -0.28px;
}

.country__item > .text{
	color: var(--color-raisin-black-400, rgba(35, 31, 32, 0.40));
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px);
	letter-spacing: -0.28px;
}

.file{
	position: relative;
	display: flex;
	padding: var(--padding-xl, 50px);
	flex-direction: column;
	align-items: center;
	gap: var(--padding-2xs, 10px);
	align-self: stretch;
	border-radius: 4px;
	background: var(--color-white, #FFF);
	box-shadow: 0px 1px 6px 0px rgba(35, 31, 32, 0.05);
}

input[type='file']{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	cursor: pointer;
}

.file__text{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--padding-md, 40px);
	align-self: stretch;
}

.button__file{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--padding-sm, 30px);
	width: 100%;
}

.help__text{
	color: var(--color-raisin-black-400, rgba(35, 31, 32, 0.40));
	text-align: center;
	text-overflow: ellipsis;
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-sm, 24px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-sm, 30px);
}

.description__upload_file{
	color: var(--color-accent, #0094FF);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	text-overflow: ellipsis;
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-sm, 24px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-sm, 30px);
}

.button__file > img{
	width: 4.65vw;
	height: 3.61vw;
}

.upload{
	display: flex;
	padding: 1.04vw 2.78vw;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	border: 1px solid var(--color-accent, #0094FF);

	color: var(--color-accent, #0094FF);
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-sm, 24px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-sm, 30px);
}

.form__section:last-child{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--padding-xl, 50px);
	align-self: stretch;
}

.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
	width: var(--padding-md);
  height: var(--padding-md);
}

.custom-checkbox+label {
  display: inline-flex;
  align-items: flex-start;
  user-select: none;
	color: var(--color-raisin-black-1000, #231F20);
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px);
	letter-spacing: -0.28px;
}

.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: var(--padding-md);
  height: var(--padding-md);
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid var(--color-raisin-black-400);
  border-radius: 0.25em;
  margin-right: var(--padding-xs);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.custom-checkbox:active+label::before {
  border-color: var(--color-accent);
}

.custom-checkbox:hover+label::before, .custom-checkbox:focus+label::before {
  border-color: var(--color-raisin-black-1000);
}

.custom-checkbox+label.error__checkbox::before{
	border: 3px solid var(--color-red, #EF4048);
}

.custom-checkbox:checked+label::before {
  border-color: var(--color-accent);
  background-color: var(--color-accent);
  background-image: url("../images/checkbox.svg");
}

.btn{
	display: flex;
	box-sizing: border-box;
	padding: var(--padding-xs, 20px) var(--padding-2xl, 80px);
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: var(--radius-sm, 4px);
	background: var(--color-accent, #0094FF);
	border: 2px solid transparent;
	box-shadow: 0px 0px 0px 2px transparent;
	color: var(--color-white, #FFFFFF);
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px);
	letter-spacing: -0.28px;
}

.btn:active{
	border: 2px solid var(--color-white, #FFF);
	box-shadow: 0px 0px 0px 2px var(--color-accent, #0094FF);
}

.file__upload{
	width: 100%;
	display: flex;
	padding: var(--padding-2xs, 10px) 20px var(--padding-2xs, 10px) var(--padding-sm, 30px);
	align-items: center;
	gap: var(--padding-2xs, 10px);
	border-radius: var(--radius-sm, 4px);
	background: #FFF;
	box-shadow: 0px 1px 6px 0px rgba(35, 31, 32, 0.05);
}

.doc__img{
	width: 3.06vw;
	height: 3.61vw;
}

.file__data{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: -2px;
	flex: 1 0 0;
}

.file__name{
	overflow: hidden;
	color: var(--color-raisin-black-1000, #231F20);
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 45.83vw;
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-md, 28px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-md, 40px);
	letter-spacing: -0.28px;
}

.file__size{
	color: var(--color-raisin-black-400, rgba(35, 31, 32, 0.40));
	font-family: var(--font-family-font-2, Inter);
	font-size: var(--font-size-sm, 24px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-sm, 30px);
}

.remove__file{
	width: 2.08vw;
	height: 2.08vw;
	cursor: pointer;
}

.item__active{
	background: var(--color-bg-secondary, #F4F9FD);
	color: var(--color-accent, #0094FF);
}

.country__item:hover, .position__item:hover, .experience__item:hover{
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%), var(--color-raisin-black-1000, #231F20);
}

.field__focus{
	border: 3px solid var(--color-accent, #0094FF);
}

.error{
	border: 3px solid var(--color-red, #EF4048);
}

.error__message_display{
	color: var(--color-red, #EF4048);
	font-family: var(--font-family-font-2, Inter), sans-serif;
	font-size: var(--font-size-sm, 24px);
	font-style: normal;
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--font-line-height-sm, 30px);
}

.good__section{
	display: none;
	width: 75.84vw;
	flex-direction: column;
	align-items: center;
	gap: var(--padding-xl, 50px);
	margin: 14.58vw auto 20.14vw;
}

.title__good{
	color: var(--color-accent, #0094FF);
	text-align: center;
	font-family: var(--font-family-font-1, Nekst), sans-serif;
	font-size: var(--font-size-3xl, 75px);
	font-style: normal;
	font-weight: var(--font-weight-medium, 500);
	line-height: var(--font-line-height-3xl, 80px);
	letter-spacing: -3px;
}

.display_flex{
	display: flex;
}

.data__country{
	display: flex;
	align-items: center;
	gap: var(--padding-2xs, 10px);
	align-self: stretch;
}

.custom__radio{
	display: none;
}

@media (max-width: 992px) {
	.arrow__select{
		width: 3.03vw;
		height: 3.03vw;
	}

	.form{
		max-width: 82.14vw;
	}
	
	.phone__box{
		gap: 1.51vw;
	}
	
	.country__flag{
		width: 3.23vw;
		height: 3.23vw;
	}
	
	.country__list{
		width: 40.36vw;
		max-height: 45.91vw;
	}
	
	.experience__list, .position__list{
		max-height: 40.87vw;
	}
	
	.button__file > img{
		width: 6.76vw;
		height: 5.25vw;
	}
	
	.upload{
		padding: 1.51vw 4.04vw;
	}
	
	.doc__img{
		width: 4.44vw;
		height: 5.25vw;
	}
	
	.file__name{
		max-width: 66.6vw;
	}
	
	.remove__file{
		width: 3.03vw;
		height: 3.03vw;
	}

	.good__section{
		width: 100%;
		margin: 21.19vw auto 29.26vw;
	}
}

@media (max-width: 641px) {
	.arrow__select{
		width: 4vw;
		height: 4vw;
	}

	.arrow_open{
		background: url('../images/state-up.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		transform: rotate(0);
	}

	.form{
		max-width: 100%;
	}
	
	.phone__box{
		gap: var(--padding-2xs);
	}
	
	.country__flag{
		width: 6.4vw;
		height: 6.4vw;
	}

	.phone__box{
		position: static;
	}
	
	.country__list, .experience__list, .position__list{
		position: fixed;
		width: 100%;
		max-height: calc(100vh - 50.66vw);
		top: auto;
		bottom: 0;
		padding: 6px var(--padding-xs) 0;
		border-radius: 12px 12px 0px 0px;
	}

	.list > span:first-child, .list > .mobile__label{
		display: flex;
	}
	
	.experience__list, .position__list{
		max-height: calc(100vh - 50.66vw);
	}

	.select__position, .select__experience{
		position: static;
	}
	
	.button__file > img{
		width: 10.67vw;
		height: 8vw;
	}
	
	.upload{
		width: 100%;
		padding: 2.67vw 5.33vw;
	}

	.description__upload_file{
		display: none;
	}

	.file{
		padding: var(--padding-md, 20px) var(--padding-sm, 15px);
	}

	.doc__img{
		width: 6.93vw;
		height: 8vw;
	}
	
	.file__name{
		max-width: 66.67vw;
	}
	
	.remove__file{
		width: 6.4vw;
		height: 6.4vw;
	}

	.error__message{
		display: none;
	}

	.good__section{
		margin: 0 auto;
	}

	.custom__radio{
		display: block;
		width: 6.4vw;
		height: 6.4vw;
		border: 1px solid var(--color-raisin-black-200);
		border-radius: 50%;
		background: transparent;
		appearance: none;
	}

	.custom__radio:checked{
		background-image: url('../images/radio.svg');
		border: var(--color-accent);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.custom__radio:focus{
		border: 1px solid var(--color-accent);
	}

	.country__item, .position__item, .experience__item{
		border-bottom: 1px solid var(--color-raisin-black-100, rgba(35, 31, 32, 0.10));
		padding: var(--padding-2xs, 10px) 0;
	}

	.item__active{
		background: transparent;
	}
}