.logo img {
	width: 200px;
}
label.accountType {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
    /* Accessible outline */
    /* Remove comment to use */
    /*
        &:focus-within {
                outline: .125em solid $primary-color;
        }
    */
  }
  label.accountType input {
    position: absolute;
    left: -9999px;
  }
  label.accountType input:checked + span {
	background-color: #dedede;
}
label.accountType input:checked + span::before {
	box-shadow: inset 0 0 0 0.4375em #ea0000;
}
label.accountType span {
	display: flex;
	align-items: center;
	padding: 0.375em 0.75em 0.375em 0.375em;
	border-radius: 99em;
	transition: 0.25s ease;
	color: #888;
	background: #f7f7f7;
}
label.accountType input:checked + span {
	background-color: #ffe7e7;
	color: #ea0202;
}
label.accountType span::before {
	display: flex;
	flex-shrink: 0;
	content: "";
	background-color: #fefefe;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	margin-right: 0.375em;
	transition: 0.25s ease;
	box-shadow: inset 0 0 0 0.125em #7e7e7e38;
}
.form-label {
	margin-bottom: 5px;
	font-size: 14px;
}
.form-group {
	margin-bottom: 20px;
}
.oxyy-login-register{
	height: 100vh;
	overflow: hidden;
	overflow-y: auto;
}
.oxyy-login-register .btn-primary {

	--bs-btn-bg: #e90000;
	--bs-btn-border-color: #e90000;

}
.btn:hover {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
  /* .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  } */
  .paraLogin {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 85%;
	left: 32px;
}
.loginButton {
	display: flex;
	align-items: center;
	justify-content: end;
}
.heightScroll{
	height: 725px;
	overflow: hidden;
	  overflow-y: hidden;
	overflow-y: scroll;
  }
  .selectType {
	display: flex;
	gap: 10px;
	margin-top: 5px;
}
@media only screen and (min-width:768px) and (max-width:991px){
	.oxyy-login-register .fw-600 {
		font-weight: 600 !important;
		font-size: 30px;
	}
	.WelcmTitleSub {
		font-size: 25px;
	}
	.oxyy-login-register .fw-300 {
		line-height: 21px;
		margin-bottom: 0px !important;
		text-align: center;
	}
	.logo.mt-5.mb-5 {
		margin: 24px 0 10px !important;
	}
	.logo.mt-5.mb-5 a {
		justify-content: center;
	}
	.oxyy-login-register .hero-wrap .hero-mask {

		background: rgba(0,0,0,0.9);
	}
	.ParaRegister{
		display: none;
	}
	/* .h-100 {
		height: 72% !important;
	} */
	.heightScroll {
		height: auto;

	}
	.oxyy-login-register .hero-wrap .hero-content {
		position: relative;
		z-index: 2;
		padding: 3px 0 30px;
	}
	.loginMain {
		height: 60% !important;
	}
	.paraLogin {
		display: none;
	}
	/* .loginMain{
		display: none;
	}
	.container.my-auto.py-5.lognContent {
	margin: 100px auto !important;
} */
.min-vh-100 {
	min-height: 60vh !important;
}
.container.my-auto.py-5.lognContent {
	margin: 0 !important;
	padding: 0 !important;
}

  }
  @media only screen and (max-width:767px){
	.oxyy-login-register .fw-600 {
		font-weight: 600 !important;
		font-size: 23px;
	}
	.WelcmTitleSub {
		font-size: 20px;
	}
	.oxyy-login-register .fw-300 {
		line-height: 21px;
		margin-bottom: 0px !important;
		text-align: center;
	}
	.logo.mt-5.mb-5 {
		margin: 24px 0 10px !important;
	}
	.logo.mt-5.mb-5 a {
		justify-content: center;
	}
	.oxyy-login-register .hero-wrap .hero-mask {

		background: rgba(0,0,0,0.9);
	}
	.ParaRegister{
		display: none;
	}
	.paraLogin {
		position: unset;
		width: 100%;
		margin-top: 20px;
	}
	.oxyy-login-register .hero-wrap .hero-contentLogin {
		padding: 0 0px 30px;
	}
	.oxyy-login-register .hero-wrap .hero-contentRegister {
		position: relative;
		z-index: 2;
		padding: 25px 0;
	}
  }