#ivent-form {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	margin-block: 150px;
}

#ivent-form h2 {
	font-weight: 500;
	font-size: 48px;
	line-height: 112%;
	color: #356380;
}

#ivent-form h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
	color: #181818;
	margin: 0;
}

#ivent-form img {
	max-width: 100%;
	vertical-align: middle;
}

#ivent-form .red-star {
	color: #FF6565;
}

#ivent-form .container {
	max-width: 1382px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	overflow: hidden;
}

#ivent-form .block-form-title {
	text-align: center;
	margin-block-end: 48px;
}

#ivent-form .block-form-title h2 {
	margin-block-start: 0px;
	margin-block-end: 10px;
}

#ivent-form .block-form-title p {
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	color: #356380;
	margin: 0;
}


#ivent-form .form-wrapper {
	background: rgba(192, 218, 239, 0.3);
	border-radius: 18px;
	padding: 48px;
}

#ivent-form .form-item label {
	font-size: 18px;
	line-height: 140%;
	color: #11212B;
}

#ivent-form .form-item input {
	width: 100%;
	height: 37px;
	font-size: 18px;
	line-height: 140%;
	color: #11212B;
	background: #FFFFFF;
	border-radius: 6px;
	border: none;
	outline: none !important;
	padding-inline: 12px;
}

#ivent-form .form-item input &::placeholder {
	color: rgba(53, 99, 128, 0.5);
}

#ivent-form .form-item .step-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: #356380;
	margin-block-end: 48px;
}

#ivent-form .form-item .step-title h3 {
	position: relative;
	text-align: center;
	color: #356380;
}

#ivent-form .form-item .step-title h3::before,
#ivent-form .form-item .step-title h3::after {
	content: url('data:image/svg+xml,<svg width="30" height="6" viewBox="0 0 30 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.25" d="M0.000325441 2.66663C0.000325441 4.13939 1.19423 5.33329 2.66699 5.33329C4.13975 5.33329 5.33366 4.13939 5.33366 2.66663C5.33366 1.19387 4.13975 -4.07696e-05 2.66699 -4.07696e-05C1.19423 -4.07696e-05 0.000325441 1.19387 0.000325441 2.66663ZM24.0003 2.66663C24.0003 4.13939 25.1942 5.33329 26.667 5.33329C28.1398 5.33329 29.3337 4.13939 29.3337 2.66663C29.3337 1.19387 28.1398 -4.07696e-05 26.667 -4.07696e-05C25.1942 -4.07696e-05 24.0003 1.19387 24.0003 2.66663ZM2.66699 2.66663V3.16663H26.667V2.66663V2.16663H2.66699V2.66663Z" fill="%23356380"/></svg>');
	vertical-align: middle;
	position: absolute;
	top: 31%;
}

#ivent-form .form-item .step-title h3::before {
	transform: translate(-100%, -50%);
	left: -12px;
}
#ivent-form .form-item .step-title h3::after {
	transform: translate(100%, -50%);
	right: -12px;
}

#ivent-form .form-item .step-radio {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 48px;
}

#ivent-form .form-item .step-radio label {
	flex: 0 1 calc((100% - 24px * 2) / 3);
	min-height: 49px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #C4DDF2;
	border-radius: 24px;
}

#ivent-form .form-item .step-radio label:has(input:checked) {
	background: #8DC0DF;
}

#ivent-form .form-item .step-radio label input {
	display: none;
}

#ivent-form .form-item .step-radio label span {
	text-align: center;
}



#ivent-form .form-item .step-personal,
#ivent-form .form-item .step-professional {
	display: flex;
	align-items: start;
	justify-content: start;
	flex-wrap: wrap;
	gap: 24px;
	margin-block-end: 48px;
}

#ivent-form .form-item .step-personal .step-input,
#ivent-form .form-item .step-professional .step-input {
	flex: 0 1 calc((100% - 24px) / 2);
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 12px;
}

/* #ivent-form .form-item .step-personal .step-input label span,
#ivent-form .form-item .step-professional .step-input label span {
	color: #FF6565;
} */

#ivent-form .form-item .step-professional .step-input {
	flex: 1 0 calc((100% - 24px) / 2);
}

#ivent-form .form-item .step-professional .student-only {
	display: none;
}

#ivent-form .form-item .step-professional .student-only>span {
	display: inline-block;
	font-size: 18px;
	line-height: 140%;
	color: #11212B;
	margin-block-end: 12px;
}

#ivent-form .form-item .step-professional .student-only p {
	text-align: left;
	padding-inline-end: 10px;
	margin-block-end: 0px;
}

#ivent-form .form-item .step-professional .student-only .file-upload-label {
	display: flex;
	align-items: center;
	gap: 13px;
	cursor: pointer;
	margin-block-end: 12px;
}

#ivent-form .form-item .step-professional .student-only .file-upload-label span {
	color: #356380;
}

#ivent-form .form-item .step-professional .student-only .file-upload-label #student-card {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
	z-index: -1;
}

#ivent-form .form-item .step-speakers {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 24px;
}

#ivent-form .form-item .step-speakers .step-input {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 12px;
}

#ivent-form .form-item .step-speakers .step-input label span {
	color: #FF6565;
}

#ivent-form .form-item .step-speakers .step-input textarea {
	width: 100%;
	resize: none;
	font-size: 18px;
	line-height: 140%;
	color: #11212B;
	background: #FFFFFF;
	border-radius: 6px;
	border: none;
	outline: none !important;
	padding: 6px 12px;
}

#ivent-form .form-item .step-speakers .step-input textarea::placeholder {
	color: rgba(53, 99, 128, 0.5);
}


#ivent-form .form-item .step-speakers .file-upload-wrapper {
	margin-block-end: 48px;
}

