.gt-login-section {
	z-index: 1;
	background-color: #2B2A30;
	&:before {
		top: 0;
		right: 0;
		width: 50%;
		z-index: -1;
		height: 100%;
		content: '';
		position: absolute;
		background-color: #F5F8FF;
		@media #{$md,$sm,$xs} {
			display: none;
		}
	}
}
.gt-login-form,
.gt-signup-form {
	max-width: 560px;
	@media #{$md,$sm,$xs} {
		margin: 0 auto;
	}
	h3 {
		color: #fff;
		font-size: 60px;
		font-weight: 900;
		padding-bottom: 25px;
		@media #{$xs} {
			font-size: 30px;
		}
	}
	label {
		color: #fff;
		display: block;
		font-size: 18px;
		font-weight: 500;
		padding-bottom: 10px;
	}
	input {
		width: 100%;
		border: none;
		height: 65px;
		padding-left: 30px;
		border-radius: 10px;
		margin-bottom: 20px;
		background-color: #4B4A4F;
	}
	button {
		color: #fff;
		width: 100%;
		height: 62px;
		border: none;
		font-weight: 800;
		border-radius: 10px;
		background-color: #4400E7;
	}
	p,a {
		color: #fff;
	}
	a {
		font-weight: 600;
	}
}
.gt-signup-form {
	padding-left: 50px;
	@media #{$md,$sm,$xs} {
		padding-left: 0;
		margin-top: 40px;
	}
	h3 {
		color: #2B2A30;
		@media #{$md,$sm,$xs} {
			color: #fff;
		}
	}
	label {
		color: #2B2A30;
		@media #{$md,$sm,$xs} {
			color: #fff;
		}
	}
	input {
		background-color: #fff;
		border: 1px solid #36353933
	}
	span {
		display: block;
		color: #4F4E54;
		font-weight: 500;
		margin-bottom: 30px;
		@media #{$md,$sm,$xs} {
			color: #fff;
		}
	}
}