body.page-template-on-duty-php {
	background-color: var(--od-bg, #1d1f27) !important;
}

body.onduty-app-page #page .site-content {
	background: var(--od-bg, #1d1f27) !important;
}

body .site-content .ast-container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	display: unset;
}

.siteContainer {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
}

.wizard-step {
	padding: 30px 20px 50px;
}

.welcome-wrapper {
	width: 100%;
	max-width: 877px;
	margin: 0 auto;
	text-align: center;
}

.mobile-welcome {
	display: none;
}

.wizard-step.wizard-step-1 img {
	width: 100%;
	max-width: 481px;
	margin: 0 auto;
}

.wizard-step-1 h1 {
	font-weight: 500;
	font-size: 46px;
	line-height: 52px;
	letter-spacing: -0.32px;
	text-align: center;
	vertical-align: middle;
	color: #007aff;
	margin: 30px auto 24px;
	width: 100%;
	max-width: 761px;
}

.wizard-step-1 p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.32px;
	text-align: center;
	vertical-align: middle;
	color: #c9c9c9;
	margin: 0 0 40px;
}

body .wizard-step-1 .wizard-btn-wrapper a {
	background: linear-gradient(180deg, #0026bc 0%, #001156 100%);
	box-shadow: -0.5px -0.5px 0px 0px #00000012;
	padding: 14px 34px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 18px;
	line-height: 16px;
	letter-spacing: -0.32px;
	vertical-align: middle;
	color: #ffffff;
}

.wizard-step.wizard-step-2 {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
}

.candidate-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 61px;
}

.candidate-col {
	width: 50%;
}

.candidate-col h2 {
	font-weight: 500;
	font-size: 46px;
	line-height: 100%;
	letter-spacing: -0.32px;
	vertical-align: middle;
	color: #007aff;
	margin: 0 0 24px;
}

p.candidate-text {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #c9c9c9;
}

.candidate-content-col {
	padding-right: 50px;
}

.offer-conatiner {
	margin: 40px 0 0;
}

.offer-conatiner h3 {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #fafbfc;
	margin: 0;
	text-transform: capitalize;
}

.offer-row {
	margin: 19px 0 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.offer-col {
	border: 1px solid #007aff4d;
	background: #242424;
	border-radius: 14px;
	padding: 16px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	cursor: pointer;
}

.offer-col:hover {
	box-shadow: 0px 12px 34px 0px #000000;
	border: 1px solid #007aff;
}

.offer-col img {
	width: 48px;
	height: 48px;
}

.offer-content-wrapper {
	width: calc(100% - 54px);
}

.offer-title {
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	color: #c9c9c9;
	margin: 0;
}

.offer-content {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #c9c9c9;
	margin: 0;
}

.offer-extra {
	background: #68d2ff1a;
	padding: 8px;
	margin-top: 20px;
	border-radius: 4px;
}

.offer-extra p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #fafbfc;
}

.offer-extra ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.offer-extra ul li {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #c9c9c9;
}

.candidate-image-col {
	position: relative;
}

body .candidate-image-col .start-journey-wrapper {
	background: #ffffff !important;
	padding: 24px;
	border-radius: 16px;
	position: absolute;
	bottom: 95px;
	width: 100%;
	max-width: 536px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/offer-map.png");
	background-repeat: no-repeat;
	background-position: center right 16px;
	background-size: 81px;
}

.candidate-image-col .start-journey-wrapper h3 {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #101828;
	margin: 0 0 8px;
}

.candidate-image-col .start-journey-wrapper p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #4a5565;
	margin: 0 0 0;
}

a.back-btn {
	border: 1px solid #646464;
	border-radius: 4px;
	padding: 14px 34px;
	font-weight: 500;
	font-size: 18px;
	line-height: 16px;
	letter-spacing: -0.32px;
	vertical-align: middle;
	color: #c9c9c9;
	display: inline-block;
}

