img {
    max-width: 100%;
}
.auth-section-outer {
    min-height: 100vh;
}

.auth-section-outer .form-row-outer {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 12px;
}

.auth-section-outer .erp-heading ,
.auth-section-outer .custom-right-form .welcom-back,
.auth-section-outer .custom-right-form .welcome-text{
    color: #ff4949;  
}

.auth-section-outer .erp-heading { 
    font-size: 22px;
}

.auth-section-outer .custom-right-form .welcom-back{ 
    font-size: 28px;
}

.auth-section-outer .custom-right-form .welcome-text{ 
    font-size: 18px;
}

.auth-section-outer .custom-right-form .form-control {
    font-size: 18px;
    padding: 12px;
    border: 1.5px solid #e20c0c;
    border-radius: 6px;
    background-color: #fff;
    font-weight: 600;
    outline: none !important;
    box-shadow: none !important;
}

.auth-section-outer .custom-right-form {
    border-radius: 30px 0 0 30px;
    box-shadow: rgba(240, 46, 46, 0.4) -5px 5px, rgba(240, 46, 46, 0.3) -10px 10px, rgba(240, 46, 46, 0.2) -15px 15px, rgba(240, 46, 46, 0.1) -20px 20px, rgba(240, 46, 46, 0.05) -25px 25px;
}

.auth-section-outer .custom-right-form .form-label {
    font-size: 16px;
    font-weight: 600;
    color: #e20c0c;
}

.auth-section-outer .custom-right-form .toggle-password {
    position: absolute;
    top: auto;
    right: 20px; 
    color: #e20c0c;
    bottom: 18px;
}

.auth-section-outer .custom-right-form .btn-primary {
    background-color: #ff4949; 
    border: 1.5px solid #ff4949;
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
}

.auth-section-outer .custom-right-form .btn:hover {
    box-shadow: rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.3) 0 8px 16px -8px;
    transform: translateY(-2px);
    transition: .3s;
}

.auth-section-outer .custom-right-form .forgot-password-wrap a {
    font-size: 16px;
    font-weight: 600;
    color: #e20c0c;
    text-decoration: underline;
}
/* Under  Under maintenance page  css starts here*/

.maintenance-section {
	padding: 100px 0;
	margin: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fdefef;
}

.maintenance-section h1 {
	margin: 0px;
	color: #d32f2f;
}

.maintenance-section .center-container {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.maintenance-section .cog {
	position: absolute;
	width: 60px;
	height: 60px;
}

.maintenance-section .cog.left {
	left: 30px;
	z-index: 9;
	top: 20%;
}

.maintenance-section .cog.right {
	right: 20px;
	z-index: 9;
}

.maintenance-section .cog svg {
	width: 100%;
	height: 100%;
	animation: spin 4s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.maintenance-section img {
	max-width: 600px;
	height: auto;
	z-index: 1;
	width: 100%;
}

/* Under  Under maintenance page  css ends here*/