.row {
	max-width: 60rem;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-flow: row wrap
}

.row .row {
	margin-right: -.625rem;
	margin-left: -.625rem
}

@media print, screen and (min-width: 40em) {
	.hide-for-medium {
		display: none !important;
	}
}

@media print,
screen and (min-width: 30em) {
	.row .row {
		margin-right: -.625rem;
		margin-left: -.625rem
	}
}

@media print,
screen and (min-width: 40em) {
	.row .row {
		margin-right: -.9375rem;
		margin-left: -.9375rem
	}
}

@media print,
screen and (min-width: 48em) {
	.row .row {
		margin-right: -.9375rem;
		margin-left: -.9375rem
	}
}

@media print,
screen and (min-width: 64em) {
	.row .row {
		margin-right: -.9375rem;
		margin-left: -.9375rem
	}
}

.row .row.collapse {
	margin-right: 0;
	margin-left: 0
}

.row.expanded {
	max-width: none
}

.row.expanded .row {
	margin-right: auto;
	margin-left: auto
}

.row:not(.expanded) .row {
	max-width: none
}

.row.collapse>.column,
.row.collapse>.columns {
	padding-right: 0;
	padding-left: 0
}

.row.is-collapse-child,
.row.collapse>.column>.row,
.row.collapse>.columns>.row {
	margin-right: 0;
	margin-left: 0
}


.column, .columns {
flex: 1 1 0px;
/* padding-right: .625rem; /
/ padding-left: .625rem; */
min-width: 0;
}

@media print,
screen and (min-width: 40em) {
	.column,
	.columns {
		padding-right: .9375rem;
		padding-left: .9375rem
	}
}

.column.row.row,
.row.row.columns {
	float: none;
	display: block
}

.row .column.row.row,
.row .row.row.columns {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0
}

.small-1 {
	flex: 0 0 8.33333333%;
	max-width: 8.33333333%
}

.small-offset-0 {
	margin-left: 0%
}

.small-2 {
	flex: 0 0 16.66666667%;
	max-width: 16.66666667%
}

.small-offset-1 {
	margin-left: 8.33333333%
}

.small-3 {
	flex: 0 0 25%;
	max-width: 25%
}

.small-offset-2 {
	margin-left: 16.66666667%
}

.small-4 {
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%
}

.small-offset-3 {
	margin-left: 25%
}

.small-5 {
	flex: 0 0 41.66666667%;
	max-width: 41.66666667%
}

.small-offset-4 {
	margin-left: 33.33333333%
}

.small-6 {
	flex: 0 0 50%;
	max-width: 50%
}

.small-offset-5 {
	margin-left: 41.66666667%
}

.small-7 {
	flex: 0 0 58.33333333%;
	max-width: 58.33333333%
}

.small-offset-6 {
	margin-left: 50%
}

.small-8 {
	flex: 0 0 66.66666667%;
	max-width: 66.66666667%
}

.small-offset-7 {
	margin-left: 58.33333333%
}

.small-9 {
	flex: 0 0 75%;
	max-width: 75%
}

.small-offset-8 {
	margin-left: 66.66666667%
}

.small-10 {
	flex: 0 0 83.33333333%;
	max-width: 83.33333333%
}

.small-offset-9 {
	margin-left: 75%
}

.small-11 {
	flex: 0 0 91.66666667%;
	max-width: 91.66666667%
}

.small-offset-10 {
	margin-left: 83.33333333%
}

.small-12 {
	flex: 0 0 100%;
	max-width: 100%
}

.small-offset-11 {
	margin-left: 91.66666667%
}

.small-up-1 {
	flex-wrap: wrap
}

.small-up-1>.column,
.small-up-1>.columns {
	flex: 0 0 100%;
	max-width: 100%
}

.small-up-2 {
	flex-wrap: wrap
}

.small-up-2>.column,
.small-up-2>.columns {
	flex: 0 0 50%;
	max-width: 50%
}

