div.bx-auth {
	padding: 15px;
	width: 100%;
	max-width: 500px;
	margin: 100px auto; /* Centers the container horizontally */
}


div.bx-auth input[type="password"],
div.bx-auth input[type="submit"],
.i_get_password_sms_button {
	width: 100%; /* Consistent width for all inputs and buttons */
	box-sizing: border-box; /* Includes padding and borders in the width */
	padding: 15px; /* Ensures consistent padding */
	font-size: 18px; /* Matches the font size used earlier */
	border-radius: 10px; /* Adds rounded corners */
	 /* Adds space between elements */
	 margin-bottom: 20px
	 
}

div.bx-auth input[type="text"],
.i_get_password_sms_button {
	width: 100%; /* Consistent width for all inputs and buttons */
	box-sizing: border-box; /* Includes padding and borders in the width */
	padding: 23px; /* Ensures consistent padding */
	font-size: 18px; /* Matches the font size used earlier */
	border-radius: 10px; /* Adds rounded corners */
	/* Adds space between elements */
	margin-bottom: 20px
}

div.bx-auth input[type="tel"],
.i_get_password_sms_button {
	width: 100%; /* Consistent width for all inputs and buttons */
	box-sizing: border-box; /* Includes padding and borders in the width */
	padding: 23px; /* Ensures consistent padding */
	font-size: 18px; /* Matches the font size used earlier */
	border-radius: 10px; /* Adds rounded corners */
	margin-bottom: 20px; /* Adds space between elements */
}



div.bx-auth input[type="submit"],
.i_get_password_sms_button {
	width: 100%;
    padding: 15px;
    font-size: 18px !important;
    color: #fff;
    background-color: #c58976;
	font-family: 'nickol';
	text-transform: uppercase;
    border: none;
    border-radius: 10px;
    cursor: pointer;
	text-align: center;
}

div.bx-auth input[type="submit"]:hover,
.i_get_password_sms_button:hover {
	background-color: #b27864; /* Adds hover effect to buttons */
}

div.bx-auth form {
	padding: 0;
	margin: 0;
}

div.bx-auth-line {
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 10px;
}

div.bx-auth-title {
	font-size: 140%;
	border-bottom: solid 2px #E3E3E3;
	padding-bottom: 12px;
}

div.bx-auth-note {
	text-align: center;
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: bold;
    font-family: 'nickol_m';

}

table.bx-auth-table {
	margin-top: 8px;
	width: 100%; /* Ensures table takes up full width */
}

table.bx-auth-table td {
	width: 100%; /* Ensures table cells take up full width */
}

.i_code_for_reg {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.i_code_for_reg b,
.i_code_for_reg input[type="password"] {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 5px;
}

.g-recaptcha{
	width: 100%;
    padding: 15px;
    font-size: 18px;
    color: #fff;
    background-color: #c58976;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.j_auth_tel_input_code_reg1{
	padding: 25px;
    font-size: 22px;
}

.authorize-submit-cell{
	margin-bottom: 20px;
}


@media screen and (max-width: 560px) {
	div.bx-auth input[type="text"],
	div.bx-auth input[type="password"],
	div.bx-auth input[type="tel"],
	div.bx-auth input[type="submit"] {
		width: 100%; /* Maintains full width on small screens */
	}

	div.bx-auth {
		width: 100%;
	}

	table.bx-auth-table tr {
		display: flex;
		flex-direction: column;
	}
}