@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.name_wrap {
	display: flex;
}
.page-template-new-registration-from-template .form_reg .wpcf7-submit.disabled2 {
	pointer-events: none;
	background-color: rgba(0, 0, 0, .2) !important;
	color: rgba(255, 255, 255, .7);
}

.wpcf7-not-valid-red {
	background: unset !important;
}
.wpcf7-not-valid-blue {
	background: unset !important;
}

.iti__selected-dial-code {
	opacity: 0;
	display: none;
}

.phone-form .wpcf7-not-valid-tip {
	display: block !important;
}
.phone-form .error-message {
	top:auto !important;
}
.email-form-error .wpcf7-not-valid-tip {
	display: block !important;
	position: absolute;
	font-size: calc(var(--size-30) / var(--coef));
	font-weight: 400;
	bottom: -42px;
	top: auto;
}
.error-message {
	z-index: 2;
	opacity: 1;
	position: relative;
}
.email-form-error.error-show .wpcf7-not-valid-tip {
	opacity: 1!important;
}
.error-message:empty + .wpcf7-not-valid-tip {
	opacity: 1;
	z-index: 2;
}

.email-form-error .wpcf7-not-valid-tip {
	z-index: 1;
	opacity: 0;
}
.wpcf7-not-valid-tip {
	display: none !important;
}

.page-template-new-registration-from-template .zsiq_floatmain {
	display: none !important;
}

.form_reg .error-message {
	font-size: calc(var(--size-30) / var(--coef));
	font-weight: 400;
	margin: 0px auto;
	width: 100%;
	position: absolute;
	top: calc(100% + calc(1.3vw / var(--coef)));
	color: #dc3232;
	display: block;
}

.link-form {
	display: flex;
	justify-content: space-between;
}

.link-form a {
	font-family: Roboto, serif;
	font-weight: 500;
	line-height: calc(1.16vw / var(--coef));
	letter-spacing: calc(0.01vw / var(--coef));
	text-decoration: underline;
	text-decoration-style: solid;
	color: #003AE1;
	text-transform: uppercase;
}

.title_wrap {
	margin-bottom: calc(2.1vw / var(--coef));
}

.name_wrap_1 {
	position: relative;
}

.name_wrap .name-field {
	position: absolute;
	left: calc(.4vw / var(--coef));
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #8c8c8c;
	font-size: calc(var(--size-30) / var(--coef));
	font-weight: 400;
	padding: 0 calc(.5vw / var(--coef));
	z-index: 1;
	background-color: #f3f9ff;
}

.name_wrap input {
	width: 100%;
	padding: calc(1.1vw / var(--coef)) calc(4.2vw / var(--coef)) calc(1.1vw / var(--coef)) calc(1vw / var(--coef));
	margin-bottom: calc(.5vw / var(--coef));
	background-color: transparent;
	border-radius: calc(var(--size-8) / var(--coef));
	border: calc(var(--size-2) / var(--coef)) solid rgba(0, 0, 0, .4);
	font-size: calc(var(--size-40) / var(--coef));
	font-weight: 500;
	color: var(--color-black);
	-webkit-transition: border-color .15 sease;
	transition: border-color .15 sease;
}

.page-template-new-registration-from-template .form_reg .wpcf7-submit.disabled {
	pointer-events: none;
	background-color: rgba(0, 0, 0, .2) !important;
	color: rgba(255, 255, 255, .7);
}

.right-registration-block .form_reg .wpcf7-submit {
	margin-top: calc(2.1vw / var(--coef));
	background-color: var(--color-blue) !important;
	color: var(--color-white) !important;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	-webkit-transition: .2 sease -in-out;
	transition: .2 sease -in-out;
	width: 100%;
	margin-bottom: calc(.8vw / var(--coef));
	border: none;
}

.page-template-new-registration-from-template #primary.site-main.form-page section.registration-wrapper {
	overflow-y: unset;
}

.form_reg {
	padding: 20px;
}

.popup {
	text-align: center;
	width: 30vw;
	padding: 2vw 2vw 1.5vw;
	background: #fff;
	border-radius: 0.5vw;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat", sans-serif;
	box-shadow: 3px 7px 13px -8px rgba(0, 0, 0, 0.3);
}

.popup h2 {
	color: rgba(239, 4, 4, 1);
	font-size: 1.95vw;
	line-height: 2.1vw;
	font-weight: 500;
	margin-bottom: 2vw;
}

.popup p {
	font-size: 1.1vw;
	line-height: 1.7vw;
	font-weight: 400;
	margin-bottom: 2.3vw;
	color: rgba(111, 111, 111, 1);
}

.popup p a {
	color: rgba(0, 58, 225, 1);
	display: block;
	font-weight: 400;
}

.popup-back {
	color: white;
	background: rgba(0, 58, 225, 1);
	border-radius: 0.2vw;
	padding: 0.6vw;
	display: block;
	width: 100%;
	font-size: 0.9vw;
	line-height: 1.5vw;
	font-weight: 500;
}

.loader-wrapper, .popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7); /* прозорий фон */
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999; /* вище за всі елементи */
	backdrop-filter: blur(5px);
}

