.inscription-compte {
	padding-top: 20px
}
.inscription-compte h3 {
	text-align: center;
	margin-bottom: 28px;
	font-size: 30px;
	line-height: normal;
}
.form-connexion  .btn {
	height: 60px
}
.form-connexion  .blcChp {
	padding: 0 10px
}
.form-connexion .blcChp.col1 {
	width: 343px;
}
.forget-password {
	text-align: center;
	display: block;
	margin-top: 20px;
	text-decoration: underline;
}
.forget-password:hover {
	color: var(--red)
}

.inscription p {
	text-align: center;
}
.inscription {
	padding-top: 50px;
}
.inscription-compte .alert {
    max-width: 836px;
    margin: 0 auto;
    padding: 10px 30px !important
}
.form-connexion .blcChp.blcBtn input {
    margin-left: 0;
}
.contFormControl.password {
    position: relative;
}

.toggle-password {
	position: absolute;
	right: 20px;
	top: 55px;
	width: 20px;
	height: 20px;
	background: red;
	z-index: 20;
	cursor: pointer
}

.toggle-button {
	display: inline-flex;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: unset;
	right: 12px;
	cursor: pointer;
}

.eye-icon {
	width: 20px;
	height: 20px;
}

.inscription-compte .password .material-symbols-rounded {
  background: url(../images/hide1.png) no-repeat left center;
    background-size: auto;
  width: 26px;
  height: 20px;
  background-size: cover;
  position: absolute;
  right: 27px;
  top: 20px;
  left: auto;
  z-index: 20
}
.inscription-compte .password .material-symbols-rounded.showcharacters {
	 background-image: url(../images/view1.png) ;
}

 @media (max-width:991px) { 
 	.form-connexion {
		flex-direction: column;
		width: 100%;
	}
	.form-connexion .blcChp.col1 {
		width: 100%;
	}
	.form-connexion .blcChp {
		padding: 0 0 10px;
	}
	.form-connexion  .blcChp.blcBtn {
		text-align: center;
	}
	.inscription {
		padding-top: 30px;
	}
	.inscription-compte .alert {
		    max-width: 100%;
		    margin: 0 auto;
		}

 }

  @media (max-width:600px) {
  	.inscription-compte {
		padding-top: 30px;
	}
  }