/* ---- FRONT-END ---- */
#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper {
	display: flex;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper {
	display: inline-flex;
	flex: 0 0 50%;
	max-width: 50%;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper .hbn-p25-title-text-calculator-content-container {
	display: flex;
	flex-direction: column;
	flex: 0 0 100%;
	justify-content: flex-start;
	font-family: 'Averta Regular';
	font-size: clamp( 14px, 1.36752vw, 16px);
	/*
	padding-top: 40px;
	padding-bottom: 40px;
	*/
	padding: 50px 35px; /* 70px 50px; */
	padding-right: 16.6%;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper .hbn-p25-title-text-calculator-content-container p {
	margin-bottom: 1.4em;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper .hbn-p25-title-text-calculator-content-container p:first-of-type {
	font-size: clamp( 14px, 1.6vw, 16px);
	font-weight: 600;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper .hbn-p25-title-text-calculator-content-container h3.hbn-p25-title-text-calculator-project-intro-title {
	font-family: 'Averta Bold';
	font-size: clamp( 28px, 2.73504vw, 32px);
	color: #272049;
	margin: 0;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper .hbn-p25-title-text-calculator-content-container h2.hbn-p25-title-text-calculator-project-title,
#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-form-wrapper .hbn-p25-title-text-calculator-form-container h2.hbn-p25-title-text-calculator-project-title.form {
	font-family: 'Averta Bold';
	font-size: clamp( 28px, 2.73504vw, 32px);
	color: #272049;
	margin-bottom: 30px;
	margin-top: 0;
}



#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-form-wrapper {
	display: inline-flex;
	flex: 0 0 50%;
	max-width: 50%;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-form-wrapper .hbn-p25-title-text-calculator-form-container {
	position: relative;
	font-family: 'Averta Regular';
	font-size: clamp( 18px, 1.88034vw, 18px);
	color: #FFFFFF; /* #272049; */
	height: 100%;
	width: 100%;
	padding: 50px 70px; /* 60px; */
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-form-wrapper .hbn-p25-title-text-calculator-form-container h3.hbn-p25-title-text-calculator-form-title {
	font-family: 'Averta Bold';
	font-size: clamp( 18px, 1.88034vw, 18px);
	color: #272049;
	padding: 0;
	margin: 0;
}


#hbn-p25-title-text-calculator-wrapper input[type=number] {
	color: #FFFFFF;
	background-color: transparent;
	border: 0 none;
	border-bottom: 1px solid #FFFFFF;
	height: 46px;
	padding: 10px 5px;
}

#hbn-p25-title-text-calculator-wrapper h4.hbn-p25-title-text-calculator-form-calculated-number-title,
#hbn-p25-title-text-calculator-wrapper h4.hbn-p25-title-text-calculator-form-max-rent-title {
	padding-top: 35px;
	margin-bottom: 0;
}

#hbn-p25-title-text-calculator-wrapper input#calculated-number,
#hbn-p25-title-text-calculator-wrapper input#max-rent {
	font-size: clamp( 24px, 2.4vw, 28px);
	width: 70%;
	height: 52px;
}

#hbn-p25-title-text-calculator-wrapper input#max-rent {
	font-family: 'Averta Bold';
	
}

#hbn-p25-title-text-calculator-wrapper input[type=number]::-webkit-inner-spin-button,
#hbn-p25-title-text-calculator-wrapper input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#hbn-p25-title-text-calculator-wrapper input[type=number]::placeholder {
	color: #FFFFFF80;
	text-align: left;
}

#hbn-p25-title-text-calculator-wrapper h4.hbn-p25-title-text-calculator-form-title {
	clear: both;
	padding-top: 25px;
	margin-bottom: 0;
	line-height: inherit;
}

