/* $Id$ */
header.signup-form-header {
    background-color: var(--white);
    box-sizing: border-box;
    top: 0px;
    width: 100%;
    z-index: 1;
    box-shadow: none;
    margin: 0;
    height: 105px;
    padding: 30px;
    border-bottom: 1px solid #e6e6e6;
    position: sticky;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i,
	center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
	caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    font-family: 'zoho puvi', Roboto;
	vertical-align: baseline;
}

header a {
    text-decoration: none;
    font-size: 16px;
    color: var(--black);
    display: inline-block;    
}

.head-container, .container {
	max-width:none;
	width: 100%;
	margin:0;
	transition: all 0.2s ease-in 0s;
}
.prdLogo a {
	display: block;
}

.prdLogo img {
	width: 250px;
	height: 52px;
}

.melogosvg img {
	width: 162px;
	height: 42px;
	margin-top: 10px;
}

.sdplogosvg img {
	width: 222px;
	height: 24px;
	margin-top: 0px;
	object-position: left center;
	object-fit: contain;
}

nav.signup-dc {
    margin-top: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;	
}

.signup-head-parent {
	width: 100%;
}

ul, ol {
	list-style-type: none;
}

.ft-logo, .drop-icon, .nav-dwn-icon, .nav-qte-icon, .fb, .tw, .gp, .yt,
	.in, .lnarw, .menu-btn, .prd-nav .dwn-icon, .prd-nav .demo-icon,
	.prd-nav .free-icon, .prd-nav .comp-icon, .prd-nav .quote-icon,
	.prd-nav .buy-icon, .prd-nav .feature-icon, .prd-nav .call-icon,
	.prd-nav .caseStudy-icon, .prd-nav .faq-icon, .prd-nav .feedback-icon,
	.prd-nav .document-icon, .prd-nav .video-icon, .prd-nav .eval-icon,
	.dwn-main-icon, .dwn-win-icon, .dwn-lin-icon, .dwn-btm-icon,
	.quick-icon, .win-btn, .lin-btn, #close, .s-icon, .ssFB, .ssTW, .ssIN,
	.ssGP, .ssYT, .icon {
	background: url(../../images/signupicons/me-sprite-new.b08bf3e3f761f8c7bdfea216115df160.png) no-repeat 0 0;
}

nav ul.productmenu {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

nav ul.header-nav {
	margin: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

ul.mobile-view-right {
	float: right;
}

.nav-qte {
    background: var(--stone-green);
    position: relative;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 12px 16px;
    border-radius: 11px;
    font-size: var(--font-s14);
    color: var(--white);
    display: inline-block;
    height: 43px;
    box-sizing: border-box; 
    margin-left: 15px;     
	transition: var(--tranimation-duration-2ms) background;  
}
.nav-qte:hover,.nav-qte:focus{
    background: #00b04c;
}

nav ul.header-nav>li:last-child {
	padding-right: 0;
}

nav .header-nav li {
    margin: 0 5px;
    font-size: inherit;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}

.nav-qte-icon {
    background: var(--dollar-icon) no-repeat center;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

span.nav-qte-txt {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    line-height: normal;
}

a.signinbtn, a.signoutbtn {
	border: 1px solid var(--sky-blue) !important;
	color: var(--black) !important;
	border-radius: 5px;
	padding: 5% 11% !important;
}

a.signupbtn {
	background: var(--maroon);
	color: var(--white) !important;
	padding: 5% 11% !important;
	border: 1px solid var(--ash-gray-20);
	border-radius: 5px;
}

a.signupcta {
	background: var(--maroon);
	color: var(--white) !important;
	text-decoration: none;
	padding: 10px 20% !important;
	text-align: center;
	border-radius: 5px;
}
ul.mobilemenu li a.signupcta{
	margin: 0 20px;
}
#header-mainsec .headerinner {
	background: var(--white);
	width: 100%;
	top: 0;
	position: relative;
	z-index: 99999;
}

#header-mainsec .headerinner .head-container.container {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    max-width: none;
    box-sizing: border-box;    
}
@media screen and (max-width: 1024px) {
	.signup-data-content div#odoptabscont {
		margin-top: 150px;
	}
	.container {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	header.signup-form-header {
		height: 85px !important;
        padding: 20px;
	}
	#header-mainsec .headerinner .head-container.container{
		padding: 0;
	}
	nav .header-nav li{
		margin: 0 5px;
   		padding: 0 5px;
	}
	header a {
    	font-size: 14px;
	}
	.nav-qte{
		padding: 10px;
	}
	a.melogosvg {
		margin-top: 10px !important;
	}
	.melogosvg img {
		width: 180px !important;
		height: auto;
		margin: 7px 0 0 0;
	}
	.sdplogosvg img {
		margin-top: -3px;
	}
	.prdLogo {
		float: none;
		margin-top: 2px;
		width: 23%;
		padding: 0 1%;
		display: inline-block;
		vertical-align: top;
	}
	.bar1, .bar2, .bar3 {
		width: 27px;
		height: 2px;
		background-color: var(--bright-grey);
		margin: 6px 0;
		transition: 0.2s;
		cursor: var(--sdp-cursor-pointer);
		border-radius: 3px;
	}
	ul.mobmenu-slide {
        width: 50%;
        display: block;
        position: fixed;
        z-index: 9999;
        right: -50% !important;
        text-align: left;
        color: var(--white);
        transition: all .2s;
        top: 0px;
        padding-top: 70px;
        height: 100%;
        overflow: auto;
        background: var(--black);;
	}
	.menu-open {
        top: 8px;
        margin-right: 0px;
        width: 35px;
        position: relative;
        height: 35px;
	}
	.ovrly {
		opacity: 0;
		visibility: hidden;
		transition: all .1s;
		top: 10px;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
	}
	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-8px, 8px);
		transform: rotate(-45deg) translate(-8px, 8px);
		z-index: 99999;
		background: var(--white);
		position: relative;
	}
	.change .bar2 {
		opacity: 0;
	}
	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-3px, -4px);
		transform: rotate(45deg) translate(-3px, -4px);
		z-index: 99999;
		background: var(--white);
		position: relative;
	}
	.ovrly, .ovrly.active {
		top: 0px;
	}
	.ovrly.active {
		opacity: 1;
		visibility: visible;
		height: 100%;
		position: fixed;
		background: var(--shadow-dark);
		top: 0px;
		z-index: 999;
		width: 100%;
		left: 0;
		right: 0;
		transition: all .1s;
	}
	li.contact {	
		text-align: center;
	}
	li.contact a{
		font-size: 27px;
		margin-top: 20px;
	}
	a.contactus {
		color: var(--white) !important;
		text-decoration: none;
	}
	ul.mobilemenu {
		width: 100%;
		right: 0;
		float: right;
		height: 100%;
		background: var(--black);
	}
	ul.mobilemenu li {
	    padding: 0;
	    font-size: 20px;
	    box-sizing: border-box;
	}
	ul.mobilemenu li a {
		color: var(--white);
		text-decoration: none;
		padding: 10px 15px 10px 30px;
		display: block;
		cursor: pointer;
        margin: 10px 0;
	}
	ul.mobmenu-slide.active {
		right: 0px !important;
	}
	ul.ipadmenu {
		margin-top: 40px;
		margin-right: -40px;
		position: relative;
	}
	ul.ipadmenu li {
		float: left !important;
		margin-left: 2%;
		width: 16% !important;
		margin: 0 auto;
		text-align: center;
		font-size: 14px !important;
	}
	ul.ipadmenu li a {
		color: var(--black);
		padding: 5% 0%;
		border: 1px solid var(--transparent);
		border-radius: 5px;
	}
	.signup-data-middle-child {
		border: 0;
	}
	.signup-ipad.signup-op-mv {
        width: 500px !important;
        margin: auto;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
		max-width: 100%;
	}
	.za-email-container .floating-label, .zs-ml34 .floating-label {
		font-size: 14px;
	}
	#signupform input.signup-passwordfield:focus ~ .mobile-password-note {
		display: block;
	}
	.portal-note {
		background: var(--bluish-white);
		border: 0.8px solid var(--pale-blue);
		font-size: 12px;
		color: var(--black);
		padding: 5px 8px;
		border-radius: 2px;
		margin-top: 3px;
		line-height: 18px;
		box-shadow: 0px 2px 8px var(--shadow-lite);
		position: static;
		transform: none;
	}
	.portal-note:after {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	.container {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.signup-head-parent nav.signup-dc {
	    display: none !important;
	}
	.signup-data-content div#odoptabscont {
		margin-top: 170px;
	}
	div#On-Premises.download-form.formcont {
		margin-bottom: 166px;
	}
	.signup-data-middle div#successMsg {
		margin: 165px 0px 125px 0px;
	}
}

