@charset "UTF-8";

/* ------------------------- Gravity forms -------------------------------------------------- */
div.jade-calc .iti, div#gform_wrapper_3 .iti {display:inline-block;width: 100%;max-width:100%;}
/* --- Labels --- */
div.gform_wrapper.gravity-theme .gfield_label {
	font-size: 0.92rem;
	font-weight: 800;
	color: var(--secondary-color);
	margin-bottom: 16px;
	float:left;
}


/* --- Asterisk --- */
.gform_wrapper.gravity-theme .gfield_required {
	color: inherit;
	font-size: inherit;
	padding: 0;
}

/* --- Inputs --- */
/*#customModal .gform_wrapper.gravity-theme .gform_fields{
	grid-template-columns: auto;
}*/
#customModal div.gform_wrapper.gravity-theme .gfield_label,
div.jade-calc div.gform_wrapper.gravity-theme .gfield_label{
	text-align: left;
}
input.quick-quote-loan-amount {
    font-size: 1.6rem;
    font-weight: 600;
    min-height: 3rem;
    padding: 5px 17px 5px 40px;
    border-radius: 10px;
    color: var(--secondary-color);
    background-color: hsl(220, 36%, 95%);
    border: 1px solid transparent;
    appearance: none;
    -webkit-appearance: none;
    margin: 0 0 20px;
    /* 
    width: 45%;
    max-width: 100%;
	*/
	max-width: 360px;
}
.hero_qlf_ffield::before {
    content: "$";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 2.5rem;
    color: var(--secondary-color);
    height: 3rem;
    pointer-events: none;
    font-size: 1.6rem;
    font-weight: bold;
}

.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
	font-size: 1rem;
	font-weight: 400;
	min-height: 3rem;
	padding: 10px 17px;
	border-radius: 10px;
	color: var(--secondary-color);
	background-color: hsl(220, 36%, 95%);
	border: 1px solid transparent;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 3.125rem hsl(220, 36%, 95%) inset;
	-webkit-text-fill-color: var(--secondary-color);
}

input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 3.125rem hsl(220, 36%, 95%) inset;
	-webkit-text-fill-color: var(--secondary-color);
}

/* --- Select input --- */
.gform_wrapper.gravity-theme .gfield select {
	-webkit-appearance: none;
	appearance: none;
	background-size: 12px;
	background-position: right 20px center;
	background-repeat: no-repeat;
	padding-right: 40px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01IDZMNS41NDk2OCA1LjQ5NDA2TDEwIDEuMzg5NTVMOC45MDA2NCA4LjE4MTM2ZS0wN0w1IDMuNTk4NTdMMS4wOTkzNiAxLjM5NzllLTA3TC0zLjE4MDkxZS0wNyAxLjM4OTU1TDQuNDUwMzIgNS40OTQwNkw1IDZaIiBmaWxsPSIjMEUyNDVBIi8+Cjwvc3ZnPgo=);
}


/* --- Dollar before --- */
.gfield.dollar-before .ginput_container {
	position: relative;
}

.jade-calc .gfield.dollar-before .ginput_container input {
	padding-left: 2.5rem;
	font-weight: 400;
}

.gfield.dollar-before .ginput_container:before {
	/*content: "$";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 2.5rem;
	height: 100%;
	pointer-events: none;*/
	content: "$";
    display: inline-flex;
    width: 2.5rem;
    pointer-events: none;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    vertical-align: middle;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    z-index: 1;
	left:0;
}

.cta-companies-section .gfield.dollar-before .ginput_container:before,
.post-template-default .gfield.dollar-before .ginput_container:before{
	top: 50%;
}

.jade-calc-form_wrapper .gfield.dollar-before .ginput_container:before{
	top: 8%;
}

/* --- Form grid gaps --- */
@media (min-width: 641px) {
	.gform_wrapper.gravity-theme .gform_fields {
		grid-column-gap: 20px;
		grid-row-gap: 16px;
	}
}

@media (min-width: 64rem) {
	.gform_wrapper.gravity-theme .gform_fields {
		grid-column-gap: 40px;
	}
}

/* --- aside-form-box on single post page start --- */
.aside-form-box .gform_wrapper.gravity-theme .gform_fields {
	grid-column-gap: 17px;
}

.aside-form-box .jade-calc {
	padding: 0 .5rem 1rem;
}

