/* modal style start */
.toggleButton {
	cursor:pointer;
	position:relative;
	z-index:99999;
	padding:0.5rem 0;
}
.modal {
	background: #000000c2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	display: none;
}
.modal-links span{
	color:var(--white);
}
.popup-open {
	display:flex;
}
/* modal signin start  */
.modal-body{
	flex-basis : 50%;
}
.modal-right img {
	width:100%;
}
.modal-content {
	background:var(--blue);
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:fit-content;
	max-width: 80vw;
}

.modal-header{
	position:absolute;
	right:0;
	top: 0;
}
/* ani */
.modal-header:after{
	position:absolute;
	content:'';
	width: 1.667rem;
	height: 1.667rem;
	border-radius: 100%;
	background: var(--blue);
	-webkit-box-shadow: 0 0.167rem 0.333rem #0000004F;
	box-shadow: 0 0.167rem 0.333rem #0000004F;
	color: var(--white);
	opacity: 1;
	top:-0.333rem;
	right:-0.333rem;
}
.modal-header img{
	width:0.7rem;
	height:0.7rem;
	position:relative;
	z-index:1;
	cursor:pointer;
	top:-0.056rem;
	right:0.111rem;
}
.modal-message p{
	color:var(--white);
	text-align:center;
	font-weight:600;
}
.modal-links a{
	color:var(--orange);
	font-weight:600;
	text-align:center;

}
.modal-links{
	text-align:center;
	margin-top:1.111rem;
	gap:0.167rem;
	justify-content:center;
	align-items: center;
}


.modal-links p {
	color: var(--pale-orange);
}
a.accSignUp{
	color:var(--white);
}
.modal-input-group input{
	width:16.667rem;
	height:2.222rem;
	background-color:transparent;
	border:none;
	color:var(--white);
}
.modal-input-group{
	background-color:var(--light-black);
}

.modal-input-group img{
	width:1.111rem;
	height:1.111rem;
}
.modal-submit{
	border:none;
	background-color:var(--orange);
	width:100%;
	height:2.222rem;
	color:var(--white);
	border-radius:0.278rem;
	cursor:pointer;
}

.modal-input-group{
	display:flex;
	gap:1.111rem;
	align-items:center;
	height:1.222rem;
	padding:0.667rem 1.667rem 0.667rem 1.667rem;
	margin-bottom:1.667rem;
	border-radius:0.278rem;
}
.modal-right img{
	display:none;
}
.modal-content{
	border-radius:0.556rem;
	padding:1.389rem;
	height:fit-content;
}
.modal-body{
	padding:0rem;
}
.modal-message{
	padding-bottom:1.389rem;
}
.modal input{
	color: var(--white) !important;
	caret-color: var(--white);
}

.modal input:-webkit-autofill,
.modal input:-webkit-autofill:hover, 
.modal input:-webkit-autofill:focus, 
.modal input:-webkit-autofill:active{
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--white);
	transition: background-color 5000s ease-in-out 0s;
	box-shadow: inset 0 0 20px 20px var(--light-black);
}

.amember_pass_toggle{
	cursor: pointer;
}

@media screen and (min-width: 992px){
	.modal-links{
		display:flex;
	}
	.modal-input-group{
		width:14.667rem;
	}
	.modal-submit{
		width:14.667rem;
	}

	.modal-input-group input{
		width:100%;
		height:2.222rem;
	}
	.modal-input-group{
		width:19.444rem;
		height:2.222rem;
		padding-top:0.833rem;
		padding-bottom:0.833rem;
	}
	.modal-right{
		display:block;
	}
	.modal-right img{
		display:block;
	}
	.modal-right img{
		height:26.778rem;
	}
	.modal-content {
		padding:0 0 0 1.556rem;
		overflow:unset;

	}
	.modal-submit {
		width: 22.8rem;
		height: 2.222rem;
	}
	.modal-header:after{
		width: 3.222rem;
		height: 3.222rem;
		top:-1rem;
		right:-1rem;
	}
	/* anirudh	 */
	.modal-header img {
		width: 1.2rem;
		height: 1.2rem;
		top:unset;
		right:unset;
	}
	/* end	 */
	.modal-body {
		display:flex;
		align-items:center;
		gap:1.667rem;
	}
	.modal-input-group img{
		width:1.389rem;
		height:1.389rem;
	}



}