a.next-btn {
	background: #007aff;
	padding: 14px 34px;
	border-radius: 4px;
	box-shadow: 1px 1px 1px 0px #ffffffc2 inset;
	font-weight: 600;
	font-size: 18px;
	line-height: 16px;
	letter-spacing: -0.32px;
	vertical-align: middle;
	color: #ffffff;
	display: inline-block;
}

.wizard-btn-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 60px;
}

.vehicle-wrapper {
	width: 100%;
	max-width: 829px;
	margin: 0 auto;
}

.wizard-step.wizard-step-3 {
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/vehical-bg.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 280px auto;
	transition: background-image 0.45s ease;
}

.vehicle-card-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-bottom: 178px;
	margin-top: 42px;
}

.vehicle-card input[type="radio"] {
	display: none;
}

.vehicle-card label {
	background: #242424;
	border: 1px solid #007aff4d;
	box-shadow: 0px 2px 14px 0px #0000001a;
	border-radius: 14px;
	padding: 16px 25px;
	display: block;
	cursor: pointer;
}

.vehicle-card label:hover,
.vehicle-card input[type="radio"]:checked + label {
	border: 1px solid #007aff;
	box-shadow: 0px 12px 34px 0px #000000;
}

.question-wrapper {
	width: 100%;
	border: 1px solid #007aff;
	background: #68d2ff33;
	box-shadow: 0px 12px 14px 0px #04193124;
	padding: 16px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 60px;
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/question-bg.png");
	background-repeat: no-repeat;
	background-position: center right;
}

.question-wrapper span {
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.32px;
	text-align: center;
	margin: 0;
	font-size: 18px;
	color: #c9c9c9;
}

.question-wrapper span:first-child {
	font-size: 24px;
	color: #fafbfc;
}

.vehicle-wrapper h2 {
	font-weight: 500;
	font-size: 46px;
	line-height: 100%;
	letter-spacing: -0.32px;
	text-align: center;
	vertical-align: middle;
	color: #007aff;
}

.vehicle-card label p {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #c9c9c9;
	margin: 16px 0 0;
	text-align: center;
}

.age-card-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-bottom: 216px;
	margin-top: 50px;
	width: 100%;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.age-wrapper,
.download-app-wrapper {
	width: 100%;
	max-width: 829px;
	margin: 0 auto;
}

.wizard-step.wizard-step-4 {
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/age-bg.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 280px auto;
}

.age-wrapper h2,
.download-app-wrapper h2,
.last-stap-wrapper h2,
.login-register-wrapper h2,
.welcome-wrapper h2 {
	font-weight: 500;
	font-size: 46px;
	line-height: 100%;
	letter-spacing: -0.32px;
	text-align: center;
	vertical-align: middle;
	color: #007aff;
	position: relative;
	z-index: 9;
}

.login-register-wrapper h2 {
	margin-bottom: 20px;
}

.age-wrapper label p,
.download-app-wrapper label p {
	margin: 0;
}

.age-wrapper > p,
.last-stap-wrapper > p,
.login-register-wrapper > p {
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #c9c9c9;
	margin: 18px 0 0;
}

.wizard-step.wizard-step-5 {
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/app-bg.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 280px auto;
	position: relative;
}

.download-app-card-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-bottom: 232px;
	margin-top: 50px;
	width: 100%;
	max-width: 580px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 9;
}

.wizard-step.wizard-step-5::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	max-width: 413px;
	height: 100%;
	max-height: 480px;
	background-image: url(/wp-content/themes/astra-child/modules/on-duty-page/images/app-image.png);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 0;
}

/* .wizard-step.wizard-last-step {
    background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/congratulation-bg.png");
    background-repeat: no-repeat;
    background-position: bottom left;
} */

.last-stap-wrapper {
	width: 100%;
	max-width: 1284px;
	margin: 0 auto;
}

.congratulation-image-wrapper {
	padding: 20px 0 343px;
}

.vehicle-card-wrapper,
.download-app-card-wrapper,
.age-card-wrapper {
	position: relative;
}