/* --- Form title (description) --- */
.gform_title {
	font-size: 2.375rem;
	font-weight: 900;
	line-height: 1.2;
}

p.gform_description{
	margin-bottom: 0.86em;
}

/* --- Disclamer --- */
.jade-calc-disclaimer-single {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 500;
	color: #0E245A;
	text-decoration: underline;
	cursor: pointer;
	margin-top: 10px;
}

.jade-calc-disclaimer-single:hover {
	text-decoration: none;
}

/* --- aside-form-box on single post page end --- */


/* --- Description --- */
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border-color: var(--error-color);
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
	border-color: var(--error-color);
	background-color: var(--error-bg-color);
}

/* --- Hide progress bar --- */
.gf_progressbar_wrapper {
	display: none;
}

/* --- Hide legend requierements --- */
.gform_required_legend {
	display: none;
}

/* ------------------------- Errors -------------------------------------------------- */
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
	font-size: 0.875rem;
	line-height: 1;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
	border-color: var(--error-color);
	background-color: var(--error-bg-color);
	border-width: 1px;
	box-shadow: none;
	border-radius: 10px;
	padding: 20px;
}

/* --- Messages sizes --- */
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
	font-size: 0.875rem;
	padding: 10px 17px 8px;
	border-radius: 10px;
}

/* --- Form Footer --- */
.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
	position: relative;
	display: flex;
	gap: 10px;
	padding-bottom: 0;
}

/* --- Form Footer button --- */
.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
	border-radius: 5px;
	flex-grow: 1;
	font-size: 0.9375rem;
}

/* --- Previous button --- */
.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_save_link.button {
	flex-grow: 0;
	font-size: 0;
	min-width: 3.125rem;
	padding: 0;
	background-size: 1.125rem;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC4xNSAyMS42MyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2NiZDRlODsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTAuNCwxOS43MmwuNzgtLjc0Yy4yLS4yLC4yLS41MSwwLS42NmwtNi4wNS02LjA1aDEzLjM2Yy4yMywwLC40Ny0uMjMsLjQ3LS40N3YtMS4wOWMwLS4yNy0uMjMtLjQ3LS40Ny0uNDdINS4xNGw2LjA1LTYuMTFjLjItLjE2LC4yLS40NywwLS42NmwtLjc4LS43NGMtLjE2LS4yLS40Ny0uMi0uNjYsMEwxLjU5LDEwLjg5Yy0uMiwuMi0uMiwuNDcsMCwuNjZsOC4xNiw4LjE1Yy4yLC4yLC41MSwuMiwuNjYsMGgwdi4wMloiLz4KPC9zdmc+);
	transition-property: background-color, color, border-color, transform, background-position;
}

.gform_wrapper.gravity-theme .gform_previous_button.button:hover,
.gform_wrapper.gravity-theme .gform_save_link.button:hover {
	background-position: 45% 50%;
}

/* ------------------------- Consent -------------------------------------------------- */
/* Hide the browser's default checkbox */
.ginput_container_consent input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox start */
.gfield_consent_label {
	position: relative;
	padding-left: 2em;
}

.gfield_consent_label a {
	color: var(--primary-darker-color);
	text-decoration: underline;
}

.gfield_consent_label:before,
.gfield_consent_label:after {
	content: "";
	position: absolute;
	top: 0.25em;
	left: 0;
	display: block;
	height: 1.28em;
	width: 1.28em;
	margin-top: -0.15em;
}

.gfield_consent_label:before {
	background-color: #fff;
	border: 1px solid var(--grey-text-color);
	border-radius: 3px;
	transition: border-color 0.25s ease, background-color 0.25s ease;
}

.gfield_consent_label:after {
	transition: opacity 0.25s ease;
	background-position: center center;
	background-size: 60%;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjcyIiBoZWlnaHQ9IjIxMiIgdmlld0JveD0iMCAwIDI3MiAyMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zNiAxMDZMODYgMTU2Qzk1LjIwMzMgMTY1LjIwMyAxMTAuMTMgMTY1LjIwMyAxMTkuMzMzIDE1NkwyMzYgMzkuMzMzNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI2Ni42NjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.ginput_container_consent input[type="checkbox"]:checked~.gfield_consent_label:before {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.ginput_container_consent input[type="checkbox"]:checked~.gfield_consent_label:after {
	opacity: 1;
}

/* Create a custom checkbox end */

/* --- Consent for free finance quote --- */
#gform_1 .page-has-consent {
	position: relative;
	padding-bottom: 80px;
	/* 	overflow: hidden; */
}

#gform_1 .page-has-consent .gfield--type-consent {
	position: absolute;
	padding: 20px;
	background-color: #F2F5F9;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0 0 10px 10px;
}