@media screen and (max-width: 800px) {
	.signup-ipad {
		display: none !important;
	}
	.signup-mv, #odoptabscont {
		display: block !important;
	}
	.signup-ipad.signup-ipad-mv {
		display: block !important;
	}
	.signup-data-middle .signupcont {
		padding: 7% 5%;
	}
}

@media only screen and (max-width: 650px) {
	.copyright a {
		font-size: 14px !important;
	}
	.signup-phead {
		max-width: 75%;
	}
	ul.mobmenu-slide {
		width: 75%;
		right: -75% !important;
	}
}
#meGDPRMessage .checkmarkgdpr {
	background: var(--white);
	height: 10px;
	width: 10px;
	border: 1px solid var(--ash-gray-40);
	margin-right: 5px;
	display: inline-block;
	cursor: var(--sdp-cursor-pointer);
	position: relative;
}

#meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {
	width: 2px;
	height: 5px;
	border: 1px solid var(--black);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	content: '';
	position: absolute;
	top: 1px;
	left: 3px;
}

@media only screen and (max-width: 450px) {
	.opodtabs {
		width: 80%;
	}
}

@media only screen and (max-width:435px) {
	span.email {
		margin-left: 10px;
	}
	.footer_site {
		font-size: 12px;
	}
}

@media only screen and (max-width:435px) {
	.opodtabs {
		width: 295px;
	}
	.odopcont {
		width: 94%;
	}
	.signup-phead {
		width: 95%;
	}
	#web_welcomemsg {
		margin-top: 0px !important;
		font-size: 18px !important;
	}
	.show-pswd-icon {
		background-position: -70px -133px;
		width: 8%;
	}
	.hide-pswd-icon {
		width: 8%;
		background-position: -101px -133px;
	}
	.zs-txtfldnew-pl {
		font-size: 12px;
	}
}

.field-msg .error.jqval-error {
	font-size: 14px;
}

.form-label label, .formfild select {
	font-size: 12px;
}

.field-msg .error.jqval-error,
.org-creation-form-wrapper label.error {
	font-size: 13px;
}

.zs-txtfldnew-pl {
	font-size: 12px;
}

.copyright a {
	font-size: 13px !important;
}

@media only screen and (max-width: 325px) {
	.opodtabs {
		width: 99%;
	}
	.copyright a {
		font-size: 12px !important;
	}
}

.sdpsignup-banner {
	padding: 57.3px 0;
	margin-top: 86px;
	background: url("../../images/signupicons/sdp-banner-bg.64e4fb3389873bf20793dfd3e11d29fc.png") no-repeat center top;
	color: var(--white);
}

.sdpsignup-banner h1.ftrmnhdr {
	font-size: 45px !important;
	letter-spacing: 0.5px;
	line-height: 50px;
	font-weight: 600;
}

.sdpsignup-banner  .ftrpg-inrhdr {
	color: var(--white);
	font-weight: 200;
	letter-spacing: 1px;
	font-size: 23px;
	padding-top: 15px;
}

@media screen and (max-width: 1024px)
{
	.sdpsignup-banner,.signup-dc
	{
	    display: none !important;
	}
}
.dwn-form-cont .tac select[data-stategdpr="MEStateListing"] {
    margin-bottom: 10px;
}

/*New signup css start*/
/* Multi-step signup styles */
html .enhanced-signup-form *,
html .signup-form-header *{
	font-family: 'zoho puvi', Roboto;
}
.signup-step {
	display: none;
	width: 100%;
}

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

