@import'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css';
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');


*, *::before, *::after {margin: 0;padding: 0; box-sizing: border-box}
html {	height: 100%}

a, a:active, a:hover, a:focus {	text-decoration: none;	outline: 0 none}
img {	max-width: 100%;	height: auto}
ul { list-style: outside none none;	margin: 0;	padding: 0}

body {font-size: 14px;	background-color: #f8f7fa;	font-weight: 400;	height: 100%;	line-height: 1.6;	vertical-align: baseline;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	text-rendering: optimizeLegibility;
	font-family: "DM Sans", sans-serif;	color: #4B4B4B}

p {	margin: 0 0 20px 0;	color: #313533;	font-size: 14px}

.font-size-sm {	font-size: 14px !important}

h1,h2,h3,h4,h5,h6 {	font-weight: 600;line-height: 1.4;	margin: 0 0 20px 0;	color: #010A15}

/**=======================================================================================================================================================================**/

.auth-wrapper .auth-form .btn { display: inline-block; padding: .65rem 1rem; border: none; border-radius: 4px; text-align: center; cursor: pointer; font-size: 17px; margin: 0; transform: inherit; background: #2C60EA; }
.btn-primary {	background-color:#2C60EA;	color: #fff; box-shadow: inherit;}
.auth-wrapper .auth-form .btn:hover { background:#1649d1 !important; }
.left-data-sec { max-width: 500px; width: 100%; }
.form-control{	display: block;	width: 100%;	padding: .55rem .75rem;	font-size: 14px;	font-weight: 400;	line-height: 1.5;	color: #313533; background: rgba(238, 242, 251, 0.8); background-clip: padding-box;	border: 1px solid #e9e9ef;
	-webkit-appearance: none;-moz-appearance: none;	appearance: none;border-radius: 4px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out}

.form-floating .form-control { padding-left: 48px; padding-right: 1.2rem; }
.form-floating .form-control:focus, .form-floating .form-select:focus {	box-shadow: none;	border-color: #5156be}

.form-floating .form-control.is-invalid, .form-floating .form-select.is-invalid {background-image: none !important}
.auth-form .form-floating label, .auth-form .form-floating input:focus ~ label { padding-left: 1.2rem; padding-right: 1.2rem; left: 30px; line-height: 24px; font-weight: normal; border: none; }
.form-floating label:after {background: rgba(0, 0, 0, 0) !important}
.form-floating .input-icon {position: absolute;right: 1rem;	top: 1.3rem;	color: #2C60EA;	font-size: 16px}
.form-floating>.form-control:focus~.input-icon {color: #5156be}
.form-floating>.form-control.is-invalid~.input-icon {color: #e19098}
.form-check-input:checked {	background-color: #5156be;	border-color: #5156be}
.form-control.is-invalid {	border-color: #dc3545;	background-color: #fffafb}

.invalid-feedback {	color: #dc3545;	font-size: 13px;	display: none}
.auth-wrapper {	display: flex;	align-items: center;	flex-direction: column;	justify-content: center;	flex-basis: 100%;	min-height: 100vh;	width: 100%;background-color: #f8f7fa}
.auth-wrapper .auth-form { width: 100%; max-width: 550px; position: relative; margin: 0 auto; }
.auth-wrapper .auth-form .text-primary {font-weight: 500 !important;    color: #2C60EA !important;     font-size: 16px;}
.auth-wrapper .auth-form h5 {font-weight: 600}

.left-section-wrapper {position: relative;	min-height: 100%;	background: #305274;}
.right-section-wrapper { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 15px; }
.opacity-8{opacity:0.8}
.mw-500{max-width:500px}
.left-input-icon { position: absolute; top: 1.3rem; bottom: 0; left: 1rem; margin: auto; color: #868686; font-size: 17px; }



.auth-form.mw-450{max-width:450px}
.padding-50{padding:50px}
.mw-350{max-width:350px}
.confirm-icon i { font-size: 70px; color: #4a934a; }
.custom-vh-120{height: calc(100vh - 120px);}