#gform_1 .page-has-consent .gfield--type-consent .ginput_container_consent {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	padding: 0 140px;
}

/* error */
/* .gform_validation_error .page-has-consent {} */

#gform_1 .page-has-consent .gfield--type-consent.gfield_error .gfield_validation_message {
	position: absolute;
	left: -1px;
	right: -1px;
	top: 0;
	bottom: -1px;
	margin: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	border-radius: 0 0 10px 10px;
	width: auto;
}

@media (max-width: 64rem) {
	#gform_1 .page-has-consent .gfield--type-consent.gfield_error .gfield_validation_message {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border-radius: 10px;
		font-size: 0 !important;
	}

	#gform_1 .page-has-consent .gfield--type-consent {
		border-radius: 10px;
	}

	#gform_1 .page-has-consent .gfield--type-consent .ginput_container_consent {
		padding: 0;
	}
}

@media (max-width: 36rem) {
	#gform_1 .page-has-consent {
		padding-bottom: 96px;
	}

	#gform_1 .page-has-consent .gfield--type-consent {
		padding: 15px 10px;
	}

	#gform_1 .page-has-consent .gfield--type-consent .ginput_container_consent {
		max-width: 25.6ch;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ------------------------- Consent end -------------------------------------------------- */

/* --- Confirmation message --- */
.gform_confirmation_message {
	display: block;
	text-align: center;
	background-color: var(--primary-color);
	/* color: hsl(154deg, 76%, 13%); */
	color: #fff;
	font-weight: 800;
	padding: 20px;
	font-size: 1.5rem;
	border-radius: 8px;
	line-height: 1.35;
	margin-top: 30px;
}

/* --- Spinner --- */
/* .gform_ajax_spinner {} */


/* ------------------------- Jade calc -------------------------------------------------- */
/* --- Loan caltulator --- */

.jade-calc {
	--calculator-border: 1px solid rgb(111 129 147 / 50%);
}

.jade-calc-form .gfmc-field div:not(.gchoice) {
	padding-bottom: 0;
}

/* --- Labels --- */
.jade-calc-form_wrapper .jade-calc-form .gfield_label,
.jade-calc-form .gfield--type-nurslider .gform-field-label {
	font-size: 1.375rem;
}

.jade-calc-form .years-formslider .output-span {
	text-transform: lowercase;
}

.jade-calc-form_wrapper .jade-calc-form .customer-fields .gfield_label {
	font-size: 1rem;
}

/* --- Form Footer --- */
.jade-calc-form_wrapper .jade-calc-form .gform_footer,
.jade-calc-form_wrapper .jade-calc-form .gform_page_footer {
	padding: 0 !important;
	margin: 0;
}

.jade-calc-form_wrapper .jade-calc-form .gform_footer input {
	margin-top: 20px;
	/* margin-bottom: 20px; */
	margin-bottom: 0px;
}

/* --- Descritions, instructions --- */
.jade-calc-form_wrapper .jade-calc-form .description,
.jade-calc-form_wrapper .jade-calc-form .gfield_description,
.jade-calc-form_wrapper .jade-calc-form .gsection_description,
.jade-calc-form_wrapper .jade-calc-form .instruction {
	padding-bottom: 8px !important;
}

/* --- Columns --- */
.jade-calc-form .gform-body>.gform_fields {
	column-gap: 0px;
	row-gap: 20px;
}

.jade-calc-form .gform_fields>.gfmc-container>.gfmc-column {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	border: var(--calculator-border);
	border-radius: 10px;
	padding: 36px 28px 30px;
	column-gap: 40px;
	align-items: center;
}


.jade-calc-form .gform_fields>.gfmc-container>.gfmc-column .gfield {
	margin-bottom:15px;
}

/* --- 767 --- */
@media (max-width: 47.9375rem) {
	.jade-calc-form .gform-body>.gform_fields>.gfmc-container {
		width: 100%;
	}
}

.jade-calc-form .gform-body>.gform_fields>.gfmc-container>.gfmc-column {
	row-gap: 30px;
	column-gap: 40px;
	position: relative;
}


