/* Signup v5: compact single-screen design */
.fullWrapper,
.fullWrapper * {
	box-sizing: border-box;
}

#step1 {
	visibility: hidden;
}

#step1.signup-layout-ready {
	visibility: visible;
}

body.pp-quizmaker {
	background: #fff;
}

.fullWrapper {
	width: 100%;
	max-width: 1120px;
	margin: 20px auto 30px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.fullWrapper .register-section {
	flex: 0 0 calc(70% - 10px);
	width: calc(70% - 10px);
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 5px 5px rgba(20, 55, 80, 0.12);
	padding: 20px 2.5%;
}

.client-section {
	flex: 0 0 calc(30% - 10px);
	width: calc(30% - 10px);
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 5px 5px rgba(20, 55, 80, 0.12);
}

@media (min-width: 768px) {
	.client-section {
		position: sticky;
		top: 20px;
		align-self: flex-start;
	}
}

.field-control,
.btncta {
	position: relative;
}

.field-control input {
	width: 100%;
	margin: 2px auto 0;
	padding: 0 10px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	position: relative;
	transition: .5s all;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 98%;
	color: #4d4d4d;
	box-sizing: border-box;
}

.field-control h4 {
	font-size: 18px;
	margin: 0;
	color: #434343;
}

.field-control p {
	margin: 4px 0 8px;
	padding: 0;
	font-weight: 400;
	font-size: 14px;
	color: #686868;
	line-height: 20px;
}

.flex-field h3 {
	padding-left: 2px;
	font-size: 16px;
	margin: 0;
	color: #4d4d4d;
	line-height: 24px;
	font-weight: 500;
}

.select-box select {
	width: 100%;
	margin: 5px auto 0;
	padding: 10px 0;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	height: 40px;
	color: #4d4d4d;
	box-sizing: border-box;
}

.field-control textarea {
	width: 100% !important;
	margin: 10px auto 0;
	padding: 10px 15px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	transition: .5s all;
	background-image: none;
	background-repeat: no-repeat !important;
	background-size: 18px;
	background-position: 98%;
	color: #4d4d4d;
	background-color: #fff;
	height: 61px;
	box-sizing: border-box;
}

.text-head h1 {
	font-size: 18px !important;
	line-height: 22px;
	color: #071d49;
	font-weight: 700;
	margin: 0 0 12px;
}

.row.hidefree .social-icons {
	margin: 0;
}

.row.hidefree .social-icon-div {
	height: 48px;
	margin: 0 7px;
	border: 1px solid #dbe3ee;
	border-radius: 10px;
	box-shadow: none;
	transition: outline-color 0.15s ease, outline-offset 0.15s ease;
	font-size: 11px;
	color: #071d49;
	font-weight: 500;
}

.row.hidefree .social-icon-div:hover {
	outline: 1px solid #2f80ed;
	outline-offset: -2px;
}

.row.hidefree .social-icon-div img {
	width: 18px;
	height: 18px;
	margin-right: 7px;
}

/* .row.hidefree .social-icon-div:first-child:after {
	content: "Continue with Google";
}

.row.hidefree .social-icon-div[onclick="openLinkedInwindow();"]:after {
	content: "Continue with LinkedIn";
}
 */
.HeadingBorder {
	    height: 13px;
    margin: 13px auto 20px;
}

.HeadingBorder:after {
	border-bottom: 1px solid #dbe3ee;
	z-index: 0;
}

.text-point {
	font-size: 14px;
	color: #68748a;
	height: 13px;
	z-index: 1;
}

.signup-group {
	border: 1px solid #dbe3ee;
	border-radius: 12px;
	padding: 22px 14px 1px !important;
	margin: 0 0 28px;
	position: relative;
}

.signup-group-title {
	position: absolute;
	top: -9px;
	left: 16px;
	padding: 0 7px;
	background: #fff;
	color: #737373;
	font-size: 12px;
	font-weight: 700;
}

.signup-group .step1-row,
.signup-group .step1-pair {
	margin-top: 0 !important;
	margin-bottom: 10px;
}

.signup-group .step1-row:last-child,
.signup-group .step1-pair:last-child {
	margin-bottom: 0;
}

#step1 .step1-row > .field-control.flex-field,
#step1 .step1-pair > .field-control.flex-field {
	width: 50%;
}

#step1 .step1-row h3,
#step1 .step1-row h4,
#step1 .step1-pair h3,
.workspace-three-row h3,
.workspace-three-row h4,
.workspace-bottom-row h3,
.workspace-bottom-row h4 {
	font-size: 16px !important;
	line-height: 17px;
	color: rgb(77, 77, 77);
	font-weight: 500;
}

#step1 .step1-row p {
	display: none;
}

