//sign In ====
.dz-authentication-area{
	padding: 35px 15px 35px;
	.main-logo{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: 20px;
		position: relative;
		.back-btn{
			width: 46px;
			min-width: 46px;
			height: 46px;
			background-color: var(--rgba-primary-1);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30px;
			color: #373737;
			border-radius: 50%;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			i{
				font-weight: 700;
			}
		}
		.logo{
			img{
				max-width: 135px;
			}
		}
	}
	.dz-saprate{
		position: relative;
		display: block;
		color: var(--primary);
		text-align: center;
		font-weight: 500;
		font-size: 14px;
		padding: 40px 0;
		z-index: 1;
		> span{
			background-color: var(--body-bg);
			padding: 0 10px;
		}
		&:after{    
			content: "";
			position: absolute;
			width: 100%;
			height: 1px;
			background-color: var(--primary);
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			z-index: -1;
		}
	}
}	
.account-area{
	.back-btn{
		width: 48px;
		min-width: 48px;
		height: 48px;
		background-color: var(--rgba-primary-1);
		border-radius: 50%;
		text-align: center;
		color: var(--title);
		font-size: 28px;
	}
	// Country selector ==
	.country-select{
		form{
			.form-control{
				border-width: 0px 0px 1px 0;
				border-radius: 0;
			}
			.iti--allow-dropdown input{
				padding-right: 5px;
				padding-left: 70px;
				margin-left: 0;
			}
		} 
		.iti{
			width: 100%;
			.iti__flag{
				transform: scale(1.4);
			}
			.iti__arrow{
				margin-left: 20px;
				border: 0;
				position: relative;
				&::after{
					content: "\e842";
					position: absolute;
					top: 50%;
					left: 50%;
					color: var(--title);
					font-weight: 600;
					font-size: 18px;
					font-family: 'feather' !important;
					transform: translate(-50%, -50%);
				}
			}
		}
	}
	// Country selector ==
	&.style-2{
		.section-head{
			padding: 15px 0;
			h2{
				margin-bottom: 10px;	
			}
			p{
				font-size: 16px;
				margin-bottom: 0;
			}
			.badge{
				background-color: var(--rgba-primary-1);
				color: var(--primary);
				padding: 8px 14px;
				font-size: 16px;
				border-radius: var(--border-radius-md);
				font-weight: 700;
			}
		}
		.back-btn{
			width: unset;
			min-width: unset;
			height: unset;
			background-color: unset;
			border-radius: 50%;
			text-align: left;
			color: var(--title);
			font-size: 28px;
			display: inline-block;
		}
		.dz-contact{
			.input-group{
				gap: 15px;
				.input-group-text{
					font-size: 18px;
					font-weight: 600;
					color: var(--title);
					border-width: 0 0 2px;
					padding-top: 9px;
				}
				.form-control{
					padding-left: 0;
					border-width: 0 0 2px;
					font-size: 18px;
					font-weight: 600;
				}
			}
		}
	}
}

.policy-content{
	margin-top: 30px;
	li{
		margin-bottom: 15px;
		p{
			font-size: 16px;
			margin-bottom: 0;
			line-height: 1.4;
		}
	}
}

.input-group > .form-control:focus, .input-group > .form-select:focus{
    z-index: unset;
}
.digit-group {
	display: flex;
	flex-direction: initial;
	margin-bottom: 15px;
	justify-content: center;
	input {
		margin: 0 8px;
		text-align: center;
		font-size: 18px;
		color: var(--title);
		padding: 0;
		width: 50px;
		height: 50px;
	}
	&.input-mini{
		.form-control{
			border-bottom-width: 2px;
		}	
	}
}