/* CSS Signup Form 2025 */
.containerLoggedOut .containerMainWidth.signupForm {
	padding: 0 20px;
	box-sizing: border-box;
}

.formSpacer {
	display: flex;
    flex-wrap: wrap;
  	width: 100%;
}

.containerHalfScreen {
	float: none;
	width: 50%;
	display: flex;
  	flex-direction: column;
	box-sizing: border-box;
	padding: 12px;
}

.signupSections {
	float: none;
	display: flex;
  	flex-direction: column;
	align-items: center;
}

.signupForm h2 {
	margin: 0 0 15px 0;
	width: 100%;
	padding: 0 0 0 168px;
	box-sizing: border-box;
	text-align: left;
}

.form-row {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 25px 0;
}

.form-row.with-form-element-details {
	margin: 0;
}

.form-row .form-label {
	padding: 0 10px 0 0;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	width: 168px;
	text-align: right;
	flex-shrink: 0;
}

.form-row .form-element {
	width: 100%;
}

.form-row .form-element input,
.form-row .form-element select {
	margin: 0;
	width: 100% !important;
	box-sizing: border-box;
}

.form-row .form-element-details {
	padding: 0 0 0 168px;
  	box-sizing: border-box;
}

.containerFormSubmit {
	display: flex;
  	flex-direction: column;
	padding: 0 0 0 168px;
  	box-sizing: border-box;
	margin: 0;
	width: 100%;
}

.containerFormSubmit .terms-wrap {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	margin: 15px 0;
}

.containerFormSubmit .terms-wrap div {
	margin: 0 0 0 8px;
}

.containerFormSubmit .note {
	margin: 15px 0 0 0;
}

.containerFormSubmit .btn {
	box-sizing: border-box;
}

@media (max-width: 810px) {
  .containerHalfScreen {
	width: 100%;
  }
}

@media ((max-width: 1023px) and (orientation: landscape)),
       ((max-width: 767px) and (orientation: portrait)) {
	.containerHalfScreen {
		padding: 12px 0;
		width: 100%;
	}

	.signupForm h2 {
		padding: 0;
	}

	.form-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.form-row .form-label {
		padding: 0;
		margin: 0 0 10px 0;
		width: 100%;
		text-align: left;
	}

	.form-row .form-element-details {
		padding: 0;
	}

	.containerFormSubmit {
		padding: 0;
	}
}