.wizard-error {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0 auto 20px;
	padding: 10px 20px;
	border-radius: 8px;
	background: rgba(255, 59, 48, 0.08);
	border: 1px solid rgba(255, 59, 48, 0.22);
	color: #ff3b30;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	max-width: 480px;
	animation: wizardErrorIn 0.35s ease;
}

.wizard-error svg {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
}

@keyframes wizardErrorIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.login-register-wrapper {
	width: 100%;
	max-width: 998px;
	margin: 0 auto;
}

.login-from-wrapper {
	width: 100%;
	max-width: 442px;
	margin: 0 auto;
}

.from-field-wrapper {
	margin: 0 0 32px;
}

.from-field-wrapper label {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0px;
	color: #fafbfc;
	margin: 0 0 8px;
	display: block;
}

.from-field-wrapper input {
	border: 1px solid #1a88ff4d;
	background-color: #141414 !important;
	padding: 15px 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #ffffff;
	border-radius: 4px;
	width: stretch;
	box-shadow: none;
}

.wizard-step-6 form#on-duty-login-form button.login-btn.next-btn {
	margin-top: 0;
	margin-bottom: 0;
}

P.account-wrapper {
	text-align: center;
}

p.account-wrapper a {
	color: #007aff;
	text-decoration: underline;
}

.register-from-wrapper {
	width: 100%;
	max-width: 860px;
	margin: 70px auto 0;
}

.register-from-wrapper form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.register-from-wrapper form .from-field-wrapper {
	width: 48%;
}

.field-btn-wrapper.wizard-btn-wrapper {
	width: 100%;
}

.register-from-wrapper button.next-btn.register-btn {
	margin: 10px 0 36px;
}

.login-from-wrapper p,
.register-wrapper p {
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #c9c9c9;
	width: 100%;
	max-width: 995px;
	margin: 0 auto 0;
}

.login-register-wrapper .login-wrapper > p {
	width: 100%;
	max-width: 979px;
	margin: 0 auto 50px;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	text-align: center;
	vertical-align: middle;
	color: #c9c9c9;
}

button.login-btn,
button.register-btn {
	background: linear-gradient(180deg, #0026bc 0%, #001156 100%);
	box-shadow: -0.5px -0.5px 0px 0px #00000012;
	padding: 14px 34px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 18px;
	line-height: 16px;
	letter-spacing: -0.32px;
	vertical-align: middle;
	color: #ffffff;
	margin-bottom: 46px;
}

button.register-btn {
	margin-top: 83px;
}

.login-from-wrapper .field-btn-wrapper.wizard-btn-wrapper {
	width: 100%;
	margin-top: 174px;
}

.register-wrapper {
	display: none;
}

.welcome-form-wrapper {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}

body
	div.wpforms-container-full
	.wpforms-form
	.wpforms-field-address
	.wpforms-field-row.wpforms-without-state
	.wpforms-field-row-block:not(.wpforms-first) {
	display: block;
	width: 49%;
	padding: 0;
}

body
	div.wpforms-container-full
	.wpforms-form
	.wpforms-field-address
	.wpforms-field-row.wpforms-without-state
	.wpforms-field-row-block.wpforms-first {
	width: 49%;
}

body .wpforms-container .wpforms-field .wpforms-field-row:before,
body .wpforms-container .wpforms-field .wpforms-field-row:after {
	display: none;
}

body input#wpforms-458-field_9-state {
	background: #141414 !important;
	opacity: 1;
	cursor: pointer;
}

body #wpforms-458-field_9-container fieldset {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

body
	#wpforms-458-field_9-container
	.wpforms-field-row.wpforms-field-medium:nth-of-type(1),
body
	#wpforms-458-field_9-container
	.wpforms-field-row.wpforms-field-medium:nth-of-type(2) {
	width: 49%;
}

