section {
		padding-top: 0px;
		padding-bottom: 80px;
	}
	section > .container {
		padding: 0;
		display: flex;
		justify-content: space-between;
		position: relative;
		flex-direction: column;
	}
	section > div.container >.content {
		width: 100%;
	}
	aside {
		width: 100%;
	}
	aside >.container {
		padding: 0;
	}
	aside .container .row {width: 100%}
	aside .container .row .boxwrap {width: 100%; border-radius: 20px; margin: 20px 0;}
	section .content {
		padding: 40px 15px;
		border-radius: 5px;
	}

	#hb-login {
		width: 660px;
		height: 365px;
		background: url(../images/2026/login-background.png) no-repeat left top;
		right: calc(calc(100% - 1450px) / 2);
		top: 20px;

	}

	@media(max-width: 1600px) {
		#hb-login {right: calc(calc(100% - 1450px) / 2);}
	}

	@media(max-width: 1400px) {
		#hb-login {right: -200px}
	}

	#hb-login .form-wrap {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		padding: 30px 0;
		max-width: 330px;
		
	}


	p#desktop-label {
		cursor: pointer;
	}
	div.sub-footer {
		background: white;
	}
	article h1 {color: var(--main); text-shadow: none;}
	@media (max-width: 1024px) {
		section > .container {
			flex-direction: column;
		}
		section > div.container >.content {
			width: 100%;
		}
		aside {
			width: 100%;
		}
	}

	@media(max-width: 600px) {
		section .content {
			padding: 20px 15px;
		}
	}