.loader {
	border: 8px solid #f3f3f3; /* колір обводки */
	border-top: 8px solid #3498db; /* колір верхньої частини */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite; /* анімація */
}

@media screen and (max-width: 850px) {
	.popup {
		width: 60vw;
		padding: 3vw 3vw 2.5vw;
	}

	.popup h2 {
		font-size: 2.95vw;
		line-height: 3.1vw;
		margin-bottom: 3vw;
	}

	.popup p {
		font-size: 2.1vw;
		line-height: 2.7vw;
		margin-bottom: 3.3vw;
	}

	.popup-back {
		padding: 1vw;
		font-size: 1.9vw;
		line-height: 2.5vw;
	}
}

@media screen and (max-width: 540px) {
	.popup {
		width: 80vw;
		padding: 5vw 5vw 3.5vw;
	}

	.popup h2 {
		font-size: 3.95vw;
		line-height: 4.1vw;
		margin-bottom: 4vw;
	}

	.popup p {
		font-size: 3.1vw;
		line-height: 3.7vw;
		margin-bottom: 4.3vw;
	}

	.popup-back {
		padding: 2vw;
		font-size: 2.9vw;
		line-height: 3.5vw;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.right-registration-block h1 {
	font-family: Montserrat, serif;
	font-weight: 600;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: calc(2.1vw / var(--coef));
}

.title_wrap .title_row {
	font-family: Montserrat, serif;
	font-weight: 600;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: calc(0.7vw / var(--coef));
}

.title_wrap .text_wrap {
	font-family: Montserrat, serif;
	font-weight: 500;
	line-height: 19.5px;
	letter-spacing: 0;
	color: #5E6266;
}

.form_reg .error {
	border: solid 1px red;
}

@media screen and (min-width: 850px) {
	.name_wrap_1 {
		margin-top: calc(1vw / var(--coef));
		margin-bottom: calc(1vw / var(--coef));
	}

	.form_reg .wpcf7-submit {
		font-size: calc(var(--size-40) / var(--coef));
		padding: calc(1.1vw / var(--coef)) calc(1vw / var(--coef)) calc(1.1vw / var(--coef)) calc(1vw / var(--coef)) !important;
		border-radius: calc(var(--size-8) / var(--coef));
	}

	.form_reg h1 {
		margin-bottom: calc(1.8vw / var(--coef));
	}

	.name_wrap .iti--allow-dropdown, .name_wrap_1 {
		width: 100%;
	}

	.link-form a {
		font-size: calc(var(--size-30) / var(--coef));
	}

	.right-registration-block h1 {
		font-size: calc(var(--size-50) / var(--coef));
	}

	.title_wrap .title_row {
		font-size: calc(var(--size-50) / var(--coef));
	}
}

@media screen and (max-width: 850px) {
	.link-form a {
		font-size: calc(4.2vw / var(--coef));
	}

	.form_reg .wpcf7-submit {
		font-size: calc(var(--size-40) / var(--coef));
		padding: calc(.64vw / var(--coef)) calc(1vw / var(--coef));
		border-radius: calc(var(--size-8) / var(--coef));
	}

	.title_wrap .text_wrap {
		font-size: calc(var(--size-40) / var(--coef));
	}

	.form_reg .text_wrap {
		font-size: calc(3.2vw / var(--coef)) !important;
		margin-bottom: calc(1.8vw / var(--coef));
	}

	.form_reg input {
		font-size: calc(4.2vw / var(--coef));
		font-weight: 400;
		border-radius: calc(var(--size-40) / var(--coef));
		padding: calc(4.3vw / var(--coef)) calc(9.2vw / var(--coef)) calc(4.7vw / var(--coef)) calc(1.5vw / var(--coef));
	}

	.form_reg .name-field {
		font-size: calc(3.1vw / var(--coef));
		left: calc(3.5vw / var(--coef));
	}

	.form_reg h1 {
		margin-bottom: calc(1.8vw / var(--coef));
		font-size: calc(4.23vw / var(--coef));
		line-height: calc(6.23vw / var(--coef));
		width: fit-content;
	}

	.form_reg p {
		font-size: calc(4.23vw / var(--coef));
		line-height: calc(6.23vw / var(--coef));
		margin-bottom: calc(7.7vw / var(--coef));
		width: fit-content;
	}

	.form_reg {
		padding: unset;
	}

	.form_reg .error-message {
		margin: calc(3.5vw / var(--coef)) auto;
		font-size: calc(3.1vw / var(--coef));
		line-height: calc(3vw / var(--coef));
		max-width: 100%;
		top: calc(86% + calc(2vw / var(--coef)));
	}

	.form_reg .wpcf7-submit {
		font-size: calc(4vw / var(--coef));
		padding: calc(3.25vw / var(--coef)) calc(1vw / var(--coef));
		border-radius: calc(var(--size-40) / var(--coef));
	}

	.form_reg .new_form_buttons p {
		width: 100%;
		margin-bottom: 0;
	}

}

.line {
	background: linear-gradient(90deg, rgba(0, 58, 225, 0) 0%, rgba(0, 58, 225, 0.5) 20.9%, #003AE1 50.4%, rgba(0, 58, 225, 0.5) 76.4%, rgba(0, 58, 225, 0) 100%);
	padding: calc(0.05vw / var(--coef));
	margin-bottom: calc(1vw / var(--coef));
}

/*modal form*/
@media screen and (min-width: 850px) {
	.header-modal h2 {
		font-size: 32px;
		line-height: 45px;
	}

	.modal-button {
		width: calc(24vw / var(--coef));
	}
}

.modal-form-se {
	display: none;
	position: fixed;
	font-family: 'Montserrat', sans-serif;
	padding: calc(1.25vw / var(--coef));
	border-radius: 8px;
	border: 1px solid var(--color-blue);
	background: #fff;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 999;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, .2);
	text-align: center;
	width: calc(43.25vw / var(--coef));
}

.first-text {
	font-size: calc(var(--size-35) / var(--coef));
	letter-spacing: 0;
	margin-bottom: calc(1.05vw / var(--coef));
	line-height: calc(1.5vw / var(--coef));
}

.body-modal {
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	font-size: calc(var(--size-35) / var(--coef));
	line-height: 28px;
	text-align: center;
	color: #6F6F6F;
}

.header-modal h2 {
	font-size: calc(var(--size-60) / var(--coef));
	color: var(--color-blue);
	font-weight: 500;
	line-height: calc(2.1vw / var(--coef));
	letter-spacing: 0;
	margin-bottom: calc(1.05vw / var(--coef));
}

.body-modal p {
	color: #333;
	font-size: calc(var(--size-35) / var(--coef));
	letter-spacing: 0;
	margin-bottom: calc(1.05vw / var(--coef));
	line-height: calc(1.5vw / var(--coef));
}

.footer-modal {
	margin-top: calc(1vw / var(--coef));
}

.second-text {
	max-width: calc(31.25vw / var(--coef));
	margin: auto;
	font-size: calc(var(--size-35) / var(--coef));
	letter-spacing: 0;
	line-height: calc(1.5vw / var(--coef));
}

.modal-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: calc(0.5vw / var(--coef));
	background: var(--color-blue);
	color: #fff;
	margin-bottom: calc(0.6vw / var(--coef));
	text-decoration: none;
	padding: calc(0.7vw / var(--coef)) calc(0.8vw / var(--coef));
	border-radius: 3px;
	font-weight: 600;
	font-size: calc(var(--size-35) / var(--coef));
}

.modal-button svg {
	width: calc(0.9vw / var(--coef));
	height: calc(0.8vw / var(--coef));
}

.footer-text-modal {
	color: #6F6F6F;
	font-size: calc(var(--size-35) / var(--coef));
	letter-spacing: 0;
	margin-top: calc(0.8vw / var(--coef));
	line-height: calc(1.5vw / var(--coef));
}

.close-modal {
	position: absolute;
	top: calc(0.5vw / var(--coef));
	right: calc(0.8vw / var(--coef));
	border: none;
	background: 0 0;
	font-size: calc(2vw / var(--coef));
	cursor: pointer;
	color: black;
}

.close-modal:hover {
	color: #003AE1;
}

@media screen and (min-width: 850px) {
	#primary.site-main.form-page section.registration-wrapper .right-registration-block {
		width: 33.5%;
		margin: -3vw calc(7.5vw / var(--coef)) calc(5vw / var(--coef)) 0 !important;
		float: right;
	}

	#primary.site-main.form-page section.registration-wrapper .left-registration-block {
		width: 40%;
		margin: -2vw 0 0 calc(11.5vw / var(--coef)) !important;
		float: left;
	}
}