/* Step 1 styles */
.signup-step-1.signup-step {
    display: flex;
    padding: 52px 30px 30px;
    box-sizing: border-box;	
}
.signup-step1-lhs{
    width: 500px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	animation: 0.8s fadeIncont forwards;    
}
.signup-step1-rhs{
    width: 35%;
    display: block;
    background: none;
    height: calc(100vh - 175px);
    position: fixed;
    top: 40px;
    right: 40px;
    max-width: 500px;
    border-radius: 20px;
}
.signup-step1-rhs .adword-parent{
    height: 100%;
    width: 100%;
    padding: 30px;
    background: #f7f7f7;
    border-radius: 20px;
    overflow: auto;
}

.signup-step1-rhs .sdp-logo-new{
    width: 310px;
    height: 50px;
}
.signup-step1-rhs .sdp-market-comment, 
.signup-step1-rhs .sdp-company-details{
    color: #333;
}
.step-header.step-header-tagline,
.sdpreg-form-container .signup-step .step-header.step-header-tagline,
.sdpreg-form-container.reg-onb-step .step-header.step-header-tagline{
    display: none;
} 
.signup-step .step-header.step-header-tagline,
.sdpreg-form-container .step-header.step-header-tagline{
    display: block;
}
.step-header.step-header-tagline .step-title{
    font-weight: 900;
    text-align: center;
    line-height: 36px;    
}
.step-header.step-header-tagline .step-title b{
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.8px;
}
/* Override existing header styles for multi-step form */
.signup-form-container .signup-step .step-header {
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	position: static !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Common logo header styling for all steps */
.logo-header {
	margin-bottom: 32px !important;
	text-align: left !important;
	display: none;
}

.logo-header .prdLogo {
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	gap: 8px !important;
	margin-bottom: 16px !important;
	float: none !important;
	width: auto !important;
	padding: 0 !important;
}

.logo-header .melogosvg img, .logo-header .sdplogosvg img {
	height: 24px !important;
	width: auto !important;
	margin: 0 !important;
}

h2.step-title,h3.step-title {
    font-size: 40px;
    font-weight: normal;
    color: #333;
    margin-bottom: 30px;
    text-align: left;
    line-height: 48px;
    border: none;
    background: none;
    padding: 0;
    letter-spacing: -1.6px;
}
.ob-lhs .step-title{
    margin-bottom: 40px;
}
.step-title b{
	font-weight: 900;
}

/* Override existing form container margins for multi-step form */
.enhanced-signup-form #signupform .signup-step .zs-ml34, 
.enhanced-signup-form #signupform .signup-step .zs-p10,
.enhanced-signup-form .signup-step .zs-ml34, 
.enhanced-signup-form .signup-step .zs-p10 {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* Ensure form elements align with Sign Up title */
.enhanced-signup-form #signupform .signup-step .zs-p10>div, 
.enhanced-signup-form .signup-step .zs-p10>div {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* Apply input styling to both step 1 and step 2 */
.enhanced-signup-form .signup-step input, 
.enhanced-signup-form .signup-step select,
.enhanced-signup-form .signup-step .select2-container .select2-choice,
.enhanced-signup-form .signup-step input{
	width: 100% !important;
	padding: 13px 16px !important;
	border: 1px solid var(--light-blue);
	border-radius: 8px !important;
	font-size: 16px;
	margin-bottom: 24px !important;
	background-color: #fff;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease !important;
	height: 48px !important;
	line-height: normal !important;
	outline: 0 !important;
	font-family: inherit;
    color: #333;	
}
.enhanced-signup-form .signup-step .select2-container{
    width: 100%;
    height: 48px;
    padding: 0;
    margin-bottom: 24px;
}
.enhanced-signup-form .signup-step select.select2-offscreen{
	display: none;
}
.enhanced-signup-form .signup-step .select2-container .select2-choice{
    padding: 9px 16px !important;
}
.enhanced-signup-form .signup-step .select2-container .select2-arrow{
    height: 22px !important;
    margin: 10px 8px 0 0;
}
.enhanced-signup-form .signup-step .select2-container .select2-choice span{
    font-size: inherit;
    color: #333;   
}
.enhanced-signup-form .signup-step input::placeholder,
.enhanced-signup-form .signup-step .select2-container .select2-choice.select2-default  .select2-chosen,
.enhanced-signup-form .signup-step .select2-container .select2-choice.select2-default-text .select2-chosen{
	color: #ccc;
	font-weight: normal;
}
.enhanced-signup-form .signup-step input:focus,
.enhanced-signup-form .signup-step select:focus,
.enhanced-signup-form .signup-step .select2-container.select2-container-active .select2-choice,
.enhanced-signup-form .signup-step .select2-container.select2-dropdown-open .select2-choice,
.team-size-option:focus-visible, .interest-option:focus-visible{
    outline: none;
    border-color: #655ED7;
}
.enhanced-signup-form .signup-step input[type="submit"]:focus{
	outline: none;
    border: none;
}
/* Get Started button styling - Using more specific selector to override existing styles */
.enhanced-signup-form .get-started-btn, 
.enhanced-signup-form input.get-started-btn,
.enhanced-signup-form .signup-step .get-started-btn,
.get-started-grad-btn{
    width: 100% !important;
    max-width: none !important;
    padding: 14px 16px !important;
    background: linear-gradient(90deg, #C37EDD 0.03%, #5257D6 119.38%);
    color: var(--white) !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
    height: 48px !important;
    outline: none;
    text-decoration: none !important;
    display: block !important;
    box-sizing: border-box !important;
    font-family: inherit;    
}
.disable-proceed{
    opacity: .7 !important;
    pointer-events: none;
} 
.enhanced-signup-form input.get-started-btn:hover,
.enhanced-signup-form .signup-step .get-started-btn:hover, 
.enhanced-signup-form .step-navigation .step-button:hover,
.enhanced-signup-form .step-navigation input[type="button"].step-button:hover,
.enhanced-signup-form #za-signup-btn.step-button:hover, 
.enhanced-signup-form input[type="submit"]#za-signup-btn.step-button:hover,
.enhanced-signup-form input[type="submit"]#za-signup-btn:not(.disabled-signup):hover,
.enhanced-signup-form #za-signup-btn.step-button:not(.disabled-signup):hover,
.enhanced-signup-form .get-started-btn:hover,
.get-started-grad-btn:hover{
	background: linear-gradient(90deg, #bd73d9 0.03%, #494ece 119.38%);
	box-shadow: 0 8px 25px rgba(139, 95, 191, 0.35) !important;
}

.enhanced-signup-form .get-started-btn:focus-visible, 
.enhanced-signup-form input.get-started-btn:focus-visible,
.enhanced-signup-form .signup-step .get-started-btn:focus-visible,
.enhanced-signup-form .step-navigation .step-button:focus-visible,
.get-started-grad-btn:focus-visible {
	outline: none;
	box-shadow: 0 8px 25px rgba(139, 95, 191, 0.35) !important;
}
/* Social signin section */

.enhanced-signup-form .or-text {
	color: #666 !important;
	font-size: 14px !important;
	margin: 12px 0 !important;
}

.enhanced-signup-form .signintxt {
	color: #666 !important;
	font-size: 14px !important;
	text-align: center !important;
	padding-top: 18px;
}

.enhanced-signup-form .signintxt a {
	color: #0066cc !important;
	text-decoration: none !important;
}

.enhanced-signup-form .signintxt a:hover {
	text-decoration: underline !important;
}

/* Override social signin and separator alignment for both steps */
.enhanced-signup-form #signupform .signup-step #separator_line, 
.enhanced-signup-form #signupform .signup-step #fedsignin_social,
.enhanced-signup-form #signupform .signup-step .signintxt,
.enhanced-signup-form .signup-step #separator_line,
.enhanced-signup-form .signup-step #fedsignin_social, 
.enhanced-signup-form .signup-step .signintxt {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.enhanced-signup-form #signupform input.signup-passwordfield {
    padding-right: 42px !important;
}

/* Step 2 styles */

/* Field labels for step 2 */
.field-label {
    display: block;
    font-size: 16px;
    color: var(--black);
    margin-bottom: 14px;
    font-weight: normal;
}

/* Navigation buttons for step 2 */

/* Override conflicting signup.css styles with higher specificity */
.enhanced-signup-form #signupform .step-navigation input[type="button"].step-button,
.enhanced-signup-form .step-navigation .step-button,
.enhanced-signup-form #signupform .signup-step .step-navigation input[type="submit"]{
	font-size: 18px !important;
	padding: 16px 24px !important;
	height: auto !important;
	width: auto !important;
	background: linear-gradient(90deg, #C37EDD 0.03%, #5257D6 119.38%);
	color: var(--white) !important;
	border: none !important;
	border-radius: 8px !important;
	font-weight: normal !important;
	font-family: inherit;
	cursor: pointer;	
	margin: 0 !important;
}

/* Override hover state for higher specificity */

/* Specific styling for za-signup-btn when enabled - High specificity to override signup.css */
.enhanced-signup-form #za-signup-btn.step-button:not(.disabled-signup) {
	width: 100% !important;
	max-width: none !important;
	padding: 16px 24px !important;
	background: linear-gradient(90deg, #C37EDD 0.03%, #5257D6 119.38%);
	color: white !important;
	border: none !important;
	border-radius: 8px !important;
	font-size: 16px !important;
	font-weight: normal !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	text-transform: none !important;
	margin-top: 8px !important;
	margin-bottom: 16px !important;
	height: auto !important;
	outline: none;
	text-decoration: none !important;
	display: block !important;
	box-sizing: border-box !important;
	font-family: inherit;
}

/* Hover state for enabled za-signup-btn */

/* Disabled button styling - High specificity to override signup.css line 542 and 707 */
.enhanced-signup-form .step-navigation .step-button.disabled-signup,
.enhanced-signup-form #signupform .step-navigation input[type="submit"].step-button.disabled-signup,
.enhanced-signup-form #signupform .step-navigation input[type="button"].step-button.disabled-signup
{	cursor: not-allowed !important;
	opacity: .5 !important;
	pointer-events: none !important;
}

/* Step 3 styles */

/* Team size section styling */
.team-size-question {
	margin-bottom: 24px !important;
}

.team-size-question .field-label {
	margin-bottom: 16px !important;
}

.team-size-options {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 8px;
	justify-content: flex-start;
}

.team-size-radio {
	display: none !important;
}

.team-size-option, .interest-option {
	padding: 14px 18px;
	border: 1px solid var(--light-blue);
	border-radius: 8px;
	background: #fff;
	cursor: var(--sdp-cursor-pointer);
	transition: 0.2s ease-out;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	height: 48px;
	color: #333;
	box-sizing: border-box;
	margin: 0 !important;
}

.team-size-radio:checked+.team-size-option, .interest-checkbox:checked+.interest-option,
.team-size-option:hover, .interest-option:hover{
	border-color: #655ED7;
	background-color: rgba(101, 94, 215, 0.07);
	color: #655ED7;
}
.interest-option[for="interest-tickets"]{
    cursor: default;
    pointer-events: none;
}
/* Step 4 styles */

/* Step 5 styles */

/* Industry and role section styling */

.industry-dropdown-wrapper, .role-dropdown-wrapper {
	position: relative !important;
}

/* Step 5 Interests Styles */
.interests-section {
	padding-bottom: 10px;
	margin-bottom: 24px;
}

.interests-options {
	display: flex;
	gap: 16px;
	margin-top: 16px;
	flex-wrap: wrap;
}

.interest-checkbox {
	display: none;
}

.sdp-logo-new {
	font-weight: 600;
	font-size: 18px;
	background: var(--me-sdp-logo) left center / contain no-repeat;
	width: 280px;
	height: 42px;
}
.signup-form-header .sdp-logo-new{
	display: none;
}
.enhanced-signup-form .signup-form-header .sdp-logo-new{
	display: inline-block;
}

.sdp-new-logo2 {
	font-weight: 600;
	font-size: 18px;
	background: url(../../images/svg/sdpcloud-new-logo2.f2670955e0b7e57d0c7fe0f9f3258aac.svg) center / contain no-repeat;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.ob-lhs h1 {
	color: #000;
	font-size: 40px;
	font-weight: 100;
	margin: 0 0 10px;
}

.ob-lhs h1 strong {
	font-weight: 600;
}

.ob-lhs {
    display: flex;
    flex-direction: column;
    width: 60%;
	height: 610px;
    max-width: 680px;
    margin: auto;
    padding: 30px 0;   
}

.step-greeting {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 26px;
}

.step-greeting strong {
	font-weight: 600;
	margin-left: 3px;
}

.section-label {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 500;
}

.option-group {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

/* Signup enhanced css start */

#signupform .signup-step .zs-ml34, 
#signupform .signup-step .zs-p10,
.signup-step .zs-ml34,
.signup-step .zs-p10 {
	margin-bottom: 0;
	padding-bottom: 2px;
}
.signup-form-container .signup-form-header,
.enhanced-signup-form .signup-form .ottxtbdr, 
.enhanced-signup-form #fedsignin_social .signintxt{
	display: none;
}
.onb-step1 .signup-form-header.header-wo-ext-links{
	display: block;
}
.org-creation-wrapper.onb-step1 .signup-form-header.header-wo-ext-links{
	display: block !important;	
}
.org-creation-wrapper .header-wo-ext-links{
	display: none !important;
}
.enhanced-signup-form #dc-feature-note {
	border-radius: 6px;
	background: #F3E9F8;
	display: block;
	padding: 10px 16px;
	font-size: 14px;
	color: #333;
	margin-bottom: 12px;
	line-height: 1.4em;	
}
.pos-rel-field .field-msg .error.jqval-error:not(:empty),
.org-creation-form-wrapper .pos-rel-field label.error:not(:empty),
.op-download-form .pos-rel-field input + .premise-mail-error:not(:empty),
.op-download-form .pos-rel-field .select2-container ~ .premise-mail-error:not(:empty){
    font-size: var(--font-s13);	
	display: block;
    margin: 2px 0 9px 3px;    
}
.enhanced-signup-form #signupform input:has(~ .field-msg .error:not(:empty)),
.org-creation-form-wrapper #signupform input:has(+ label.error:not(:empty)),
.op-download-form .pos-rel-field input:has(+ .premise-mail-error:not(:empty)),
.op-download-form .pos-rel-field .select2-container:has(+ .premise-mail-error:not(:empty)){
    margin-bottom: 5px !important;
}
/* Signup enhanced css end */

.enhanced-signup-form .signedup-desc{
    max-width: 700px;
    width: 80%;
    margin: 30px auto;
    line-height: 1.4em;    
}
.enhanced-signup-form .signedup-desc1 {
    margin-bottom: 50px;
}
.enhanced-signup-form .signedup-desc2.signedup-desc {
    margin-top: 50px !important;
}
.enhanced-signup-form .signedin-div a.za-signin-btn, 
.enhanced-signup-form .signedin-div a.creatnewac {
    display: block;
    width: 300px;
    box-sizing: border-box;
    padding: 12px 24px;
    font-size: 18px;
    height: 48px;
}
.signup-grad-primary-btn {
    background: linear-gradient(90deg, #C37EDD 0.03%, #5257D6 119.38%);
    color: #fff !important;
    border: 0 !important;
}
.signup-secondary-btn {
    background: #fff !important;
    color: #5345F0 !important;
    border-color: #5345F0 !important;
}
.signup-grad-primary-btn:hover,.signup-grad-primary-btn:focus-visible {
    background: linear-gradient(90deg, #bd73d9 0.03%, #494ece 119.38%);
    box-shadow: 0 8px 20px rgba(139, 95, 191, 0.35);
}
.signup-secondary-btn:hover,.signup-secondary-btn:focus-visible {
    background: #f0f0ff !important;
}
.signup-grad-primary-btn,.signup-secondary-btn{
	cursor: pointer;
}
.enhanced-signup-form #signedin-div .signupcont {
    padding: 50px;
    box-sizing: border-box; 
}
.enhanced-signup-form #signedin-div .step-header h2.step-greeting,
.org-creation-form-wrapper .step-header h2.step-greeting  {
    justify-content: center;
    margin-bottom: 15px;
}
.enhanced-signup-form #signedin-div .welcom-msg-usrmail,
.org-creation-form-wrapper .welcom-msg-usrmail {
    font-size: 16px;
    font-weight: normal;
	text-align: center;    
}
.welcom-usrmail-holder{
    text-align: center;	
    margin-bottom: 22px;    
}

.enhanced-signup-form .signup-info-icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 2.5px 4px 0 0;
    vertical-align: top;
    background: url(../../images/svg/signup-info.34354acee5a5c09f172a0d863bdcaede.svg) center / contain no-repeat;
}
.enhanced-signup-form .signup-info-txt{
    font-size: 14px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 25px);
	line-height: 1.3em;
}
.enhanced-signup-form .signup-info-txt-wrapper{
    margin-bottom: 30px;
}
.enhanced-signup-form .signup-step .zcountry-detai{
    padding: 0 !important;
}
.signup-step-1 label{
    display: inline-block;
    line-height: 1.5em;
	cursor: var(--sdp-cursor-pointer);
}

/* last screen welcome text loadedr */

.zs-welcome-loader {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    --text-height: 65px;
}

.zs-welcome-loader h1 {
    font-size: 40px;
    font-weight: 600;
    text-align: right;    
}

.zs-welcome-loader h1 b {
    font-weight: 900;
}

.zs-welcome-screen h1 {
    display: flex;
    align-items: center;
}

.zs-welcome-screen .sdp-new-logo2 {
    margin-right: 16px;
}

.zs-welcome-screen,
.zs-finishing-loader {
    position: absolute;
    opacity: 0;
    transform: translateY(120px);
    transition: .2s ease-out;
}

.welcome-loader-completed .zs-welcome-screen {
	transition-delay: .5s;
    opacity: 1;
    transform: translateY(0px);
}
@keyframes finishingup1{
    0%,75%{
    	opacity: 1;
		transform: translateY(0);
    }
	100%{
        opacity: 0;
		transform: translateY(calc(var(--text-height) * -1));
    }
}
.zs-finishing-loader{
    animation: 0.8s finishingup2 ease-out forwards, shinetxt 4s linear infinite;
    animation-delay: 0s,.3s;
	color: #333;
    background: linear-gradient(120deg, #333 0%, #333 40%, rgba(51, 51, 51, 0.08) 50%, #333 60%, #333 100%);
	background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    height: var(--text-height);
    line-height: var(--text-height);    
}
@keyframes finishingup2{
    0%,50%{
    	opacity: 0;
		transform: translateY(var(--text-height));
    }
    100%{
    	opacity: 1;
		transform: translateY(0);
    }
}
 @keyframes shinetxt {
      from { background-position: 200% center; }
      to   { background-position: -200% center; }
    }
.welcome-loader-completed .zs-finishing-loader{
	animation: .5s finishingup1 ease-out forwards,shinetxt 4s linear infinite;
}




.zs-welcome-loader-inner {
    display: inline-flex;
    height: var(--text-height);
    line-height: var(--text-height);
    margin: 0 auto;
    overflow: hidden;
}

.zs-welcome-loader-bigtitle span,
.zs-welcome-loader-subtitle span {
    display: block;
}
.zs-welcome-loader-bigtitle {
    margin-right: 10px;
	--base-anim-time: 12s;
	--step: 0;
    animation: textslide var(--base-anim-time) linear forwards;
}
.zs-welcome-loader-subtitle-group{
	--base-anim-time: 4s;
    animation: textslide var(--base-anim-time) linear forwards;
}
.zs-welcome-loader-subtitle-group:nth-child(2){
	animation-delay: calc(1 * var(--base-anim-time));
}
.zs-welcome-loader-subtitle-group:nth-child(3){
	animation-delay: calc(2 * var(--base-anim-time));
}
h1.zs-welcome-loader-subtitle {
	--base-anim-time: 12s;
	--step: 0;
    font-weight: 900;
    animation: textslide var(--base-anim-time) linear forwards;
    text-align: left;    
}

@keyframes textslide{
    0%,31.33%{
       margin-top: calc((var(--step)) * var(--text-height));
    }
    33.33%,64.66%{
       margin-top: calc((var(--step) - 1) * var(--text-height));
    }
	66.66%,100%{
       margin-top: calc((var(--step) - 2) * var(--text-height));
    }
}

/* last screen welcome text loadedr */

/* no header form css */
.no-header .signup-step1-rhs,
.no-header .signup-step-1 .step-header.step-header-tagline{
    display: none;
}
.no-header .signup-step-1{
	margin: 0 auto;
    min-height: auto;	
    padding: 15px;    
}
/* no header form css */


/* register do new ui */
.enhanced-signup-form .register-scroll, 
.enhanced-signup-form .sdpsignup-banner {
	display: none !important;
}
.signup-form-header .prdLogo {
    font-weight: 600;
    font-size: 18px;
    background: var(--me-sdp-logo) left center / contain no-repeat;
    width: 280px;
    height: 44px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    cursor: var(--sdp-cursor-pointer);    
}
.signup-form-header.msp .prdLogo {
	background-image: var(--me-sdp-msp-cloud-logo);
}
.signup-form-header.asset .prdLogo {
	background-image: var(--me-asset-explorer-logo);	
}
.enhanced-signup-form .opodtabs {
    width: 500px;
    display: flex;
    gap: 20px;
    background: transparent;
}
.enhanced-signup-form .move-bg {
    display: none;
}
.enhanced-signup-form .opodtabs .opoditem.opodactive,
.enhanced-signup-form .opodtabs .opoditem:hover{
    border-color: #5345f0;
    outline: 0;
    background-color: rgba(101, 94, 215, 0.07);
    color: #5345f0;
}
.enhanced-signup-form .opodtabs .opoditem:focus-visible{
	border-color: #5345f0;
	outline: 0;
}
.reg-onb-step header.signup-form-header,
.reg-onb-step .odopcont{
    display: none;
}
.reg-onb-step .tac.signup-dc.sdp-avail-lang{
    display: none !important;
}
.reg-onb-step section.signup-data-middle {
    max-width: none;
    padding: 0;
}
.reg-onb-step .signup-data-middle-child {
    padding: 0;
}
.signup-data-content {
    margin-top: 30px;
}
.reg-onb-step.signup-data-content{
    margin: 0;
}
/* register do new ui */
.enhanced-signup-form .footer_site{
	padding:14.5px 0px;
}
.enhanced-signup-form .social_icon{
	margin: 0 5px;
	box-shadow: none;
    border: 1px solid #E5E7EB;
}
.enhanced-signup-form .social_icon:hover{
	transform:scale(1);
    box-shadow: 0px 2px 10px var(--shadow-lite);
}
.enhanced-signup-form .footerbtm{
	height: auto;
	display: none;
}
.onb-step1 .enhanced-signup-form .footerbtm{
	display: block;	
}
.signup-form-container.enhanced-signup-form .signup-data-middle-child{
	padding: 0;	
}
.enhanced-signup-form .dwn-priv .privacy-container .privacy_check,
.enhanced-signup-form #meGDPRMessage label input{
	top:1px;
	left:0;
	cursor:var(--sdp-cursor-pointer);
    width: 16px !important;
    height: 16px !important;	
    margin-left: 0;    
}
.enhanced-signup-form .privacy-container div,
.enhanced-signup-form .privacy-container a,
.za-newsletter-container,
.enhanced-signup-form .sdpcustom-checkbox-label{
	font-size:14px;
}
.enhanced-signup-form .dc-features-link,
.enhanced-signup-form .dc-feature-warning{
	font-size:inherit;
}
.enhanced-signup-form .signup-step .zcountry-detai {
    margin-bottom: 20px;
}
.signup-steps-wrapper {
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    position: fixed;
    inset: 0;
    animation: .3s fadeInScale ease-in forwards;   
    transform-origin: center; 
}
@keyframes fadeInScale{
	0%{
		opacity: 0;
		transform: scale(.75);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
.signup-steps-wrapper .signup-step {
	height: 100vh;
    height: 100dvh;
    overflow: auto;
    flex-shrink: 0;
    display: none;
}
.signup-steps-wrapper .signup-step.signup-step-2,
.signup-steps-wrapper .signup-step.signup-step-fade + .signup-step{
	display: flex;
}
.signup-step.signup-step-fade{
	animation: fadeoutslide .3s ease-in forwards; 
}
@keyframes fadeoutslide{
	0%{
		opacity: 1;
		margin-top:0;
		visibility: visible;
	}
	80%{
		opacity: 0;
	}
	99%{
		opacity: 0;
		margin-top: -100vh;
		margin-top: -100dvh;
	}
	100%{
		opacity: 0;
		margin-top: -100vh;
		margin-top: -100dvh;
		display: none;
		visibility: hidden;
	}
}
.signup-step .ob-lhs .select2-container{
    max-width: 600px;
}
.signup-step .ob-lhs .step-navigation{
    margin-top: auto;
}
.signup-step-count{
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    margin: 55px 0 20px;
    letter-spacing: 0;    
}
.ta-align-center{
	text-align: center;
}
/* select2-overrides start */
.select2-results .select2-result-label{
    padding: 9px 15px !important;
    font-size: 14px !important;
}
.select2-drop.select2-drop-active .select2-search .select2-input{
    height: 38px !important;
    font-size: 14px !important;
	border-radius: 4px;
}
.select2-drop .select2-search{
    margin: 15px 15px 10px !important;
    width: calc(100% - 30px) !important;
}
.select2-drop.select2-drop-active{
    border-radius: 8px !important;
	box-shadow: 0 0 6px var(--shadow-lite) !important; 
	margin-top: 1px !important;   
}
.select2-drop-above.select2-drop.select2-drop-active{
	margin-top: -4px !important;
}
.select2-results .select2-highlighted{
	background: rgba(101, 94, 215, 0.07) !important;
    color: #655ED7 !important;	
}
.select2-drop .select2-search .select2-input:focus{
	border-color: #655ED7 !important;
}
/* select2-overrides end */
/*New signup css end*/
/* op od form switch animation start */
.down-list-cont,.op-download-form {
    animation: 0.8s fadeIncont forwards;
}
@keyframes fadeIncont{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
/* op od form switch animation end */

/* signup and orgcreation form-body height changes start */
.signup-data-middle-child,.org-creation-success-cont{
    min-height: calc(100vh - 299px);
    min-height: calc(100dvh - 299px);
}
.sdpreg-form-container .signup-data-middle-child {
    min-height: calc(100vh - 535px);
    min-height: calc(100dvh - 535px);
}
.org-creation-form-wrapper{
	min-height: calc(100vh - 399px);
	min-height: calc(100dvh - 399px);
}
/* signup and orgcreation form-body height changes end */
/* iframe signup cards css start */
.no-header.enhanced-signup-form #signedin-div p{
    width: auto;
}
.no-header.enhanced-signup-form #signedin-div .signupcont{
    padding: 25px;
}
/* iframe signup cards css end */
/* signup mobile welcome css start */
.mobile-signup-welcome .ob-lhs {
    min-height: 100%;
    box-sizing: border-box;
    padding-top: 60px;
	justify-content: flex-end;    
}
.mobile-signup-welcome .ob-lhs .step-greeting {
    margin-bottom: 16px;
}
.mobile-signup-welcome .ob-lhs .step-title {
    margin-bottom: 60px;
    font-size: 28px;
    line-height: 150%;    
}
.mbl-signup-welc-desc {
    font-size: 14px;
    color: #333;
    line-height: 1.4em;
}
.mbl-signup-welc-desc{
    margin-bottom: 20px;
}
.mbl-signup-welc-info{
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 24px);
}
.mbl-signup-welc-desc .signup-info-icon{
    margin: 1.5px 5px 0 0;
}
.mobile-signup-welcome {
    animation: .3s fadeInScale ease-in forwards;
    background: #fff;
	height: 100%; 
	overflow: auto;	  
}
.signup-tick-icon{
    width: 20px;
    height: 20px;
    margin-right: 12px;
    background: var(--green-tick) center / contain no-repeat;
    flex-shrink: 0;
}
.mbl-signup-welc-desc1, .mbl-signup-welc-desc2, .mbl-signup-welc-desc3{
    display: flex;
    padding: 0 30px 20px 0;
    border-bottom: 1px solid var(--pale-gray-30);
}
.mbl-signup-welc-desc3{
	border: 0;
}
.mbl-signup-welc-desc.mbl-signup-welc-desc4 {
    margin: 80px 0 30px 0;
}
.enhanced-signup-form .mobile-signup-welcome .step-navigation .step-button {
	width: 100% !important;
	background: linear-gradient(89.97deg, #6DB6FF 0.03%, #3F54BF 119.38%) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-shadow: none !important;
	border-radius: 12px !important;
}	
.btn-right-arrow{
    width: 16px;
    height: 16px;
    background: var(--white-arrow) center no-repeat;
    margin-top: 2px;
}
/* signup mobile welcome css end */


/* marketing page - portal creation css start */
.portal-creation-div {
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    animation: 0.8s fadeIncont forwards;
	text-align: center;   
    width: 100%;
    height: 100%;
    min-height: 400px;  
	position: relative;      	 
}
.portal-creation-title {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.portal-creation-desc {
    color: #333;
    font-size: 16px;
    margin: 0;
}
.portal-creation-div,
.portal-success .portal-creation-loader, 
.portal-creation-tick,
.portal-creation-success-show,
.portal-success .portal-creation-title,
.portal-success .portal-creation-desc {
    display: none;
}
.portal-creation-div.portal-creation-show{
	display: flex;
}
.portal-creation-loader,
.portal-success .portal-creation-tick,
.portal-success .portal-creation-title.portal-creation-success-show,
.portal-success .portal-creation-desc.portal-creation-success-show{
	display: block;
}
.portal-creation-loader {
    border: 4px solid #fff;
    border-top: 4px solid #4588f0;
    border-radius: 50%;
    animation: spinloader 0.6s linear infinite;    
}
.portal-creation-loader,.portal-creation-tick{
    width: 62px;
    height: 62px;	
    margin-bottom: 20px;
    box-sizing: border-box;
}
.portal-creation-tick {
    border: 4px solid #089440;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
}
.portal-creation-tick2{
    display: inline-block;
    position: absolute;
    width: 9px;
    height: 21px;
    border: solid #089440;
    border-width: 0 4px 4px 0px;
    top: 24%;
    left: 40%;
    transform: rotate(45deg);
}
/* marketing page - portal creation css end */

/* get start button loader css start */
.input-with-loader:has(.btn-loading) {
  position: relative;
}
.input-with-loader:has(.btn-loading):after{
  content: "";
  position: absolute;
  top: 22px;
  left: 182px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-top: 2px solid #5345f0;
  border-radius: 50%;
  animation: spinloader 0.7s linear infinite;
}
@keyframes spinloader{
  to {
    transform: rotate(360deg);
  }
}
.input-with-loader:has(.btn-loading) .get-started-btn{
    padding-left: 32px !important;
}
/* get start button loader css end */

@media (max-width: 1024px){
	.signup-mv {
		display: block !important;
	}
	.ob-lhs{
		height: auto;
		width: 85%;
	}
	.signup-step .ob-lhs .step-navigation{
	    margin-top: 20px;
	}	
	.signup-step-4 .step-title b{
		display: inline-block;
	}
	.org-creation-form-wrapper{
        width: 85% !important;
        padding: 30px !important;
	}	
	.mef-foot-container{
		max-width: 95%;
	}
	.mef_foot_bottom_container .mef_foot_me_lists li a{
	    padding-inline: 12px;
	}	
	/* signup and orgcreation form-body height changes start */
	.signup-data-middle-child{
	    min-height: calc(100vh - 277px);
	    min-height: calc(100dvh - 277px);
	}
	.sdpreg-form-container .signup-data-middle-child {
	    min-height: calc(100vh - 501px);
	    min-height: calc(100dvh - 501px);
	}
	.org-creation-form-wrapper{
		min-height: calc(100vh - 370px);
		min-height: calc(100dvh - 370px);
	}
	.org-creation-success-cont{
        min-height: calc(100vh - 311px);	
        min-height: calc(100dvh - 311px);        	
	}
	/* signup and orgcreation form-body height changes end */	
}
@media (max-width: 992px){
	.zs-welcome-loader h1 {
    	font-size: 30px;
    }
}
@media (max-width: 600px){
	.signup-form-header.header-wo-ext-links .prdLogo{
	    background-position: center;
	}
	header.signup-form-header{
	    text-align: center;
	}
	.ob-lhs .step-title,
	.step-header.step-header-tagline .step-title{
	    font-size: 34px;
	}	
	.step-header.step-header-tagline .step-title b{
		font-size: 17px;	
	}
	.ob-lhs .step-greeting{
		font-size: 18px;
	}
	.signup-step-count {
	    margin-top: 36px;
	    font-size: 18px;
	}	
	.team-size-option, .interest-option, .ob-lhs .field-label,
	.enhanced-signup-form .signup-step .select2-container .select2-choice span{
		font-size: 14px;
	}
	.enhanced-signup-form #signupform .step-navigation input[type="button"].step-button,
	.enhanced-signup-form .step-navigation .step-button, 
	.enhanced-signup-form #signupform .signup-step .step-navigation input[type="submit"]{
		font-size: 16px !important;
	}
	.org-creation-form .signup-step{
		width: 100% !important;
	}
	.org-creation-form-wrapper{
		padding: 25px !important;
	}	
	.signup-data-middle-child .signup-form.signupfrmcont,
	.signup-data-middle-child{
        min-height: auto;		
	}
	.zs-signupSuccess.success-msg{
		height: 350px;
	}
	.team-size-option, .interest-option{
	    height: 46px;
	}	
	.mef_foot_bottom_container .mef_foot_me_lists li a{
		padding-inline: 8px;
    	font-size: 12px;
    	margin-bottom: 12px;
	}		
	.mef-foot-container{
	    max-width: 100%;
	}	
	.mef_foot_bottom .mef_copy_right{
		font-size: 13px;
	}
	.footer-element {
		display: block;
	}
	.zs-welcome-loader h1 {
    	font-size: 26px;
    }
    .zs-welcome-screen {
	    display: none;
	}
	.welcome-loader-completed .mobile-signup-welcome{
		display: flex;
	}
	.signupotpcontainer.signup-step{
		width: 95%;
	}
	.enhanced-signup-form .signedup-desc{
	    width: 100%;
	}
	.enhanced-signup-form #signedin-div .signupcont{
		padding-inline: 25px;
	}
	.signup-ipad.signup-op-mv{
		padding-inline: 15px;
        box-sizing: border-box;
	}
	.taa-content{
		font-size: 14px;
	}	
	.signup-link-txt{
		font-size: 12px;
	}
	.signup-step-1.signup-step{
		padding-inline: 15px;
	}
	.input-with-loader:has(.btn-loading):after{
		left: 30%;
	}
}
@media (max-width: 450px){
	.zs-welcome-loader h1 {
    	font-size: 20px;
    }
	.ob-lhs .step-title br {
	    display: none;
	}
	.team-size-options,.interests-options {
	    gap: 10px;
	}    
	.team-size-option, .interest-option{
		padding: 14px;
		height: auto;	
	}
	.enhanced-signup-form #signedin-div a.za-signin-btn{
	    font-size: 16px;
        padding: 14px 24px;
        width: 100%;
	}
	.ob-lhs .step-title,
	.step-header.step-header-tagline .step-title{
	    font-size: 32px;
	}	
	.step-header.step-header-tagline .step-title b{
		font-size: 16px;	
	}
	.mobile-signup-welcome .step-title b{
		display: inline-block;
	}
}
@media (max-width: 380px){
	.mbl-signup-welc-desc.mbl-signup-welc-desc4 {
	    margin: 30px 0 10px;
	}
	.mobile-signup-welcome .ob-lhs .step-title {
	    margin-bottom: 40px;
	}	
}

/* mobile number field css start */
.za-rmobile-container{
    display: flex;
    flex-wrap: wrap;
}
.za-country_code-container select{
    display: none;
}
.ccodelabel{
    width: 60px;
    height: 48px;
    border: 1px solid var(--light-blue);
    border-right: 0;
    font-size: 16px;
    border-radius: 8px 0 0 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    color: #666;
}
.enhanced-signup-form .signup-step .za-rmobile-container input{
    border-radius: 0 8px 8px 0 !important;
    width: calc(100% - 60px) !important;
}
/* mobile number field css end */