@media (max-width: 640px) {
	.jade-calc-form .years-formslider {
		margin-top: 20px;
	}

	.jade-calc-form .gform-body>.gform_fields>.gfmc-container>.gfmc-column {
		column-gap: 0px;
	}

	.jade-calc-form_wrapper .jade-calc-form .gfield_label {
		font-size: 1rem;
		margin-bottom: 7px;
	}

	.gfield--type-nurslider .gform-field-label {
		font-size: 1.3125rem;
	}

	.balloon {
		margin-top: -14px;
	}
}

/* ------------------------- Sliders -------------------------------------------------- */
/* --- Sliders on calculator --- */
.jade-calc-form .gfield--type-nurslider {
	padding-bottom: 14px !important;
	display: flex;
	flex-direction: column;
}

.jade-calc-form .gfield--type-nurslider .ginput_container {
	margin-top: auto;
}

/* --- Value of sliders --- */
.jade-calc-form .gfield--type-nurslider .output-span {
	font-size: 4.1875rem;
	font-weight: 900;
	line-height: 1.4;
	color: hsl(210, 14%, 75%);
}

.jade-calc-form .gfield--type-nurslider .noUi-target,
.jade-calc-form .gfield--type-nurslider .noUi-base {
	padding: 0;
	margin: 0;
}

/* --- Full slider box --- */
.jade-calc-form .gfield--type-nurslider .noUi-target {
	margin-top: 14px;
	border: none;
	height: 18px;
	background-color: var(--grey-text-color);
	border-radius: 50px;
	border: none;
	box-shadow: none;
}

/* --- Full slider --- */
.jade-calc-form .noUi-connects {
	border-radius: 50px;
}

/* --- Filled peace --- */
.jade-calc-form .noUi-connect {
	background-color: var(--secondary-color);
}

/* --- Filled peace --- */
.jade-calc-form .noUi-handle {
	border: none;
	box-shadow: none;
	background-color: var(--primary-color);
}

.jade-calc-form .noUi-horizontal .noUi-handle {
	cursor: grab;
	width: 48px;
	height: 48px;
	top: -16px;
	right: -24px;
	border-radius: 50%;
	box-shadow: 0px 0px 11px 0px rgba(20, 46, 70, 0.15);
}

.jade-calc-form .noUi-horizontal .noUi-handle.noUi-active {
	cursor: grabbing;
}

.jade-calc-form .noUi-handle:before,
.jade-calc-form .noUi-handle:after {
	display: none;
}

/* ------------------------- Output bottom -------------------------------------------------- */
.jade-calc-form .output-bottom {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px !important;
}

@media (max-width: 640px) {
	.jade-calc-form .output-bottom {
		margin-top: -15px;
	}
}

.jade-calc-form .output-bottom>div {
	width: calc(50% - 20px);
}


/* --- Output --- */
.jade-calc-form .calc-output-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 23px;
	height: 100%;
}

.jade-calc-form .calc-output-box>.gfield_calculation {
	grid-column: span 1 !important;
	padding-bottom: 10px !important;
}

.jade-calc-form .calc-output-box>.gfield_calculation {
	background-color: #EEF1F7;
	border-radius: 10px;
	padding: 15px 10px 10px;
	border: 1px solid var(--secondary-color);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 5px;
	justify-content: center;
}

.jade-calc-form .calc-output-box>.gfield_calculation .ginput_container {
	order: -1;
}

/* --- Hide standart input --- */
.jade-calc-form .calc-field-output .ginput_container input {
	display: none !important;
}


/* ------------------------- Custom field output styles -------------------------------------------------- */
/* --- Output span --- */
.jade-calc-form .calc-output-box .output-span {
	display: block;
	font-size: 1.375rem;
	font-weight: 800;
	text-align: center;
	padding: 0;
	min-height: auto;
	background-color: transparent;
	pointer-events: none;
	outline: none !important;
}

.jade-calc-form .calc-output-box .gfield_label {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	margin: 0;
}


/* ------------------------- Monthly output -------------------------------------------------- */
.jade-calc-form .monthly-repayment {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid var(--primary-color);
	border-radius: 10px;
	padding: 13px 20px !important;
}

.jade-calc-form .monthly-repayment .gfield_label {
	font-size: 1.375rem;
	display: block;
	margin-bottom: 0;
	width: 12ch;
	line-height: 1.22;
}

