@charset "utf-8";
.trs {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.form-control::placeholder {
	color: #888;
	opacity: 1 !important;
	font-size: 14px;
}
::-webkit-input-placeholder {
 	color: #888;
 	opacity: 1 !important;
	font-size: 14px;
}
:-moz-placeholder {
 	color: #888;
 	opacity: 1 !important;
	font-size: 14px;
}
::-moz-placeholder {
 	color: #888;
 	opacity: 1 !important;
	font-size: 14px;
}
:-ms-input-placeholder {
 	color: #888;
 	opacity: 1 !important;
	font-size: 14px;
}
select:required:invalid {
	color: #888 !important;
}
:focus {
	outline: none !important;
	box-shadow: none !important;
}
a, a:hover {
	text-decoration: none;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 	transition: background-color 5500s ease-in-out 0s;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	cursor: pointer !important;
	color: #2d2d2d !important;
}
select::-ms-expand {
 	display: none;
}
input[type="text"], input[type="email"], input[type="password"], input[type="file"], input[type="date"], input[type="number"], textarea, select {
	outline: none !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 500;
	color: #666666;
}
.form-control:focus, .form-select:focus {
    border-color: #350d0a !important;
	box-shadow: none !important;
}
textarea {
	resize: none;
	line-height: 26px !important;
}
.form-floating > textarea.form-control {
	min-height: calc(8em + (0.75rem + 2px));
}
.form-floating > label {
	font-size: 15px;
	color: #999;
}
.form-floating>.form-control:focus~label {
	color: #2d2d2d;
}
.form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after{
	background-color: transparent;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.form-check-input:checked {
    color: #fff;
    border-color: transparent;
    background-color: #350d0a;
}
.form-check-input:focus {
    border-color: rgba(225, 116, 0, 0.3);
    outline: 0;
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(225, 116, 0, 0.3);
}
.form-check, .form-check-input {
	cursor: pointer;
}
/***************************** btn *****************************/
.send_btn {
    font-size: 16px;
    padding: 10px 14px;
    font-weight: 500;
    color: #350d0a;
	border: 2px solid #350d0a;
	border-radius: 50px;
	text-align: center;
}
.send_btn:hover {
	background-color: #350d0a;
    color: #fff;
}
/***************************** login_signup *****************************/
.login_signup_form {
	padding: 50px 80px;
}
.login_signup_logo img {
    width: 200px;
	display: block;
	margin: 0 auto;
}
.login_signup h4, .login_signup .form-check-label {
    color: #616161;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}
.login_signup .forgot_btn, .login_signup h4 a, .login_signup h4 button, .login_signup .form-check-label a {
    font-weight: 400;
    font-size: 15px;
    color: #350d0a;
	background-color: transparent;
	text-decoration: underline;
}
.int_tel_floating {
	transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    left: 94px !important;
	color: rgba(33, 37, 41, 0.65) !important;
}
.otp_time {
    font-weight: 400;
    font-size: 20px;
    color: #350d0a;
	text-align: center;
}
.otp_fields {
  	width: 100%;
  	display: flex;
  	justify-content: center;
  	gap: 10px;
}
.otp_fields input {
  	width: 64px;
  	height: 60px;
  	background-color: transparent;
  	border: 1px solid #ccc;
  	text-align: center;
  	outline: none;
  	font-size: 16px;
}
.otp_fields input::-webkit-outer-spin-button, .otp_fields input::-webkit-inner-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
}
.otp_fields input[type=number] {
  	-moz-appearance: textfield;
}
.otp_fields input:focus {
  	border-color: #00B8C5;
  	font-size: 20px;
}
.signup_bg {
    background: #fff url("../images/signup_bg.webp") no-repeat center center;
    background-size: cover;
}
.login_bg {
    background: #fff url("../images/login_bg.webp") no-repeat center center;
    background-size: cover;
}
.otp_bg, .forgot_bg {
    background: #fff url("../images/sign_bg.webp") no-repeat center center;
    background-size: cover;
}
@media (min-width: 200px) and (max-width: 1199.98px) {
	.login_signup_form {
		padding: 20px 50px;
	}
}
@media (min-width: 200px) and (max-width: 991.98px) {
	.login_signup_form {
		padding: 20px 15px;
	}
	.send_btn {
		padding: 8px 15px;
		font-size: 14px;
	}
}
@media (min-width: 200px) and (max-width: 480.98px) {
	.otp_fields {
		gap: 4px;
	}
	.otp_fields input {
  		width: 40px;
  		height: 50px;
	}
	.xsm-100 {
		width: 100%;
	}
}
@media (min-width: 200px) and (max-width: 350.98px) {
	.xxsm-100 {
		width: 100%;
	}
}