:root {
	/* 🎨 Colors */
	--color-primary: #404493;
	--color-tertiary: #00CCFF;
	/*--color-secondary: #00CCFF;*/
	--color-seva-orange: #D45424;
	--color-background: #f5f5f5;
	--color-light-green: #9FD356;
	--color-yellow: #FFAE03;
	--color-fluorescent-green: #53DD6C;
	--color-white: #FFFFFF;
	--border-color: #697077;
	--color-light-black: #4D4D4D;
	--chart-color-text: #0F1E56;
	--color-light-grey: #F4F4F4;
	--color-border: #D7DBEC;
	--color-register: #919EB7;
	--color-login-border: #B7C0D0;
	--color-border-list: #AAAAAA;
	--color-background: #F5F6FB;
	--color-href-list: #B7B7B7;
	--color-checkbox-list: #2B2B2B;
	/* 🔤 Font Sizes */
	--font-size-xs: 0.75rem;
	/* 12px */
	--font-size-sm: 0.875rem;
	/* 14px */
	--font-size-md: 1rem;
	/* 16px */
	--font-size-md-2: 1.125rem;
	/* 18px */
	--font-size-lg: 1.25rem;
	/* 20px */
	--font-size-xl: 1.375rem;
	/* 22px */
	--font-size-xxl: 1.5rem;
	/* 24px */
	--font-size-1xl: 1.625rem;
	/*26*/
	--font-size-2xl: 1.75rem;
	/*28*/
	--font-size-3xl: 2rem;
	/* 32px */
	/* --font-size-4xl: 2.25rem;*/
	/* 36px */
	--font-size-4xl: 2.125rem;
	/*34px*/
	/* 🏋️ Font Weights */
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-medium2: 600;
	--font-weight-bold: 700;
	--font-weight-boldmedium: 800;

	/* 🌫️ Shadows */
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);
	/* ---box-shadow-normal: 0px 5px 24px 0px #00000040;*/
	---box-shadow-normal: 0px 5px 24px 0px rgba(0, 0, 0, 0.25);

	/* border*/
	--border-radius-xs: 4px;
	--border-radius-sm: 6px;
	/*--border-radius-md: 8px;*/
	--border-radius-md: 10px;
	--border-radius-lg: 12px;
	--border-radius-xl: 14;

}

.auth-main-container {
	background-color: var(--color-white);
}

.fullscreen-section {
	height: 100vh;
	/* Takes full viewport height */
	overflow: hidden;
	/* Prevents internal scrolling */
}

.seva-nivesh-login {
	width: -webkit-fill-available;
	height: -webkit-fill-available;
	object-fit: fill;
	background-position: center;
	background-origin: content-box;
	background-repeat: no-repeat;
}

.seva-nivesh-form-div {
	width: 400px;
	margin: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 34px;
}

.seva-nivesh-logo-img {
	width: 60%;
}

.seva-nivesh-logo-welocome {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.seva_nivesh_welcome_heading {
	font-size: var(--font-size-md-2);
	font-weight: var(--font-weight-bold);
	line-height: 26px;
	color: var(--color-primary);
}

.seva_nivesh_welcome_content {
	font-size: var(--font-size-sm);
	color: var(--color-light-black);
}

.login-div-container {
	padding: 6px 8px;
	background-color: transparent;
	border-radius: var(--border-radius-md);
	border: 1px solid var(--color-login-border);
}

.forget-password {
	color: var(--color-tertiary);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	line-height: 20px;
}

.btn-sigin {
	color: var(--color-white);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	background-color: var(--color-primary);
	border-radius: var(--border-radius-md);
}
.btn-sigin:hover {
	color: var(--color-primary);
		border: 1px solid var(--color-primary);
		background: var(--color-white);
}

.btn-sigin:disabled{
	background: var(--color-register);
	color: var(--color-white);
	border:none;
}
.btn-sigin:disabled:hover{
	background: var(--color-register);
	color: var(--color-white);
	border:none
}

.labels {
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
	color: var(--color-light-black);
}

.register-account {
	font-size: var(--font-size-md);
	color: var(--color-register);
	font-weight: var(--font-weight-regular);
	line-height: 20px;
}

.create-register {
	color: var(--color-tertiary);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-bold);
	text-decoration: underline;
}