@media screen and (max-width: 850px) {

	.modal-form-se {
		width: calc(100% - 40px);
		padding: calc(2.6vw / var(--coef));
	}

	.close-modal {
		font-size: calc(8vw / var(--coef));
	}

	.name_wrap, .name_wrap_1 p, .name_wrap_1, .iti--allow-dropdown {
		width: 100%;
	}

	.name_wrap input {
		margin-bottom: 10px;
	}

	.error-message {
		padding-top: 4px;
	}

	.header-modal h2 {
		font-size: calc(5.66vw / var(--coef));
		line-height: calc(7vw / var(--coef));
	}

	.first-text, .second-text, .footer-text-modal {
		font-size: calc(4.1vw / var(--coef));
		line-height: calc(6.8vw / var(--coef));
	}

	.header-modal h2, .first-text {
		margin-bottom:calc(4.6vw / var(--coef));
	}

	.footer-text-modal {
		margin-top: calc(4.6vw / var(--coef));
	}

	.first-text br {
		display: none;
	}

	.second-text {
		max-width: 100%;
	}

	.modal-button {
		width: 100%;
		font-size: calc(4vw / var(--coef));
		padding: calc(2.9vw / var(--coef)) calc(1.8vw / var(--coef));
		gap: calc(2.4vw / var(--coef));
	}

	.modal-button svg {
		width: calc(5vw / var(--coef));
		height: calc(4vw / var(--coef));
	}

	#primary.site-main.form-page section.registration-wrapper .right-registration-block {
		width: 100%;
	}
}

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 998;
}