.form-container{
	max-width: 400px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.register-form-container{
	max-width: 550px;
}
	.password-wrapper {
    position: relative;
}

.password-wrapper input {
    width: 100%;
    padding-right: 40px; /* Space for the icon */
}
.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
}
.toggle-password i {
    font-size: 20px;
}
a.login-btn:hover{
    color: var(--body-link-hover-color);
  }
div.password-field, .phone-wrap{
    margin-bottom: var(--theme-content-spacing);
  }
#forgot-password{
	padding:7px;
}
#generate-password{
	padding:10px 0;
}
#forgot-password-message{
	margin-bottom:8px;
}
/*********** Phone *************************/
.phone-container {
	display: flex;
	gap: 10px; /* Space between dropdown and input */
	align-items: center;
}
.phone-container select,
.phone-container input {
	padding: 8px;
	font-size: 1rem;
}
.phone-container select {
	width: 100px; /* Adjust as needed */
}
.phone-container input {
	flex: 1; /* Takes remaining space */
}

@media (max-width: 767px) {
  .register-form-container {
    max-width:400px;
  }
}
@media (max-width: 480px) {
	#username {
    font-size: 13px;
	}
}