body {
        background: #fff;
      }
		.sec-pTB{padding:100px 0;}
		.mesignupcontainer,.mesigninheadwrap{
			width: 100%;
			max-width:1100px;
			margin: 0 auto;
		}
		.mesigninheadwrap{
			text-align:right;
			min-height:39px;
		}
		.mesigninheadwrap p{
			margin-top:0;
			display:inline-block;
		}
		.mesigninBtnLink{
			color:#0047ff;
			font-family:"Zoho_Puvi_SemiBold";
		}
		.mesigninBtnLink:hover{
			text-decoration:none;
			color:#000;
		}
		.mesignupcontainer {
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 10px;
			background: #FFF;
			box-shadow: 0 0 10.598px 1.071px rgba(0, 0, 0, 0.05);
			min-height: 585px;
			position:relative;
		}
		.mesignupwrapper {
			flex: 1;
			text-align: center;
			padding: 65px;
			position:relative;
		}
		.mesignupcontainer:before{
			border-right:1px solid #cdd3de;
			content:'';
			height:100%;
			position: absolute;
			top:0;
			left:52%;
		}
		.mesignupimg {
			display: block;
			width: 100%;
			max-width:85%;
			height:auto;
			margin:0 auto;
		}
      #frame,.mesignupcontainer{
/*
        padding: 20px;
        max-width:90%;
        width: 550px;
        margin: 0 auto;
*/
        box-sizing: border-box;
      }
      form#signupform {
        width: 100%;
      }
      .signup-box .sgfrm {
        margin: 15px 0 0;
        position: relative;
      }
      form#signupform .sgnemail,
      .signupotpcontainer .sgnemail {
        width: 100% !important;
        padding: 13px 16px !important;
        border: 1px solid #cdd3de;
        border-radius: 8px !important;
        font-size: 16px;
        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;
      }
      form#signupform .sgnemail.ccodelabel {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
      }
      form#signupform .sgnemail#rmobile {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
      }
      form#signupform .sgnemail:focus-visible,
      .signupotpcontainer .sgnemail:focus-visible {
        border-color: #5345f0;
        outline: 0;
      }
      .signupotpcontainer {
        text-align: center;
      }
      form#signupform .lefttext {
        margin-top: 11px;
        padding-right: 20px;
        text-align: right;
        width: 150px;
      }
      form#signupform .submit-btn,
      .signupotpcontainer .submit-btn {
        border: 0;
        background: #dd002c;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        height: 48px;
        letter-spacing: 1px;
        padding: 12px 45px;
        border-radius: 8px;
        transition: all 0.3s ease;
      }
      form#signupform .submit-btn:hover,
      .signupotpcontainer .submit-btn:hover {
        background: #ff1c49;
      }
      form#signupform .sign_agree {
        font-size: 15px;
        line-height: 12px;
        margin: 5px 0 20px;
		  padding:0;
		  cursor:pointer;
      }
      form#signupform .field-valid input,
      form#signupform .field-error input {
        position: static;
      }
      form#signupform .za-captcha-container {
        text-align: center;
        width: auto;
		  margin-top: 15px;
		  height: auto;
      }
      .field-msg {
        text-align: left;
      }
      form#signupform .za-captcha-container > div {
        display: block;
      }
      form#signupform .za-newsletter-container {
        padding: 5px 0;
      }
      form#signupform img.za-captcha {
        margin: 0px !important;
        vertical-align: bottom;
        height: 60px;
        width: 250px;
      }
      #signupform .za-captcha-container .sgnemail {
        margin-bottom: 10px;
      }
      #signupform .field-valid input {
        background-position: 300px -100px !important;
      }
      #signupform .field-error input {
        background-position: 300px -140px !important;
      }
      #signupform .field-error .password-strength,
      #signupform .field-valid .password-strength {
        top: 15px;
        left: 275px;
      }
      .za-newsletter-container,.sgnbtnmn .za-consent-container{
        display: none !important;
      }
		.sgnbtnmn .za-consent-container.showconsent{display:block !important;}
		form#signupform  .za-consent-container .sign_agree.news-signup{display:block;line-height:1.5;}
      .signup-box .za-tos-container {
        margin-bottom: 15px;
        position: relative;
        text-align: center;
      }
      .signup-box .za-newsletter-container label,
      .signup-box .za-tos-container label {
        position: relative;
      }
	
      .signup-box .sign_agree.field-error {
        margin-bottom: 5px;
      }
      .signup-box #signup-newsletter,
      .signup-box #signup-termservice {
        border: 1px solid #333;
        display: inline-block;
        margin-right: 4px;
        width: 12px;
        height: 12px;
        box-sizing: border-box;
        position: relative;
        vertical-align: middle;
      }
      .signup-box .za-newsletter-container #signup-newsletter{
        position: absolute;
        top: 3px;
        left: 0;
      }
		.signup-box .za-tos-container #signup-termservice,.signup-box .za-consent-container #signup-newsletter{
			display: inline-block;
			appearance: none;
			background: transparent;
			height: 1rem;
			width: 1rem;
			border-radius: 20%;
			position: relative;
			top: -1px;
			padding: 0;
			margin: 0 5px 0 0;
		}
		.signup-box .za-tos-container #signup-termservice.checked:after,.signup-box .za-consent-container #signup-newsletter.checked:after{
			width: 4px;
			height: 8px;
			border: 1px solid #000;
			border-width: 0px 2px 2px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			display: block;
			content: '';
			position: absolute;
			top: 1px;
			left: 4px;
			background:none;
		}
		.signup-box #signup-termservice.checked::before{display:none;}
      .signup-box #newsletter,
      .signup-box #tos {
        height: 1px;
        left: 0;
        margin: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 1px;
      }
      .signup-box #signup-newsletter.checked::before,
      .signup-box #signup-termservice.checked::before {
        background: #333;
        content: "";
        height: 1px;
        left: 1px;
        position: absolute;
        top: 1px;
        transform: rotate(-45deg);
        width: 15px;
      }
      .signup-box #signup-newsletter.checked::after,
      .signup-box #signup-termservice.checked::after {
        background: #333;
        content: "";
        height: 1px;
        left: -1px;
        position: absolute;
        top: 4px;
        transform: rotate(45deg);
        width: 5px;
      }
		.signup-box .za-consent-container #signup-newsletter.checked::before{display:none;}
      input[type="text"],
      input[type="email"],
      input[type="password"],
      input[type="number"],
      textarea,
      select {
        box-sizing: inherit !important;
        margin-top: 0 !important;
      }
      .unchecked:before {
        content: "" !important;
        color: inherit !important;
        font-size: inherit !important;
      }
      table {
        width: 100% !important;
      }
      .submit-btn {
        width: auto;
      }
      .verifyheader {
        margin-bottom: 15px;
      }
      /*Phone Number field css*/
      .za-country_code-container {
        display: flex;
        height: 45px;
      }
      .za-rmobile-container .za-country_code-container {
        width:85px;
        float: left;
      }
      form#signupform .za-rmobile-container input.sgnemail {
        width: calc(100% - 85px)!important;
      }
      .za_country_code,
      #country_code {
        opacity: 0;
        z-index: 1;
        cursor: pointer;
      }
      .za-country_code-container {
        position: relative;
      }
      .ccodelabel {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 14px;
        padding: 11px 0;
        box-sizing: border-box;
        border-right: 0px !important;
      }
      .za-rmobile-container input {
        padding-left: 10px;
      }
      .sgnbtnmn {
        margin-top: 25px;
      }
      ::placeholder {
        font-size: 14px;
        font-weight: 400;
        padding-left: 0;
      }
      .error, .jqval-error, .pwderror{
        margin-top: 5px!important
      }
      .com-banner {
        background: #f7f7f7;
        padding: 50px 0;
        text-align: center;
        font-size: 42px;
        line-height: 55px;
        font-weight: 700
      }
		.dcentertxt {
    margin: 20px 0 10px 0;
    text-align: center;
}
		.accessmeprobtn {
			display: none;
			text-align: center;
		}
		.accessmeprobtn a{
			background: #dd002c;
			color: #fff;
			font-size: 16px;
			font-family: Zoho_Puvi_SemiBold;
			padding: 16px 35px;
			border-radius: 8px;
			display:inline-block;
		}
		.accessmeprobtn a:hover{
			text-decoration:none;
			background: #ff1c49;
		}
		.signinupcon {
			font-size: 2em;
			font-family: 'Zoho_Puvi_SemiBold';
			text-align: center;
			margin: 0 0 40px;
			padding: 0;
		}
		.signinupcon.welcomecon{
			margin-bottom:20px;
			line-height:1.3;
		}
		.za-submitbtn-otp dd {
			position: relative;
			display: inline-block;
		}
		.za-submitbtn-otp .changeloadbtn {
			display: block;
			opacity: 0.5;
			width: 100%;
		}
		.loadingImg {
			display: none;
			position: absolute;
			left: 45%;
			width: 18px;
			height: 18px;
			transform: translateY(-50%);
			border: 2px solid #ccc;
			border-top: 2px solid #000;
			border-radius: 50%;
			animation: btnLoaderSpin 0.8s linear infinite;
		}
		.za-submitbtn-otp .submit-btn.changeloadbtn + .loadingImg {
			display: block;
		}
		@keyframes btnLoaderSpin {
		  100% {
			transform: translateY(-50%) rotate(360deg);
		  }
		}
		
      /*Phone Number field css*/
		@media screen and (max-width: 1200px){
			.mesignupimg{max-width:90%;margin:0 0 0 auto;}
			.mesignupcontainer{max-width:95%;}
			.sec-pTB{padding:60px 0;}
		}
		@media screen and (max-width: 1000px){
			.mesignupwrapper{padding:50px;}
			
		}
		@media screen and (max-width: 800px){
			.mesignupcontainer{display: block; padding:60px 40px;}
			.mesignupcontainer:before{display:none;}
			.mesignupwrapper{padding:0;width:90%;margin:0 auto;}
			.mesignupimg{max-width:100%;margin:70px auto 0;}
		}
      @media screen and (max-width: 560px){
        #frame{
          padding: 0 0
        }
		  .mesignupwrapper{width:100%;}
      }