/* --- Output span for monthly output --- */
.jade-calc-form .monthly-repayment .output-span {
	display: inline-block;
	font-size: 4.1875rem;
	line-height: 1;
	font-weight: 900;
	color: var(--primary-color);
}

.jade-calc-form .monthly-repayment .output-span__currency {
	display: inline-block;
	font-size: 0.49em;
	font-weight: 500;
	vertical-align: top;
	margin-top: 0.15em;
}


/* --- customer-fields --- */


.customer-fields .gfield_label {
	font-size: 1rem;
}


/* ------------------------- Media -------------------------------------------------- */
/* --- 1024px --- */
@media (max-width: 64rem) {
	.jade-calc-form .gform_fields {
		grid-column-gap: 40px;
	}

	.jade-calc-form .calc-output-box .output-span {
		font-size: 1.125rem;
	}

	/* --- Labels --- */
	.jade-calc-form .calc-output-box>.gfield_calculation .gfield_label {
		font-size: 0.875rem;
	}

	.jade-calc-form .gfield--type-nurslider .output-span {
		font-size: 3.5rem;
	}

	/* --- Output bottom --- */
	.jade-calc-form .calc-output-box {
		gap: 10px;
	}
}

/* --- 929px --- */
@media (max-width: 62rem) {

	/* --- Output span for monthly output --- */
	.jade-calc-form .monthly-repayment .output-span {
		font-size: 3rem;
	}
}

/* --- 768px --- */
@media (max-width: 48rem) {

	/* --- Output bottom --- */
	.jade-calc-form .output-bottom {
		gap: 10px !important;
	}

	.jade-calc-form .output-bottom>div {
		width: 100%;
	}

	.jade-calc-form .output-bottom .monthly-repayment {
		order: -1;
	}

}

@media (max-width: 640px) {
	.jade-calc-form .gform_fields {
		--tripple-x-gap: 0;
		grid-column-gap: 16px;
	}

	.jade-calc-form .monthly-repayment .gfield_label {
		text-align: center;
		font-size: 1.3125rem;
		width: 100%;
	}

	.jade-calc-form .monthly-repayment {
		padding: 20px 30px 18px !important;
		flex-direction: column;
		justify-content: center;
		gap: 22px;
	}

	.jade-calc-form .monthly-repayment .output-span {
		font-size: 4.1875rem;
	}
	
	input.quick-quote-loan-amount{
		width:100%;
		max-width:100%;
	}
}