.field-control input,
.select-box select,
.dial_code,
.dropdown.product-interest .dropdown-select {
	height: 40px;
	margin-top: 5px;
	padding: 0 10px;
	border-color: #dbe3ee;
	border-radius: 10px;
	font-size: 14px;
}

.field-control select:focus,
.select-box select:focus {
	border-color: #1870d5 !important;
	box-shadow: 0 0 0 0px #1870d5;
	outline: none;
}

#step1 .dropdown.product-interest .dropdown-select:focus,
#step1 .dropdown.product-interest:focus-within .dropdown-select,
#step1 .dropdown.product-interest.open .dropdown-select {
	border-color: #1870d5 !important;
	box-shadow: 0 0 0 0px #1870d5;
	outline: none;
}

.dial_code {
	height: 40px;
	padding: 0 7px;
	margin-top: 5px;
}

.phone-no input {
	height: 40px !important;
}

#step1 .step1-row .ccode.select-box {
	width: 31% !important;
}

#step1 .step1-row .phone-no {
	width: 69% !important;
}

.signup-essential-group .phone-only-row > .field-control.flex-field {
	width: 100% !important;
}

#step1 .signup-essential-group > .step1-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin: 0 0 1px !important;
}

#step1 .signup-essential-group > .step1-row > .field-control {
	margin-bottom: 0 !important;
	width: 100% !important;
	min-width: 0 !important;
}

#step1 .signup-essential-group > .step1-row > .field-control input {
	width: 100% !important;
	box-sizing: border-box !important;
}

#step1 .signup-essential-group .error-handle {
	    position: static !important;
    width: 100% !important;
    height: 18px !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;

}

#step1 .signup-essential-group > .phone-only-row {
	display: block !important;
	margin-bottom: 0 !important;
}

#step1 .signup-essential-group .phone-only-row .social-icons {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
	width: 100% !important;
}

#step1 .signup-essential-group .phone-only-row .ccode.select-box {
	flex: 0 0 45% !important;
	width: 45% !important;
}

#step1 .signup-essential-group .phone-only-row .phone-no {
	flex: 1 1 auto !important;
	width: auto !important;
}

.workspace-three-row,
.workspace-bottom-row {
	display: grid !important;
	align-items: flex-start;
	width: 100%;
	gap: 10px;
	margin: 0 0 10px !important;
}

.workspace-three-row {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-bottom-row {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#step1 .workspace-three-row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#step1 .workspace-bottom-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.workspace-three-row > .field-control,
.workspace-bottom-row > .field-control {
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
}

#step1 .workspace-three-row > .field-control.flex-field,
#step1 .workspace-bottom-row > .field-control.flex-field {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

#step1 .workspace-three-row .select-box,
#step1 .workspace-bottom-row .select-box {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

#step1 .workspace-bottom-row .dropdown.product-interest,
#step1 .workspace-bottom-row .dropdown.product-interest .dropdown-select {
	width: 100% !important;
	box-sizing: border-box !important;
}

#step1 .workspace-bottom-row .dropdown.product-interest .dropdown-select {
	height: 40px !important;
	margin: 5px 0 0 !important;
	padding: 0 10px !important;
	border: 1px solid #dbe3ee !important;
	border-radius: 10px !important;
	background: #fff !important;
	font-size: 14px !important;
	color: #4d4d4d !important;
}

#step1 .workspace-bottom-row .dropdown.product-interest .dropdown-icon {
	width: 14px !important;
	height: 14px !important;
	margin: 0 !important;
}

#step1 .workspace-bottom-row .dropdown.product-interest .dropdown-icon::before {
	width: 6px !important;
	height: 6px !important;
	padding: 0 !important;
	border: solid #071d49 !important;
	border-width: 0 2px 2px 0 !important;
	border-radius: 0 !important;
	transform: rotate(45deg) !important;
}

#step1 .workspace-bottom-row .dropdown.product-interest.open .dropdown-icon::before {
	transform: rotate(-135deg) !important;
}

#step1 .signup-workspace-group .error-handle {
	position: static !important;
	width: 100% !important;
	height: 18px !important;
	min-height: 0 !important;
	margin: 2px 0 0 !important;
	z-index: auto;
}

#step1 .signup-workspace-group .error-handle > div {
	position: static !important;
	display: block;
	line-height: 16px;
	white-space: normal;
}

#step1 .signup-workspace-group .field-control {
	position: relative;
}

#step1 .signup-password-group .error-handle {
	display: block !important;
	position: static !important;
	height: 18px !important;
	min-height: 0 !important;
	margin: 2px 0 0 !important;
}

#step1 .signup-password-group .error-password {
	position: static !important;
	display: block;
	line-height: 16px;
}

#step1 .check .error-handle {
	position: static !important;
	height: 18px !important;
	min-height: 0 !important;
	margin: 2px 0 0 !important;
}