body .wpforms-container input.wpforms-field-medium,
body .wpforms-container select.wpforms-field-medium,
body .wpforms-container .wpforms-field-row.wpforms-field-medium,
body .wp-core-ui div.wpforms-container input.wpforms-field-medium,
body .wp-core-ui div.wpforms-container select.wpforms-field-medium,
body .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
	width: 100%;
	max-width: 100%;
}

body .wpforms-container .wpforms-field {
	padding: 0 0 32px;
	width: 100%;
}

body .wpforms-container .wpforms-form .wpforms-field-label {
	text-align: left;
}

body div.wpforms-container-full input,
body div.wpforms-container-full select,
body
	div#wpforms-458-field_9-container
	.wpforms-field-row.wpforms-field-medium
	.wpforms-field-row-block.wpforms-one-half
	select {
	border: 1px solid #1a88ff4d !important;
	background-color: #141414 !important;
	padding: 15px 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #ffffff !important;
	height: 48px;
	border-radius: 4px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

body .wpforms-container div#wpforms-458-field_13-container,
body .wpforms-container div#wpforms-458-field_14-container,
body .wpforms-container div#wpforms-458-field_33-container,
body .wpforms-container div#wpforms-458-field_32-container,
body .wpforms-container div#wpforms-458-field_35-container {
	position: relative;
}

body .wpforms-container div#wpforms-458-field_13-container::after,
body .wpforms-container div#wpforms-458-field_14-container::after,
body .wpforms-container div#wpforms-458-field_33-container::after,
body .wpforms-container div#wpforms-458-field_32-container::after,
body .wpforms-container div#wpforms-458-field_35-container::after,
body
	div#wpforms-458-field_9-container
	.wpforms-field-row.wpforms-field-medium
	.wpforms-field-row-block.wpforms-one-half::after {
	content: "";
	position: absolute;
	top: 40%;
	bottom: 0;
	right: 15px;
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/select.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 16px;
	right: 16px;
}

body div.wpforms-container div.wpforms-uploader .dz-message {
	position: relative;
	height: 50px;
	justify-content: flex-end;
}

body div.wpforms-container div.wpforms-uploader .dz-message::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/file.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 26px;
	right: 26px;
}

body div.wpforms-container div.wpforms-uploader .dz-message svg {
	display: none;
}

body .wpforms-container div#wpforms-458-field_6-container,
body .wpforms-container div#wpforms-458-field_7-container,
body .wpforms-container div#wpforms-458-field_13-container,
body .wpforms-container div#wpforms-458-field_14-container,
body .wpforms-container div#wpforms-458-field_16-container,
body .wpforms-container div#wpforms-458-field_17-container,
body .wpforms-container div#wpforms-458-field_18-container,
body .wpforms-container div#wpforms-458-field_19-container,
body .wpforms-container div#wpforms-458-field_22-container,
body .wpforms-container div#wpforms-458-field_23-container {
	width: 49%;
}

body div.wpforms-container-full input[type="radio"] {
	padding: 0;
}

body .wpforms-field-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

body ul#wpforms-458-field_8,
body ul#wpforms-458-field_12,
ul#wpforms-458-field_21 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

body ul#wpforms-458-field_8 li,
body ul#wpforms-458-field_12 li,
ul#wpforms-458-field_21 li {
	width: 50%;
}

body div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {
	padding: 10px 20px;
	border: 1px solid #1a88ff4d;
	background: #141414;
}

.wizard-step.wizard-step-6,
.wizard-step.wizard-step-7 {
	/* background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/login-bg.png");
    background-repeat: no-repeat;
    background-position: bottom left; */
	position: relative;
}

body .wpforms-field-row-block {
	position: relative;
}

.wizard-step.wizard-step-7::after {
	content: "";
	position: absolute;
	top: 16%;
	right: 0;
	width: 120px;
	height: 800px;
	background-size: contain;
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/Group 12.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: -1;
}

.wizard-step.wizard-step-7::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 269px;
	height: 300px;
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/Vector.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: -1;
}

body .wpforms-field-row.wpforms-field-medium {
	margin-bottom: 50px !important;
}

