/* /* body {
	background-image: url('../../images/website_images/login/backgound.png');
	background-size: cover;
}

.blur {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(8px);
}

.heading-div h1 {
	color: var(--heading-color);
	letter-spacing: 0px;
	font-size: 2rem;
}

.login-form-div {
	height: 85%;
	/* background-image: url('../../images/website_images/login/6070859.png');
	background-color: white;
	background-size: cover;
	background-repeat: repeat-y;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.253);
	overflow: hidden;
}

.blur-2 {
	width: 100%;
	height: 100%;
	backdrop-filter: blur(4px);
}

.name-input-div {
	position: relative;
}

.icon-div {
	width: 2rem;
	height: 2rem;
	background-color: white;
	z-index: 1;
	box-shadow: 0 0 3px #000000bf;
}

.custom-color {
	color: var(--accent-color);
}

.input-div {
	width: 85%;
	position: absolute;
	left: 2rem;
}

.input-div input {
	padding: .2rem 0 0.2rem 1rem;
	font-size: 1rem;
	border: none;
	outline: none;
	
}

.input-div-1 input {
	padding: .1rem 0 .1rem .5rem;
	font-size: 1rem;
	border: 1px solid #00000040;
	outline: none;
}

.button-div button {
	border: none;
	outline: none;
	background-color: var(--heading-color);
	color: white;
}

/* .button-div button:hover {
	border: none;
	outline: none;
	background-color: var(--secondary-color);
	color: var(--heading-color);
}

.password-toggle {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	color: #00000040;
	font-size: 18px;
}

.f-postion {
	position: absolute;
	right: 9%;
	bottom: 50%;
}

#togglePassword i {
	color: var(--accent-color);
}
.text-color-link{
	color: var(--heading-color);
} */







.bg-img {
	width: 100%;
	background-image: url("../../images/website_images/login/bg-design.png");
	height: 100vh;
}

.input-div input {
	border: 1px solid #00000040;
	outline: none;
	color: var(--heading-color);
}

.input-div input:focus {
	border: 1px solid var(--heading-color);
	outline: none;
}

.font-size-custom {
	font-size: .9rem;
	text-align: center;
	border-bottom: 2px solid var(--accent-color);
	color: var(--heading-color);
}

.input-div button {
	letter-spacing: 1px;
	background-color: var(--accent-color);
	color: white;
}

.input-div button:hover {
	letter-spacing: 1px;
	background-color: #b1800f;
	color: white;
}

.eye-color {
	color: var(--accent-color);
	top: 50%;
	right: 3%;
	transform: translateY(-50%);
	cursor: pointer;
}
.input-div div a{
	font-size: .9rem;
}