.href-list {
	color: var(--color-href-list);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
	vertical-align: bottom;
	line-height: 20px;
}

.href-list:hover {
	color: var(--color-primary);
	text-decoration: underline;
}

.bg-url-image {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 76px;
	height: 76px;
	position: absolute;
	bottom: 24px;
	left: 0px;
	text-align: center;
	padding: 0px 5px;
	background-repeat: no-repeat;
	object-fit: fill;
	background-image: url(/seva_nivesh/assets/img/wepb/bg-url-image-db4ddcdb52f87f6803104b2cd22400c5.webp);
}

.bg-white-url-img {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 76px;
	height: 76px;
	position: absolute;
	bottom: 24px;
	left: 0px;
	text-align: center;
	padding: 0px 5px;
	background-repeat: no-repeat;
	object-fit: fill;
	background-image: url(/seva_nivesh/assets/img/wepb/bg-white-url-img-e65d724f45fcff1767b603345e97afd6.webp);
}

.login-input {
	border: none;
	outline: none;
}

.login-input:focus {
	border: none;
	outline: none;
}

/*...................................register......................*/
.auth-register-container {
	background-color: var(--color-light-grey);
}

.fullscreen-register-section {
	height: 100%;
}

.seva-nivesh-form-register-div {
	width: 100%;
	height: 100%;
	background-color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 34px;
	box-shadow: -1px 0px 0px 0px #D7DBEC inset;
	border-radius: var(--border-radius-md);
}

.header-div {
	display: flex;
	gap: 5px;
	width: 100%;
	align-items: center;
	color: var(--color-tertiary);
	border: none;
	margin: 5px 0px;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
}

input:focus {
	border: 1px solid var(--color-login-border);
}

/*...............checkbox...........*/

.checkbox-wrapper-46 input[type="checkbox"] {
	display: none;
	visibility: hidden;
}

.checkbox-wrapper-46 .cbx {
	margin: auto;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.checkbox-wrapper-46 .cbx span {
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
	width: 100%;
}

.checkbox-wrapper-46 .cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	transform: scale(1);
	vertical-align: middle;
	border: 1px solid #9098A9;
	transition: all 0.2s ease;
}

.checkbox-wrapper-46 .cbx span:first-child svg {
	position: absolute;
	top: 3px;
	left: 2px;
	fill: none;
	stroke: #FFFFFF;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-46 .cbx span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: var(--color-tertiary);
	display: block;
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
}

.checkbox-wrapper-46 .cbx span:last-child {
/*	padding-left: 12px;*/
	font-size: var(--font-size-sm);
	font-weight: var(--font-size-md);
	color: var(--color-checkbox-list);
	line-height: 20px;
}

.checkbox-wrapper-46 .cbx:hover span:first-child {
	border-color: var(--color-tertiary);
}

.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child {
	background: var(--color-tertiary);
	border-color: var(--color-tertiary);
	animation: wave-46 0.4s ease;
}

.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child svg {
	stroke-dashoffset: 0;
}

.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child:before {
	transform: scale(3.5);
	opacity: 0;
	transition: all 0.6s ease;
}
select#investor_category{
	color: #B7B7B7;	
}
#investor_category option{
	color: #B7B7B7;	
}
#investor_category:focus,
#investor_category option:checked {
  outline: none;
  color: #B7B7B7;
}
.verify-href{
	font-weight: 500;
	text-decoration: underline;
}
.otpsendsucces{
	float: inline-end;
	color: #34803E;
	font-size: 14px;
	font-weight: 400;
}
.height-90{
	height: 90%;
	margin-top: auto;
}
@keyframes wave-46 {
	50% {
		transform: scale(0.9);
	}
}


.dashborder {
	border-top: 1px solid var(--color-tertiary);
	border-spacing: 7px;
}

@media (max-width: 768px) {
	.seva-nivesh-form-div {
		width: 90%;
		margin: auto;
	}
}