body {
	margin: 0;
	background: #fff;
	font-family: 'Prompt','Kanit', sans-serif;
}

.top-header {
	background: linear-gradient(90deg, #E88B00 0%, #FDC97B 100%);
	color: white;
	height: 20px;
}

.header {
	background: linear-gradient(90deg, #1B3058 0%, #7D9EDC 100%);
	color: #E88B00;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.img {
	background: #fff;
	padding: 20px 0px 0px 80px;
}

.login-section {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	background-color:white;
}

.login-bg-wrapper {
	background: url('../Login/bg.png') no-repeat center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	height: 340px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 5%;
	position: relative;
}

.login-box {
	position: absolute;
	right: 7%;
	background: white;
	border-radius: 20px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.2);
	overflow: hidden;
	max-width: 500px;
	height: 480px;
	width: 100%;
}

	.login-box .header {
		background-color: #0053a6;
		color: white;
		padding: 10px;
		text-align: center;
		font-size: 1.5rem;
	}

	.login-box .form-body {
		padding: 30px;
	}

.form-control {
	background-color: #f0eaf0;
	border: none;
	padding: 12px 15px;
	font-size: 1rem;
}

.btn-login {
	background-color: #0053a6;
	color: white;
	padding: 12px;
	font-size: 1rem;
}

.footer {
	background-color: #E88B00;
	text-align: center;
	color: white;
	padding: 20px;
	font-size: 1rem;
}

.gradient-background {
	background: linear-gradient(90deg, #1B3058 0%, #7D9EDC 100%);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: sans-serif;
}

	@media (max-width: 768px) {
		.login-bg-wrapper {
			height: auto;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 20px;
			background-size: cover;
		}

		.login-box {
			position: static;
			max-width: 90%;
			height: auto;
			margin-top: 20px;
		}

			.login-box .form-body {
				padding: 20px;
			}

			.login-box .header {
				font-size: 1.25rem;
				padding: 16px;
			}
	}