/* --- 576px --- */
@media (max-width: 36rem) {

	/* --- Border --- */
	.jade-calc-form .gform_fields>.gfmc-container>.gfmc-column {
		border-radius: 10px;
		min-width: 100%;
		padding: 24px 12px 15px;
		display: block;
		column-gap: normal;
	}

	.jade-calc-form .gform-body>.gform_fields {
		column-gap: 0;
	}

	.jade-calc-table-field.initialize {
		display: none;
	}
	
	form.jade-calc-form .monthly-repayment .output-span{
		font-size: 2.7875rem;
	}
	
	form.jade-calc-form .gfield--type-nurslider .output-span{
		font-size: 2.8rem;
	}

	/* --- Labels --- */
	.jade-calc-form .gfield_label,
	.jade-calc-form .gfield--type-nurslider .gform-field-label {
		font-size: 1rem;
		text-align: left;
	}

	/* --- Labels for slider --- */
	.jade-calc-form .gfield--type-nurslider>.gfield_label {
		font-size: 1.3125rem;
		margin-bottom: 0;
	}

	/* --- Output box --- */
	.jade-calc-form .calc-output-box>.gfield_calculation {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.jade-calc-form .calc-output-box {
		grid-template-columns: 1fr;
	}

	/* --- Output span --- */
	.jade-calc-form .calc-output-box .output-span {
		width: 8ch !important;
		text-align: left;
	}

	.jade-calc-form .calc-output-box .output-span {
		font-size: 1.375rem;
	}

	/* --- Form Footer --- */
	.jade-calc-form_wrapper .jade-calc-form .gform_footer input {
		margin-top: 20px;
		margin-bottom: 0px;
	}
}


/* --- Quick quote --- */

/* jade-calc-repayment-form */
.jade-calc-repayment-form_wrapper .gform_description {
	margin-top: 12px;
	margin-bottom: 32px;
	text-align: center;
	font-size: 1.125rem;
}

.jade-calc-repayment-form .gform_fields>.gfmc-container>.gfmc-column {
	padding: 0;
	border: none;
	border-radius: 0;
}

/* labels */
.jade-calc-form_wrapper .jade-calc-repayment-form .gfield_label,
.jade-calc-repayment-form .gfield--type-nurslider .gform-field-label {
	font-size: 1rem;
}

.jade-calc-repayment-form_wrapper.gravity-theme .gfield_label {
	margin-bottom: 13px;
}

/* calc page */
.jade-calc-repayment-form .calc-page {}

.jade-calc-repayment-form .calc-page .gform_fields {
	grid-template-columns: 1fr 1fr;
	column-gap: 60px;
}

.jade-calc-repayment-form .calc-page .gform_fields>.gfmc-container {
	grid-column: span 1;
}

/* slider */
.jade-calc-repayment-form .money-formslider {
	position: relative;
}

.jade-calc-repayment-form .money-formslider .ginput_container {
	position: relative;
}

.jade-calc-repayment-form .money-formslider .output-span {
	font-size: 1rem;
	color: var(--secondary-color);
	font-weight: 500;
	position: absolute;
	display: inline-block;
	right: 0;
	bottom: calc(100% + 8px);
}

.jade-calc-repayment-form .money-formslider .gfield_label {
	margin-bottom: 8px;
}

.jade-calc-repayment-form .gfield--type-nurslider {
	padding-bottom: 0 !important;
}

.jade-calc-repayment-form .gfield--type-nurslider .noUi-target {
	margin-top: 9px;
	height: 7px;
	background-color: #F2F5F9;
}

.jade-calc-repayment-form .noUi-connect {
	background-color: var(--primary-color);
}

.jade-calc-repayment-form .noUi-horizontal .noUi-handle {
	width: 24px;
	height: 24px;
	top: -9px;
	right: -12px;
	background-color: #fff;
	border: 1px solid var(--primary-color);
}

/* payment-frequency (choiese) */
/* .jade-calc-repayment-form .payment-frequency {} */

.jade-calc-repayment-form .payment-frequency .gfield_radio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 0;
	row-gap: 0;
	border: 1px solid var(--primary-color);
	border-radius: 10px;
	overflow: hidden;
}

.jade-calc-repayment-form .payment-frequency .gfield_radio .gchoice {
	position: relative;
}

.jade-calc-repayment-form .payment-frequency .gfield_radio .gchoice input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.jade-calc-repayment-form .payment-frequency .gfield_radio .gchoice .gform-field-label {
	padding: 11px 11px 10px;
	width: 100%;
	display: block;
	max-width: 100%;
	margin: 0;
	text-align: center;
	font-weight: 500;
	font-size: 0.9375rem;
	transition: color 0.25s ease, background-color 0.25s ease;
	cursor: pointer;
}

.jade-calc-repayment-form .payment-frequency .gfield_radio .gchoice:not(:last-child) .gform-field-label {
	border-right: 1px solid var(--primary-color);
}

/* active choise */
.jade-calc-repayment-form .payment-frequency .gfield_radio .gchoice input:checked~.gform-field-label {
	background-color: var(--primary-color);
	color: #fff;
}



/* output */
.jade-calc-repayment-form_output {
	margin-bottom: 76px;
	padding: 16px 32px !important;
	border-radius: 10px !important;
	border: 1px solid var(--primary-darker-color) !important;
}

.jade-calc-repayment-form .calc-field-output {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

/* label */
.jade-calc-repayment-form .calc-field-output .gfield_label {
	margin: 0;
	font-weight: 500;
}

.jade-calc-repayment-form .calc-field-output.interest-output {
	margin-top: 60px;
	margin-bottom: 16px;
}

.jade-calc-repayment-form .calc-field-output.years-output {
	border-top: 1px solid var(--primary-color);
	padding-top: 16px;
	text-transform: none;
}


.jade-calc-repayment-form .monthly-repayment-output {
	flex-direction: column;
	gap: 0;
}

/* label */
.jade-calc-repayment-form .monthly-repayment-output .gfield_label {
	font-weight: 800;
	margin-bottom: 14px;
}

.jade-calc-repayment-form .monthly-repayment-output .output-span {
	display: inline-block;
	font-size: 3.4375rem;
	font-weight: 900;
	color: var(--primary-color);
	line-height: 1;
	white-space: nowrap;
}

.jade-calc-repayment-form .monthly-repayment-output .output-span__currency {
	display: inline-block;
	font-size: 0.6em;
	font-weight: 500;
	vertical-align: top;
	margin-top: 0.15em;
	margin-right: 0.15em;
}

.jade-calc-repayment-form .monthly-repayment-output .output-span__frequency {
	display: inline-block;
	color: var(--secondary-color);
	font-size: 0.29em;
	font-weight: 400;
	margin-left: 0.875em;
}

/* calc page footer */
.jade-calc .gform_page_footer.top_label{
	float: right;
}

.jade-calc-repayment-form .calc-page .gform_page_footer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 60px;
}