body .wpforms-container .wpforms-form .wpforms-field-label {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}

body .wpforms-container .wpforms-form .wpforms-field-sublabel {
	position: absolute;
	top: -30px;
}

body div#wpforms-458-field_9-container legend.wpforms-field-label {
	margin-bottom: 50px;
	font-size: 24px;
	font-weight: 500;
}

body p.driver-profile {
	text-align: left;
	font-size: 24px;
	font-weight: 500;
	color: #ffffff;
	margin-bottom: 40px;
}

body div.wpforms-container-full input[type="checkbox"] + label,
body div.wpforms-container-full input[type="radio"] + label {
	color: #ffffff;
}

body .wpforms-container .wpforms-form .wpforms-field-sublabel {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}

body .iti--allow-dropdown .iti__country-container .iti__selected-country,
div.wpforms-container
	.wpforms-form
	.iti--allow-dropdown
	.iti__country-container
	.iti__selected-country,
div.wpforms-container-full
	.wpforms-form
	.iti--allow-dropdown
	.iti__country-container
	.iti__selected-country,
#wpforms-conversational-form-page
	.iti--allow-dropdown
	.iti__country-container
	.iti__selected-country {
	border-color: #141414;
	background-color: #141414;
}

/* .wizard-section {
    position: relative;
    overflow: hidden;
} */

.wizard-step {
	display: none;
}

.wizard-step.active {
	display: block;
}

/* Entry Animations */
.wizard-step.enter-right {
	animation: enterRight 0.5s ease forwards;
}

.wizard-step.enter-left {
	animation: enterLeft 0.5s ease forwards;
}

/* Exit Animations */
.wizard-step.exit-left {
	animation: exitLeft 0.4s ease forwards;
}

.wizard-step.exit-right {
	animation: exitRight 0.4s ease forwards;
}