.small-up-3 {
	flex-wrap: wrap
}

.small-up-3>.column,
.small-up-3>.columns {
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%
}

.small-up-4 {
	flex-wrap: wrap
}

.small-up-4>.column,
.small-up-4>.columns {
	flex: 0 0 25%;
	max-width: 25%
}

.small-up-5 {
	flex-wrap: wrap
}

.small-up-5>.column,
.small-up-5>.columns {
	flex: 0 0 20%;
	max-width: 20%
}

.small-up-6 {
	flex-wrap: wrap
}

.small-up-6>.column,
.small-up-6>.columns {
	flex: 0 0 16.66666667%;
	max-width: 16.66666667%
}

.small-up-7 {
	flex-wrap: wrap
}

.small-up-7>.column,
.small-up-7>.columns {
	flex: 0 0 14.28571429%;
	max-width: 14.28571429%
}

.small-up-8 {
	flex-wrap: wrap
}

.small-up-8>.column,
.small-up-8>.columns {
	flex: 0 0 12.5%;
	max-width: 12.5%
}

.small-collapse>.column,
.small-collapse>.columns {
	padding-right: 0;
	padding-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
	padding-right: .625rem;
	padding-left: .625rem
}

@media print,
screen and (min-width: 30em) {
	.mini-1 {
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%
	}
	.mini-offset-0 {
		margin-left: 0%
	}
	.mini-2 {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}
	.mini-offset-1 {
		margin-left: 8.33333333%
	}
	.mini-3 {
		flex: 0 0 25%;
		max-width: 25%
	}
	.mini-offset-2 {
		margin-left: 16.66666667%
	}
	.mini-4 {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}
	.mini-offset-3 {
		margin-left: 25%
	}
	.mini-5 {
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%
	}
	.mini-offset-4 {
		margin-left: 33.33333333%
	}
	.mini-6 {
		flex: 0 0 50%;
		max-width: 50%
	}
	.mini-offset-5 {
		margin-left: 41.66666667%
	}
	.mini-7 {
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%
	}
	.mini-offset-6 {
		margin-left: 50%
	}
	.mini-8 {
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%
	}
	.mini-offset-7 {
		margin-left: 58.33333333%
	}
	.mini-9 {
		flex: 0 0 75%;
		max-width: 75%
	}
	.mini-offset-8 {
		margin-left: 66.66666667%
	}
	.mini-10 {
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%
	}
	.mini-offset-9 {
		margin-left: 75%
	}
	.mini-11 {
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%
	}
	.mini-offset-10 {
		margin-left: 83.33333333%
	}
	.mini-12 {
		flex: 0 0 100%;
		max-width: 100%
	}
	.mini-offset-11 {
		margin-left: 91.66666667%
	}
	.mini-up-1 {
		flex-wrap: wrap
	}
	.mini-up-1>.column,
	.mini-up-1>.columns {
		flex: 0 0 100%;
		max-width: 100%
	}
	.mini-up-2 {
		flex-wrap: wrap
	}
	.mini-up-2>.column,
	.mini-up-2>.columns {
		flex: 0 0 50%;
		max-width: 50%
	}
	.mini-up-3 {
		flex-wrap: wrap
	}
	.mini-up-3>.column,
	.mini-up-3>.columns {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}
	.mini-up-4 {
		flex-wrap: wrap
	}
	.mini-up-4>.column,
	.mini-up-4>.columns {
		flex: 0 0 25%;
		max-width: 25%
	}
	.mini-up-5 {
		flex-wrap: wrap
	}
	.mini-up-5>.column,
	.mini-up-5>.columns {
		flex: 0 0 20%;
		max-width: 20%
	}
	.mini-up-6 {
		flex-wrap: wrap
	}
	.mini-up-6>.column,
	.mini-up-6>.columns {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}
	.mini-up-7 {
		flex-wrap: wrap
	}
	.mini-up-7>.column,
	.mini-up-7>.columns {
		flex: 0 0 14.28571429%;
		max-width: 14.28571429%
	}
	.mini-up-8 {
		flex-wrap: wrap
	}
	.mini-up-8>.column,
	.mini-up-8>.columns {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}
}