#ivent-form .form-item .step-speakers .file-upload-wrapper>span {
	display: inline-block;
	font-size: 18px;
	line-height: 140%;
	color: #11212B;
}

#ivent-form .form-item .step-speakers .file-upload-wrapper p {
	text-align: left;
	padding-inline-end: 10px;
	margin-block-end: 0px;
}

#ivent-form .form-item .step-speakers .file-upload-wrapper .file-upload-label {
	display: flex;
	align-items: center;
	gap: 13px;
	cursor: pointer;
}

#ivent-form .form-item .step-speakers .file-upload-wrapper .file-upload-label span {
	color: #356380;
}

#ivent-form .form-item .step-speakers .file-upload-wrapper .file-upload-label #user-image {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
	z-index: -1;
}

#ivent-form .form-item .step-tariffs {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 12px;
	margin-block-end: 48px;
}

#ivent-form .form-item .step-tariffs .tariff-row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 6px;
	padding: 12px;
}

#ivent-form .form-item .step-tariffs .tariff-row .tariff-col {
	flex: 1;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

#ivent-form .form-item .step-tariffs .tariff-row .tariff-col.label-col input {
	width: fit-content;
	height: 14px;
	padding: 0;
	margin: 0;
}

#ivent-form .form-item .step-tariffs .tariff-row .tariff-col .label-col-title {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ivent-form .form-item .step-tariffs .tariff-row .tariff-col .label-col-title p {
	max-width: 275px;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	color: #11212B;
	margin-block-end: 0px;
}


#ivent-form .form-item .step-tariffs .tariff-row.header-row {
	border: 1px solid #C4DDF2;
}

#ivent-form .form-item .step-tariffs .tariff-row.header-row .tariff-col {
	max-height: 90px;
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	text-align: center;
	color: #356380;
}

#ivent-form .form-item .step-tariffs .role-tariffs-block {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

#ivent-form .form-item .step-tariffs .tariff-row .tariff-col span {
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	text-align: center;
	color: #181818;
}

#ivent-form .form-item p {
	font-style: italic;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	color: rgba(17, 33, 43, 0.6);
	margin-block: 0px;
}

#ivent-form .form-item p:last-child {
	margin-block-end: 48px;
}


#ivent-form .progress-container {
	position: relative;
	display: flex;
	align-items: center;
	gap: 24px;
}

#ivent-form .progress-container .progress-bar {
	position: relative;
	flex: 1;
	min-height: 13px;
	width: 100%;
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
}

#ivent-form .progress-container .progress-fill {
	min-height: 13px;
	width: 0%;
	border-radius: 10px;
	background-color: #8DC0DF;
	transition: width 0.4s ease;
}

#ivent-form .progress-container .next {
	width: 289px;
	height: 44px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	color: #356380;
	opacity: 0.5;
	pointer-events: none;
	border: 1px solid #356380;
	border-radius: 24px;
	overflow: hidden;
	padding-inline: 0;
}

#ivent-form .progress-container .next .nextly {
	margin-inline-start: 24px;
}
#ivent-form .progress-container .next svg {
	margin-inline-end: 24px;
}
#ivent-form .progress-container .next .pay {
	height: 45px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}
#ivent-form .progress-container .next.active .pay {
	background: #356380;
	color: #FFFFFF;
}

#ivent-form .progress-container .next.active {
	opacity: 1;
	pointer-events: auto;
	cursor: pointer;
}

@media (min-width: 1024px) {
	#ivent-form .what-images img:nth-child(2),
	#ivent-form .presentation-images img:nth-child(2) {
		margin-inline-end: clamp(0px, 16.346vw - 167.38px, 68px);
	}
}

@media (max-width: 1024px) {
	#ivent-form .form-item .step-radio label span {
		font-size: 16px;
	}
	#ivent-form .form-item .step-tariffs .tariff-row.header-row .tariff-col,
	#ivent-form .form-item .step-tariffs .tariff-row .tariff-col.label-col p {
		font-size: 12px;
	}
}

@media (max-width: 767.5px) {
	#ivent-form h2 {
		font-size: 30px;
	}
	#ivent-form .block-form-title {
		margin-block-end: 24px;
	}
	#ivent-form .form-item .step-radio label span {
		font-size: 18px;
	}
	#ivent-form .form-item .step-radio {
		flex-direction: column;
	}
	#ivent-form .form-item .step-radio label {
		max-width: 284px;
		width: 100%;
	}
	#ivent-form .form-item .step-personal,
	#ivent-form .form-item .step-professional {
		flex-direction: column;
	}
	#ivent-form .form-item .step-personal .step-input,
	#ivent-form .form-item .step-professional .step-input {
		width: 100%;
	}
	#ivent-form .form-item .step-professional .student-only {
		order: 4;
	}
	#ivent-form .form-item .step-tariffs .tariff-row.header-row .tariff-col {
		max-height: 100%;
	}
	#ivent-form .form-item .step-tariffs .tariff-row.header-row .tariff-col.label-col {
		display: none;
	}
	#ivent-form .form-item .step-tariffs .tariff-row {
		flex-wrap: wrap;
	}
	#ivent-form .form-item .step-tariffs .tariff-row .tariff-col {
		flex: 0 1 calc((100% - 10px * 2) / 3);
	}
	#ivent-form .form-item .step-tariffs .tariff-row .tariff-col.label-col {
		flex: 0 0 100%;
		min-width: 100%;
	}
	#ivent-form .form-item .step-tariffs .tariff-row.header-row .tariff-col,
	#ivent-form .form-item .step-tariffs .tariff-row .tariff-col.label-col p {
		font-size: 14px;
		overflow-wrap: anywhere;
	}
	#ivent-form .progress-container {
		flex-direction: column;
	}
}