.jade-calc-repayment-form .calc-page .gform_page_footer>.button {
	grid-column: 2/-1;
	margin: 0;
	margin-top: -50px;
}

/* calculations (left) */
.jade-calc-repayment-form_calc {
	row-gap: 30px;
}

/* customer page */
.jade-calc-repayment-form .customer-page .gform_fields>.gfmc-container>.gfmc-column {
	column-gap: 40px;
	row-gap: 30px;
	padding-bottom: 30px;
}

@media (max-width: 64rem) {

	.jade-calc-repayment-form_wrapper .gform_page {
		padding: 0 16px;
	}

	.jade-calc-repayment-form .calc-page .gform_fields {
		column-gap: 30px;
	}

	.jade-calc-repayment-form .calc-page .gform_page_footer {
		column-gap: 30px;
	}

	.jade-calc-repayment-form_calc {
		row-gap: 18px;
	}

	.jade-calc-repayment-form_calc .payment-frequency {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.jade-calc-repayment-form_output {
		padding: 20px 14px !important;
		margin-bottom: 66px !important;
		height: calc(100% - 66px);
	}

	.jade-calc-repayment-form .monthly-repayment-output .output-span__frequency {
		display: block;
		margin-top: 0.8em;
		margin-left: 0;
	}


	.jade-calc-repayment-form .calc-field-output.interest-output {
		margin-top: 48px;
	}
}

@media (max-width: 640px) {

	/* title, description */
	.jade-calc-repayment-form_wrapper .gform_title,
	.jade-calc-repayment-form_wrapper .gform_description {
		text-align: left !important;
	}

	.jade-calc-repayment-form_wrapper {
		margin-left: -8px;
		margin-right: -8px;
	}

	.jade-calc-repayment-form_wrapper .gform_heading,
	.jade-calc-repayment-form_wrapper .gform_page {
		padding: 0 12px;
	}

	.jade-calc-repayment-form .calc-page .gform_fields {
		grid-template-columns: 1fr;
		row-gap: 24px;
	}

	.jade-calc-repayment-form_output {
		margin-bottom: 16px !important;
	}

	/* 	footer */
	.jade-calc-repayment-form .calc-page .gform_page_footer {
		display: block;
	}

	.jade-calc-repayment-form .calc-page .gform_page_footer>.button {
		margin: 0;
		width: 100%;
	}

	.jade-calc-repayment-form .customer-page .gform_fields>.gfmc-container>.gfmc-column {
		column-gap: 0;
	}
}

/* ------------------------- Jade secure server alert -------------------------------------------------- */
.form-secure-alert {
	margin: 30px -50px -46px -50px;
	background-color: #EEF1F7;
	padding: 18px 30px;
	border-radius: 0 0 10px 10px;
	font-size: 0.875rem;
	line-height: 1.27;
	display: none;
}

.form-secure-alert a {
	text-decoration: underline;
}

.form-secure-alert a:hover {
	text-decoration: none;
}

.form-secure-alert-box {
	display: flex;
	gap: 18px;
	justify-content: center;
}

.form-secure-alert__icon {
	display: inline-block;
	width: 1.25rem;
	height: auto;
	margin-top: -0.13em;
	flex-shrink: 0;
}

@media (max-width: 64rem) {
	.form-secure-alert {
		margin: 30px -20px -25px -20px;
	}
}

@media (max-width: 48rem) {
	.form-secure-alert {
		margin: 30px -12px -36px -12px;
	}
}


@media (max-width: 36rem) {
	.form-secure-alert {
		padding: 14px 14px;
		margin-bottom: -18px;
		font-size: 0.75rem;
	}

	.form-secure-alert-box {
		gap: 10px;
	}
}