@media print,
screen and (min-width: 30em) and (min-width: 30em) {
	.mini-expand {
		flex: 1 1 0px
	}
}

.row.mini-unstack>.column,
.row.mini-unstack>.columns {
	flex: 0 0 100%
}

@media print,
screen and (min-width: 30em) {
	.row.mini-unstack>.column,
	.row.mini-unstack>.columns {
		flex: 1 1 0px
	}
}

@media print,
screen and (min-width: 30em) {
	.mini-collapse>.column,
	.mini-collapse>.columns {
		padding-right: 0;
		padding-left: 0
	}
	.mini-uncollapse>.column,
	.mini-uncollapse>.columns {
		padding-right: .625rem;
		padding-left: .625rem
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-1 {
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%
	}
	.medium-offset-0 {
		margin-left: 0%
	}
	.medium-2 {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}
	.medium-offset-1 {
		margin-left: 8.33333333%
	}
	.medium-3 {
		flex: 0 0 25%;
		max-width: 25%
	}
	.medium-offset-2 {
		margin-left: 16.66666667%
	}
	.medium-4 {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}
	.medium-offset-3 {
		margin-left: 25%
	}
	.medium-5 {
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%
	}
	.medium-offset-4 {
		margin-left: 33.33333333%
	}
	.medium-6 {
		flex: 0 0 50%;
		max-width: 50%
	}
	.medium-offset-5 {
		margin-left: 41.66666667%
	}
	.medium-7 {
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%
	}
	.medium-offset-6 {
		margin-left: 50%
	}
	.medium-8 {
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%
	}
	.medium-offset-7 {
		margin-left: 58.33333333%
	}
	.medium-9 {
		flex: 0 0 75%;
		max-width: 75%
	}
	.medium-offset-8 {
		margin-left: 66.66666667%
	}
	.medium-10 {
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%
	}
	.medium-offset-9 {
		margin-left: 75%
	}
	.medium-11 {
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%
	}
	.medium-offset-10 {
		margin-left: 83.33333333%
	}
	.medium-12 {
		flex: 0 0 100%;
		max-width: 100%
	}
	.medium-offset-11 {
		margin-left: 91.66666667%
	}
	.medium-up-1 {
		flex-wrap: wrap
	}
	.medium-up-1>.column,
	.medium-up-1>.columns {
		flex: 0 0 100%;
		max-width: 100%
	}
	.medium-up-2 {
		flex-wrap: wrap
	}
	.medium-up-2>.column,
	.medium-up-2>.columns {
		flex: 0 0 50%;
		max-width: 50%
	}
	.medium-up-3 {
		flex-wrap: wrap
	}
	.medium-up-3>.column,
	.medium-up-3>.columns {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}
	.medium-up-4 {
		flex-wrap: wrap
	}
	.medium-up-4>.column,
	.medium-up-4>.columns {
		flex: 0 0 25%;
		max-width: 25%
	}
	.medium-up-5 {
		flex-wrap: wrap
	}
	.medium-up-5>.column,
	.medium-up-5>.columns {
		flex: 0 0 20%;
		max-width: 20%
	}
	.medium-up-6 {
		flex-wrap: wrap
	}
	.medium-up-6>.column,
	.medium-up-6>.columns {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}
	.medium-up-7 {
		flex-wrap: wrap
	}
	.medium-up-7>.column,
	.medium-up-7>.columns {
		flex: 0 0 14.28571429%;
		max-width: 14.28571429%
	}
	.medium-up-8 {
		flex-wrap: wrap
	}
	.medium-up-8>.column,
	.medium-up-8>.columns {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}
}

@media print,
screen and (min-width: 40em) and (min-width: 40em) {
	.medium-expand {
		flex: 1 1 0px
	}
}

.row.medium-unstack>.column,
.row.medium-unstack>.columns {
	flex: 0 0 100%
}

@media print,
screen and (min-width: 40em) {
	.row.medium-unstack>.column,
	.row.medium-unstack>.columns {
		flex: 1 1 0px
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-collapse>.column,
	.medium-collapse>.columns {
		padding-right: 0;
		padding-left: 0
	}
	.medium-uncollapse>.column,
	.medium-uncollapse>.columns {
		padding-right: .9375rem;
		padding-left: .9375rem
	}
}

@media print,
screen and (min-width: 48em) {
	.tablet-1 {
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%
	}
	.tablet-offset-0 {
		margin-left: 0%
	}
	.tablet-2 {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}
	.tablet-offset-1 {
		margin-left: 8.33333333%
	}
	.tablet-3 {
		flex: 0 0 25%;
		max-width: 25%
	}
	.tablet-offset-2 {
		margin-left: 16.66666667%
	}
	.tablet-4 {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}
	.tablet-offset-3 {
		margin-left: 25%
	}
	.tablet-5 {
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%
	}
	.tablet-offset-4 {
		margin-left: 33.33333333%
	}
	.tablet-6 {
		flex: 0 0 50%;
		max-width: 50%
	}
	.tablet-offset-5 {
		margin-left: 41.66666667%
	}
	.tablet-7 {
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%
	}
	.tablet-offset-6 {
		margin-left: 50%
	}
	.tablet-8 {
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%
	}
	.tablet-offset-7 {
		margin-left: 58.33333333%
	}
	.tablet-9 {
		flex: 0 0 75%;
		max-width: 75%
	}
	.tablet-offset-8 {
		margin-left: 66.66666667%
	}
	.tablet-10 {
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%
	}
	.tablet-offset-9 {
		margin-left: 75%
	}
	.tablet-11 {
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%
	}
	.tablet-offset-10 {
		margin-left: 83.33333333%
	}
	.tablet-12 {
		flex: 0 0 100%;
		max-width: 100%
	}
	.tablet-offset-11 {
		margin-left: 91.66666667%
	}
	.tablet-up-1 {
		flex-wrap: wrap
	}
	.tablet-up-1>.column,
	.tablet-up-1>.columns {
		flex: 0 0 100%;
		max-width: 100%
	}
	.tablet-up-2 {
		flex-wrap: wrap
	}
	.tablet-up-2>.column,
	.tablet-up-2>.columns {
		flex: 0 0 50%;
		max-width: 50%
	}
	.tablet-up-3 {
		flex-wrap: wrap
	}
	.tablet-up-3>.column,
	.tablet-up-3>.columns {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}
	.tablet-up-4 {
		flex-wrap: wrap
	}
	.tablet-up-4>.column,
	.tablet-up-4>.columns {
		flex: 0 0 25%;
		max-width: 25%
	}
	.tablet-up-5 {
		flex-wrap: wrap
	}
	.tablet-up-5>.column,
	.tablet-up-5>.columns {
		flex: 0 0 20%;
		max-width: 20%
	}
	.tablet-up-6 {
		flex-wrap: wrap
	}
	.tablet-up-6>.column,
	.tablet-up-6>.columns {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}
	.tablet-up-7 {
		flex-wrap: wrap
	}
	.tablet-up-7>.column,
	.tablet-up-7>.columns {
		flex: 0 0 14.28571429%;
		max-width: 14.28571429%
	}
	.tablet-up-8 {
		flex-wrap: wrap
	}
	.tablet-up-8>.column,
	.tablet-up-8>.columns {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}
}

@media print,
screen and (min-width: 48em) and (min-width: 48em) {
	.tablet-expand {
		flex: 1 1 0px
	}
}

.row.tablet-unstack>.column,
.row.tablet-unstack>.columns {
	flex: 0 0 100%
}

@media print,
screen and (min-width: 48em) {
	.row.tablet-unstack>.column,
	.row.tablet-unstack>.columns {
		flex: 1 1 0px
	}
}

@media print,
screen and (min-width: 48em) {
	.tablet-collapse>.column,
	.tablet-collapse>.columns {
		padding-right: 0;
		padding-left: 0
	}
	.tablet-uncollapse>.column,
	.tablet-uncollapse>.columns {
		padding-right: .9375rem;
		padding-left: .9375rem
	}
}

@media print,
screen and (min-width: 64em) {
	.large-1 {
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%
	}
	.large-offset-0 {
		margin-left: 0%
	}
	.large-2 {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}
	.large-offset-1 {
		margin-left: 8.33333333%
	}
	.large-3 {
		flex: 0 0 25%;
		max-width: 25%
	}
	.large-offset-2 {
		margin-left: 16.66666667%
	}
	.large-4 {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}
	.large-offset-3 {
		margin-left: 25%
	}
	.large-5 {
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%
	}
	.large-offset-4 {
		margin-left: 33.33333333%
	}
	.large-6 {
		flex: 0 0 50%;
		max-width: 50%
	}
	.large-offset-5 {
		margin-left: 41.66666667%
	}
	.large-7 {
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%
	}
	.large-offset-6 {
		margin-left: 50%
	}
	.large-8 {
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%
	}
	.large-offset-7 {
		margin-left: 58.33333333%
	}
	.large-9 {
		flex: 0 0 75%;
		max-width: 75%
	}
	.large-offset-8 {
		margin-left: 66.66666667%
	}
	.large-10 {
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%
	}
	.large-offset-9 {
		margin-left: 75%
	}
	.large-11 {
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%
	}
	.large-offset-10 {
		margin-left: 83.33333333%
	}
	.large-12 {
		flex: 0 0 100%;
		max-width: 100%
	}
	.large-offset-11 {
		margin-left: 91.66666667%
	}
	.large-up-1 {
		flex-wrap: wrap
	}
	.large-up-1>.column,
	.large-up-1>.columns {
		flex: 0 0 100%;
		max-width: 100%
	}
	.large-up-2 {
		flex-wrap: wrap
	}
	.large-up-2>.column,
	.large-up-2>.columns {
		flex: 0 0 50%;
		max-width: 50%
	}
	.large-up-3 {
		flex-wrap: wrap
	}
	.large-up-3>.column,
	.large-up-3>.columns {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}
	.large-up-4 {
		flex-wrap: wrap
	}
	.large-up-4>.column,
	.large-up-4>.columns {
		flex: 0 0 25%;
		max-width: 25%
	}
	.large-up-5 {
		flex-wrap: wrap
	}
	.large-up-5>.column,
	.large-up-5>.columns {
		flex: 0 0 20%;
		max-width: 20%
	}
	.large-up-6 {
		flex-wrap: wrap
	}
	.large-up-6>.column,
	.large-up-6>.columns {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}
	.large-up-7 {
		flex-wrap: wrap
	}
	.large-up-7>.column,
	.large-up-7>.columns {
		flex: 0 0 14.28571429%;
		max-width: 14.28571429%
	}
	.large-up-8 {
		flex-wrap: wrap
	}
	.large-up-8>.column,
	.large-up-8>.columns {
		flex: 0 0 12.5%;
		max-width: 12.5%
	}
}

@media print,
screen and (min-width: 64em) and (min-width: 64em) {
	.large-expand {
		flex: 1 1 0px
	}
}

.row.large-unstack>.column,
.row.large-unstack>.columns {
	flex: 0 0 100%
}

@media print,
screen and (min-width: 64em) {
	.row.large-unstack>.column,
	.row.large-unstack>.columns {
		flex: 1 1 0px
	}
}

@media print,
screen and (min-width: 64em) {
	.large-collapse>.column,
	.large-collapse>.columns {
		padding-right: 0;
		padding-left: 0
	}
	.large-uncollapse>.column,
	.large-uncollapse>.columns {
		padding-right: .9375rem;
		padding-left: .9375rem
	}
}

.shrink {
	flex: 0 0 auto;
	max-width: 100%
}

.column-block {
	margin-bottom: 1.25rem
}

.column-block>:last-child {
	margin-bottom: 0
}

@media print,
screen and (min-width: 40em) {
	.column-block {
		margin-bottom: 1.875rem
	}
	.column-block>:last-child {
		margin-bottom: 0
	}
}


body.affordability section.calculator {
	padding: 3rem 0 5rem
}

body.affordability section.calculator .heading {
	padding-bottom: 3rem
}

body.affordability section.calculator .heading h2 {
	margin-bottom: 1.5rem
}

@media screen and (max-width: 29.9375em) {
	body.affordability section.calculator .sliders {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		position: relative
	}
}

body.affordability section.calculator .sliders .slider {
	position: relative;
	margin-bottom: 2.5rem
}

@media screen and (max-width: 39.9375em) {
	body.affordability section.calculator .sliders .slider {
		margin-bottom: 1.5rem
	}
}

body.affordability section.calculator .sliders .slider p {
	margin-bottom: 0.25rem
}

body.affordability section.calculator .sliders .slider h5 {
	text-align: center;
	position: absolute;
	right: 0;
	bottom: -24px;
}

body.affordability section.calculator .sliders .slider input[type=range] {
	-webkit-appearance: none;
	background-color: #cccccc;
	height: 2px;
	width: calc(100% - 3rem)
}

body.affordability section.calculator .sliders .slider input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: #333333;
	border-radius: 50%;
	display: block;
	height: 25px;
	width: 25px;
	margin-top: -8px;
	border: none;
}

body.affordability section.calculator .sliders .slider input[type=range]::-moz-range-thumb {
	background-color: #333333;
	border-radius: 50%;
	display: block;
	height: 25px;
	width: 25px;
	margin-top: -8px;
	border: none;
}

body.affordability section.calculator .sliders .slider input[type=range]::-ms-thumb {
	background-color: #333333;
	border-radius: 50%;
	display: block;
	height: 25px;
	width: 25px;
	margin-top: -8px;
	border: none;
}

body.affordability section.calculator .sliders .slider input[type=range]::-webkit-slider-runnable-track {
  box-shadow: none;
}

body.affordability section.calculator .sliders .slider input[type=range]::-moz-range-track {
  box-shadow: none;
}

body.affordability section.calculator .sliders .slider input[type=range]::-ms-track {
  box-shadow: none;
}

body.affordability section.calculator .sliders .slider input[type=range]:focus {
  outline: none;
}

body.affordability section.calculator .sliders small {
	display: block;
	margin-bottom: 1rem
}

body.affordability section.calculator .image {
	position: relative;
	text-align: center;
	padding-bottom: 100%;
	display: flex;
	flex-direction: column;
	background-size: cover;
	background-position: left center;
	background-image: url("https://clearsightokde.wpengine.com/wp-content/uploads/2024/07/calculator-bg.jpg");
	width: 100%;
	/* Zeeshanx Addition */
	height: 100%;
}

body.affordability section.calculator .image .overlay {
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

body.affordability section.calculator .image .meta {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

body.affordability section.calculator .image .meta h2,
body.affordability section.calculator .image .meta h5 {
	color: #fff;
	position: relative;
	z-index: 1;
	margin: 0;
}

body.affordability section.calculator .image .meta h2 {
	font-size: 2.5rem;
}


body.affordability section.calculator .image .meta h5 {
	padding: 0.2rem 4rem;
}

body.affordability section.calculator .image .meta {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}