.dzSubscribe{
	&.style-1{
		.input-group{
			.form-control{				
				height: 60px;
				border-radius: 18px !important;
				background: #fff;
				border: 1px solid #DAE2F2;
				box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
				font-size: 16px;
				padding: 15px 185px 15px 30px;
				z-index: 0;
				
				&::placeholder {
					color: var(--bs-body-color);
				}
				&:focus{
					border-color: var(--bs-primary);
				}
				&.form-btn-square{
					padding-right: 60px;
					padding-left: 25px;
				}
			}
			.input-group-addon{
				position: absolute;
				right: 5px;
				top: 50%;
				transform: translateY(-50%);
				z-index: 1;
				
				.btn.btn-sm{
					height: 48px;
					width: 48px;
					min-width: 48px;
					padding: 0;
					font-size: 18px;
				}
				i{
					color: #fff;
				}
				.btn-icon{
					display: none;
				}
			}
			@include respond('phone-land'){
				.input-group-addon{
					.btn-text{
						display: none;
					}
					.btn-icon{
						display: block;
					}
					.btn.btn-sm{
						padding: 10px;
						min-width: 50px;
						height: 50px;
					}
				}
				.form-control{
					padding: 15px 80px 15px 20px;
				}
			}			
		}
	}
	&.style-2{
		.input-group{
			.form-control{				
				height: 60px;
				background: transparent;
				border-bottom: 2px solid #DAE2F2;
				font-size: 16px;
				padding: 15px 60px 15px 0;
				z-index: 0;
				
				&::placeholder {
					color: var(--bs-body-color);
				}
				&:focus{
					border-color: var(--bs-primary);
				}
				&.form-btn-square{
					padding-right: 60px;
					padding-left: 25px;
				}
			}
			.input-group-addon{
				position: absolute;
				right: 5px;
				top: 50%;
				transform: translateY(-50%);
				z-index: 1;
				
				.btn-icon{
					display: none;
				}
			}		
		}
	}
	&.style-3{
		.input-group{
			.form-control{				
				height: 60px;
				border-radius: 15px !important;
				background: #fff;
				border: 2px solid var(--bs-primary);
				font-size: 18px;
				padding: 15px 20px;
				z-index: 0;
				border-top-right-radius: 0 !important;
				border-bottom-right-radius: 0 !important;
				
				&::placeholder {
					color: var(--bs-body-color);
				}
				&:focus{
					border-color: var(--bs-primary);
				}
			}
			.input-group-addon{
				.btn{
					height: 100%;
					border-top-left-radius: 0;
					border-bottom-left-radius: 0;
					font-size: 18px;
				}
				.btn-icon{
					display: none;
				}
			}
			@include respond('tab-land'){
				.form-control{
					font-size: 16px;
				}
				.input-group-addon .btn{
					font-size: 16px;
				}
			}
			@include respond('phone'){
				.input-group-addon{
					.btn-text{
						display: none;
					}
					.btn-icon{
						display: inline-flex;
					}
				}
			}
		}
	}
}