#step1 .check .error-handle > div {
	position: static !important;
	display: block;
	line-height: 16px;
}

#step1 .workspace-three-row {
	margin-bottom: 1px !important;
}

#step1 .workspace-group .main-fields,
#step1 .signup-workspace-group .main-fields {
	clear: none !important;
	margin: 0 0 1px !important;
}

#step1 .workspace-bottom-row {
	margin: 0 !important;
}

.workspace-three-row .field-control input,
.workspace-three-row .field-control select,
.workspace-bottom-row .field-control input,
.workspace-bottom-row .field-control select,
.workspace-bottom-row .dropdown-select {
	width: 100% !important;
	height: 40px !important;
	box-sizing: border-box;
	margin-top: 5px !important;
}

.required-mark {
	color: #e53935;
}

.field-tooltip {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 11px;
	height: 11px;
	margin-left: 3px;
	border: 1px solid #7b8799;
	border-radius: 50%;
	color: #68748a;
	font-size: 8px;
	font-weight: 700;
	line-height: 10px;
	cursor: help;
	vertical-align: 1px;
}

.tooltip-text {
	display: none;
	position: absolute;
	left: 50%;
	top: 19px;
	transform: translateX(-50%);
	z-index: 20;
	width: 185px;
	padding: 8px 10px;
	border: 0;
	border-radius: 7px;
	background: #071d49;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
	box-shadow: 0 4px 10px rgba(23, 43, 77, 0.2);
}

.field-tooltip:hover .tooltip-text,
.field-tooltip:focus .tooltip-text {
	display: block;
}

.signup-group textarea,
.field-control textarea {
	height: 47px !important;
	min-height: 47px !important;
	margin-top: 5px;
	padding: 8px 10px;
	border-color: #dbe3ee;
	border-radius: 10px;
	font-size: 14px;
}

.signup-password-group {
	margin-bottom: 10px;
}

.signup-password-group h3 {
	font-size: 12px;
	line-height: 17px;
	color: #071d49;
	font-weight: 500;
}

.signup-password-group p {
	font-size: 9px;
	line-height: 14px;
	margin: 0;
	color: #68748a;
}

.signup-password-group .field-control.main-field > p {
	display: none;
}

.signup-password-group .field-control input {
	height: 40px;
}

/* .signup-password-group .field-control.main-field:after {
	content: "8+ characters with uppercase, lowercase, number & special character.";
	display: block;
	margin-top: 2px;
	color: #68748a;
	font-size: 8px;
} */

.check {
	padding: 0;
}

.agree-text {
	font-size: 12px !important;
	line-height: 13px !important;
	color: #68748a !important;
}

.agreement-box label {
	min-height: 18px;
	padding-left: 22px;
}

.check label:before {
	width: 12px;
	height: 12px;
	border-width: 1px;
}

.check label:after {
	width: 8px;
	height: 4px;
	top: 3px;
	left: 3px;
	border-width: 0 0 2px 2px;
}

#step1 .btn-big {
	    height: 50px;
    margin: 4px auto 7px;
    padding: 8px 0;
    border-radius: 50px !important;
    font-size: 16px;
}

.ending-p {
	font-size: 12px;
	text-align: center;
	margin: 0 0 6px;
}

.register-text {
	font-size: 14px;
}

.submit-error-summary {
	display: none;
	width: 100%;
	margin: -19px 1px 4px;
	color: #f46464;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

#step2 {
	display: none !important;
}

@media (max-width: 767px) {
	.dropdown.product-interest {
    margin-bottom: 18px;
}
	.fullWrapper {
		display: grid;
		margin-top: 0;
		box-shadow: none;
		gap: 0;
	}

	.fullWrapper .register-section,
	.client-section {
		width: 100%;
		flex: none;
		position: static;
	}

	.fullWrapper .register-section {
		width: 100%;
		padding: 20px 15px;
	}

	.workspace-three-row,
	.workspace-bottom-row {
		grid-template-columns: 1fr;
	}

	#step1 .workspace-three-row,
	#step1 .workspace-bottom-row {
		grid-template-columns: 1fr !important;
	}

	#step1 .signup-essential-group > .step1-row:not(.phone-only-row) {
		grid-template-columns: 1fr !important;
		gap: 2px !important;
		/* margin-bottom: 10px !important; */
	}

	#step1 .signup-essential-group > .phone-only-row {
		margin-top: 22px !important;
	}

	.workspace-three-row > .field-control,
	.workspace-bottom-row > .field-control {
		width: 100% !important;
	}
	.workspace-three-row, .workspace-bottom-row{gap:1px !important}
	.signup-group {
    
    padding: 14px 10px 1px;
   
}
.signup-group textarea, .field-control textarea{height:54px !important;}
}