#hbn-p25-title-text-calculator-wrapper h4.hbn-p25-title-text-calculator-form-title:first-of-type {
	padding-top: 0;
	margin-top: 0;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-1-container {
	display: inline-block;
	width: 100%;
	margin-bottom: 18px;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-1-container .hbn-p25-title-text-calculator-form-input-fields-monthly-income-field-1 {
	position: relative;
	float: left;
	width: 45%;
	min-width: 45%;
	margin-right: 10%;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-1-container .hbn-p25-title-text-calculator-form-input-fields-monthly-income-field-1 input {
	font-size: 18px;
	text-align: right;
	width: 100%;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-1-container .hbn-p25-title-text-calculator-form-input-fields-yearly-income-field-1 {
	position: relative;
	float: left;
	width: 45%;
	min-width: 45%;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-1-container .hbn-p25-title-text-calculator-form-input-fields-yearly-income-field-1 input {
	font-size: 18px;
	color: #FFFFFF;
	text-align: right;
	width: 100%;
	border: 0 none;
	border-bottom: 1px solid #FFFFFF;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-income-partner-container {
	margin: 15px 0 15px 0;
}

#hbn-p25-title-text-calculator-wrapper input[type="checkbox"] {
	position: absolute;
    opacity: 0;
    width: 16px;
    height: 16px;
}

#hbn-p25-title-text-calculator-wrapper input[type="checkbox"] + label:before {
	display: inline-block;
	content: '';
	height: 16px;
	width: 16px;
	margin-right: 10px;
	border: 2px solid #ffffff;
	background-color: transparent;
}

#hbn-p25-title-text-calculator-wrapper input[type="checkbox"]:hover {
	cursor: pointer;
}

#hbn-p25-title-text-calculator-wrapper input[type="checkbox"] + label:before {
	cursor: pointer;
}



#hbn-p25-title-text-calculator-wrapper input[type="checkbox"]:checked + label:before {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}


#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-income-partner-container label {
	margin-left: 7px;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-2-container {
	display: none;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-2-container {
	display: none;
	width: 100%;
	margin-bottom: 18px;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-2-container .hbn-p25-title-text-calculator-form-input-fields-monthly-income-field-2 {
	position: relative;
	float: left;
	width: 45%;
	min-width: 45%;
	margin-right: 10%;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-2-container h4 {
	clear: both;
	padding-top: 25px;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-2-container .hbn-p25-title-text-calculator-form-input-fields-monthly-income-field-2 input {
	font-size: 18px;
	text-align: right;
	width: 100%;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-2-container .hbn-p25-title-text-calculator-form-input-fields-yearly-income-field-2 {
	position: relative;
	float: left;
	width: 45%;
	min-width: 45%;
}

#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-2-container .hbn-p25-title-text-calculator-form-input-fields-yearly-income-field-2 input {
	font-size: 18px;
	text-align: right;
	width: 100%;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-footer-wrapper {
	font-size: 14px;
	padding: 50px 35px;
	background-color: #F3F0EA;
}

#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-footer-wrapper p:last-of-type {
	margin: 0;
}





@media(max-width: 767px) {
	#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper {
		display: flex;
		flex-direction: column;
		padding: 0;
	}
				
	#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
	}
				
	#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper .hbn-p25-title-text-calculator-content-container {
		font-size: clamp( 14px, 1.36752vw, 16px);
		padding: 35px;
	
	}

	#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-content-wrapper .hbn-p25-title-text-calculator-content-container p:last-of-type {
		margin: 0;
	}
				
	#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-form-wrapper .hbn-p25-title-text-calculator-form-container h2.hbn-p25-title-text-calculator-project-title.form {
		display: none;
	}			
				
	#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-form-wrapper {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
	}
				
	#hbn-p25-title-text-calculator-wrapper #hbn-p25-title-text-calculator-content-form-wrapper #hbn-p25-title-text-calculator-form-wrapper .hbn-p25-title-text-calculator-form-container {
		font-size: clamp( 18px, 1.88034vw, 18px);
		padding: 35px;
	}
	
	#hbn-p25-title-text-calculator-wrapper input[type=number]::placeholder {
		color: #FFFFFF80;
		text-align: left;
	}
	
	#hbn-p25-title-text-calculator-wrapper .hbn-p25-title-text-calculator-form-input-fields-income-1-container .hbn-p25-title-text-calculator-form-input-fields-monthly-income-field-1 input {
		font-size: 14px;
	}
				
				
	
}



/* ---- PREVIEW BACK-END ---- */
#text-wrapper {
	padding: 35px 0;
}