/* Keyframes */
@keyframes enterRight {
	from {
		opacity: 0;
		transform: translateX(80px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes enterLeft {
	from {
		opacity: 0;
		transform: translateX(-80px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes exitLeft {
	from {
		opacity: 1;
		transform: translateX(0);
	}

	to {
		opacity: 0;
		transform: translateX(-80px);
	}
}

@keyframes exitRight {
	from {
		opacity: 1;
		transform: translateX(0);
	}

	to {
		opacity: 0;
		transform: translateX(80px);
	}
}

.wizard-step {
	position: relative;
	z-index: 1;
}

.wizard-section {
	position: relative;
	overflow: hidden;
}

.wizard-truck-bg {
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/wizard-bg.webp");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
	width: 380px;
	height: 390px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.45s ease, visibility 0.45s ease;
	pointer-events: none;
}

.wizard-truck-bg.is-visible {
	opacity: 1;
	visibility: visible;
}

.wizard-truck {
	position: absolute;
	width: 72px;
	height: auto;
	bottom: 54px;
	left: 20px;
	transition: left 0.8s ease, opacity 0.35s ease, transform 0.35s ease;
}

.wizard-truck.is-swapping {
	opacity: 0;
	transform: scale(0.92);
}

/* .wizard-truck-bg::after{
    content:"";
    position:absolute;
    width:40px;
    height:40px;
    background:url("truck.svg") no-repeat center/contain;
    left:20px;
    bottom:30px;
    transition:all 0.8s ease;
} */

.wizard-message.error {
	color: red;
}

.mobile-view-image {
	display: none;
}

.iti__selected-dial-code {
	color: #ffff;
}

body div.wpforms-container-full input[type="radio"]:before {
	border-radius: 50%;
	background: #1d1f27 !important;
	border: 1px solid #828282 !important;
}

body .wpforms-field-row-block.wpforms-one-half,
body .wpforms-field-row-block.wpforms-first.wpforms-one-half {
	position: relative !important;
}

.register-from-wrapper form .from-field-wrapper {
	position: relative;
}

.register-from-wrapper span.toggle-password {
	position: absolute;
	top: 39px;
	bottom: 0;
	margin: auto;
	right: 15px;
}

body .register-from-wrapper span.password-weak,
body .register-from-wrapper span.password-medium {
	color: #c27108;
	margin-top: 10px;
	display: inline-block;
	background: #fbd8a8;
	padding: 5px 40px;
	font-size: 14px;
	border-radius: 4px;
}

body .register-from-wrapper span.password-strong {
	color: #00ce30;
	background: #a2f8b6;
	padding: 5px 40px;
	font-size: 14px;
	border-radius: 4px;
	margin-top: 10px;
	display: inline-block;
}

body .register-from-wrapper .iti.iti--allow-dropdown.iti--show-flags {
	width: 100%;
	border-radius: 6px;
}

body .wpforms-confirmation-container-full {
	display: none;
}

body .congratulation-image-wrapper img {
	width: 100%;
}

body
	.wpforms-field-row.wpforms-field-medium.wpforms-without-state
	.wpforms-field-row-block.wpforms-one-half::after {
	display: none;
}

body div#wpforms-458-field_9-container {
	display: none;
}

body .wpforms-field.wpforms-field-layout h3.wpforms-field-label {
	margin: 0 0 16px !important;
	padding: 0 !important;
	font-weight: 500;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0px;
	color: #fafbfc !important;
	border: none !important;
	box-shadow: none !important;
}

div#wpforms-458-field_25-container {
	padding: 0;
}

body input#wpforms-458-field_7 {
	color: #ffffff;
}

body input#wpforms-458-field_7::placeholder {
	color: #ffffff !important;
}

body .wpforms-container .wpforms-form .wpforms-field-description {
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0px;
	text-align: left;
	color: #646464 !important;
}

body
	div.wpforms-container-full
	.wpforms-field-file-upload
	.wpforms-uploader
	.dz-message
	.modern-hint {
	display: none;
}

body
	div.wpforms-container
	div.wpforms-uploader
	.dz-preview
	.dz-details
	.dz-filename,
body
	div.wpforms-container
	div.wpforms-uploader
	.dz-preview.dz-complete
	.dz-details
	.dz-size {
	color: #ffffff !important;
}

.app-required-wrapper {
	display: none;
}

.app-required-wrapper {
	width: 100%;
	max-width: 829px;
	margin: 0 auto;
	text-align: center;
	padding: 100px 0;
}

.app-required-wrapper h2 {
	font-weight: 500;
	font-size: 46px;
	line-height: 100%;
	letter-spacing: -0.32px;
	text-align: center;
	vertical-align: middle;
	color: #007aff;
	position: relative;
	z-index: 9;
	margin: 0 0 35px;
}

.app-required-wrapper p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.32px;
	text-align: center;
	vertical-align: middle;
	color: #c9c9c9;
	margin: 0 0 15px;
}

.app-required-wrapper a.restart-btn {
	border: 1px solid #646464;
	border-radius: 4px;
	padding: 14px 34px;
	font-weight: 500;
	font-size: 18px;
	line-height: 16px;
	letter-spacing: -0.32px;
	vertical-align: middle;
	color: #c9c9c9;
	display: inline-block;
	margin: 150px 0 0;
}

.screen-loader {
	position: fixed;
	inset: 0;
	background: rgb(10 10 10 / 53%);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

.loader-ring {
	width: 56px;
	height: 56px;
	border: 4px solid rgba(255, 255, 255, 0.15);
	border-top: 4px solid #ffffff;
	border-radius: 50%;
	animation: screenLoaderSpin 0.8s linear infinite;
}

@keyframes screenLoaderSpin {
	100% {
		transform: rotate(360deg);
	}
}
.wizard-message.register-message,
.wizard-message.login-message {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.wizard-message.register-message.success,
.wizard-message.login-message.success {
	color: #1ea50f;
}
button.login-btn,
button.register-btn {
	cursor: pointer;
}

.password-strength {
	position: absolute;
}
.next-btn.disabled {
	opacity: 0.5;
	pointer-events: none;
}