img.white-logo {
	position: absolute;
	top: 55px;
	left: 0px;
	width: 119px;
}

body .form-main {
	width: 550px;
	margin: auto 70px auto auto;
	text-align: right;
}

section.register-main:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(268deg, #fbfbf7 8.4%, #25252433 34.3%, #00000063 90.5%);
}

.custome-btn {
	margin-top: 45px;
}

.register-main {
	position: relative;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 50%;
	background-color: #Fbfbf7;
}

img.disply-on-mobile {
	display: none;
}

@media screen and (max-width: 991px) {
	body .form-main {
		width: 100%;
		margin: 0;
		padding: 15px;
		text-align: left;
	}

	img.white-logo {
		position: absolute;
		top: 25px;
		left: 30px;
		width: 100px;
	}

	.img-col {
		height: auto !important;
		width: 350px;
		margin: 0 auto;
	}

	.img-col img {
		border-radius: 25px;
		height: auto !important;
		margin-top: 30px;
	}

	.mobile-column-reverse {
		flex-direction: unset;
	}

	.register-main {
		background-image: none !important;
	}

	section.register-main:before {
		display: none;
	}

	img.disply-on-mobile {
		display: block;
	}

	.register-main {
		background-color: transparent;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	img.white-logo {
		top: 20px;
		left: 40px;
		width: 90px;
	}

	body .form-main {
		width: 400px;
		margin: auto auto auto 30px;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	body .form-main {
		width: 480px;
		margin: auto auto auto 50px;
	}
}