.body {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100lvw;
	height: 100lvh;
	overflow: auto;
	background: linear-gradient(288.92deg, rgba(11, 40, 64, 0.5) 32%, rgba(19, 66, 107, 0.5) 99%),
		url("../img/background.jpg");
}

.major-container {
	height: 100lvh;
	justify-content: space-between;
	overflow: auto;
	display: flex;
	flex-direction: row;
	max-width: 1200px;
	width: 100%;
}

.form-bottom {
	color: #fff;
}

.link-style {
	color: #fff;
}

.logo-bar {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.left {
	display: flex;
	flex-direction: column;
	flex-basis: 25%;
	height: 100%;
}

.right {
	display: flex;
	flex-direction: column;
	flex-basis: 75%;
	justify-content: space-between;
}

.left-body {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

@media screen and (max-width: 2401px) {
	.form-blank {
		flex-basis: 30%;
	}
	.globalization {
		top: 0;
		float: right;
		position: fixed;
		right: 0;
		margin: 16px;
	}
	.form-blank.form-blank-right {
		flex-basis: 16.6%;
	}

	.form-blank.form-blank-left {
		flex-basis: 33.2%;
	}
}

@media screen and (max-width: 1200px) {
	.form-blank.form-blank-left {
		flex-basis: 10%;
	}

	.form-blank.form-blank-right {
		flex-basis: 10%;
	}
}

@media screen and (max-width: 1024px) {
	.body {
		background: linear-gradient(288.92deg, rgba(11, 40, 64, 0.5) 32%, rgba(19, 66, 107, 0.5) 99%),
			url("../img/background.jpg");
	}
	.form-blank {
		flex-basis: 10%;
	}
}

@media screen and (max-width: 768px) {
	.logo-bar {
		display: none;
	}

	.logo-large {
		display: none;
	}

	.logo {
		display: block;
	}

	.body {
		display: flex;

		width: auto;
		height: 100lvh;
		justify-content: space-between;
		background: none;
	}

	.major-container {
		flex-direction: column;
	}

	.left {
		display: flex;
		flex-direction: column;
		flex-basis: 20%;
		width: 100%;
		background-size: auto;
		height: 140px;
		background: linear-gradient(288.92deg, rgba(11, 40, 64, 0.5) 32%, rgba(19, 66, 107, 0.5) 99%),
			url("../img/background.jpg");
	}

	.link-style {
		color: unset;
	}

	.right {
		display: flex;
		flex-direction: column;
		flex-basis: 80%;
		justify-content: space-between;
	}

	@media (max-width: 375px) {
		.form-blank {
			flex-basis: 5%;
		}
	}

	.right-header-bar {
		display: none;
		width: 100%;
	}

	.left-header-bar {
		display: flex;
		width: 100%;
	}

	.right-footer {
		display: none;
	}

	.flex-unlock {
		flex-shrink: 0;
		height: 24px;
		flex-basis: auto;
	}
	.content-form {
		height: auto;
		width: 100%;
	}

	.form-bottom {
		width: 100%;
		color: unset;
	}

	.form-submit {
		flex-direction: column-reverse;
	}

	.form-submit-left {
		flex-basis: auto;
		flex-direction: column;
	}

	.form-submit-right {
		margin-top: 16px;
		margin-bottom: 16px;
	}

	.input-otp {
		justify-content: space-between;
	}
	.form-submit-left > button {
		margin-bottom: 16px;
		margin-right: 0px;
	}
	.form-submit-left > a {
		margin-bottom: 16px;
		margin-right: 0px;
	}
}