label.error {
	color: rgb(188, 72, 72);
}

.error-input {
	border: 1px solid rgb(188, 72, 72);
}

.ladda-button span.ladda-label {
	flex: 1 1 auto;
}

.radio-select-btn.ladda-button span.ladda-label {
	position: static !important;
}

.onRight:after {
	content: '';
	top: 15px;
	right: -10px;
	color: #dee2e6;
	width: 0;
	position: absolute;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #d0d0d0;
	transform: rotate(-90deg);
}

.onLeft:after {
	content: "";
	top: 15px;
	left: -10px;
	color: #dee2e6;
	width: 0;
	position: absolute;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #d0d0d0;
	transform: rotate(90deg);
}

.speech {
	position: relative;
	font-size: 14px;
}

#icon {
	position: relative;
	max-width: 100%;
	max-height: 80%;
}

#icon image {
	position: absolute;
	max-width: 100%;
	max-height: 80%;
	left: 0;
}

@media (max-width: 768px) {
	.speech {
		margin-bottom: 20px;
		font-size: 12px;
		padding: 8px !important;
	}
}

.loading-state {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fffffffc;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#default-loader {
	position: absolute;
	--size: 50px;
	--width: 120px;
	--thickness: 5px;
	--duration: 1.5s;
	width: var(--width);
	aspect-ratio: 1 / 1;
}

#default-spinner-back {
	position: absolute;
	width: var(--width);
	aspect-ratio: 1/1;
	border-radius: var(--width);
	border: var(--thickness) solid #0099f0;
}

.loading-state .loading-icon {
	max-width: 80px;
	height: auto;
	width: auto;
	max-height: 80px;
}

#default-spinner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: var(--width);
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	border: var(--thickness) solid #b3e0fb;
	border-right-color: transparent;
	transform-origin: 50% 50%;
	animation: default-spinner var(--duration) infinite ease-in-out;
}

@keyframes default-spinner {
	68% {
		transform: rotatez(2.63turn)
	}

	96%,
	100% {
		transform: rotatez(2turn)
	}
}

.text-loader {
	font-size: 16px;
	display: inline-block;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	box-sizing: border-box;
	animation: textanimloader 1s ease-in infinite alternate;
}

@keyframes textanimloader {
	0% {
		filter: blur(0px);
		transform: skew(0deg);
	}

	100% {
		filter: blur(3px);
		transform: skew(-4deg);
	}
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.font-cal,
.font-cal-sans {
	font-family: "Cal Sans", sans-serif;
}

.font-inter {
	font-family: "Inter", sans-serif;
}

.blog-toc span::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background: #01bc6a;
	transition: width 0.25s ease;
}

.blog-toc span:hover::after {
	width: 100% !important;
}

.form-v3 button[id^="toggleListbox"],
.form-v3 input.text-input-field {
	background: white;
	border: 0.2px solid white;
	border-radius: 10px !important;
	height: 60px;
	padding: 0 26px !important;
	font-size: 15px;
	font-family: "Inter", sans-serif;
	color: black;
	width: 100%;
	outline: none;
	transition: box-shadow 0.2s ease;
	box-shadow: none;
}

.form-v3 button[id^="toggleListbox"]:focus,
.form-v3 input.text-input-field:focus {
	box-shadow:
		0 0 0 2px rgba(255, 255, 255, 0.5),
		0 0 12px rgba(255, 255, 255, 0.15) !important;
}

.form-v3 input.text-input-field::placeholder {
	font-style: normal;
}

.form-v3 button#nextBtn {
	width: 100%;
	margin: 8px 0 20px;
	min-height: 60px;
}

*,
::before,
::after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: ;
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: ;
}

/* ! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com */
/* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */
*,
::before,
::after {
	box-sizing: border-box;
	/* 1 */
	border-width: 0;
	/* 2 */
	border-style: solid;
	/* 2 */
	border-color: #e5e7eb;
	/* 2 */
}

::before,
::after {
	--tw-content: '';
}

/* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */
html,
:host {
	line-height: 1.5;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-moz-tab-size: 4;
	/* 3 */
	-o-tab-size: 4;
	tab-size: 4;
	/* 3 */
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/* 4 */
	font-feature-settings: normal;
	/* 5 */
	font-variation-settings: normal;
	/* 6 */
	-webkit-tap-highlight-color: transparent;
	/* 7 */
}

/* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */
body {
	margin: 0;
	/* 1 */
	line-height: inherit;
	/* 2 */
}

/* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */
hr {
	height: 0;
	/* 1 */
	color: inherit;
	/* 2 */
	border-top-width: 1px;
	/* 3 */
}

/* Add the correct text decoration in Chrome, Edge, and Safari. */
abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/* Remove the default font size and weight for headings. */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}

/* Reset links to optimize for opt-in styling instead of opt-out. */
a {
	color: inherit;
	text-decoration: inherit;
}

/* Add the correct font weight in Edge and Safari. */
b,
strong {
	font-weight: bolder;
}

/* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
samp,
pre {
	font-family: Inter, sans-serif;
	/* 1 */
	font-feature-settings: normal;
	/* 2 */
	font-variation-settings: normal;
	/* 3 */
	font-size: 1em;
	/* 4 */
}

/* Add the correct font size in all browsers. */
small {
	font-size: 80%;
}

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */
table {
	text-indent: 0;
	/* 1 */
	border-color: inherit;
	/* 2 */
	border-collapse: collapse;
	/* 3 */
}

/* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-feature-settings: inherit;
	/* 1 */
	font-variation-settings: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	font-weight: inherit;
	/* 1 */
	line-height: inherit;
	/* 1 */
	letter-spacing: inherit;
	/* 1 */
	color: inherit;
	/* 1 */
	margin: 0;
	/* 2 */
	padding: 0;
	/* 3 */
}

/* Remove the inheritance of text transform in Edge and Firefox. */
button,
select {
	text-transform: none;
}

/* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
	-webkit-appearance: button;
	/* 1 */
	background-color: transparent;
	/* 2 */
	background-image: none;
	/* 2 */
}

/* Use the modern Firefox focus style for all focusable elements. */
:-moz-focusring {
	outline: auto;
}

/* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */
:-moz-ui-invalid {
	box-shadow: none;
}

/* Add the correct vertical alignment in Chrome and Firefox. */
progress {
	vertical-align: baseline;
}

/* Correct the cursor style of increment and decrement buttons in Safari. */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type='search'] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/* Remove the inner padding in Chrome and Safari on macOS. */
::-webkit-search-decoration {
	-webkit-appearance: none;
}

/* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Add the correct display in Chrome and Safari. */
summary {
	display: list-item;
}

/* Removes the default spacing and border for appropriate elements. */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
	margin: 0;
}

fieldset {
	margin: 0;
	padding: 0;
}

legend {
	padding: 0;
}

ol,
ul,
menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Reset default styling for dialogs. */
dialog {
	padding: 0;
}

/* Prevent resizing textareas horizontally by default. */
textarea {
	resize: vertical;
}

/* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */
input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	/* 1 */
	color: #9ca3af;
	/* 2 */
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	/* 1 */
	color: #9ca3af;
	/* 2 */
}

/* Set the default cursor for buttons. */
button,
[role="button"] {
	cursor: pointer;
}

/* Make sure disabled buttons don't get the pointer cursor. */
:disabled {
	cursor: default;
}

/* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	/* 1 */
	vertical-align: middle;
	/* 2 */
}

/* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */
img,
video {
	max-width: 100%;
	height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
	display: none;
}

.container {
	width: 100%;
}

@media (min-width: 640px) {
	.container {
		max-width: 640px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 768px;
	}
}

@media (min-width: 1024px) {
	.container {
		max-width: 1024px;
	}
}

@media (min-width: 1280px) {
	.container {
		max-width: 1280px;
	}
}

@media (min-width: 1536px) {
	.container {
		max-width: 1536px;
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.pointer-events-none {
	pointer-events: none;
}

.visible {
	visibility: visible;
}

.static {
	position: static;
}

.fixed {
	position: fixed;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.sticky {
	position: sticky;
}

.inset-0 {
	inset: 0px;
}

.inset-\[2px\] {
	inset: 2px;
}

.inset-\[3px\] {
	inset: 3px;
}

.inset-\[4px\] {
	inset: 4px;
}

.-bottom-\[100px\] {
	bottom: -100px;
}

.-top-4 {
	top: -1rem;
}

.bottom-0 {
	bottom: 0px;
}

.bottom-6 {
	bottom: 1.5rem;
}

.bottom-\[12px\] {
	bottom: 12px;
}

.left-0 {
	left: 0px;
}

.left-1\/2 {
	left: 50%;
}

.left-\[-40px\] {
	left: -40px;
}

.left-\[-92px\] {
	left: -92px;
}

.left-\[1059px\] {
	left: 1059px;
}

.left-\[105px\] {
	left: 105px;
}

.left-\[144px\] {
	left: 144px;
}

.left-\[15px\] {
	left: 15px;
}

.left-\[16px\] {
	left: 16px;
}

.left-\[170px\] {
	left: 170px;
}

.left-\[203px\] {
	left: 203px;
}

.left-\[204px\] {
	left: 204px;
}

.left-\[263px\] {
	left: 263px;
}

.left-\[2px\] {
	left: 2px;
}

.left-\[304px\] {
	left: 304px;
}

.left-\[311px\] {
	left: 311px;
}

.left-\[31px\] {
	left: 31px;
}

.left-\[322px\] {
	left: 322px;
}

.left-\[342px\] {
	left: 342px;
}

.left-\[37px\] {
	left: 37px;
}

.left-\[43\%\] {
	left: 43%;
}

.left-\[461px\] {
	left: 461px;
}

.left-\[496px\] {
	left: 496px;
}

.left-\[565px\] {
	left: 565px;
}

.left-\[669px\] {
	left: 669px;
}

.left-\[711px\] {
	left: 711px;
}

.left-\[79px\] {
	left: 79px;
}

.left-\[80px\] {
	left: 80px;
}

.right-0 {
	right: 0px;
}

.right-6 {
	right: 1.5rem;
}

.right-\[-40px\] {
	right: -40px;
}

.top-0 {
	top: 0px;
}

.top-1\/2 {
	top: 50%;
}

.top-\[-12px\] {
	top: -12px;
}

.top-\[-14px\] {
	top: -14px;
}

.top-\[-29px\] {
	top: -29px;
}

.top-\[-34px\] {
	top: -34px;
}

.top-\[-517px\] {
	top: -517px;
}

.top-\[10px\] {
	top: 10px;
}

.top-\[11px\] {
	top: 11px;
}

.top-\[122px\] {
	top: 122px;
}

.top-\[140px\] {
	top: 140px;
}

.top-\[168px\] {
	top: 168px;
}

.top-\[16px\] {
	top: 16px;
}

.top-\[36px\] {
	top: 36px;
}

.top-\[405px\] {
	top: 405px;
}

.top-\[40px\] {
	top: 40px;
}

.top-\[490px\] {
	top: 490px;
}

.top-\[497px\] {
	top: 497px;
}

.top-\[50px\] {
	top: 50px;
}

.top-\[68px\] {
	top: 68px;
}

.top-\[77px\] {
	top: 77px;
}

.top-\[84px\] {
	top: 84px;
}

.top-full {
	top: 100%;
}

.left-\[52\%\] {
	left: 52%;
}

.top-\[110px\] {
	top: 110px;
}

.top-\[176px\] {
	top: 176px;
}

.top-\[252px\] {
	top: 252px;
}

.top-\[45px\] {
	top: 45px;
}

.left-\[176px\] {
	left: 176px;
}

.top-\[114px\] {
	top: 114px;
}

.z-10 {
	z-index: 10;
}

.z-40 {
	z-index: 40;
}

.z-50 {
	z-index: 50;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}

.order-first {
	order: -9999;
}

.order-1 {
	order: 1;
}

.order-4 {
	order: 4;
}

.-mx-4 {
	margin-left: -1rem;
	margin-right: -1rem;
}

.-mx-\[14px\] {
	margin-left: -14px;
	margin-right: -14px;
}

.mx-0 {
	margin-left: 0px;
	margin-right: 0px;
}

.mx-\[35px\] {
	margin-left: 35px;
	margin-right: 35px;
}

.mx-\[65px\] {
	margin-left: 65px;
	margin-right: 65px;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.-mx-\[24px\] {
	margin-left: -24px;
	margin-right: -24px;
}

.mx-\[13px\] {
	margin-left: 13px;
	margin-right: 13px;
}

.mx-\[31px\] {
	margin-left: 31px;
	margin-right: 31px;
}

.-mt-0\.5 {
	margin-top: -0.125rem;
}

.-mt-px {
	margin-top: -1px;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-1 {
	margin-bottom: 0.25rem;
}

.mb-1\.5 {
	margin-bottom: 0.375rem;
}

.mb-10 {
	margin-bottom: 2.5rem;
}

.mb-12 {
	margin-bottom: 3rem;
}

.mb-16 {
	margin-bottom: 4rem;
}

.mb-2 {
	margin-bottom: 0.5rem;
}

.mb-3 {
	margin-bottom: 0.75rem;
}

.mb-4 {
	margin-bottom: 1rem;
}

.mb-5 {
	margin-bottom: 1.25rem;
}

.mb-6 {
	margin-bottom: 1.5rem;
}

.mb-7 {
	margin-bottom: 1.75rem;
}

.mb-8 {
	margin-bottom: 2rem;
}

.mb-9 {
	margin-bottom: 2.25rem;
}

.mb-\[10px\] {
	margin-bottom: 10px;
}

.mb-\[13px\] {
	margin-bottom: 13px;
}

.mb-\[15px\] {
	margin-bottom: 15px;
}

.mb-\[18px\] {
	margin-bottom: 18px;
}

.mb-\[20px\] {
	margin-bottom: 20px;
}

.mb-\[22px\] {
	margin-bottom: 22px;
}

.mb-\[24px\] {
	margin-bottom: 24px;
}

.mb-\[26px\] {
	margin-bottom: 26px;
}

.mb-\[27px\] {
	margin-bottom: 27px;
}

.mb-\[29px\] {
	margin-bottom: 29px;
}

.mb-\[30px\] {
	margin-bottom: 30px;
}

.mb-\[32px\] {
	margin-bottom: 32px;
}

.mb-\[35px\] {
	margin-bottom: 35px;
}

.mb-\[36px\] {
	margin-bottom: 36px;
}

.mb-\[37px\] {
	margin-bottom: 37px;
}

.mb-\[51px\] {
	margin-bottom: 51px;
}

.mb-\[58px\] {
	margin-bottom: 58px;
}

.mb-\[59px\] {
	margin-bottom: 59px;
}

.mb-\[60px\] {
	margin-bottom: 60px;
}

.mb-\[67px\] {
	margin-bottom: 67px;
}

.mb-\[6px\] {
	margin-bottom: 6px;
}

.mb-auto {
	margin-bottom: auto;
}

.ml-1 {
	margin-left: 0.25rem;
}

.ml-4 {
	margin-left: 1rem;
}

.ml-\[60px\] {
	margin-left: 60px;
}

.ml-auto {
	margin-left: auto;
}

.mr-1\.5 {
	margin-right: 0.375rem;
}

.mt-0 {
	margin-top: 0px;
}

.mt-1 {
	margin-top: 0.25rem;
}

.mt-1\.5 {
	margin-top: 0.375rem;
}

.mt-10 {
	margin-top: 2.5rem;
}

.mt-12 {
	margin-top: 3rem;
}

.mt-2 {
	margin-top: 0.5rem;
}

.mt-2\.5 {
	margin-top: 0.625rem;
}

.mt-3 {
	margin-top: 0.75rem;
}

.mt-4 {
	margin-top: 1rem;
}

.mt-6 {
	margin-top: 1.5rem;
}

.mt-8 {
	margin-top: 2rem;
}

.mt-9 {
	margin-top: 2.25rem;
}

.mt-\[-10px\] {
	margin-top: -10px;
}

.mt-\[-70px\] {
	margin-top: -70px;
}

.mt-\[-8px\] {
	margin-top: -8px;
}

.mt-\[10px\] {
	margin-top: 10px;
}

.mt-\[12px\] {
	margin-top: 12px;
}

.mt-\[14px\] {
	margin-top: 14px;
}

.mt-\[20px\] {
	margin-top: 20px;
}

.mt-\[23px\] {
	margin-top: 23px;
}

.mt-\[25px\] {
	margin-top: 25px;
}

.mt-\[26px\] {
	margin-top: 26px;
}

.mt-\[2px\] {
	margin-top: 2px;
}

.mt-\[30px\] {
	margin-top: 30px;
}

.mt-\[32px\] {
	margin-top: 32px;
}

.mt-\[40px\] {
	margin-top: 40px;
}

.mt-\[42px\] {
	margin-top: 42px;
}

.mt-\[44px\] {
	margin-top: 44px;
}

.mt-\[46px\] {
	margin-top: 46px;
}

.mt-\[47px\] {
	margin-top: 47px;
}

.mt-\[4px\] {
	margin-top: 4px;
}

.mt-\[51px\] {
	margin-top: 51px;
}

.mt-\[73px\] {
	margin-top: 73px;
}

.mt-\[74px\] {
	margin-top: 74px;
}

.mt-\[7px\] {
	margin-top: 7px;
}

.mt-\[80px\] {
	margin-top: 80px;
}

.mt-\[8px\] {
	margin-top: 8px;
}

.mb-\[90px\] {
	margin-bottom: 90px;
}

.mb-\[-10px\] {
	margin-bottom: -10px;
}

.mb-\[40px\] {
	margin-bottom: 40px;
}

.mt-\[15px\] {
	margin-top: 15px;
}

.mt-\[24px\] {
	margin-top: 24px;
}

.mt-\[49px\] {
	margin-top: 49px;
}

.mt-\[56px\] {
	margin-top: 56px;
}

.mt-\[66px\] {
	margin-top: 66px;
}

.mt-auto {
	margin-top: auto;
}

.box-border {
	box-sizing: border-box;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.inline {
	display: inline;
}

.flex {
	display: flex;
}

.inline-flex {
	display: inline-flex;
}

.table {
	display: table;
}

.grid {
	display: grid;
}

.contents {
	display: contents;
}

.hidden {
	display: none;
}

.aspect-\[501\/419\] {
	aspect-ratio: 501/419;
}

.h-0 {
	height: 0px;
}

.h-16 {
	height: 4rem;
}

.h-3 {
	height: 0.75rem;
}

.h-3\.5 {
	height: 0.875rem;
}

.h-4 {
	height: 1rem;
}

.h-6 {
	height: 1.5rem;
}

.h-96 {
	height: 24rem;
}

.h-\[100px\] {
	height: 100px;
}

.h-\[108px\] {
	height: 108px;
}

.h-\[10px\] {
	height: 10px;
}

.h-\[121px\] {
	height: 121px;
}

.h-\[124px\] {
	height: 124px;
}

.h-\[135px\] {
	height: 135px;
}

.h-\[150px\] {
	height: 150px;
}

.h-\[1554px\] {
	height: 1554px;
}

.h-\[170px\] {
	height: 170px;
}

.h-\[171px\] {
	height: 171px;
}

.h-\[1880px\] {
	height: 1880px;
}

.h-\[1px\] {
	height: 1px;
}

.h-\[200px\] {
	height: 200px;
}

.h-\[212px\] {
	height: 212px;
}

.h-\[214px\] {
	height: 214px;
}

.h-\[227px\] {
	height: 227px;
}

.h-\[231px\] {
	height: 231px;
}

.h-\[26px\] {
	height: 26px;
}

.h-\[275px\] {
	height: 275px;
}

.h-\[2784px\] {
	height: 2784px;
}

.h-\[27px\] {
	height: 27px;
}

.h-\[28px\] {
	height: 28px;
}

.h-\[292px\] {
	height: 292px;
}

.h-\[2px\] {
	height: 2px;
}

.h-\[312px\] {
	height: 312px;
}

.h-\[31px\] {
	height: 31px;
}

.h-\[32px\] {
	height: 32px;
}

.h-\[33px\] {
	height: 33px;
}

.h-\[36px\] {
	height: 36px;
}

.h-\[382px\] {
	height: 382px;
}

.h-\[38px\] {
	height: 38px;
}

.h-\[39px\] {
	height: 39px;
}

.h-\[408px\] {
	height: 408px;
}

.h-\[41px\] {
	height: 41px;
}

.h-\[425px\] {
	height: 425px;
}

.h-\[43px\] {
	height: 43px;
}

.h-\[44px\] {
	height: 44px;
}

.h-\[45px\] {
	height: 45px;
}

.h-\[46px\] {
	height: 46px;
}

.h-\[47px\] {
	height: 47px;
}

.h-\[49px\] {
	height: 49px;
}

.h-\[50px\] {
	height: 50px;
}

.h-\[510px\] {
	height: 510px;
}

.h-\[514px\] {
	height: 514px;
}

.h-\[538px\] {
	height: 538px;
}

.h-\[53px\] {
	height: 53px;
}

.h-\[54px\] {
	height: 54px;
}

.h-\[555px\] {
	height: 555px;
}

.h-\[565px\] {
	height: 565px;
}

.h-\[570px\] {
	height: 570px;
}

.h-\[576px\] {
	height: 576px;
}

.h-\[599px\] {
	height: 599px;
}

.h-\[59px\] {
	height: 59px;
}

.h-\[60px\] {
	height: 60px;
}

.h-\[62px\] {
	height: 62px;
}

.h-\[630px\] {
	height: 630px;
}

.h-\[64px\] {
	height: 64px;
}

.h-\[65px\] {
	height: 65px;
}

.h-\[687px\] {
	height: 687px;
}

.h-\[6px\] {
	height: 6px;
}

.h-\[77px\] {
	height: 77px;
}

.h-\[78px\] {
	height: 78px;
}

.h-\[7px\] {
	height: 7px;
}

.h-\[80px\] {
	height: 80px;
}

.h-\[83px\] {
	height: 83px;
}

.h-\[87px\] {
	height: 87px;
}

.h-\[90px\] {
	height: 90px;
}

.h-auto {
	height: auto;
}

.h-full {
	height: 100%;
}

.h-px {
	height: 1px;
}

.h-\[40px\] {
	height: 40px;
}

.h-\[88px\] {
	height: 88px;
}

.h-\[220px\] {
	height: 220px;
}

.h-\[343px\] {
	height: 343px;
}

.h-\[37px\] {
	height: 37px;
}

.h-\[58px\] {
	height: 58px;
}

.h-\[69px\] {
	height: 69px;
}

.h-\[76px\] {
	height: 76px;
}

.h-\[91px\] {
	height: 91px;
}

.h-\[950px\] {
	height: 950px;
}

.h-\[478px\] {
	height: 478px;
}

.h-\[712px\] {
	height: 712px;
}

.min-h-0 {
	min-height: 0px;
}

.min-h-\[180px\] {
	min-height: 180px;
}

.min-h-\[218px\] {
	min-height: 218px;
}

.min-h-\[478px\] {
	min-height: 478px;
}

.min-h-\[calc\(100dvh-72px\)\] {
	min-height: calc(100dvh - 72px);
}

.min-h-full {
	min-height: 100%;
}

.min-h-screen {
	min-height: 100vh;
}

.w-1\/2 {
	width: 50%;
}

.w-10\/12 {
	width: 83.333333%;
}

.w-16 {
	width: 4rem;
}

.w-3 {
	width: 0.75rem;
}

.w-3\.5 {
	width: 0.875rem;
}

.w-4 {
	width: 1rem;
}

.w-6 {
	width: 1.5rem;
}

.w-64 {
	width: 16rem;
}

.w-96 {
	width: 24rem;
}

.w-\[1038px\] {
	width: 1038px;
}

.w-\[1100px\] {
	width: 1100px;
}

.w-\[119px\] {
	width: 119px;
}

.w-\[121px\] {
	width: 121px;
}

.w-\[126px\] {
	width: 126px;
}

.w-\[12px\] {
	width: 12px;
}

.w-\[135px\] {
	width: 135px;
}

.w-\[143px\] {
	width: 143px;
}

.w-\[150px\] {
	width: 150px;
}

.w-\[172px\] {
	width: 172px;
}

.w-\[18px\] {
	width: 18px;
}

.w-\[193px\] {
	width: 193px;
}

.w-\[210px\] {
	width: 210px;
}

.w-\[228px\] {
	width: 228px;
}

.w-\[241px\] {
	width: 241px;
}

.w-\[249px\] {
	width: 249px;
}

.w-\[256px\] {
	width: 256px;
}

.w-\[260px\] {
	width: 260px;
}

.w-\[271px\] {
	width: 271px;
}

.w-\[272px\] {
	width: 272px;
}

.w-\[276px\] {
	width: 276px;
}

.w-\[279px\] {
	width: 279px;
}

.w-\[287px\] {
	width: 287px;
}

.w-\[28px\] {
	width: 28px;
}

.w-\[300px\] {
	width: 300px;
}

.w-\[301px\] {
	width: 301px;
}

.w-\[304px\] {
	width: 304px;
}

.w-\[306px\] {
	width: 306px;
}

.w-\[309px\] {
	width: 309px;
}

.w-\[310px\] {
	width: 310px;
}

.w-\[313px\] {
	width: 313px;
}

.w-\[317px\] {
	width: 317px;
}

.w-\[320px\] {
	width: 320px;
}

.w-\[327px\] {
	width: 327px;
}

.w-\[328px\] {
	width: 328px;
}

.w-\[33px\] {
	width: 33px;
}

.w-\[341px\] {
	width: 341px;
}

.w-\[34px\] {
	width: 34px;
}

.w-\[350px\] {
	width: 350px;
}

.w-\[36px\] {
	width: 36px;
}

.w-\[37px\] {
	width: 37px;
}

.w-\[389px\] {
	width: 389px;
}

.w-\[398px\] {
	width: 398px;
}

.w-\[407px\] {
	width: 407px;
}

.w-\[414px\] {
	width: 414px;
}

.w-\[41px\] {
	width: 41px;
}

.w-\[434px\] {
	width: 434px;
}

.w-\[443px\] {
	width: 443px;
}

.w-\[478px\] {
	width: 478px;
}

.w-\[483px\] {
	width: 483px;
}

.w-\[50px\] {
	width: 50px;
}

.w-\[51px\] {
	width: 51px;
}

.w-\[535px\] {
	width: 535px;
}

.w-\[53px\] {
	width: 53px;
}

.w-\[551px\] {
	width: 551px;
}

.w-\[573px\] {
	width: 573px;
}

.w-\[59px\] {
	width: 59px;
}

.w-\[600px\] {
	width: 600px;
}

.w-\[64px\] {
	width: 64px;
}

.w-\[668px\] {
	width: 668px;
}

.w-\[698px\] {
	width: 698px;
}

.w-\[77px\] {
	width: 77px;
}

.w-\[786px\] {
	width: 786px;
}

.w-\[7px\] {
	width: 7px;
}

.w-\[828px\] {
	width: 828px;
}

.w-\[897px\] {
	width: 897px;
}

.w-\[8px\] {
	width: 8px;
}

.w-\[92px\] {
	width: 92px;
}

.w-\[96px\] {
	width: 96px;
}

.w-auto {
	width: auto;
}

.w-fit {
	width: -moz-fit-content;
	width: fit-content;
}

.w-full {
	width: 100%;
}

.w-px {
	width: 1px;
}

.w-\[10px\] {
	width: 10px;
}

.w-\[40px\] {
	width: 40px;
}

.w-\[52\%\] {
	width: 52%;
}

.w-\[75\%\] {
	width: 75%;
}

.w-\[85\%\] {
	width: 85%;
}

.w-\[calc\(100\%\+48px\)\] {
	width: calc(100% + 48px);
}

.w-\[268px\] {
	width: 268px;
}

.w-\[314px\] {
	width: 314px;
}

.w-\[322px\] {
	width: 322px;
}

.w-\[342px\] {
	width: 342px;
}

.w-\[371px\] {
	width: 371px;
}

.w-\[513px\] {
	width: 513px;
}

.w-\[697px\] {
	width: 697px;
}

.min-w-0 {
	min-width: 0px;
}

.max-w-\[1037px\] {
	max-width: 1037px;
}

.max-w-\[1038px\] {
	max-width: 1038px;
}

.max-w-\[1440px\] {
	max-width: 1440px;
}

.max-w-\[150px\] {
	max-width: 150px;
}

.max-w-\[189px\] {
	max-width: 189px;
}

.max-w-\[204px\] {
	max-width: 204px;
}

.max-w-\[207px\] {
	max-width: 207px;
}

.max-w-\[232px\] {
	max-width: 232px;
}

.max-w-\[234px\] {
	max-width: 234px;
}

.max-w-\[236px\] {
	max-width: 236px;
}

.max-w-\[244px\] {
	max-width: 244px;
}

.max-w-\[246px\] {
	max-width: 246px;
}

.max-w-\[261px\] {
	max-width: 261px;
}

.max-w-\[268px\] {
	max-width: 268px;
}

.max-w-\[270px\] {
	max-width: 270px;
}

.max-w-\[273px\] {
	max-width: 273px;
}

.max-w-\[278px\] {
	max-width: 278px;
}

.max-w-\[280px\] {
	max-width: 280px;
}

.max-w-\[281px\] {
	max-width: 281px;
}

.max-w-\[285px\] {
	max-width: 285px;
}

.max-w-\[297px\] {
	max-width: 297px;
}

.max-w-\[298px\] {
	max-width: 298px;
}

.max-w-\[306px\] {
	max-width: 306px;
}

.max-w-\[314px\] {
	max-width: 314px;
}

.max-w-\[317px\] {
	max-width: 317px;
}

.max-w-\[337px\] {
	max-width: 337px;
}

.max-w-\[354px\] {
	max-width: 354px;
}

.max-w-\[360px\] {
	max-width: 360px;
}

.max-w-\[364px\] {
	max-width: 364px;
}

.max-w-\[400px\] {
	max-width: 400px;
}

.max-w-\[408px\] {
	max-width: 408px;
}

.max-w-\[434px\] {
	max-width: 434px;
}

.max-w-\[460px\] {
	max-width: 460px;
}

.max-w-\[484px\] {
	max-width: 484px;
}

.max-w-\[500px\] {
	max-width: 500px;
}

.max-w-\[520px\] {
	max-width: 520px;
}

.max-w-\[526px\] {
	max-width: 526px;
}

.max-w-\[540px\] {
	max-width: 540px;
}

.max-w-\[545px\] {
	max-width: 545px;
}

.max-w-\[556px\] {
	max-width: 556px;
}

.max-w-\[600px\] {
	max-width: 600px;
}

.max-w-\[645px\] {
	max-width: 645px;
}

.max-w-\[75\%\] {
	max-width: 75%;
}

.max-w-\[768px\] {
	max-width: 768px;
}

.max-w-\[792px\] {
	max-width: 792px;
}

.max-w-\[797px\] {
	max-width: 797px;
}

.max-w-\[799px\] {
	max-width: 799px;
}

.max-w-\[85\%\] {
	max-width: 85%;
}

.max-w-\[851px\] {
	max-width: 851px;
}

.max-w-\[895px\] {
	max-width: 895px;
}

.max-w-\[960px\] {
	max-width: 960px;
}

.max-w-full {
	max-width: 100%;
}

.max-w-none {
	max-width: none;
}

.max-w-\[371px\] {
	max-width: 371px;
}

.max-w-\[80\%\] {
	max-width: 80%;
}

.max-w-\[300px\] {
	max-width: 300px;
}

.flex-1 {
	flex: 1 1 0%;
}

.flex-shrink-0 {
	flex-shrink: 0;
}

.shrink {
	flex-shrink: 1;
}

.shrink-0 {
	flex-shrink: 0;
}

.grow {
	flex-grow: 1;
}

.origin-left {
	transform-origin: left;
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
	--tw-rotate: -90deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-skew-x-\[10deg\] {
	--tw-skew-x: -10deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-\[0\.98\] {
	--tw-scale-y: 0.98;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {

	0%,
	100% {
		transform: translateY(-25%);
		animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
	}

	50% {
		transform: none;
		animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
	}
}

.animate-bounce {
	animation: bounce 1s infinite;
}

.cursor-default {
	cursor: default;
}

.cursor-grab {
	cursor: grab;
}

.cursor-pointer {
	cursor: pointer;
}

.select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.resize {
	resize: both;
}

.list-decimal {
	list-style-type: decimal;
}

.list-disc {
	list-style-type: disc;
}

.list-none {
	list-style-type: none;
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-\[120px_1fr\] {
	grid-template-columns: 120px 1fr;
}

.grid-cols-\[1fr_130px_110px\] {
	grid-template-columns: 1fr 130px 110px;
}

.flex-row {
	flex-direction: row;
}

.flex-col {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.items-start {
	align-items: flex-start;
}

.items-end {
	align-items: flex-end;
}

.items-center {
	align-items: center;
}

.items-baseline {
	align-items: baseline;
}

.items-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.gap-0 {
	gap: 0px;
}

.gap-0\.5 {
	gap: 0.125rem;
}

.gap-1 {
	gap: 0.25rem;
}

.gap-10 {
	gap: 2.5rem;
}

.gap-12 {
	gap: 3rem;
}

.gap-16 {
	gap: 4rem;
}

.gap-2 {
	gap: 0.5rem;
}

.gap-2\.5 {
	gap: 0.625rem;
}

.gap-3 {
	gap: 0.75rem;
}

.gap-3\.5 {
	gap: 0.875rem;
}

.gap-4 {
	gap: 1rem;
}

.gap-5 {
	gap: 1.25rem;
}

.gap-6 {
	gap: 1.5rem;
}

.gap-8 {
	gap: 2rem;
}

.gap-\[10px\] {
	gap: 10px;
}

.gap-\[11px\] {
	gap: 11px;
}

.gap-\[15px\] {
	gap: 15px;
}

.gap-\[17px\] {
	gap: 17px;
}

.gap-\[18px\] {
	gap: 18px;
}

.gap-\[19px\] {
	gap: 19px;
}

.gap-\[20px\] {
	gap: 20px;
}

.gap-\[22px\] {
	gap: 22px;
}

.gap-\[23px\] {
	gap: 23px;
}

.gap-\[25px\] {
	gap: 25px;
}

.gap-\[26px\] {
	gap: 26px;
}

.gap-\[27px\] {
	gap: 27px;
}

.gap-\[28px\] {
	gap: 28px;
}

.gap-\[30px\] {
	gap: 30px;
}

.gap-\[38px\] {
	gap: 38px;
}

.gap-\[42px\] {
	gap: 42px;
}

.gap-\[44px\] {
	gap: 44px;
}

.gap-\[45px\] {
	gap: 45px;
}

.gap-\[49px\] {
	gap: 49px;
}

.gap-\[4px\] {
	gap: 4px;
}

.gap-\[5px\] {
	gap: 5px;
}

.gap-\[60px\] {
	gap: 60px;
}

.gap-\[63px\] {
	gap: 63px;
}

.gap-\[6px\] {
	gap: 6px;
}

.gap-\[7px\] {
	gap: 7px;
}

.gap-\[8px\] {
	gap: 8px;
}

.gap-\[9px\] {
	gap: 9px;
}

.gap-\[14px\] {
	gap: 14px;
}

.gap-\[16px\] {
	gap: 16px;
}

.gap-\[33px\] {
	gap: 33px;
}

.gap-\[64px\] {
	gap: 64px;
}

.gap-\[41px\] {
	gap: 41px;
}

.gap-x-0 {
	-moz-column-gap: 0px;
	column-gap: 0px;
}

.gap-x-\[20px\] {
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.gap-y-\[30px\] {
	row-gap: 30px;
}

.gap-y-\[52px\] {
	row-gap: 52px;
}

.space-y-0> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-1> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-2\.5> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}

.space-y-3> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.space-y-\[12px\]> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(12px * var(--tw-space-y-reverse));
}

.space-y-\[17px\]> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(17px * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(17px * var(--tw-space-y-reverse));
}

.space-y-\[20px\]> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(20px * var(--tw-space-y-reverse));
}

.space-y-\[25px\]> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(25px * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(25px * var(--tw-space-y-reverse));
}

.divide-y> :not([hidden])~ :not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-\[rgba\(4\2c 53\2c 32\2c 0\.12\)\]> :not([hidden])~ :not([hidden]) {
	border-color: rgba(4, 53, 32, 0.12);
}

.self-stretch {
	align-self: stretch;
}

.overflow-hidden {
	overflow: hidden;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-x-clip {
	overflow-x: clip;
}

.text-ellipsis {
	text-overflow: ellipsis;
}

.whitespace-nowrap {
	white-space: nowrap;
}

.whitespace-pre-line {
	white-space: pre-line;
}

.text-balance {
	text-wrap: balance;
}

.rounded-3xl {
	border-radius: 1.5rem;
}

.rounded-\[100px\] {
	border-radius: 100px;
}

.rounded-\[10px\] {
	border-radius: 10px;
}

.rounded-\[15px\] {
	border-radius: 15px;
}

.rounded-\[20px\] {
	border-radius: 20px;
}

.rounded-\[25px\] {
	border-radius: 25px;
}

.rounded-\[50px\] {
	border-radius: 50px;
}

.rounded-\[70px\] {
	border-radius: 70px;
}

.rounded-btn {
	border-radius: 20px;
}

.rounded-card {
	border-radius: 20px;
}

.rounded-full {
	border-radius: 9999px;
}

.rounded-input {
	border-radius: 10px;
}

.rounded-none {
	border-radius: 0px;
}

.rounded-xl {
	border-radius: 0.75rem;
}

.rounded-b-\[26px\] {
	border-bottom-right-radius: 26px;
	border-bottom-left-radius: 26px;
}

.rounded-b-card {
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.rounded-b-none {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.rounded-t-\[25px\] {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.rounded-bl-card {
	border-bottom-left-radius: 20px;
}

.rounded-br-card {
	border-bottom-right-radius: 20px;
}

.rounded-tl-3xl {
	border-top-left-radius: 1.5rem;
}

.rounded-tl-\[25px\] {
	border-top-left-radius: 25px;
}

.rounded-tl-card {
	border-top-left-radius: 20px;
}

.rounded-tr-3xl {
	border-top-right-radius: 1.5rem;
}

.rounded-tr-\[25px\] {
	border-top-right-radius: 25px;
}

.rounded-tr-card {
	border-top-right-radius: 20px;
}

.rounded-bl-\[50px\] {
	border-bottom-left-radius: 50px;
}

.rounded-br-\[50px\] {
	border-bottom-right-radius: 50px;
}

.border {
	border-width: 1px;
}

.border-0 {
	border-width: 0px;
}

.border-\[0\.5px\] {
	border-width: 0.5px;
}

.border-\[3px\] {
	border-width: 3px;
}

.border-b {
	border-bottom-width: 1px;
}

.border-b-\[0\.5px\] {
	border-bottom-width: 0.5px;
}

.border-l-2 {
	border-left-width: 2px;
}

.border-t {
	border-top-width: 1px;
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
	border-color: rgba(0, 0, 0, 0.06);
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
	border-color: rgba(0, 0, 0, 0.1);
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
	border-color: rgba(0, 0, 0, 0.16);
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
	border-color: rgba(0, 0, 0, 0.3);
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.48\)\] {
	border-color: rgba(0, 0, 0, 0.48);
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
	border-color: rgba(0, 0, 0, 0.5);
}

.border-\[rgba\(181\2c 181\2c 181\2c 0\.5\)\] {
	border-color: rgba(181, 181, 181, 0.5);
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
	border-color: rgba(255, 255, 255, 0.2);
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
	border-color: rgba(255, 255, 255, 0.3);
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.43\)\] {
	border-color: rgba(255, 255, 255, 0.43);
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.72\)\] {
	border-color: rgba(255, 255, 255, 0.72);
}

.border-black\/50 {
	border-color: rgb(0 0 0 / 0.5);
}

.border-gray-100 {
	--tw-border-opacity: 1;
	border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-nc-green {
	--tw-border-opacity: 1;
	border-color: rgb(1 188 106 / var(--tw-border-opacity, 1));
}

.border-white {
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/20 {
	border-color: rgb(255 255 255 / 0.2);
}

.border-black\/20 {
	border-color: rgb(0 0 0 / 0.2);
}

.bg-\[\#00ac60\] {
	--tw-bg-opacity: 1;
	background-color: rgb(0 172 96 / var(--tw-bg-opacity, 1));
}

.bg-\[\#01bc6a\] {
	--tw-bg-opacity: 1;
	background-color: rgb(1 188 106 / var(--tw-bg-opacity, 1));
}

.bg-\[\#043520\] {
	--tw-bg-opacity: 1;
	background-color: rgb(4 53 32 / var(--tw-bg-opacity, 1));
}

.bg-\[\#181818\] {
	--tw-bg-opacity: 1;
	background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D9D9D9\] {
	--tw-bg-opacity: 1;
	background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e3e3e3\] {
	--tw-bg-opacity: 1;
	background-color: rgb(227 227 227 / var(--tw-bg-opacity, 1));
}

.bg-\[\#eeeeee\] {
	--tw-bg-opacity: 1;
	background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f3f3f3\] {
	--tw-bg-opacity: 1;
	background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f4f4f4\] {
	--tw-bg-opacity: 1;
	background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f5f4f4\] {
	--tw-bg-opacity: 1;
	background-color: rgb(245 244 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f9f9f9\] {
	--tw-bg-opacity: 1;
	background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.bg-\[rgba\(1\2c 188\2c 106\2c 0\.23\)\] {
	background-color: rgba(1, 188, 106, 0.23);
}

.bg-\[rgba\(1\2c 188\2c 106\2c 0\.28\)\] {
	background-color: rgba(1, 188, 106, 0.28);
}

.bg-\[rgba\(1\2c 188\2c 106\2c 0\.36\)\] {
	background-color: rgba(1, 188, 106, 0.36);
}

.bg-\[rgba\(1\2c 188\2c 106\2c 0\.4\)\] {
	background-color: rgba(1, 188, 106, 0.4);
}

.bg-\[rgba\(1\2c 188\2c 106\2c 0\.5\)\] {
	background-color: rgba(1, 188, 106, 0.5);
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
	background-color: rgba(255, 255, 255, 0.2);
}

.bg-\[rgba\(4\2c 53\2c 32\2c 0\.4\)\] {
	background-color: rgba(4, 53, 32, 0.4);
}

.bg-\[rgba\(4\2c 53\2c 32\2c 0\.9\)\] {
	background-color: rgba(4, 53, 32, 0.9);
}

.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/20 {
	background-color: rgb(0 0 0 / 0.2);
}

.bg-black\/50 {
	background-color: rgb(0 0 0 / 0.5);
}

.bg-gray-200 {
	--tw-bg-opacity: 1;
	background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-nc-dark {
	--tw-bg-opacity: 1;
	background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
}

.bg-nc-dark\/20 {
	background-color: rgb(24 24 24 / 0.2);
}

.bg-nc-forest {
	--tw-bg-opacity: 1;
	background-color: rgb(4 53 32 / var(--tw-bg-opacity, 1));
}

.bg-nc-green {
	--tw-bg-opacity: 1;
	background-color: rgb(1 188 106 / var(--tw-bg-opacity, 1));
}

.bg-nc-light {
	--tw-bg-opacity: 1;
	background-color: rgb(219 246 234 / var(--tw-bg-opacity, 1));
}

.bg-nc-mint {
	--tw-bg-opacity: 1;
	background-color: rgb(230 249 241 / var(--tw-bg-opacity, 1));
}

.bg-neutral-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
	background-color: transparent;
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
	background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20 {
	background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/30 {
	background-color: rgb(255 255 255 / 0.3);
}

.bg-white\/35 {
	background-color: rgb(255 255 255 / 0.35);
}

.bg-\[\#04150d\] {
	--tw-bg-opacity: 1;
	background-color: rgb(4 21 13 / var(--tw-bg-opacity, 1));
}

.bg-\[\#12452f\] {
	--tw-bg-opacity: 1;
	background-color: rgb(18 69 47 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e6e6e6\] {
	--tw-bg-opacity: 1;
	background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
}

.bg-\[\#eaeaea\] {
	--tw-bg-opacity: 1;
	background-color: rgb(234 234 234 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f2f2f2\] {
	--tw-bg-opacity: 1;
	background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}

.bg-\[rgba\(2\2c 30\2c 18\2c 0\.80\)\] {
	background-color: rgba(2, 30, 18, 0.80);
}

.bg-gradient-to-br {
	background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-nc-green {
	--tw-gradient-from: #01bc6a var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(1 188 106 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-nc-mint {
	--tw-gradient-from: #e6f9f1 var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(230 249 241 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-nc-light {
	--tw-gradient-to: #dbf6ea var(--tw-gradient-to-position);
}

.object-contain {
	-o-object-fit: contain;
	object-fit: contain;
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover;
}

.object-\[center_20\%\] {
	-o-object-position: center 20%;
	object-position: center 20%;
}

.p-2 {
	padding: 0.5rem;
}

.p-4 {
	padding: 1rem;
}

.p-5 {
	padding: 1.25rem;
}

.p-6 {
	padding: 1.5rem;
}

.p-8 {
	padding: 2rem;
}

.p-\[10px\] {
	padding: 10px;
}

.p-\[30px\] {
	padding: 30px;
}

.px-0 {
	padding-left: 0px;
	padding-right: 0px;
}

.px-2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.px-3\.5 {
	padding-left: 0.875rem;
	padding-right: 0.875rem;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
}

.px-\[10px\] {
	padding-left: 10px;
	padding-right: 10px;
}

.px-\[13px\] {
	padding-left: 13px;
	padding-right: 13px;
}

.px-\[14px\] {
	padding-left: 14px;
	padding-right: 14px;
}

.px-\[15px\] {
	padding-left: 15px;
	padding-right: 15px;
}

.px-\[170px\] {
	padding-left: 170px;
	padding-right: 170px;
}

.px-\[201px\] {
	padding-left: 201px;
	padding-right: 201px;
}

.px-\[20px\] {
	padding-left: 20px;
	padding-right: 20px;
}

.px-\[21px\] {
	padding-left: 21px;
	padding-right: 21px;
}

.px-\[22px\] {
	padding-left: 22px;
	padding-right: 22px;
}

.px-\[23px\] {
	padding-left: 23px;
	padding-right: 23px;
}

.px-\[24px\] {
	padding-left: 24px;
	padding-right: 24px;
}

.px-\[25px\] {
	padding-left: 25px;
	padding-right: 25px;
}

.px-\[27px\] {
	padding-left: 27px;
	padding-right: 27px;
}

.px-\[30px\] {
	padding-left: 30px;
	padding-right: 30px;
}

.px-\[31px\] {
	padding-left: 31px;
	padding-right: 31px;
}

.px-\[32px\] {
	padding-left: 32px;
	padding-right: 32px;
}

.px-\[33px\] {
	padding-left: 33px;
	padding-right: 33px;
}

.px-\[34px\] {
	padding-left: 34px;
	padding-right: 34px;
}

.px-\[36px\] {
	padding-left: 36px;
	padding-right: 36px;
}

.px-\[38px\] {
	padding-left: 38px;
	padding-right: 38px;
}

.px-\[40px\] {
	padding-left: 40px;
	padding-right: 40px;
}

.px-\[44px\] {
	padding-left: 44px;
	padding-right: 44px;
}

.px-\[45px\] {
	padding-left: 45px;
	padding-right: 45px;
}

.px-\[80px\] {
	padding-left: 80px;
	padding-right: 80px;
}

.py-10 {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.py-14 {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

.py-16 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.py-24 {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.py-3\.5 {
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.py-\[13px\] {
	padding-top: 13px;
	padding-bottom: 13px;
}

.py-\[15px\] {
	padding-top: 15px;
	padding-bottom: 15px;
}

.py-\[19px\] {
	padding-top: 19px;
	padding-bottom: 19px;
}

.py-\[24px\] {
	padding-top: 24px;
	padding-bottom: 24px;
}

.py-\[25px\] {
	padding-top: 25px;
	padding-bottom: 25px;
}

.py-\[28px\] {
	padding-top: 28px;
	padding-bottom: 28px;
}

.py-\[33px\] {
	padding-top: 33px;
	padding-bottom: 33px;
}

.py-\[36px\] {
	padding-top: 36px;
	padding-bottom: 36px;
}

.py-\[39px\] {
	padding-top: 39px;
	padding-bottom: 39px;
}

.py-\[40px\] {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py-\[44px\] {
	padding-top: 44px;
	padding-bottom: 44px;
}

.py-\[45px\] {
	padding-top: 45px;
	padding-bottom: 45px;
}

.py-\[47px\] {
	padding-top: 47px;
	padding-bottom: 47px;
}

.py-\[50px\] {
	padding-top: 50px;
	padding-bottom: 50px;
}

.py-\[60px\] {
	padding-top: 60px;
	padding-bottom: 60px;
}

.py-\[61px\] {
	padding-top: 61px;
	padding-bottom: 61px;
}

.py-\[62px\] {
	padding-top: 62px;
	padding-bottom: 62px;
}

.py-\[66px\] {
	padding-top: 66px;
	padding-bottom: 66px;
}

.py-\[73px\] {
	padding-top: 73px;
	padding-bottom: 73px;
}

.py-\[74px\] {
	padding-top: 74px;
	padding-bottom: 74px;
}

.py-\[76px\] {
	padding-top: 76px;
	padding-bottom: 76px;
}

.py-\[84px\] {
	padding-top: 84px;
	padding-bottom: 84px;
}

.py-\[8px\] {
	padding-top: 8px;
	padding-bottom: 8px;
}

.px-\[12px\] {
	padding-left: 12px;
	padding-right: 12px;
}

.px-\[19px\] {
	padding-left: 19px;
	padding-right: 19px;
}

.px-\[8\%\] {
	padding-left: 8%;
	padding-right: 8%;
}

.px-\[8px\] {
	padding-left: 8px;
	padding-right: 8px;
}

.py-\[12px\] {
	padding-top: 12px;
	padding-bottom: 12px;
}

.py-\[14px\] {
	padding-top: 14px;
	padding-bottom: 14px;
}

.px-\[42px\] {
	padding-left: 42px;
	padding-right: 42px;
}

.pb-0 {
	padding-bottom: 0px;
}

.pb-12 {
	padding-bottom: 3rem;
}

.pb-16 {
	padding-bottom: 4rem;
}

.pb-4 {
	padding-bottom: 1rem;
}

.pb-6 {
	padding-bottom: 1.5rem;
}

.pb-8 {
	padding-bottom: 2rem;
}

.pb-\[103px\] {
	padding-bottom: 103px;
}

.pb-\[105px\] {
	padding-bottom: 105px;
}

.pb-\[151px\] {
	padding-bottom: 151px;
}

.pb-\[15px\] {
	padding-bottom: 15px;
}

.pb-\[16px\] {
	padding-bottom: 16px;
}

.pb-\[185px\] {
	padding-bottom: 185px;
}

.pb-\[36px\] {
	padding-bottom: 36px;
}

.pb-\[40px\] {
	padding-bottom: 40px;
}

.pb-\[43px\] {
	padding-bottom: 43px;
}

.pb-\[45px\] {
	padding-bottom: 45px;
}

.pb-\[47px\] {
	padding-bottom: 47px;
}

.pb-\[49px\] {
	padding-bottom: 49px;
}

.pb-\[55px\] {
	padding-bottom: 55px;
}

.pb-\[60px\] {
	padding-bottom: 60px;
}

.pb-\[62px\] {
	padding-bottom: 62px;
}

.pb-\[65px\] {
	padding-bottom: 65px;
}

.pb-\[70px\] {
	padding-bottom: 70px;
}

.pb-\[73px\] {
	padding-bottom: 73px;
}

.pb-\[77px\] {
	padding-bottom: 77px;
}

.pb-\[80px\] {
	padding-bottom: 80px;
}

.pb-\[84px\] {
	padding-bottom: 84px;
}

.pl-0 {
	padding-left: 0px;
}

.pl-6 {
	padding-left: 1.5rem;
}

.pl-\[28px\] {
	padding-left: 28px;
}

.pl-\[37px\] {
	padding-left: 37px;
}

.pr-4 {
	padding-right: 1rem;
}

.pt-1 {
	padding-top: 0.25rem;
}

.pt-10 {
	padding-top: 2.5rem;
}

.pt-12 {
	padding-top: 3rem;
}

.pt-16 {
	padding-top: 4rem;
}

.pt-4 {
	padding-top: 1rem;
}

.pt-8 {
	padding-top: 2rem;
}

.pt-\[102px\] {
	padding-top: 102px;
}

.pt-\[103px\] {
	padding-top: 103px;
}

.pt-\[105px\] {
	padding-top: 105px;
}

.pt-\[120px\] {
	padding-top: 120px;
}

.pt-\[185px\] {
	padding-top: 185px;
}

.pt-\[23px\] {
	padding-top: 23px;
}

.pt-\[25px\] {
	padding-top: 25px;
}

.pt-\[28px\] {
	padding-top: 28px;
}

.pt-\[30px\] {
	padding-top: 30px;
}

.pt-\[35px\] {
	padding-top: 35px;
}

.pt-\[36px\] {
	padding-top: 36px;
}

.pt-\[40px\] {
	padding-top: 40px;
}

.pt-\[41px\] {
	padding-top: 41px;
}

.pt-\[42px\] {
	padding-top: 42px;
}

.pt-\[43px\] {
	padding-top: 43px;
}

.pt-\[44px\] {
	padding-top: 44px;
}

.pt-\[47px\] {
	padding-top: 47px;
}

.pt-\[55px\] {
	padding-top: 55px;
}

.pt-\[59px\] {
	padding-top: 59px;
}

.pt-\[60px\] {
	padding-top: 60px;
}

.pt-\[62px\] {
	padding-top: 62px;
}

.pt-\[64px\] {
	padding-top: 64px;
}

.pt-\[69px\] {
	padding-top: 69px;
}

.pt-\[70px\] {
	padding-top: 70px;
}

.pt-\[73px\] {
	padding-top: 73px;
}

.pt-\[77px\] {
	padding-top: 77px;
}

.pt-\[79px\] {
	padding-top: 79px;
}

.pt-\[80px\] {
	padding-top: 80px;
}

.pt-\[84px\] {
	padding-top: 84px;
}

.pb-\[128px\] {
	padding-bottom: 128px;
}

.pb-\[20px\] {
	padding-bottom: 20px;
}

.pb-\[0px\] {
	padding-bottom: 0px;
}

.pb-\[140px\] {
	padding-bottom: 140px;
}

.pb-\[22px\] {
	padding-bottom: 22px;
}

.pb-\[30px\] {
	padding-bottom: 30px;
}

.pb-\[4px\] {
	padding-bottom: 4px;
}

.pr-2 {
	padding-right: 0.5rem;
}

.pt-\[0px\] {
	padding-top: 0px;
}

.pt-\[32px\] {
	padding-top: 32px;
}

.pt-\[50px\] {
	padding-top: 50px;
}

.pt-\[61px\] {
	padding-top: 61px;
}

.pt-\[8px\] {
	padding-top: 8px;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.align-middle {
	vertical-align: middle;
}

.font-\[\'Funnel_Display\'\] {
	font-family: 'Funnel Display';
}

.font-\[\'Instrument_Sans\'\] {
	font-family: 'Instrument Sans';
}

.font-body {
	font-family: Inter, sans-serif;
}

.font-chat {
	font-family: "SF Pro Rounded", -apple-system, Inter, sans-serif;
}

.font-code {
	font-family: Inter, sans-serif;
}

.font-heading {
	font-family: "Cal Sans", sans-serif;
}

.font-sans {
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.text-\[10px\] {
	font-size: 10px;
}

.text-\[12px\] {
	font-size: 12px;
}

.text-\[13px\] {
	font-size: 13px;
}

.text-\[14px\] {
	font-size: 14px;
}

.text-\[15px\] {
	font-size: 15px;
}

.text-\[16px\] {
	font-size: 16px;
}

.text-\[17px\] {
	font-size: 17px;
}

.text-\[18px\] {
	font-size: 18px;
}

.text-\[20px\] {
	font-size: 20px;
}

.text-\[22px\] {
	font-size: 22px;
}

.text-\[24px\] {
	font-size: 24px;
}

.text-\[28px\] {
	font-size: 28px;
}

.text-\[32px\] {
	font-size: 32px;
}

.text-\[36px\] {
	font-size: 36px;
}

.text-\[40px\] {
	font-size: 40px;
}

.text-\[48px\] {
	font-size: 48px;
}

.text-\[58px\] {
	font-size: 58px;
}

.text-\[64px\] {
	font-size: 64px;
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}

.text-\[26px\] {
	font-size: 26px;
}

.text-\[56px\] {
	font-size: 56px;
}

.font-bold {
	font-weight: 700;
}

.font-light {
	font-weight: 300;
}

.font-medium {
	font-weight: 500;
}

.font-normal {
	font-weight: 400;
}

.font-semibold {
	font-weight: 600;
}

.uppercase {
	text-transform: uppercase;
}

.italic {
	font-style: italic;
}

.not-italic {
	font-style: normal;
}

.leading-10 {
	line-height: 2.5rem;
}

.leading-5 {
	line-height: 1.25rem;
}

.leading-6 {
	line-height: 1.5rem;
}

.leading-8 {
	line-height: 2rem;
}

.leading-\[1\.05\] {
	line-height: 1.05;
}

.leading-\[1\.08\] {
	line-height: 1.08;
}

.leading-\[1\.15\] {
	line-height: 1.15;
}

.leading-\[1\.16\] {
	line-height: 1.16;
}

.leading-\[1\.18\] {
	line-height: 1.18;
}

.leading-\[1\.1\] {
	line-height: 1.1;
}

.leading-\[1\.22\] {
	line-height: 1.22;
}

.leading-\[1\.24\] {
	line-height: 1.24;
}

.leading-\[1\.26\] {
	line-height: 1.26;
}

.leading-\[1\.2\] {
	line-height: 1.2;
}

.leading-\[1\.31\] {
	line-height: 1.31;
}

.leading-\[1\.35\] {
	line-height: 1.35;
}

.leading-\[1\.36\] {
	line-height: 1.36;
}

.leading-\[1\.39\] {
	line-height: 1.39;
}

.leading-\[1\.3\] {
	line-height: 1.3;
}

.leading-\[1\.42\] {
	line-height: 1.42;
}

.leading-\[1\.43\] {
	line-height: 1.43;
}

.leading-\[1\.45\] {
	line-height: 1.45;
}

.leading-\[1\.47\] {
	line-height: 1.47;
}

.leading-\[1\.4\] {
	line-height: 1.4;
}

.leading-\[1\.5\] {
	line-height: 1.5;
}

.leading-\[1\.6\] {
	line-height: 1.6;
}

.leading-\[1\.78\] {
	line-height: 1.78;
}

.leading-\[1\.81\] {
	line-height: 1.81;
}

.leading-\[1\.8\] {
	line-height: 1.8;
}

.leading-\[1\.97\] {
	line-height: 1.97;
}

.leading-\[1\] {
	line-height: 1;
}

.leading-\[2\.01\] {
	line-height: 2.01;
}

.leading-\[2\.06\] {
	line-height: 2.06;
}

.leading-\[2\.16\] {
	line-height: 2.16;
}

.leading-\[2\.24\] {
	line-height: 2.24;
}

.leading-\[2\.52\] {
	line-height: 2.52;
}

.leading-\[2\.8\] {
	line-height: 2.8;
}

.leading-\[3\.12\] {
	line-height: 3.12;
}

.leading-\[3\.18\] {
	line-height: 3.18;
}

.leading-\[59px\] {
	line-height: 59px;
}

.leading-none {
	line-height: 1;
}

.leading-normal {
	line-height: 1.5;
}

.leading-relaxed {
	line-height: 1.625;
}

.leading-snug {
	line-height: 1.375;
}

.leading-tight {
	line-height: 1.25;
}

.leading-\[2\.56\] {
	line-height: 2.56;
}

.tracking-\[-0\.02em\] {
	letter-spacing: -0.02em;
}

.tracking-\[-0\.24px\] {
	letter-spacing: -0.24px;
}

.tracking-\[-0\.26px\] {
	letter-spacing: -0.26px;
}

.tracking-\[-0\.28px\] {
	letter-spacing: -0.28px;
}

.tracking-\[-0\.2px\] {
	letter-spacing: -0.2px;
}

.tracking-\[-0\.34px\] {
	letter-spacing: -0.34px;
}

.tracking-\[-0\.3px\] {
	letter-spacing: -0.3px;
}

.tracking-\[-0\.4px\] {
	letter-spacing: -0.4px;
}

.tracking-\[-1\.92px\] {
	letter-spacing: -1.92px;
}

.tracking-\[0\.14px\] {
	letter-spacing: 0.14px;
}

.tracking-\[0\.28px\] {
	letter-spacing: 0.28px;
}

.tracking-\[0\.32px\] {
	letter-spacing: 0.32px;
}

.tracking-\[0\.3px\] {
	letter-spacing: 0.3px;
}

.tracking-\[0\.42px\] {
	letter-spacing: 0.42px;
}

.tracking-\[0\.48px\] {
	letter-spacing: 0.48px;
}

.tracking-\[0\.5px\] {
	letter-spacing: 0.5px;
}

.tracking-\[1\.2px\] {
	letter-spacing: 1.2px;
}

.tracking-\[1\.5px\] {
	letter-spacing: 1.5px;
}

.tracking-\[1\.82px\] {
	letter-spacing: 1.82px;
}

.tracking-normal {
	letter-spacing: 0em;
}

.tracking-tight {
	letter-spacing: -0.025em;
}

.tracking-wide {
	letter-spacing: 0.025em;
}

.tracking-\[-1px\] {
	letter-spacing: -1px;
}

.text-\[\#01bc6a\] {
	--tw-text-opacity: 1;
	color: rgb(1 188 106 / var(--tw-text-opacity, 1));
}

.text-\[\#043520\] {
	--tw-text-opacity: 1;
	color: rgb(4 53 32 / var(--tw-text-opacity, 1));
}

.text-\[\#043520\]\/80 {
	color: rgb(4 53 32 / 0.8);
}

.text-\[\#3d424a\] {
	--tw-text-opacity: 1;
	color: rgb(61 66 74 / var(--tw-text-opacity, 1));
}

.text-\[\#e6f9f1\] {
	--tw-text-opacity: 1;
	color: rgb(230 249 241 / var(--tw-text-opacity, 1));
}

.text-\[\#ff6b6b\] {
	--tw-text-opacity: 1;
	color: rgb(255 107 107 / var(--tw-text-opacity, 1));
}

.text-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
	color: rgba(0, 0, 0, 0.5);
}

.text-\[rgba\(0\2c 0\2c 0\2c 0\.71\)\] {
	color: rgba(0, 0, 0, 0.71);
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
	color: rgba(255, 255, 255, 0.6);
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.71\)\] {
	color: rgba(255, 255, 255, 0.71);
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.72\)\] {
	color: rgba(255, 255, 255, 0.72);
}

.text-black {
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-black\/20 {
	color: rgb(0 0 0 / 0.2);
}

.text-black\/60 {
	color: rgb(0 0 0 / 0.6);
}

.text-black\/70 {
	color: rgb(0 0 0 / 0.7);
}

.text-black\/90 {
	color: rgb(0 0 0 / 0.9);
}

.text-gray-600 {
	--tw-text-opacity: 1;
	color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
	--tw-text-opacity: 1;
	color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-indigo-500 {
	--tw-text-opacity: 1;
	color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.text-nc-dark {
	--tw-text-opacity: 1;
	color: rgb(24 24 24 / var(--tw-text-opacity, 1));
}

.text-nc-forest {
	--tw-text-opacity: 1;
	color: rgb(4 53 32 / var(--tw-text-opacity, 1));
}

.text-nc-green {
	--tw-text-opacity: 1;
	color: rgb(1 188 106 / var(--tw-text-opacity, 1));
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/60 {
	color: rgb(255 255 255 / 0.6);
}

.text-white\/70 {
	color: rgb(255 255 255 / 0.7);
}

.text-white\/85 {
	color: rgb(255 255 255 / 0.85);
}

.text-\[rgba\(4\2c 53\2c 32\2c 0\.8\)\] {
	color: rgba(4, 53, 32, 0.8);
}

.underline {
	text-decoration-line: underline;
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.opacity-0 {
	opacity: 0;
}

.opacity-70 {
	opacity: 0.7;
}

.opacity-90 {
	opacity: 0.9;
}

.opacity-\[0\.71\] {
	opacity: 0.71;
}

.opacity-60 {
	opacity: 0.6;
}

.shadow {
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_-7px_11\.3px_0px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
	--tw-shadow: 0px -7px 11.3px 0px rgba(0, 0, 0, 0.3);
	--tw-shadow-colored: 0px -7px 11.3px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_11\.4px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
	--tw-shadow: 0px 0px 11.4px 0px rgba(0, 0, 0, 0.06);
	--tw-shadow-colored: 0px 0px 11.4px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_12\.3px_6px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
	--tw-shadow: 0px 0px 12.3px 6px rgba(0, 0, 0, 0.1);
	--tw-shadow-colored: 0px 0px 12.3px 6px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_25\.9px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
	--tw-shadow: 0px 0px 25.9px 0px rgba(0, 0, 0, 0.05);
	--tw-shadow-colored: 0px 0px 25.9px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
	--tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	--tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_4px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
	--tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	--tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_7\.1px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
	--tw-shadow: 0px 4px 7.1px 0px rgba(0, 0, 0, 0.1);
	--tw-shadow-colored: 0px 4px 7.1px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_9px_14\.5px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
	--tw-shadow: 0px 9px 14.5px 0px rgba(0, 0, 0, 0.15);
	--tw-shadow-colored: 0px 9px 14.5px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
	outline-style: solid;
}

.outline-\[0\.50px\] {
	outline-width: 0.50px;
}

.outline-offset-\[-0\.25px\] {
	outline-offset: -0.25px;
}

.outline-black\/20 {
	outline-color: rgb(0 0 0 / 0.2);
}

.drop-shadow-md {
	--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-shadow {
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.duration-200 {
	transition-duration: 200ms;
}

.duration-300 {
	transition-duration: 300ms;
}

.duration-500 {
	transition-duration: 500ms;
}

.ease-in-out {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* ========== SHARED STYLES — RefiGuide ========== */
:root {
	--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Inter', sans-serif;
}

/* Gradients */
.green-gradient {
	background: linear-gradient(135deg, #01bc6a 0%, #01894d 50%, #005630 100%);
}

.green-gradient-radial {
	background: radial-gradient(ellipse at 70% 45%, rgba(1, 188, 106, 0.9) 0%, rgba(1, 137, 77, 0.95) 40%, rgba(0, 86, 48, 1) 100%);
}

/* Glass cards */
.glass-card {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.72);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

/* Shadows */
.card-shadow {
	box-shadow: 7px 0px 11.3px -4px rgba(0, 0, 0, 0.16);
}

.section-shadow {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* Font helpers */
.font-chat {
	font-family: 'SF Pro Rounded', -apple-system, 'Inter', sans-serif;
}

/* Dropdown */
.dropdown-menu {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: all 0.2s ease;
}

.dropdown-menu.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Mobile menu */
.mobile-menu {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.open {
	max-height: calc(100vh - 72px);
	opacity: 1;
	overflow-y: auto;
	transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Mobile menu items — staggered slide-in */
.mobile-menu>div>* {
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.open>div>* {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.open>div>*:nth-child(1) {
	transition-delay: 0.04s;
}

.mobile-menu.open>div>*:nth-child(2) {
	transition-delay: 0.07s;
}

.mobile-menu.open>div>*:nth-child(3) {
	transition-delay: 0.10s;
}

.mobile-menu.open>div>*:nth-child(4) {
	transition-delay: 0.13s;
}

.mobile-menu.open>div>*:nth-child(5) {
	transition-delay: 0.16s;
}

.mobile-menu.open>div>*:nth-child(6) {
	transition-delay: 0.19s;
}

.mobile-menu.open>div>*:nth-child(7) {
	transition-delay: 0.22s;
}

.mobile-menu.open>div>*:nth-child(8) {
	transition-delay: 0.25s;
}

/* Hamburger line smoothing */
.hamburger-line {
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	transform-origin: center;
}

/* Hero entrance — fires on page load, no JS needed */
@keyframes heroReveal {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hero-entrance>* {
	opacity: 0;
	animation: heroReveal 0.9s var(--ease-out-expo) forwards;
}

.hero-entrance>*:nth-child(1) {
	animation-delay: 0.08s;
}

.hero-entrance>*:nth-child(2) {
	animation-delay: 0.2s;
}

.hero-entrance>*:nth-child(3) {
	animation-delay: 0.35s;
}

.hero-entrance>*:nth-child(4) {
	animation-delay: 0.5s;
}

.hero-entrance>*:nth-child(5) {
	animation-delay: 0.65s;
}

/* Scroll animations */
.fade-up {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.8s var(--ease-out-expo), transform 0.8s var(--ease-out-expo);
}

.fade-up.visible {
	opacity: 1;
	transform: translateY(0);
}

/* Directional scroll variants */
.fade-left {
	opacity: 0;
	transform: translateX(-30px);
	transition: opacity 0.8s var(--ease-out-expo), transform 0.8s var(--ease-out-expo);
}

.fade-left.visible {
	opacity: 1;
	transform: translateX(0);
}

.fade-right {
	opacity: 0;
	transform: translateX(30px);
	transition: opacity 0.8s var(--ease-out-expo), transform 0.8s var(--ease-out-expo);
}

.fade-right.visible {
	opacity: 1;
	transform: translateX(0);
}

.scale-in {
	opacity: 0;
	transform: scale(0.92);
	transition: opacity 0.8s var(--ease-out-expo), transform 0.8s var(--ease-out-expo);
}

.scale-in.visible {
	opacity: 1;
	transform: scale(1);
}

/* Stagger container — children animate in sequence via JS */
.stagger-children>* {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s var(--ease-out-expo), transform 0.7s var(--ease-out-expo);
}

.stagger-children>.visible {
	opacity: 1;
	transform: translateY(0);
}

/* Form back button — inline on mobile, absolute-left on desktop */
.form-back-btn {
	margin-bottom: 8px;
}

@media (min-width: 768px) {
	.form-back-btn {
		position: absolute;
		left: -42px;
		top: 50%;
		transform: translateY(-50%);
		margin-bottom: 0;
	}
}

/* Button press */
.btn-press {
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), filter 0.1s, box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform, box-shadow;
}

.btn-press:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.btn-press:active {
	transform: scale(0.95) translateY(0);
	background: black !important;
	color: white !important;
	box-shadow: none;
}

/* Floating CTA */
.floating-cta {
	opacity: 0;
	transform: translateY(24px) scale(0.9);
	pointer-events: none;
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.floating-cta.visible {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

.floating-cta.visible:hover {
	transform: translateY(-2px) scale(1);
}

/* Glow hover (home page cards) */
.glow-hover {
	transition: box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform, box-shadow;
}

.glow-hover:hover {
	box-shadow: 0 8px 30px rgba(1, 188, 106, 0.3);
	border-color: #01bc6a;
	transform: scale(1.04);
}

.card-grid:hover .glow-hover {
	opacity: 0.45;
}

.card-grid .glow-hover:hover {
	opacity: 1;
}

/* HELOC/product glass variants */
.heloc-glass {
	background: radial-gradient(130% 115% at 50% 50%, rgba(0, 146, 82, 0.47) 22%, rgba(0, 85, 48, 0.47) 54%, rgba(0, 24, 14, 0.47) 87%, rgba(0, 0, 0, 0.47) 100%);
	border: 1px solid rgba(255, 255, 255, 0.43);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

@media (max-width: 1023px) {
	#heroCalc>.heloc-glass {
		background: #043520;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}

.calc-glass {
	background: radial-gradient(ellipse at 50% 50%, rgba(97, 206, 158, 0.11) 0%, rgba(255, 255, 255, 0.11) 100%);
	border: 1px solid rgba(255, 255, 255, 0.29);
}

.terms-glass {
	background: radial-gradient(1238px 1169px at 26% 14%, rgba(0, 0, 0, 0.45) 21.6%, rgba(8, 8, 8, 0.45) 24.1%, rgba(16, 16, 16, 0.45) 26.5%, rgba(32, 32, 32, 0.45) 31.4%, rgba(48, 48, 48, 0.45) 36.3%, rgba(64, 64, 64, 0.45) 41.2%, rgba(96, 96, 96, 0.45) 51%, rgba(128, 128, 128, 0.45) 60.8%, rgba(159, 159, 159, 0.45) 70.6%, rgba(191, 191, 191, 0.45) 80.4%, rgba(223, 223, 223, 0.45) 90.2%, rgba(255, 255, 255, 0.45) 100%);
	border: 1px solid rgba(255, 255, 255, 0.72);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	position: relative;
	top: -40px;
}

.dscr-glass {
	background: radial-gradient(1185px 1166px at 26% 15%, rgba(0, 0, 0, 0.67) 21.6%, rgba(255, 255, 255, 0.67) 100%);
}

/* Testimonial glass */
.testimonial-glass {
	background-color: #043520;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 510 439' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.46'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(69.162 96.233 -112.93 29.146 131.47 59.505)'%3E%3Cstop stop-color='%23009252' offset='0.21635'/%3E%3Cstop stop-color='%2310985d' offset='0.26532'/%3E%3Cstop stop-color='%23209f67' offset='0.3143'/%3E%3Cstop stop-color='%2340ad7d' offset='0.41226'/%3E%3Cstop stop-color='%2360bb93' offset='0.51022'/%3E%3Cstop stop-color='%2380c8a8' offset='0.60817'/%3E%3Cstop stop-color='%23bfe4d4' offset='0.80409'/%3E%3Cstop stop-color='white' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%;
	border: 1px solid rgba(255, 255, 255, 0.72);
}

/* Range slider */
input[type="range"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 12px;
	background: rgba(255, 255, 255, 0.22);
	border-radius: 6px;
	outline: none;
	touch-action: none;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 28px;
	height: 18px;
	background: white;
	border: none;
	border-radius: 9px;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

input[type="range"]::-moz-range-thumb {
	width: 28px;
	height: 18px;
	background: white;
	border-radius: 9px;
	cursor: pointer;
	border: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

input[type="range"]::-moz-range-progress {
	background: #01bc6a;
	height: 12px;
	border-radius: 6px;
}

input[type="range"]::-moz-range-track {
	background: rgba(255, 255, 255, 0.22);
	height: 12px;
	border-radius: 6px;
}

/* FAQ accordion */
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.open .faq-answer {
	max-height: 500px;
}

.faq-item.open .faq-icon {
	transform: rotate(45deg);
}

.faq-icon {
	transition: transform 0.3s ease;
}

/* Green card solid (HELOC comparison, Who Benefits) */
.green-card-bg {
	background: linear-gradient(120.176deg, #01bc6a 0%, #047442 100%);
}

.green-gradient-card {
	background: linear-gradient(107.3deg, #01bc6a 0%, #047442 100%);
}

/* DSCR Purchase card radial gradient (from Figma) */
.dscr-purchase-bg {
	background-color: #043520;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 510 439' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.46'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(69.162 96.233 -112.93 29.146 131.47 59.505)'%3E%3Cstop stop-color='%23009252' offset='0.21635'/%3E%3Cstop stop-color='%2310985d' offset='0.26532'/%3E%3Cstop stop-color='%23209f67' offset='0.3143'/%3E%3Cstop stop-color='%2340ad7d' offset='0.41226'/%3E%3Cstop stop-color='%2360bb93' offset='0.51022'/%3E%3Cstop stop-color='%2380c8a8' offset='0.60817'/%3E%3Cstop stop-color='%23bfe4d4' offset='0.80409'/%3E%3Cstop stop-color='white' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%;
}

/* Chat bubbles */
.chat-dark {
	background: #181818;
	border-radius: 20px 20px 20px 0;
}

.chat-green {
	background: #01bc6a;
	border-radius: 20px 20px 0 20px;
}

/* About page - value cards */
.value-card {
	background-color: #043520;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 510 439' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.46'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(69.162 96.233 -112.93 29.146 131.47 59.505)'%3E%3Cstop stop-color='%23009252' offset='0.21635'/%3E%3Cstop stop-color='%2310985d' offset='0.26532'/%3E%3Cstop stop-color='%23209f67' offset='0.3143'/%3E%3Cstop stop-color='%2340ad7d' offset='0.41226'/%3E%3Cstop stop-color='%2360bb93' offset='0.51022'/%3E%3Cstop stop-color='%2380c8a8' offset='0.60817'/%3E%3Cstop stop-color='%23bfe4d4' offset='0.80409'/%3E%3Cstop stop-color='white' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%;
	border-radius: 20px;
}

/* Legal pages */
.legal-content h3 {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0;
	color: #000;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	padding-top: 1.5rem;
}

.legal-content p {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 1rem;
}

.legal-content ul {
	list-style: disc;
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}

.legal-content ul li {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 0.25rem;
}

/* Nav link underline animation */
nav a[href]:not(.btn-press):not([aria-label="RefiGuide Home"]) {
	position: relative;
}

.blog-toc span::after,
nav a[href]:not(.btn-press):not([aria-label="RefiGuide Home"])::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background: #01bc6a;
	transition: width 0.25s ease;
}

.blog-toc span:hover::after,
nav a[href]:not(.btn-press):not([aria-label="RefiGuide Home"]):hover::after {
	width: 100%;
}

.blog-toc span:after,
nav a[href].nav-active::after {
	width: 100%;
}

/* Footer link hover */
footer a:not(.btn-press) {
	transition: color 0.2s ease;
}

footer a:not(.btn-press):hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* FAQ accordion hover */
.faq-item>button {
	transition: background 0.2s ease;
}

.faq-item>button:hover {
	background: rgba(1, 188, 106, 0.05);
}

/* Dropdown menu item hover */
.dropdown-menu a {
	transition: background 0.15s ease, color 0.15s ease;
	border-radius: 6px;
}

.dropdown-menu a:hover {
	background: rgba(1, 188, 106, 0.08);
}

/* Nav entrance on load */
@keyframes navReveal {
	from {
		opacity: 0;
		transform: translateY(-100%);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.nav-entrance {
	opacity: 0;
	animation: navReveal 0.7s var(--ease-out-expo) forwards;
}

/* Nav scroll shrink + blur */
nav {
	transition: background 0.3s ease, box-shadow 0.3s ease, -webkit-backdrop-filter 0.3s ease;
	transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
	transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
}

nav>div:first-child {
	transition: height 0.3s ease;
}

nav>div:first-child img {
	transition: height 0.3s ease, width 0.3s ease;
}

nav.scrolled {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
}

nav.scrolled>div:first-child {
	height: 56px !important;
}

nav.scrolled>div:first-child img[alt="Nation Capital"] {
	height: 24px !important;
	width: auto !important;
}

@media (min-width: 768px) {
	nav.scrolled>div:first-child {
		height: 72px !important;
	}

	nav.scrolled>div:first-child img[alt="Nation Capital"] {
		height: 32px !important;
		width: auto !important;
	}
}

/* Don't shrink nav when mobile menu is open */
nav.scrolled:has(.mobile-menu.open)>div:first-child {
	height: 72px !important;
}

nav.scrolled:has(.mobile-menu.open)>div:first-child img[alt="Nation Capital"] {
	height: 36px !important;
	width: auto !important;
}

/* Image blur-to-sharp reveal */
.img-reveal {
	opacity: 0;
	filter: blur(12px);
	transform: scale(1.04);
	transition: opacity 1s var(--ease-out-expo), filter 1s var(--ease-out-expo), transform 1s var(--ease-out-expo);
}

.img-reveal.loaded {
	opacity: 1;
	filter: blur(0);
	transform: scale(1);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.btn-press,
	.glow-hover {
		will-change: auto !important;
	}

	.img-reveal {
		opacity: 1;
		filter: none;
		transform: none;
	}

	.nav-entrance {
		opacity: 1;
	}
}

/* Blog */
.blog-callout {
	background: rgba(255, 255, 255, 0.65);
	border-left: 6px solid rgba(1, 188, 106, 0.8);
	border-radius: 20px;
}

.blog-compare {
	background: #dbf6ea;
	border-left: 6px solid rgba(1, 188, 106, 0.5);
	border-radius: 20px;
}

.blog-pill {
	height: 35px;
	border-radius: 10px;
	font-size: 12px;
	border: 0.5px solid black;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.blog-pill.active {
	background: #01bc6a;
	color: white;
	border-color: #01bc6a;
}

.blog-toc span,
.blog-toc a {
	transition: color 0.2s ease;
}

.blog-toc span.active,
.blog-toc a.active {
	color: #01bc6a;
	font-weight: 600;
}

/* Screen reader only */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* Global focus-visible */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
	outline: 2px solid #01bc6a;
	outline-offset: 2px;
}

/* Range slider focus */
input[type="range"]:focus {
	outline: none;
}

input[type="range"]:focus-visible {
	outline: 2px solid #01bc6a;
	outline-offset: 4px;
	border-radius: 6px;
}

/* Component focus overrides */
.segment-btn:focus-visible,
.dropdown-list-item:focus-visible,
.combo-trigger:focus-visible,
.custom-check:focus-visible,
.faq-toggle:focus-visible {
	outline: 2px solid #01bc6a;
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.glass-card.rounded-card {
		padding: 20px;
		padding-top: 24px;
	}

	#calcHeading {
		-webkit-text-stroke: 0.5px currentColor;
	}
}

/* ========== SHORT FORM SHARED STYLES ========== */
html {
	scrollbar-gutter: stable;
}

.green-gradient-bg {
	background: linear-gradient(135deg, #01bc6a 0%, #01894d 50%, #005630 100%);
}

/* Step transitions */
.step-container {
	transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), height 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.step-enter {
	opacity: 0;
	transform: translateX(20px) scale(0.98);
}

.step-enter-active {
	opacity: 1;
	transform: translateX(0) scale(1);
}

/* Stagger animation */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(12px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.stagger-in>* {
	opacity: 0;
	animation: fadeInUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	animation-delay: calc(var(--stagger, 0) * 60ms);
}

/* Text inputs */
.form-input {
	background: white;
	border: 0.2px solid white;
	border-radius: 10px;
	height: 60px;
	padding: 0 26px;
	font-size: 15px;
	font-family: 'Inter', sans-serif;
	color: black;
	width: 100%;
	outline: none;
	transition: box-shadow 0.2s ease;
}

.form-input:focus {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 12px rgba(255, 255, 255, 0.15);
}

.form-input.error {
	border-color: #ff6b6b;
	box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.4);
	animation: shake 0.4s ease;
}

.form-input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.form-input::placeholder {
	color: rgba(0, 0, 0, 0.4);
}

@keyframes shake {

	0%,
	100% {
		transform: translateX(0);
	}

	20% {
		transform: translateX(-4px);
	}

	40% {
		transform: translateX(4px);
	}

	60% {
		transform: translateX(-3px);
	}

	80% {
		transform: translateX(2px);
	}
}

/* Select dropdowns */
.form-select {
	background: white;
	border: 0.2px solid white;
	border-radius: 10px;
	height: 60px;
	padding: 0 26px;
	font-size: 15px;
	font-family: 'Inter', sans-serif;
	color: black;
	width: 100%;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	transition: box-shadow 0.2s ease;
}

.form-select:focus {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 12px rgba(255, 255, 255, 0.15);
}

/* Segmented control (Yes/No, Residential/Commercial) */
.segment-control {
	display: flex;
	border-radius: 10px;
	overflow: hidden;
	height: 60px;
}

.segment-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Inter', sans-serif;
	cursor: pointer;
	transition: all 0.2s;
	color: black;
	letter-spacing: -0.2px;
}

.segment-btn.active {
	background: #01bc6a;
	color: white;
}

.segment-btn:not(.active):active {
	background: black;
	color: white;
}

/* Progress bar */
.progress-fill {
	transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.progress-segment {
	height: 3px;
	border-radius: 2px;
	transition: background-color 0.4s ease;
}

/* Selection cards (apply.html loan type picker) */
@keyframes cardPop {
	0% {
		transform: scale(0.97);
	}

	60% {
		transform: scale(1.015);
	}

	100% {
		transform: scale(1);
	}
}

.select-card {
	transition: all 0.2s ease;
	cursor: pointer;
}

.select-card:hover {
	transform: scale(1.02);
	box-shadow: 0 0 0 2px rgba(1, 188, 106, 0.6), 0 4px 12px rgba(0, 0, 0, 0.15);
	background-color: #01bc6a !important;
	color: white !important;
}

.select-card:hover span {
	color: white !important;
}

.select-card:active {
	background-color: black !important;
	color: white !important;
}

.select-card:active span {
	color: white !important;
}

.select-card.selected {
	background-color: #01bc6a !important;
	color: white !important;
	animation: cardPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.select-card.selected span {
	color: white !important;
}

/* Dropdown list (radio-style, desktop only) */
.dropdown-list {
	background: white;
	border-radius: 10px;
	overflow: hidden;
}

.dropdown-list-item {
	height: 60px;
	display: flex;
	align-items: center;
	padding: 0 26px;
	font-size: 15px;
	font-family: 'Inter', sans-serif;
	cursor: pointer;
	transition: all 0.15s;
	color: black;
}

.dropdown-list-item:not(:last-child) {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
}

@keyframes slideHighlight {
	from {
		background-size: 0% 100%;
	}

	to {
		background-size: 100% 100%;
	}
}

.dropdown-list-item.active {
	background: linear-gradient(#01bc6a, #01bc6a) no-repeat left;
	background-size: 100% 100%;
	animation: slideHighlight 0.25s ease-out;
	color: white;
}

.dropdown-list-item:not(.placeholder-item):not(.active):hover {
	background: #01bc6a;
	color: white;
}

.dropdown-list-item:not(.placeholder-item):not(.active):active {
	background: black;
	color: white;
}

.dropdown-list-item.placeholder-item {
	color: rgba(0, 0, 0, 0.4);
	cursor: default;
}

/* Checkboxes (agreement step) */
.custom-check {
	width: 28px;
	height: 28px;
	min-width: 28px;
	border: 1.5px solid rgba(255, 255, 255, 0.5);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.15s;
}

.custom-check.checked {
	background: #01bc6a;
	border-color: #01bc6a;
}

.custom-check.checked::after {
	content: '';
	width: 12px;
	height: 7px;
	border-left: 2.5px solid white;
	border-bottom: 2.5px solid white;
	transform: rotate(-45deg) translateY(-1px);
}

.custom-check.error-check {
	border-color: #ef4444;
}

/* Next/Submit button glow */
@keyframes btnGlow {

	0%,
	100% {
		box-shadow: 0 0 0 0 rgba(1, 188, 106, 0.3);
	}

	50% {
		box-shadow: 0 0 16px 2px rgba(1, 188, 106, 0.25);
	}
}

.btn-glow {
	animation: btnGlow 2s ease-in-out infinite;
	animation-delay: 1s;
	background-color: #01bc6a !important;
}

.btn-glow:hover {
	background-color: #00a85d !important;
}

/* Click feedback — brief black flash */
.btn-press.btn-clicked {
	background-color: black !important;
	color: white !important;
	transform: scale(0.95);
	transition: none !important;
}

.stagger-in>.btn-glow {
	animation: fadeInUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	animation-delay: calc(var(--stagger, 0) * 60ms);
}

/* Combobox (searchable dropdown) */
.combo-container {
	position: relative;
	z-index: 60;
}

.combo-trigger {
	cursor: pointer;
	display: flex;
	align-items: center;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}

.combo-trigger.error {
	border-color: #ff6b6b;
	box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.4);
	animation: shake 0.4s ease;
}

.combo-dropdown {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	width: 100%;
	background: white;
	border-radius: 10px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
	z-index: 50;
	overflow: hidden;
	transform: scaleY(0);
	transform-origin: top;
	opacity: 0;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.15s ease;
	pointer-events: none;
}

.combo-dropdown.open {
	transform: scaleY(1);
	opacity: 1;
	pointer-events: auto;
}

.combo-dropdown.flip-up {
	top: auto;
	bottom: calc(100% + 4px);
	transform-origin: bottom;
}

.combo-input {
	width: 100%;
	height: 44px;
	padding: 0 12px 0 36px;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	color: black;
	outline: none;
	box-sizing: border-box;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 16px;
}

.combo-input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.35);
}

.combo-input::placeholder {
	color: rgba(0, 0, 0, 0.35);
}

.combo-options {
	max-height: 240px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

@keyframes comboOptIn {
	from {
		opacity: 0;
		transform: translateY(4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.combo-option {
	padding: 10px 12px;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	cursor: pointer;
	transition: background 0.1s;
	color: black;
	opacity: 0;
	animation: comboOptIn 0.15s ease forwards;
	animation-delay: calc(var(--i, 0) * 6ms);
}

.combo-option:not(:last-child) {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.05);
}

.combo-option:hover,
.combo-option.highlighted {
	background: #f0fdf4;
}

.combo-option.selected {
	background: #01bc6a;
	color: white;
}

.combo-option.selected:hover,
.combo-option.selected.highlighted {
	background: #00a85d;
}

.combo-hl {
	color: #01bc6a;
	font-weight: 700;
}

.combo-option.selected .combo-hl {
	color: white;
}

.combo-empty {
	padding: 16px 12px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.4);
	font-family: 'Inter', sans-serif;
	text-align: center;
}

/* Mobile form field heights */
@media (max-width: 767px) {

	.form-input,
	.form-select,
	.segment-control,
	.dropdown-list-item {
		height: 45px;
	}

	.combo-input {
		height: 38px;
	}

	.combo-option {
		padding: 8px 12px;
		font-size: 13px;
	}
}

.hover\:scale-\[1\.08\]:hover {
	--tw-scale-x: 1.08;
	--tw-scale-y: 1.08;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-nc-green:hover {
	--tw-border-opacity: 1;
	border-color: rgb(1 188 106 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#009a56\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 154 86 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#00a85d\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 168 93 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#065a37\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(6 90 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black\/5:hover {
	background-color: rgb(0 0 0 / 0.05);
}

.hover\:bg-gray-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-900:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.hover\:bg-nc-green:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(1 188 106 / var(--tw-bg-opacity, 1));
}

.hover\:bg-nc-mint:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(230 249 241 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:text-nc-green:hover {
	--tw-text-opacity: 1;
	color: rgb(1 188 106 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:shadow-\[0_0_0_2px_\#01bc6a\2c 0_4px_16px_rgba\(1\2c 188\2c 106\2c 0\.25\)\]:hover {
	--tw-shadow: 0 0 0 2px #01bc6a, 0 4px 16px rgba(1, 188, 106, 0.25);
	--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color), 0 4px 16px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:not-sr-only:focus {
	position: static;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

.focus\:absolute:focus {
	position: absolute;
}

.focus\:left-4:focus {
	left: 1rem;
}

.focus\:top-4:focus {
	top: 1rem;
}

.focus\:z-\[100\]:focus {
	z-index: 100;
}

.focus\:rounded:focus {
	border-radius: 0.25rem;
}

.focus\:bg-white:focus {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:px-4:focus {
	padding-left: 1rem;
	padding-right: 1rem;
}

.focus\:py-2:focus {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.focus\:text-black:focus {
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.active\:cursor-grabbing:active {
	cursor: grabbing;
}

.group:hover .group-hover\:scale-105 {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:brightness-0 {
	--tw-brightness: brightness(0);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .group-hover\:invert {
	--tw-invert: invert(100%);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media not all and (min-width: 768px) {
	.max-md\:-skew-x-\[10deg\] {
		--tw-skew-x: -10deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}

	.max-md\:scale-y-\[0\.98\] {
		--tw-scale-y: 0.98;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
}

@media (min-width: 640px) {
	.sm\:mt-8 {
		margin-top: 2rem;
	}

	.sm\:inline {
		display: inline;
	}

	.sm\:hidden {
		display: none;
	}

	.sm\:h-\[180px\] {
		height: 180px;
	}

	.sm\:w-\[180px\] {
		width: 180px;
	}

	.sm\:w-\[279px\] {
		width: 279px;
	}

	.sm\:w-\[309px\] {
		width: 309px;
	}

	.sm\:max-w-\[344px\] {
		max-width: 344px;
	}

	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sm\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sm\:flex-row {
		flex-direction: row;
	}

	.sm\:items-baseline {
		align-items: baseline;
	}

	.sm\:gap-3 {
		gap: 0.75rem;
	}

	.sm\:gap-4 {
		gap: 1rem;
	}

	.sm\:p-6 {
		padding: 1.5rem;
	}

	.sm\:text-\[28px\] {
		font-size: 28px;
	}

	.sm\:text-\[36px\] {
		font-size: 36px;
	}

	.sm\:leading-normal {
		line-height: 1.5;
	}
}

@media (min-width: 768px) {
	.md\:order-first {
		order: -9999;
	}

	.md\:order-none {
		order: 0;
	}

	.md\:order-1 {
		order: 1;
	}

	.md\:order-2 {
		order: 2;
	}

	.md\:order-3 {
		order: 3;
	}

	.md\:order-4 {
		order: 4;
	}

	.md\:mx-0 {
		margin-left: 0px;
		margin-right: 0px;
	}

	.md\:mx-auto {
		margin-left: auto;
		margin-right: auto;
	}

	.md\:mb-1 {
		margin-bottom: 0.25rem;
	}

	.md\:mb-10 {
		margin-bottom: 2.5rem;
	}

	.md\:mb-12 {
		margin-bottom: 3rem;
	}

	.md\:mb-14 {
		margin-bottom: 3.5rem;
	}

	.md\:mb-16 {
		margin-bottom: 4rem;
	}

	.md\:mb-2 {
		margin-bottom: 0.5rem;
	}

	.md\:mb-20 {
		margin-bottom: 5rem;
	}

	.md\:mb-3 {
		margin-bottom: 0.75rem;
	}

	.md\:mb-4 {
		margin-bottom: 1rem;
	}

	.md\:mb-5 {
		margin-bottom: 1.25rem;
	}

	.md\:mb-6 {
		margin-bottom: 1.5rem;
	}

	.md\:mb-8 {
		margin-bottom: 2rem;
	}

	.md\:mb-\[30px\] {
		margin-bottom: 30px;
	}

	.md\:mb-\[33px\] {
		margin-bottom: 33px;
	}

	.md\:mb-\[36px\] {
		margin-bottom: 36px;
	}

	.md\:mb-\[40px\] {
		margin-bottom: 40px;
	}

	.md\:mb-\[67px\] {
		margin-bottom: 67px;
	}

	.md\:mb-\[68px\] {
		margin-bottom: 68px;
	}

	.md\:mb-\[82px\] {
		margin-bottom: 82px;
	}

	.md\:mb-\[90px\] {
		margin-bottom: 90px;
	}

	.md\:mt-0 {
		margin-top: 0px;
	}

	.md\:mt-14 {
		margin-top: 3.5rem;
	}

	.md\:mt-2 {
		margin-top: 0.5rem;
	}

	.md\:mt-4 {
		margin-top: 1rem;
	}

	.md\:mt-6 {
		margin-top: 1.5rem;
	}

	.md\:mt-8 {
		margin-top: 2rem;
	}

	.md\:mt-\[31px\] {
		margin-top: 31px;
	}

	.md\:block {
		display: block;
	}

	.md\:inline {
		display: inline;
	}

	.md\:flex {
		display: flex;
	}

	.md\:inline-flex {
		display: inline-flex;
	}

	.md\:grid {
		display: grid;
	}

	.md\:hidden {
		display: none;
	}

	.md\:h-\[122px\] {
		height: 122px;
	}

	.md\:h-\[200px\] {
		height: 200px;
	}

	.md\:h-\[222px\] {
		height: 222px;
	}

	.md\:h-\[223px\] {
		height: 223px;
	}

	.md\:h-\[237px\] {
		height: 237px;
	}

	.md\:h-\[240px\] {
		height: 240px;
	}

	.md\:h-\[36px\] {
		height: 36px;
	}

	.md\:h-\[38px\] {
		height: 38px;
	}

	.md\:h-\[40px\] {
		height: 40px;
	}

	.md\:h-\[420px\] {
		height: 420px;
	}

	.md\:h-\[42px\] {
		height: 42px;
	}

	.md\:h-\[45px\] {
		height: 45px;
	}

	.md\:h-\[57px\] {
		height: 57px;
	}

	.md\:h-\[59px\] {
		height: 59px;
	}

	.md\:h-\[61px\] {
		height: 61px;
	}

	.md\:h-\[77px\] {
		height: 77px;
	}

	.md\:h-auto {
		height: auto;
	}

	.md\:min-h-0 {
		min-height: 0px;
	}

	.md\:min-h-\[511px\] {
		min-height: 511px;
	}

	.md\:min-h-\[calc\(100dvh-122px\)\] {
		min-height: calc(100dvh - 122px);
	}

	.md\:w-\[172px\] {
		width: 172px;
	}

	.md\:w-\[200px\] {
		width: 200px;
	}

	.md\:w-\[210px\] {
		width: 210px;
	}

	.md\:w-\[236px\] {
		width: 236px;
	}

	.md\:w-\[241px\] {
		width: 241px;
	}

	.md\:w-\[246px\] {
		width: 246px;
	}

	.md\:w-\[266px\] {
		width: 266px;
	}

	.md\:w-\[270px\] {
		width: 270px;
	}

	.md\:w-\[279px\] {
		width: 279px;
	}

	.md\:w-\[309px\] {
		width: 309px;
	}

	.md\:w-\[311px\] {
		width: 311px;
	}

	.md\:w-\[314px\] {
		width: 314px;
	}

	.md\:w-\[317px\] {
		width: 317px;
	}

	.md\:w-\[328px\] {
		width: 328px;
	}

	.md\:w-\[330px\] {
		width: 330px;
	}

	.md\:w-\[40px\] {
		width: 40px;
	}

	.md\:w-\[50px\] {
		width: 50px;
	}

	.md\:w-\[77px\] {
		width: 77px;
	}

	.md\:w-full {
		width: 100%;
	}

	.md\:max-w-\[408px\] {
		max-width: 408px;
	}

	.md\:max-w-\[434px\] {
		max-width: 434px;
	}

	.md\:max-w-\[501px\] {
		max-width: 501px;
	}

	.md\:max-w-\[526px\] {
		max-width: 526px;
	}

	.md\:max-w-\[728px\] {
		max-width: 728px;
	}

	.md\:max-w-none {
		max-width: none;
	}

	.md\:flex-1 {
		flex: 1 1 0%;
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.md\:flex-row {
		flex-direction: row;
	}

	.md\:flex-wrap {
		flex-wrap: wrap;
	}

	.md\:items-start {
		align-items: flex-start;
	}

	.md\:items-baseline {
		align-items: baseline;
	}

	.md\:justify-start {
		justify-content: flex-start;
	}

	.md\:gap-0 {
		gap: 0px;
	}

	.md\:gap-1\.5 {
		gap: 0.375rem;
	}

	.md\:gap-12 {
		gap: 3rem;
	}

	.md\:gap-2\.5 {
		gap: 0.625rem;
	}

	.md\:gap-3 {
		gap: 0.75rem;
	}

	.md\:gap-4 {
		gap: 1rem;
	}

	.md\:gap-6 {
		gap: 1.5rem;
	}

	.md\:gap-8 {
		gap: 2rem;
	}

	.md\:gap-\[14px\] {
		gap: 14px;
	}

	.md\:gap-\[33px\] {
		gap: 33px;
	}

	.md\:space-y-5> :not([hidden])~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
	}

	.md\:whitespace-nowrap {
		white-space: nowrap;
	}

	.md\:rounded-\[100px\] {
		border-radius: 100px;
	}

	.md\:rounded-btn {
		border-radius: 20px;
	}

	.md\:rounded-full {
		border-radius: 9999px;
	}

	.md\:border {
		border-width: 1px;
	}

	.md\:border-nc-forest {
		--tw-border-opacity: 1;
		border-color: rgb(4 53 32 / var(--tw-border-opacity, 1));
	}

	.md\:border-white {
		--tw-border-opacity: 1;
		border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
	}

	.md\:bg-\[\#181818\] {
		--tw-bg-opacity: 1;
		background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
	}

	.md\:bg-\[rgba\(1\2c 188\2c 106\2c 0\.05\)\] {
		background-color: rgba(1, 188, 106, 0.05);
	}

	.md\:bg-\[rgba\(1\2c 188\2c 106\2c 0\.28\)\] {
		background-color: rgba(1, 188, 106, 0.28);
	}

	.md\:bg-nc-forest {
		--tw-bg-opacity: 1;
		background-color: rgb(4 53 32 / var(--tw-bg-opacity, 1));
	}

	.md\:bg-nc-green {
		--tw-bg-opacity: 1;
		background-color: rgb(1 188 106 / var(--tw-bg-opacity, 1));
	}

	.md\:bg-nc-mint {
		--tw-bg-opacity: 1;
		background-color: rgb(230 249 241 / var(--tw-bg-opacity, 1));
	}

	.md\:p-10 {
		padding: 2.5rem;
	}

	.md\:p-8 {
		padding: 2rem;
	}

	.md\:p-\[40px_53px\] {
		padding: 40px 53px;
	}

	.md\:p-\[44px_52px\] {
		padding: 44px 52px;
	}

	.md\:px-12 {
		padding-left: 3rem;
		padding-right: 3rem;
	}

	.md\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.md\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.md\:px-\[120px\] {
		padding-left: 120px;
		padding-right: 120px;
	}

	.md\:px-\[170px\] {
		padding-left: 170px;
		padding-right: 170px;
	}

	.md\:px-\[201px\] {
		padding-left: 201px;
		padding-right: 201px;
	}

	.md\:py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}

	.md\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.md\:py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.md\:py-24 {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

	.md\:py-32 {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

	.md\:py-8 {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.md\:py-\[100px\] {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.md\:py-\[105px\] {
		padding-top: 105px;
		padding-bottom: 105px;
	}

	.md\:py-\[60px\] {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.md\:py-\[70px\] {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.md\:py-\[89px\] {
		padding-top: 89px;
		padding-bottom: 89px;
	}

	.md\:pb-0 {
		padding-bottom: 0px;
	}

	.md\:pb-10 {
		padding-bottom: 2.5rem;
	}

	.md\:pb-12 {
		padding-bottom: 3rem;
	}

	.md\:pb-20 {
		padding-bottom: 5rem;
	}

	.md\:pb-\[100px\] {
		padding-bottom: 100px;
	}

	.md\:pb-\[103px\] {
		padding-bottom: 103px;
	}

	.md\:pb-\[105px\] {
		padding-bottom: 105px;
	}

	.md\:pb-\[118px\] {
		padding-bottom: 118px;
	}

	.md\:pb-\[68px\] {
		padding-bottom: 68px;
	}

	.md\:pb-\[80px\] {
		padding-bottom: 80px;
	}

	.md\:pb-\[94px\] {
		padding-bottom: 94px;
	}

	.md\:pl-\[25px\] {
		padding-left: 25px;
	}

	.md\:pt-14 {
		padding-top: 3.5rem;
	}

	.md\:pt-16 {
		padding-top: 4rem;
	}

	.md\:pt-6 {
		padding-top: 1.5rem;
	}

	.md\:pt-\[102px\] {
		padding-top: 102px;
	}

	.md\:pt-\[105px\] {
		padding-top: 105px;
	}

	.md\:pt-\[108px\] {
		padding-top: 108px;
	}

	.md\:pt-\[118px\] {
		padding-top: 118px;
	}

	.md\:pt-\[60px\] {
		padding-top: 60px;
	}

	.md\:pt-\[90px\] {
		padding-top: 90px;
	}

	.md\:pt-\[97px\] {
		padding-top: 97px;
	}

	.md\:pb-\[22px\] {
		padding-bottom: 22px;
	}

	.md\:pt-\[120px\] {
		padding-top: 120px;
	}

	.md\:pt-\[17px\] {
		padding-top: 17px;
	}

	.md\:text-left {
		text-align: left;
	}

	.md\:text-right {
		text-align: right;
	}

	.md\:font-heading {
		font-family: "Cal Sans", sans-serif;
	}

	.md\:font-mono {
		font-family: Inter, sans-serif;
	}

	.md\:text-\[10px\] {
		font-size: 10px;
	}

	.md\:text-\[11px\] {
		font-size: 11px;
	}

	.md\:text-\[120px\] {
		font-size: 120px;
	}

	.md\:text-\[12px\] {
		font-size: 12px;
	}

	.md\:text-\[13px\] {
		font-size: 13px;
	}

	.md\:text-\[14px\] {
		font-size: 14px;
	}

	.md\:text-\[15px\] {
		font-size: 15px;
	}

	.md\:text-\[16px\] {
		font-size: 16px;
	}

	.md\:text-\[18px\] {
		font-size: 18px;
	}

	.md\:text-\[20px\] {
		font-size: 20px;
	}

	.md\:text-\[24px\] {
		font-size: 24px;
	}

	.md\:text-\[26px\] {
		font-size: 26px;
	}

	.md\:text-\[30px\] {
		font-size: 30px;
	}

	.md\:text-\[32px\] {
		font-size: 32px;
	}

	.md\:text-\[36px\] {
		font-size: 36px;
	}

	.md\:text-\[40px\] {
		font-size: 40px;
	}

	.md\:text-\[48px\] {
		font-size: 48px;
	}

	.md\:text-\[52px\] {
		font-size: 52px;
	}

	.md\:text-\[54px\] {
		font-size: 54px;
	}

	.md\:text-\[60px\] {
		font-size: 60px;
	}

	.md\:text-\[64px\] {
		font-size: 64px;
	}

	.md\:text-base {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.md\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}

	.md\:text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.md\:font-bold {
		font-weight: 700;
	}

	.md\:font-medium {
		font-weight: 500;
	}

	.md\:font-normal {
		font-weight: 400;
	}

	.md\:font-semibold {
		font-weight: 600;
	}

	.md\:leading-7 {
		line-height: 1.75rem;
	}

	.md\:leading-\[1\.5\] {
		line-height: 1.5;
	}

	.md\:leading-\[1\.7\] {
		line-height: 1.7;
	}

	.md\:leading-\[1\.88\] {
		line-height: 1.88;
	}

	.md\:leading-\[2\.24\] {
		line-height: 2.24;
	}

	.md\:leading-relaxed {
		line-height: 1.625;
	}

	.md\:leading-tight {
		line-height: 1.25;
	}

	.md\:tracking-\[-0\.28px\] {
		letter-spacing: -0.28px;
	}

	.md\:tracking-normal {
		letter-spacing: 0em;
	}

	.md\:text-nc-forest {
		--tw-text-opacity: 1;
		color: rgb(4 53 32 / var(--tw-text-opacity, 1));
	}

	.md\:text-white {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}

	.md\:shadow-\[0px_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
		--tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		--tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
}

@media (min-width: 1024px) {
	.lg\:absolute {
		position: absolute;
	}

	.lg\:left-\[79px\] {
		left: 79px;
	}

	.lg\:top-\[68px\] {
		top: 68px;
	}

	.lg\:col-span-2 {
		grid-column: span 2 / span 2;
	}

	.lg\:mx-0 {
		margin-left: 0px;
		margin-right: 0px;
	}

	.lg\:mb-2 {
		margin-bottom: 0.5rem;
	}

	.lg\:mb-6 {
		margin-bottom: 1.5rem;
	}

	.lg\:mb-\[15px\] {
		margin-bottom: 15px;
	}

	.lg\:mb-\[43px\] {
		margin-bottom: 43px;
	}

	.lg\:ml-\[49px\] {
		margin-left: 49px;
	}

	.lg\:mt-0 {
		margin-top: 0px;
	}

	.lg\:mt-10 {
		margin-top: 2.5rem;
	}

	.lg\:mt-2 {
		margin-top: 0.5rem;
	}

	.lg\:mt-8 {
		margin-top: 2rem;
	}

	.lg\:mt-\[30px\] {
		margin-top: 30px;
	}

	.lg\:mt-\[65px\] {
		margin-top: 65px;
	}

	.lg\:block {
		display: block;
	}

	.lg\:inline {
		display: inline;
	}

	.lg\:flex {
		display: flex;
	}

	.lg\:grid {
		display: grid;
	}

	.lg\:hidden {
		display: none;
	}

	.lg\:h-\[100px\] {
		height: 100px;
	}

	.lg\:h-\[124px\] {
		height: 124px;
	}

	.lg\:h-\[291px\] {
		height: 291px;
	}

	.lg\:h-\[439px\] {
		height: 439px;
	}

	.lg\:h-\[469px\] {
		height: 469px;
	}

	.lg\:h-\[492px\] {
		height: 492px;
	}

	.lg\:h-\[565px\] {
		height: 565px;
	}

	.lg\:h-\[57px\] {
		height: 57px;
	}

	.lg\:h-\[593px\] {
		height: 593px;
	}

	.lg\:h-\[608px\] {
		height: 608px;
	}

	.lg\:w-1\/2 {
		width: 50%;
	}

	.lg\:w-\[291px\] {
		width: 291px;
	}

	.lg\:w-\[330px\] {
		width: 330px;
	}

	.lg\:w-\[392px\] {
		width: 392px;
	}

	.lg\:w-\[417px\] {
		width: 417px;
	}

	.lg\:w-\[430px\] {
		width: 430px;
	}

	.lg\:w-\[443px\] {
		width: 443px;
	}

	.lg\:w-\[467px\] {
		width: 467px;
	}

	.lg\:w-\[501px\] {
		width: 501px;
	}

	.lg\:w-\[505px\] {
		width: 505px;
	}

	.lg\:w-\[509px\] {
		width: 509px;
	}

	.lg\:w-\[510px\] {
		width: 510px;
	}

	.lg\:max-w-\[68\%\] {
		max-width: 68%;
	}

	.lg\:max-w-\[91\%\] {
		max-width: 91%;
	}

	.lg\:max-w-none {
		max-width: none;
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.lg\:flex-row {
		flex-direction: row;
	}

	.lg\:items-start {
		align-items: flex-start;
	}

	.lg\:items-center {
		align-items: center;
	}

	.lg\:justify-start {
		justify-content: flex-start;
	}

	.lg\:justify-center {
		justify-content: center;
	}

	.lg\:justify-between {
		justify-content: space-between;
	}

	.lg\:gap-0 {
		gap: 0px;
	}

	.lg\:gap-12 {
		gap: 3rem;
	}

	.lg\:gap-16 {
		gap: 4rem;
	}

	.lg\:gap-6 {
		gap: 1.5rem;
	}

	.lg\:gap-\[117px\] {
		gap: 117px;
	}

	.lg\:gap-\[28px\] {
		gap: 28px;
	}

	.lg\:gap-\[62px\] {
		gap: 62px;
	}

	.lg\:space-y-0> :not([hidden])~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px * var(--tw-space-y-reverse));
	}

	.lg\:whitespace-nowrap {
		white-space: nowrap;
	}

	.lg\:rounded-card {
		border-radius: 20px;
	}

	.lg\:rounded-b-\[26px\] {
		border-bottom-right-radius: 26px;
		border-bottom-left-radius: 26px;
	}

	.lg\:rounded-b-none {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.lg\:rounded-t-\[25px\] {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
	}

	.lg\:rounded-bl-card {
		border-bottom-left-radius: 20px;
	}

	.lg\:rounded-bl-none {
		border-bottom-left-radius: 0px;
	}

	.lg\:rounded-tr-card {
		border-top-right-radius: 20px;
	}

	.lg\:rounded-tr-none {
		border-top-right-radius: 0px;
	}

	.lg\:border {
		border-width: 1px;
	}

	.lg\:border-l {
		border-left-width: 1px;
	}

	.lg\:border-solid {
		border-style: solid;
	}

	.lg\:border-\[rgba\(255\2c 255\2c 255\2c 0\.72\)\] {
		border-color: rgba(255, 255, 255, 0.72);
	}

	.lg\:border-black\/20 {
		border-color: rgb(0 0 0 / 0.2);
	}

	.lg\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.36\)\] {
		background-color: rgba(255, 255, 255, 0.36);
	}

	.lg\:bg-nc-dark {
		--tw-bg-opacity: 1;
		background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
	}

	.lg\:bg-nc-light {
		--tw-bg-opacity: 1;
		background-color: rgb(219 246 234 / var(--tw-bg-opacity, 1));
	}

	.lg\:bg-transparent {
		background-color: transparent;
	}

	.lg\:p-0 {
		padding: 0px;
	}

	.lg\:p-10 {
		padding: 2.5rem;
	}

	.lg\:p-6 {
		padding: 1.5rem;
	}

	.lg\:px-0 {
		padding-left: 0px;
		padding-right: 0px;
	}

	.lg\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.lg\:px-\[157px\] {
		padding-left: 157px;
		padding-right: 157px;
	}

	.lg\:px-\[191px\] {
		padding-left: 191px;
		padding-right: 191px;
	}

	.lg\:px-\[198px\] {
		padding-left: 198px;
		padding-right: 198px;
	}

	.lg\:px-\[201px\] {
		padding-left: 201px;
		padding-right: 201px;
	}

	.lg\:py-0 {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.lg\:py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}

	.lg\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.lg\:py-24 {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

	.lg\:py-\[77px\] {
		padding-top: 77px;
		padding-bottom: 77px;
	}

	.lg\:py-\[95px\] {
		padding-top: 95px;
		padding-bottom: 95px;
	}

	.lg\:py-\[99px\] {
		padding-top: 99px;
		padding-bottom: 99px;
	}

	.lg\:pb-0 {
		padding-bottom: 0px;
	}

	.lg\:pb-12 {
		padding-bottom: 3rem;
	}

	.lg\:pb-\[105px\] {
		padding-bottom: 105px;
	}

	.lg\:pl-\[47px\] {
		padding-left: 47px;
	}

	.lg\:pt-0 {
		padding-top: 0px;
	}

	.lg\:text-left {
		text-align: left;
	}

	.lg\:text-\[14px\] {
		font-size: 14px;
	}

	.lg\:text-\[22px\] {
		font-size: 22px;
	}

	.lg\:text-\[48px\] {
		font-size: 48px;
	}

	.lg\:text-\[64px\] {
		font-size: 64px;
	}

	.lg\:text-base {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.lg\:leading-\[2\.52\] {
		line-height: 2.52;
	}

	.lg\:tracking-\[-4px\] {
		letter-spacing: -4px;
	}

	.lg\:text-nc-forest {
		--tw-text-opacity: 1;
		color: rgb(4 53 32 / var(--tw-text-opacity, 1));
	}

	.lg\:text-white {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}

	.lg\:shadow-\[0px_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
		--tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		--tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}

	.lg\:shadow-\[0px_9px_14\.5px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
		--tw-shadow: 0px 9px 14.5px 0px rgba(0, 0, 0, 0.15);
		--tw-shadow-colored: 0px 9px 14.5px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}

	.lg\:shadow-\[7px_0px_11\.3px_-4px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
		--tw-shadow: 7px 0px 11.3px -4px rgba(0, 0, 0, 0.16);
		--tw-shadow-colored: 7px 0px 11.3px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
}

@media (min-width: 1280px) {
	.xl\:px-0 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

:root {
	--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
	--accentPurple: #716aff;
	--lightPurple: #ada2f7;
	--turboAccent: #fcba03;
	/*--turboAccent: #01BC6A;*/
	--turboAccentLight: #7FDDB4;
	--turboTextLight: #01BC6A;
	--turboBg: #0000C0;
	/*--turboBg: #043520;*/
	--ffRegular: "Inter", sans-serif;
	--ffMain: "Cal Sans", sans-serif;
}

html {
	scroll-behavior: smooth
}

.green-gradient {
	background: linear-gradient(135deg, #01bc6a, #01894d 50%, #005630)
}

.green-gradient-radial {
	background: radial-gradient(ellipse at 70% 45%, rgba(1, 188, 106, .9) 0, rgba(1, 137, 77, .95) 40%, #005630 100%)
}

.glass-card {
	background: hsla(0, 0%, 100%, .08);
	border: 1px solid hsla(0, 0%, 100%, .72);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)
}

.card-shadow {
	box-shadow: 7px 0 11.3px -4px rgba(0, 0, 0, .16)
}

.section-shadow {
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.dropdown-menu {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: all .2s ease
}

.dropdown-menu.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.mobile-menu {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.mobile-menu.open {
	max-height: calc(100vh - 72px);
	opacity: 1;
	overflow-y: auto;
	transition: max-height .45s cubic-bezier(.4, 0, .2, 1), opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.mobile-menu>div>* {
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier(.4, 0, .2, 1)
}

.mobile-menu.open>div>* {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .25s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1)
}

.mobile-menu.open>div>:first-child {
	transition-delay: .04s
}

.mobile-menu.open>div>:nth-child(2) {
	transition-delay: .07s
}

.mobile-menu.open>div>:nth-child(3) {
	transition-delay: .1s
}

.mobile-menu.open>div>:nth-child(4) {
	transition-delay: .13s
}

.mobile-menu.open>div>:nth-child(5) {
	transition-delay: .16s
}

.mobile-menu.open>div>:nth-child(6) {
	transition-delay: .19s
}

.mobile-menu.open>div>:nth-child(7) {
	transition-delay: .22s
}

.mobile-menu.open>div>:nth-child(8) {
	transition-delay: .25s
}

.hamburger-line {
	transition: transform .35s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1) !important;
	transform-origin: center
}

.hero-entrance>* {
	opacity: 0;
	animation: heroReveal .9s var(--ease-out-expo) forwards
}

.hero-entrance>:first-child {
	animation-delay: .08s
}

.hero-entrance>:nth-child(2) {
	animation-delay: .2s
}

.hero-entrance>:nth-child(3) {
	animation-delay: .35s
}

.hero-entrance>:nth-child(4) {
	animation-delay: .5s
}

.hero-entrance>:nth-child(5) {
	animation-delay: .65s
}

.fade-up {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo)
}

.fade-up.visible {
	opacity: 1;
	transform: translateY(0)
}

.fade-left {
	opacity: 0;
	transform: translateX(-30px);
	transition: opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo)
}

.fade-left.visible {
	opacity: 1;
	transform: translateX(0)
}

.fade-right {
	opacity: 0;
	transform: translateX(30px);
	transition: opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo)
}

.fade-right.visible {
	opacity: 1;
	transform: translateX(0)
}

.scale-in {
	opacity: 0;
	transform: scale(.92);
	transition: opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo)
}

.scale-in.visible {
	opacity: 1;
	transform: scale(1)
}

.stagger-children>* {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo)
}

.stagger-children>.visible {
	opacity: 1;
	transform: translateY(0)
}

.form-back-btn {
	margin-bottom: 8px
}

.btn-press {
	transition: transform .2s cubic-bezier(.4, 0, .2, 1), filter .1s, box-shadow .2s cubic-bezier(.4, 0, .2, 1);
	will-change: transform, box-shadow
}

.btn-press:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .12)
}

.btn-press:active {
	transform: scale(.95) translateY(0);
	background: #000 !important;
	color: #fff !important;
	box-shadow: none
}

.floating-cta {
	opacity: 0;
	transform: translateY(24px) scale(.9);
	pointer-events: none;
	transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .5s cubic-bezier(.34, 1.56, .64, 1)
}

.floating-cta.visible {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto
}

.floating-cta.visible:hover {
	transform: translateY(-2px) scale(1)
}

.glow-hover {
	transition: box-shadow .35s cubic-bezier(.4, 0, .2, 1), border-color .35s cubic-bezier(.4, 0, .2, 1), transform .35s cubic-bezier(.4, 0, .2, 1), opacity .35s cubic-bezier(.4, 0, .2, 1), background-color .35s cubic-bezier(.4, 0, .2, 1), color .35s cubic-bezier(.4, 0, .2, 1);
	will-change: transform, box-shadow
}

.glow-hover:hover {
	box-shadow: 0 8px 30px rgba(1, 188, 106, .3);
	border-color: #01bc6a;
	transform: scale(1.04)
}

.card-grid:hover .glow-hover {
	opacity: .45
}

.card-grid .glow-hover:hover {
	opacity: 1
}

.heloc-glass {
	background: radial-gradient(130% 115% at 50% 50%, rgba(0, 146, 82, .47) 22%, rgba(0, 85, 48, .47) 54%, rgba(0, 24, 14, .47) 87%, rgba(0, 0, 0, .47) 100%);
	border: 1px solid hsla(0, 0%, 100%, .43);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px)
}

.calc-glass {
	background: radial-gradient(ellipse at 50% 50%, rgba(97, 206, 158, .11) 0, hsla(0, 0%, 100%, .11) 100%);
	border: 1px solid hsla(0, 0%, 100%, .29)
}

.terms-glass {
	background: radial-gradient(1238px 1169px at 26% 14%, rgba(0, 0, 0, .45) 21.6%, rgba(8, 8, 8, .45) 24.1%, hsla(0, 0%, 6%, .45) 26.5%, rgba(32, 32, 32, .45) 31.4%, rgba(48, 48, 48, .45) 36.3%, rgba(64, 64, 64, .45) 41.2%, rgba(96, 96, 96, .45) 51%, hsla(0, 0%, 50%, .45) 60.8%, hsla(0, 0%, 62%, .45) 70.6%, hsla(0, 0%, 75%, .45) 80.4%, hsla(0, 0%, 87%, .45) 90.2%, hsla(0, 0%, 100%, .45) 100%);
	border: 1px solid hsla(0, 0%, 100%, .72);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	position: relative;
	top: -40px
}

.dscr-glass {
	background: radial-gradient(1185px 1166px at 26% 15%, rgba(0, 0, 0, .67) 21.6%, hsla(0, 0%, 100%, .67) 100%)
}

.testimonial-glass {
	background-color: #043520;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 510 439'%3E%3Crect width='100%25' height='100%25' fill='url(%23a)' opacity='.46'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='10' gradientTransform='matrix(69.162 96.233 -112.93 29.146 131.47 59.505)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.216' stop-color='%23009252'/%3E%3Cstop offset='.265' stop-color='%2310985d'/%3E%3Cstop offset='.314' stop-color='%23209f67'/%3E%3Cstop offset='.412' stop-color='%2340ad7d'/%3E%3Cstop offset='.51' stop-color='%2360bb93'/%3E%3Cstop offset='.608' stop-color='%2380c8a8'/%3E%3Cstop offset='.804' stop-color='%23bfe4d4'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%;
	border: 1px solid hsla(0, 0%, 100%, .72)
}

input[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 12px;
	background: hsla(0, 0%, 100%, .22);
	border-radius: 6px;
	/* outline: none; */
	/* touch-action: none */
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 28px;
	height: 18px;
	background: #fff;
	border: none;
	border-radius: 9px;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25)
}

input[type=range]::-moz-range-thumb {
	width: 28px;
	height: 18px;
	background: #fff;
	border-radius: 9px;
	cursor: pointer;
	border: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25)
}

input[type=range]::-moz-range-progress {
	background: #01bc6a;
	height: 12px;
	border-radius: 6px
}

input[type=range]::-moz-range-track {
	background: hsla(0, 0%, 100%, .22);
	height: 12px;
	border-radius: 6px
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease,
		padding 0.3s ease
}

.faq-item.open .faq-answer {
	max-height: 500px
}

.faq-item.open .faq-icon {
	transform: rotate(180deg);
	color: #000;
	margin: 8px 0 0
}

.faq-icon {
	transition: transform .3s ease
}

.green-card-bg {
	background: linear-gradient(120.176deg, #01bc6a, #047442)
}

.green-gradient-card {
	background: linear-gradient(107.3deg, #01bc6a, #047442)
}

.dscr-purchase-bg {
	background-color: #043520;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 510 439'%3E%3Crect width='100%25' height='100%25' fill='url(%23a)' opacity='.46'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='10' gradientTransform='matrix(69.162 96.233 -112.93 29.146 131.47 59.505)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.216' stop-color='%23009252'/%3E%3Cstop offset='.265' stop-color='%2310985d'/%3E%3Cstop offset='.314' stop-color='%23209f67'/%3E%3Cstop offset='.412' stop-color='%2340ad7d'/%3E%3Cstop offset='.51' stop-color='%2360bb93'/%3E%3Cstop offset='.608' stop-color='%2380c8a8'/%3E%3Cstop offset='.804' stop-color='%23bfe4d4'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%
}

.chat-dark {
	background: #181818;
	border-radius: 20px 20px 20px 0
}

.chat-green {
	background: #01bc6a;
	border-radius: 20px 20px 0 20px
}

.value-card {
	background-color: #043520;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 510 439'%3E%3Crect width='100%25' height='100%25' fill='url(%23a)' opacity='.46'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='10' gradientTransform='matrix(69.162 96.233 -112.93 29.146 131.47 59.505)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.216' stop-color='%23009252'/%3E%3Cstop offset='.265' stop-color='%2310985d'/%3E%3Cstop offset='.314' stop-color='%23209f67'/%3E%3Cstop offset='.412' stop-color='%2340ad7d'/%3E%3Cstop offset='.51' stop-color='%2360bb93'/%3E%3Cstop offset='.608' stop-color='%2380c8a8'/%3E%3Cstop offset='.804' stop-color='%23bfe4d4'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%;
	border-radius: 20px
}

.legal-content h3 {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0;
	color: #000;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	padding-top: 1.5rem
}

.legal-content p {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 1rem
}

.legal-content ul {
	list-style: disc;
	padding-left: 1.5rem;
	margin-bottom: 1rem
}

.legal-content ul li {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 0.25rem
}

nav a[href]:not(.btn-press):not([aria-label="RefiGuide Home"]) {
	position: relative
}

.blog-toc span:hover:after,
nav a[href]:not(.btn-press):not([aria-label="RefiGuide Home"]):after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background: #01bc6a;
	transition: width .25s ease
}

.blog-toc span:after,
nav a[href].nav-active:after,
nav a[href]:not(.btn-press):not([aria-label="RefiGuide Home"]):hover:after {
	width: 100%
}

footer a:not(.btn-press) {
	transition: color .2s ease
}

footer a:not(.btn-press):hover {
	text-decoration: underline;
	text-underline-offset: 4px
}

.faq-item>button {
	transition: background .2s ease
}

.faq-item>button:hover {
	background: rgba(1, 188, 106, .05)
}

.dropdown-menu a {
	transition: background .15s ease, color .15s ease;
	border-radius: 6px
}

.dropdown-menu a:hover {
	background: rgba(1, 188, 106, .08)
}

.nav-entrance {
	opacity: 0;
	animation: navReveal .7s var(--ease-out-expo) forwards
}

nav {
	transition: background .3s ease, box-shadow .3s ease, -webkit-backdrop-filter .3s ease;
	transition: background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
	transition: background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease, -webkit-backdrop-filter .3s ease
}

nav>div:first-child {
	transition: height .3s ease
}

nav>div:first-child img {
	transition: height .3s ease, width .3s ease
}

nav.scrolled {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: hsla(0, 0%, 100%, .95);
	box-shadow: 0 1px 8px rgba(0, 0, 0, .08)
}

nav.scrolled>div:first-child {
	height: 56px !important
}

nav.scrolled>div:first-child img[alt="Nation Capital"] {
	height: 24px !important;
	width: auto !important
}

nav.scrolled:has(.mobile-menu.open)>div:first-child {
	height: 72px !important
}

nav.scrolled:has(.mobile-menu.open)>div:first-child img[alt="Nation Capital"] {
	height: 36px !important;
	width: auto !important
}

.img-reveal {
	opacity: 0;
	filter: blur(12px);
	transform: scale(1.04);
	transition: opacity 1s var(--ease-out-expo), filter 1s var(--ease-out-expo), transform 1s var(--ease-out-expo)
}

.img-reveal.loaded {
	opacity: 1;
	filter: blur(0);
	transform: scale(1)
}

.blog-callout {
	background: hsla(0, 0%, 100%, .65);
	border-left: 6px solid rgba(1, 188, 106, .8);
	border-radius: 20px
}

.blog-compare {
	background: #dbf6ea;
	border-left: 6px solid rgba(1, 188, 106, .5);
	border-radius: 20px
}

.blog-pill {
	height: 35px;
	border-radius: 10px;
	font-size: 12px;
	border: .5px solid #000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease
}

.blog-pill.active {
	background: #01bc6a;
	color: #fff;
	border-color: #01bc6a
}

.blog-toc a,
.blog-toc span {
	transition: color .2s ease
}

.blog-toc a.active,
.blog-toc span.active {
	color: #01bc6a;
	font-weight: 600
}

[role=button]:focus-visible,
a:focus-visible,
button:focus-visible {
	outline: 2px solid #01bc6a;
	outline-offset: 2px
}

input[type=range]:focus {
	outline: none
}

input[type=range]:focus-visible {
	outline: 2px solid #01bc6a;
	outline-offset: 4px;
	border-radius: 6px
}

.combo-trigger:focus-visible,
.custom-check:focus-visible,
.dropdown-list-item:focus-visible,
.faq-toggle:focus-visible,
.segment-btn:focus-visible {
	outline: 2px solid #01bc6a;
	outline-offset: 2px
}

.green-gradient-bg {
	background: linear-gradient(135deg, #01bc6a, #01894d 50%, #005630)
}

.step-container {
	transition: opacity .35s cubic-bezier(.16, 1, .3, 1), transform .35s cubic-bezier(.16, 1, .3, 1), height .35s cubic-bezier(.16, 1, .3, 1)
}

.step-enter {
	opacity: 0;
	transform: translateX(20px) scale(.98)
}

.step-enter-active {
	opacity: 1;
	transform: translateX(0) scale(1)
}

.stagger-in>* {
	opacity: 0;
	animation: fadeInUp .4s cubic-bezier(.16, 1, .3, 1) forwards;
	animation-delay: calc(var(--stagger, 0)*60ms)
}

.form-input {
	background: #fff;
	border: .2px solid #fff;
	border-radius: 10px;
	height: 60px;
	padding: 0 26px;
	font-size: 15px;
	font-family: Inter, sans-serif;
	color: #000;
	width: 100%;
	outline: none;
	transition: box-shadow .2s ease
}

.form-input:focus {
	box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5), 0 0 12px hsla(0, 0%, 100%, .15)
}

.form-input.error {
	border-color: #ff6b6b;
	box-shadow: 0 0 0 2px hsla(0, 100%, 71%, .4);
	animation: shake .4s ease
}

.form-input::-moz-placeholder {
	color: rgba(0, 0, 0, .4)
}

.form-input::placeholder {
	color: rgba(0, 0, 0, .4)
}

.form-select {
	background: #fff;
	border: .2px solid #fff;
	border-radius: 10px;
	height: 60px;
	padding: 0 26px;
	font-size: 15px;
	font-family: Inter, sans-serif;
	color: #000;
	width: 100%;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	transition: box-shadow .2s ease
}

.form-select:focus {
	box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5), 0 0 12px hsla(0, 0%, 100%, .15)
}

.segment-control {
	display: flex;
	border-radius: 10px;
	overflow: hidden;
	height: 60px
}

.segment-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	font-family: Inter, sans-serif;
	cursor: pointer;
	transition: all .2s;
	color: #000;
	letter-spacing: -.2px
}

.segment-btn.active {
	background: #01bc6a;
	color: #fff
}

.segment-btn:not(.active):active {
	background: #000;
	color: #fff
}

.progress-fill {
	transition: width .5s cubic-bezier(.4, 0, .2, 1)
}

.progress-segment {
	height: 3px;
	border-radius: 2px;
	transition: background-color .4s ease
}

.select-card {
	transition: all .2s ease;
	cursor: pointer
}

.select-card:hover {
	transform: scale(1.02);
	box-shadow: 0 0 0 2px rgba(1, 188, 106, .6), 0 4px 12px rgba(0, 0, 0, .15);
	background-color: #01bc6a !important
}

.select-card:active,
.select-card:hover,
.select-card:hover span {
	color: #fff !important
}

.select-card:active {
	background-color: #000 !important
}

.select-card:active span {
	color: #fff !important
}

.select-card.selected {
	background-color: #01bc6a !important;
	color: #fff !important;
	animation: cardPop .3s cubic-bezier(.34, 1.56, .64, 1)
}

.select-card.selected span {
	color: #fff !important
}

.dropdown-list {
	background: #fff;
	border-radius: 10px;
	overflow: hidden
}

.dropdown-list-item {
	height: 60px;
	display: flex;
	align-items: center;
	padding: 0 26px;
	font-size: 15px;
	font-family: Inter, sans-serif;
	cursor: pointer;
	transition: all .15s;
	color: #000
}

.dropdown-list-item:not(:last-child) {
	border-bottom: .5px solid rgba(0, 0, 0, .08)
}

.dropdown-list-item.active {
	background: linear-gradient(#01bc6a, #01bc6a) no-repeat 0;
	background-size: 100% 100%;
	animation: slideHighlight .25s ease-out;
	color: #fff
}

.dropdown-list-item:not(.placeholder-item):not(.active):hover {
	background: #01bc6a;
	color: #fff
}

.dropdown-list-item:not(.placeholder-item):not(.active):active {
	background: #000;
	color: #fff
}

.dropdown-list-item.placeholder-item {
	color: rgba(0, 0, 0, .4);
	cursor: default
}

.custom-check {
	width: 28px;
	height: 28px;
	min-width: 28px;
	border: 1.5px solid hsla(0, 0%, 100%, .5);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .15s
}

.custom-check.checked {
	background: #01bc6a;
	border-color: #01bc6a
}

.custom-check.checked:after {
	content: "";
	width: 12px;
	height: 7px;
	border-left: 2.5px solid #fff;
	border-bottom: 2.5px solid #fff;
	transform: rotate(-45deg) translateY(-1px)
}

.custom-check.error-check {
	border-color: #ef4444
}

.btn-glow {
	animation: btnGlow 2s ease-in-out infinite;
	animation-delay: 1s;
	background-color: #01bc6a !important
}

.btn-glow:hover {
	background-color: #00a85d !important
}

.btn-press.btn-clicked {
	background-color: #000 !important;
	color: #fff !important;
	transform: scale(.95);
	transition: none !important
}

.stagger-in>.btn-glow {
	animation: fadeInUp .4s cubic-bezier(.16, 1, .3, 1) forwards;
	animation-delay: calc(var(--stagger, 0)*60ms)
}

.combo-container {
	position: relative;
	z-index: 60
}

.combo-trigger {
	cursor: pointer;
	display: flex;
	align-items: center;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.combo-trigger.error {
	border-color: #ff6b6b;
	box-shadow: 0 0 0 2px hsla(0, 100%, 71%, .4);
	animation: shake .4s ease
}

.combo-dropdown {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
	z-index: 50;
	overflow: hidden;
	transform: scaleY(0);
	transform-origin: top;
	opacity: 0;
	transition: transform .2s cubic-bezier(.16, 1, .3, 1), opacity .15s ease;
	pointer-events: none
}

.combo-dropdown.open {
	transform: scaleY(1);
	opacity: 1;
	pointer-events: auto
}

.combo-dropdown.flip-up {
	top: auto;
	bottom: calc(100% + 4px);
	transform-origin: bottom
}

.combo-input {
	width: 100%;
	height: 44px;
	padding: 0 12px 0 36px;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	font-size: 14px;
	font-family: Inter, sans-serif;
	color: #000;
	outline: none;
	box-sizing: border-box;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 12px;
	background-size: 16px
}

.combo-input::-moz-placeholder {
	color: rgba(0, 0, 0, .35)
}

.combo-input::placeholder {
	color: rgba(0, 0, 0, .35)
}

.combo-options {
	max-height: 240px;
	overflow-y: auto;
	overscroll-behavior: contain
}

.combo-option {
	padding: 10px 12px;
	font-size: 14px;
	font-family: Inter, sans-serif;
	cursor: pointer;
	transition: background .1s;
	color: #000;
	opacity: 0;
	animation: comboOptIn .15s ease forwards;
	animation-delay: calc(var(--i, 0)*6ms)
}

.combo-option:not(:last-child) {
	border-bottom: .5px solid rgba(0, 0, 0, .05)
}

.combo-option.highlighted,
.combo-option:hover {
	background: #f0fdf4
}

.combo-option.selected {
	background: #01bc6a;
	color: #fff
}

.combo-option.selected.highlighted,
.combo-option.selected:hover {
	background: #00a85d
}

.combo-hl {
	color: #01bc6a;
	font-weight: 700
}

.combo-option.selected .combo-hl {
	color: #fff
}

.combo-empty {
	padding: 16px 12px;
	font-size: 14px;
	color: rgba(0, 0, 0, .4);
	font-family: Inter, sans-serif;
	text-align: center
}

.hover\:border-nc-green:hover {
	--tw-border-opacity: 1;
	border-color: rgb(1 188 106/var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#009a56\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 154 86/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#00a85d\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 168 93/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#065a37\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(6 90 55/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-900:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(17 24 39/var(--tw-bg-opacity, 1))
}

.hover\:bg-nc-green:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(1 188 106/var(--tw-bg-opacity, 1))
}

.hover\:bg-nc-mint:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(230 249 241/var(--tw-bg-opacity, 1))
}

.hover\:text-nc-green:hover {
	--tw-text-opacity: 1;
	color: rgb(1 188 106/var(--tw-text-opacity, 1))
}

.hover\:shadow-lg:hover {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.focus\:not-sr-only:focus {
	position: static;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal
}

.focus\:absolute:focus {
	position: absolute
}

.focus\:left-4:focus {
	left: 1rem
}

.focus\:top-4:focus {
	top: 1rem
}

.focus\:z-\[100\]:focus {
	z-index: 100
}

.focus\:rounded:focus {
	border-radius: .25rem
}

.focus\:bg-white:focus {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.focus\:px-4:focus {
	padding-left: 1rem;
	padding-right: 1rem
}

.focus\:py-2:focus {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.focus\:text-black:focus {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:scale-105 {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:brightness-0 {
	--tw-brightness: brightness(0)
}

.group:hover .group-hover\:brightness-0,
.group:hover .group-hover\:invert {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.group:hover .group-hover\:invert {
	--tw-invert: invert(100%)
}

.form-back-btn svg {
	margin: 10px;
}

.block-radios .radioTab {
	justify-content: unset;
	gap: 0;
	border-radius: 10px;
	overflow: hidden;
}

.block-radios .radioTab .radioClick {
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	border-radius: 0 !important;
	flex: 1;
	padding: 0;
	transition: all 0.15s;
}

.block-radios .radioTab .radioClick span {
	border: 0;
	border-radius: 0;
	font-size: 13px;
	font-weight: 600;
	transition: all 0.15s;
}

.block-radios .radioTab .radioClick:hover {
	background: #01bc6a !important;
}

.block-radios .radioTab .radioClick:hover span {
	color: #fff !important;
}

.block-radios:not(.block-radios-horizontal) .radioTab .radioClick span {
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	color: #000;
}

.block-radios:not(.block-radios-horizontal) .radioTab .radioClick {
	padding: 0 26px;
}

.block-radios:not(.block-radios-horizontal) .radioTab .radioClick:not(:last-child) {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
}

.block-radios .radioTab .radioClick:has(input:checked),
.block-radios .radioTab .radioClick:focus {
	background: linear-gradient(#01bc6a, #01bc6a) no-repeat left;
	background: #01bc6a !important;
	background-size: 100% 100%;
	animation: slideHighlight 0.25s ease-out;
	color: white;
}

.block-radios .radioTab .radioClick:has(input:checked) span,
.block-radios .radioTab .radioClick:focus span {
	color: #fff !important;
}

.form-v3 label.block.text-sm.font-medium.leading-6.text-gray-900 {
	margin: 0 0 6px;
	letter-spacing: -0.34px;
	line-height: 25.5px !important;
}

.custom-block-radios .d-contents {
	position: relative;
	width: 100%;
}

.custom-block-radios .d-contents input {
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
	border: 0;
}

.custom-block-radios .mt-2>div {
	display: flex;
	border-radius: 10px;
	overflow: hidden;
}

.form-v3 .custom-block-radios .d-contents label.block.text-sm.font-medium.leading-6.text-gray-900 {
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	background: #fff;
	min-height: 60px;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-family: "Inter", sans-serif;
	font-weight: 600;
}

.custom-block-radios .d-contents input:hover+label.block.text-sm.font-medium.leading-6.text-gray-900,
.custom-block-radios .d-contents input:checked+label.block.text-sm.font-medium.leading-6.text-gray-900 {
	background: #01bc6a;
	color: #fff;
}

.tcpa-fields input[type="checkbox"] {
	height: 28px;
	width: 28px;
	border: 1.5px solid rgba(255, 255, 255, 0.5);
	background-color: transparent;
	transition: all 0.15s;
	border-radius: 4px;
	box-shadow: none !important;
}

.tcpa-fields label {
	padding: 0;
	margin: 2px 0 0 12px;
}

.tcpa-fields .flex.items-center {
	align-items: flex-start;
	position: relative;
}

.tcpa-fields input[type="checkbox"]:checked {
	background-color: #01bc6a;
	border-color: #01bc6a;
}

.tcpa-fields .flex.items-center:has(input[type="checkbox"]:checked) label:after {
	content: "";
	width: 12px;
	height: 7px;
	border-left: 2.5px solid white;
	border-bottom: 2.5px solid white;
	transform: rotate(-45deg) translateY(-1px);
	position: absolute;
	top: 9px;
	left: 10px;
}

.header-outer {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

.form-v3 .sm\:col-span-6>label {
	font-size: 17px !important;
	color: #fff !important;
	text-align: left !important;
	font-family: "Inter", sans-serif;
}

.tcpa-fields label.error {
	color: rgb(188, 72, 72) !important;
	font-size: 14px !important;
	margin: 0;
}

.form-v3 .sm\:col-span-6>label.error {
	font-size: 16px !important;
	color: rgb(188, 72, 72) !important;
}

.custom-block-radios.vertical .mt-2>div {
	flex-direction: column;
}

.form-v3 .custom-block-radios.vertical .d-contents label.block.text-sm.font-medium.leading-6.text-gray-900 {
	font-size: 15px;
	text-align: left;
	justify-content: flex-start;
	padding: 0 26px;
	font-family: "Inter", sans-serif;
	font-weight: 400;
}

.form-v3 .custom-block-radios.vertical .d-contents+.d-contents label.block.text-sm.font-medium.leading-6.text-gray-900 {
	border-top: 0.5px solid rgba(0, 0, 0, 0.08);
}

h2.ty-title {
	font-size: 80px;
	line-height: 100%;
}

.pre-qualification-text {
	display: none !important;
}

.form-tcpa {
	display: none !important;
}

.font-ins {
	font-family: "Instrument Sans", sans-serif;
	color: #000000e5;
}

.font-sans {
	font-family: "Instrument Sans", sans-serif;
}

.font-funnel {
	font-family: "Funnel Display", sans-serif;
}

.hover\:text-accentPurple:hover,
.text-accentPurple {
	color: var(--accentPurple);
}

.text-lightPurple {
	color: var(--lightPurple);
}

.hover\:bg-accentPurple:hover,
.bg-accentPurple {
	background-color: var(--accentPurple);
}

.max-w-7xl {
	max-width: 1130px;
}

img.drum-graphic {
	width: 48vw;
	right: -40px;
	max-width: none;
}

.hero-left {
	width: 552px;
}

.heloc-calc-outer {
	padding: 113px 1rem 180px 1rem;
}

#homeThumb,
#mortgageThumb {
	background-image: url(https://pingtree-prod.s3.us-west-1.amazonaws.com//69d3dc16a6b163cb6545fac9.webp);
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	background-size: 25px;
}

#homeFill,
#mortgageFill {
	border-radius: 10px;
	background: #01BC6A
}

.terms-card {
	border: 0.5px solid rgb(181 181 181 / 25%);
	box-shadow: 0px 0px 25.9px 0px #0000000d;
	width: 100%;
	border-radius: 25px;
	padding: 43px 30px 30px;
}

.terms-card h3 {
	color: #5a55cc;
}

.slide h3 {
	font-size: 40px;
}

.slide img {
	height: 376px;
	width: 376px;
	margin: auto;
}

ul.slick-dots li {
	width: 122px;
	background: #ada2f71a;
	height: 10px;
	display: block;
	margin: 0;
}

ul.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 35px auto 0;
	background: #ADA2F71A;
	max-width: 488px;
	left: 0;
	right: 0;
	border-radius: 25px;
	overflow: hidden;
}

ul.slick-dots li button {
	display: none;
}

ul.slick-dots li.slick-active {
	border-radius: 25px;
	background: rgb(173 162 247 / 30%);
}

button.comparison-btn {
	color: #00000080;
	line-height: 40px;
	border-color: var(--accentPurple);
	border: 0.5px solid #00000040;
}

button.comparison-btn.active {
	background: var(--accentPurple);
	color: #fff;
	border-color: var(--accentPurple);
}

.rounded-bl-\[25px\] {
	border-bottom-left-radius: 25px;
}

.rounded-br-\[25px\] {
	border-bottom-right-radius: 25px;
}

.turbo-faq span.faq-icon {
	color: #00000080;
	font-weight: 400;
}

.turbo-faq .faq-item {
	border: 1px solid rgb(0 0 0 / 25%);
	padding: 20px 33px;
	border-radius: 15px;
}

.turbo-faq button.faq-toggle span {
	font-size: 20px;
	font-weight: 700;
	color: #ada2f7;
	line-height: 1.75rem;
}

.turbo-faq button.faq-toggle span.faq-icon {
	color: #00000080;
	font-family: "Gruppo", sans-serif;
	font-size: 32px;
	font-weight: 400;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin: -5px 0 0 0;
}

.turbo-faq .faq-item.open button.faq-toggle {
	padding: 8px 0 14px;
}

.blog-block-2 {
	height: 313px;
}

.form-heloc button#nextBtn {
	background: #ada2f7;
	border-radius: 10px;
}

.form-heloc button#prevBtn {
	background: #ada2f769;
	border-radius: 10px;
	min-width: 160px;
}

.form-heloc label.block.text-sm.font-medium.leading-6.text-gray-900 {
	color: #fff !important;
	font-family: "Funnel Display", sans-serif;
	font-size: 17px !important;
	line-height: 19.6px !important;
	letter-spacing: -0.28px;
}

.form-heloc label.relative.block.radioClick.ring-2 {
	background: #ada2f7 !important;
	box-shadow: none;
}

.form-heloc label.relative.block.radioClick.ring-2 span {
	color: #fff !important;
}

.form-heloc .radioTab {
	justify-content: unset;
	gap: 0;
	border-radius: 10px;
	overflow: hidden;
}

.form-heloc .radioTab .radioClick {
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	border-radius: 0 !important;
	flex: 1;
	padding: 14px 20px;
	transition: all 0.15s;
}

.form-heloc .radioTab .radioClick span {
	border: 0;
	border-radius: 0;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.15s;
	text-align: left;
	color: #000;
}

.form-heloc .radioTab .radioClick:hover {
	background: #ada2f7 !important;
}

.form-heloc .radioTab .radioClick:hover span {
	color: #fff !important;
}

.form-heloc .radioTab .radioClick:not(:last-child) {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
}

.form-heloc .radioTab .radioClick:has(input:checked),
.form-heloc .radioTab .radioClick:focus {
	background:
		#716aff !important;
	background: #716aff;
	background-size: 100% 100%;
	animation: slideHighlight 0.25s ease-out;
	color: white;
}

.form-heloc .radioTab .radioClick:has(input:checked) span,
.form-heloc .radioTab .radioClick:focus span {
	color: #fff !important;
}

.form-heloc button[id^="toggleListbox"],
.form-heloc .text-input-field {
	font-size: 15px;
	font-weight: 600;
}

.form-heloc button[id^="toggleListbox"]:focus,
.form-heloc input.text-input-field:focus {
	box-shadow:
		0 0 0 2px rgb(173 162 247),
		0 0 12px rgb(255 255 255 / 15%) !important;
	outline: 0;
}

.slider-vertical[type=range] {
	-webkit-appearance: none;
	appearance: none;
	width: 266px;
	height: 143px;
	transform: rotate(-90deg);
	background: transparent;
	position: absolute;
	top: 60px;
	left: -64px;
	opacity: 0;
}

.slider-vertical::-webkit-slider-runnable-track {
	background: transparent;
}

.slider-vertical::-webkit-slider-thumb {
	transform: rotate(90deg) translatey(-10%);
	-webkit-appearance: none;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background: #fff;
	/* border: 2px solid #6366f1; */
	box-shadow: 0px 4px 15px 0px #00000026;
	cursor: pointer;
	background-image: url(https://pingtree-prod.s3.us-west-1.amazonaws.com/webflow2/landing/20czdu/69c13f27aa813f38f1d9c2e8.webp);
	background-repeat: no-repeat;
	background-position: center;
}

.slider-vertical::-moz-range-thumb {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background: #fff;
	border: 2px solid #6366f1;
}

#homeFill,
#mortgageFill {
	transform-origin: bottom;
}

#homeThumb,
#mortgageThumb {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 50%);
	bottom: 0;
	pointer-events: none;
	z-index: 9;
}

.text-turboAccent {
	color: var(--turboAccent);
}

.text-turboAccentLight {
	color: var(--turboAccentLight);
}

.text-turboTextLight {
	color: var(--turboTextLight);
}

.bg-turboAccent {
	background-color: var(--turboAccent);
}

.bg-turboAccentLight {
	background-color: var(--turboAccentLight);
}

.bg-turboBg {
	background-color: var(--turboBg);
}

.ff-regular {
	font-family: var(--ffRegular);
}

.ff-main {
	font-family: var(--ffMain);
}

.form-turbo-heloc .text-input-field,
.form-turbo-heloc button[id^="toggleListbox"] {
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.50);
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	padding: 17px 20px;
	font-size: 16px;
	color: #000;
	font-family: var(--ffRegular);
	outline: 0;
	border-color: #00000042;
	font-weight: 600;
}

.form-turbo-heloc .mt-2 {
	margin-top: 0;
	position: relative;
}

.form-turbo-heloc button#nextBtn:after {
	content: " ?";
	font-family: "Funnel Display";
	display: block;
	margin: 0 0 0 10px;
	font-weight: 600;
	color: #fff;
}

.form-turbo-heloc .text-input-field:focus,
.form-turbo-heloc button[id^="toggleListbox"]:focus {
	background: #fff;
	box-shadow: 0 0 7.9px 0 var(--turboAccent);
	border-color: var(--turboAccent);
}

.form-turbo-heloc input.dropdown-search-input {
	font-size: 16px;
}

.form-turbo-heloc .radioTab {
	flex-flow: row;
}

.form-turbo-heloc .radioTab label {
	border: 1px solid #00000042;
	box-shadow: none;
	border-radius: 15px !important;
	padding: 35px 19px;
}

.form-turbo-heloc .radioTab label span.radio-check-icon {
	box-shadow: none;
	border: 0;
}

.form-turbo-heloc .radioTab label span.flex.flex-col.text-sm>span {
	display: flex;
	flex-flow: column;
	font-size: 16px;
	font-weight: 600;
	gap: 12px;
	font-family: 'Instrument Sans';
}

.form-turbo-heloc .radioTab label span.flex.flex-col.text-sm .tagline {
	color: #000000cc;
	line-height: 17px;
}

.form-turbo-heloc .radioTab label span.flex.flex-col.text-sm .icon {
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 6px;
}

.form-turbo-heloc button#prevBtn {
	min-width: 145px;
}

.form-turbo-heloc .radioTab label.ring-2,
.form-turbo-heloc .radioTab label:focus {
	box-shadow: 0 0 7.9px 0 var(--turboAccent);
	border-color: var(--turboAccent);
}

.form-turbo-heloc .radio-input .mt-2>div {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 9px;
}

.form-turbo-heloc .d-contents,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick {
	border-radius: 15px;
	border: 1px solid rgba(0, 0, 0, 0.26);
	background: #FFF;
	padding: 15px 35px 15px 50px;
	justify-content: flex-start;
	gap: 10px;
	position: relative;
	cursor: pointer;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.form-turbo-heloc .d-contents label,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick span {
	color: #000;
	font-family: var(--ffMain);
	font-size: 18px;
	font-weight: 400;
}

.form-turbo-heloc .d-contents:after,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:after {
	height: 25px;
	width: 25px;
	border: 1px solid rgba(0, 0, 0, 0.30);
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	border-radius: 100%;
	transform: translateY(-50%);
}

.form-turbo-heloc .d-contents input,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick input {
	position: absolute;
	inset: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	cursor: pointer;
}

.form-turbo-heloc .d-contents:has(input:checked):before,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:before {
	content: '';
	display: block;
	height: 17px;
	width: 17px;
	background: #fff;
	border-radius: 100%;
	left: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.form-turbo-heloc .radioTab label.radioClick:has(.ladda-label):after,
.form-turbo-heloc .d-contents:has(input:checked):after,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:has(input:checked):after {
	border-color: #fff;
}

.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick span {
	text-align: left;
	transform: none;
	opacity: 1;
}

.form-turbo-heloc .radioTab label.radioClick .ladda-spinner * {
	background: #fff !important;
}

.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick span span span {
	padding-left: 8px;
}

.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick span span span span {
	padding: 0;
}

.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick {
	height: auto !important;
	display: flex;
}

.form-turbo-heloc .radio-input-with-tabs.single-line .radioTab label.radioClick {
	padding-top: 20px;
	padding-bottom: 20px;
}

.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick span span span.font-ins.font-normal.text-xs {
	font-size: 14px;
	padding: 0;
	line-height: normal;
	font-family: 'Instrument Sans', sans-serif;
	color: #000 !important;
}

.form-turbo-heloc .radio-input-with-tabs .radioTab.radioTabproperty_type label.radioClick span span span.font-ins.font-normal.text-xs {
	/* font-size: 12px; */
}

.form-turbo-heloc .radio-input-with-tabs .radioTab label span.flex.flex-col.text-sm>span {
	gap: 6px;
}

.form-turbo-heloc .d-contents:has(input:checked) {
	border: 1px solid rgba(0, 0, 0, 0.26);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	background: var(--turboAccent);
}

.form-turbo-heloc .radioTab label.radioClick {
	width: 100%;
	padding: 20px;
	border-radius: 15px;
	border: 1px solid rgba(0, 0, 0, 0.26);
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.form-turbo-heloc .mt-2 span.inline-flex.items-center.rounded-l-md.border.border-r-0.border-gray-300.px-4.text-gray-500.w-12.sm\:text-xl.bg-gray-100 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 18px;
	color: #000;
	font-weight: 400;
}

.form-turbo-heloc .mt-2 span.inline-flex.items-center.rounded-l-md.border.border-r-0.border-gray-300.px-4.text-gray-500.w-12.sm\:text-xl.bg-gray-100+input {
	padding-left: 30px;
}

.form-turbo-heloc .vertical .radioTab label.radioClick {
	height: auto !important;
	padding: 12px 25px;
	display: flex;
}

.form-turbo-heloc .vertical .radioTab {
	gap: 1rem;
}

.form-turbo-heloc .radio-input.vertical .mt-2>div,
.form-turbo-heloc .radio-input-with-tabs .mt-2>div {
	display: flex;
	flex-flow: column;
	gap: 22px;
}

button#nextBtn.no-img:after {
	display: none;
}

.tick-img {
	height: 30px;
	width: 30px;
	object-fit: contain;
}

.legal-content h1 {
	font-family: 'Funnel Display', sans-serif;
}

.font-poppins {
	font-family: "Poppins", sans-serif;
}

.font-tik-tok-sans {
	font-family: "TikTok Sans", sans-serif;
}

.font-gruppo {
	font-family: "Gruppo", sans-serif;
}

span.faq-icon {
	color: #00000080;
	font-weight: 400;
}

.faq-item {
	border: 1px solid rgb(0 0 0 / 25%);
	padding: 20px 33px;
	border-radius: 15px;
}

.faq-item.open button.faq-toggle {
	padding: 8px 0 14px;
}

.form-turbo-heloc button[id^="toggleListbox"] {
	padding-right: 30px;
}

.form-turbo-heloc .d-contents input:checked+label {
	color: #fff;
}

.form-turbo-heloc .d-contents input:checked+label span {
	color: rgb(255 255 255 / 85%) !important;
}

.form-turbo-heloc .radioTab label.radioClick:has(.ladda-label),
.form-turbo-heloc .radioTab label.radioClick:has(input:checked) {
	background: var(--turboAccent) !important;
}

.form-turbo-heloc .radioTab label.radioClick:has(.ladda-label) span,
.form-turbo-heloc .radioTab label.radioClick:has(input:checked) span {
	color: #fff !important;
	transform: none;
	opacity: 1;
}

.form-turbo-heloc .form-title label {
	font-family: 'Cal Sans';
	font-weight: 400 !important;
}

.form-turbo-heloc.form-turbo-heloc-v3 .form-title label {
	font-family: "Instrument Sans", sans-serif;
	line-height: 36.6px;
	font-weight: 600 !important;
}

.form-turbo-heloc.form-turbo-heloc-v3 .form-subtitle label {
	font-family: "Instrument Sans", sans-serif;
	line-height: 19.52px !important;
}

.form-turbo-heloc-v3 .form-subtitle {
	margin: 0 0 20px;
}

.bg-nc-bg {
	--tw-bg-opacity: 1;
	background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
}

.one-pager-main .text-nc-dark {
	--tw-text-opacity: 1;
	color: rgb(4 53 32 / var(--tw-text-opacity, 1));
}

.one-pager-main .bg-nc-dark,
.one-page-header .bg-nc-dark {
	--tw-bg-opacity: 1;
	background-color: rgb(4 53 32 / var(--tw-bg-opacity, 1));
}

.bottom-\[12px\] {
	bottom: 12px;
}

.mb-9 {
	margin-bottom: 2.25rem;
}

.mb-\[30px\] {
	margin-bottom: 30px;
}

.mt-\[14px\] {
	margin-top: 14px;
}

.h-\[121px\] {
	height: 121px;
}

.h-\[212px\] {
	height: 212px;
}

.h-\[33px\] {
	height: 33px;
}

.h-\[425px\] {
	height: 425px;
}

.h-\[44px\] {
	height: 44px;
}

.h-\[514px\] {
	height: 514px;
}

.h-\[60px\] {
	height: 60px;
}

.h-\[7px\] {
	height: 7px;
}

.w-4 {
	width: 1rem;
}

.w-\[121px\] {
	width: 121px;
}

.w-\[126px\] {
	width: 126px;
}

.w-\[33px\] {
	width: 33px;
}

.w-\[53px\] {
	width: 53px;
}

.w-\[59px\] {
	width: 59px;
}

.w-\[7px\] {
	width: 7px;
}

.w-px {
	width: 1px;
}

.max-w-\[792px\] {
	max-width: 792px;
}

.-rotate-90 {
	--tw-rotate: -90deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.gap-10 {
	gap: 2.5rem;
}

.gap-\[19px\] {
	gap: 19px;
}

.space-y-\[25px\]> :not([hidden])~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(25px * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(25px * var(--tw-space-y-reverse));
}

.rounded-\[25px\] {
	border-radius: 25px;
}

.rounded-\[70px\] {
	border-radius: 70px;
}

.rounded-none {
	border-radius: 0px;
}

.rounded-t-\[25px\] {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.border-\[rgba\(181\2c 181\2c 181\2c 0\.5\)\] {
	border-color: rgba(181, 181, 181, 0.5);
}

.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-white {
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/20 {
	border-color: rgb(255 255 255 / 0.2);
}

.max-w-\[1440px\] {
	max-width: 1440px;
}

.bg-\[\#f9f9f9\] {
	--tw-bg-opacity: 1;
	background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.bg-nc-dark\/20 {
	background-color: rgb(24 24 24 / 0.2);
}

.bg-white\/10 {
	background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20 {
	background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/35 {
	background-color: rgb(255 255 255 / 0.35);
}

.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-nc-green {
	--tw-gradient-from: #01bc6a var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(1 188 106 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.object-\[center_20\%\] {
	-o-object-position: center 20%;
	object-position: center 20%;
}

.px-\[201px\] {
	padding-left: 201px;
	padding-right: 201px;
}

.py-\[50px\] {
	padding-top: 50px;
	padding-bottom: 50px;
}

.pl-\[37px\] {
	padding-left: 37px;
}

.pt-\[23px\] {
	padding-top: 23px;
}

.pt-\[36px\] {
	padding-top: 36px;
}

.text-\[13px\] {
	font-size: 13px;
}

.text-\[58px\] {
	font-size: 58px;
}

.not-italic {
	font-style: normal;
}

.leading-\[1\.08\] {
	line-height: 1.08;
}

.leading-\[1\.2\] {
	line-height: 1.2;
}

.leading-\[1\.97\] {
	line-height: 1.97;
}

.leading-\[2\.8\] {
	line-height: 2.8;
}

.leading-\[3\.18\] {
	line-height: 3.18;
}

.tracking-\[0\.3px\] {
	letter-spacing: 0.3px;
}

.tracking-\[0\.42px\] {
	letter-spacing: 0.42px;
}

.tracking-\[1\.2px\] {
	letter-spacing: 1.2px;
}

.tracking-\[1\.82px\] {
	letter-spacing: 1.82px;
}

.text-\[\#043520\] {
	--tw-text-opacity: 1;
	color: rgb(4 53 32 / var(--tw-text-opacity, 1));
}

.text-nc-dark {
	--tw-text-opacity: 1;
	color: rgb(24 24 24 / var(--tw-text-opacity, 1));
}

.text-white\/70 {
	color: rgb(255 255 255 / 0.7);
}

.text-white\/85 {
	color: rgb(255 255 255 / 0.85);
}

.opacity-0 {
	opacity: 0;
}

.opacity-70 {
	opacity: 0.7;
}

.shadow {
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_-7px_11\.3px_0px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
	--tw-shadow: 0px -7px 11.3px 0px rgba(0, 0, 0, 0.3);
	--tw-shadow-colored: 0px -7px 11.3px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_25\.9px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
	--tw-shadow: 0px 0px 25.9px 0px rgba(0, 0, 0, 0.05);
	--tw-shadow-colored: 0px 0px 25.9px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
	outline-style: solid;
}

.blog-toc span::after,
nav a[href]:not(.btn-press):not([aria-label="RefiGuide Home"])::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background: #01bc6a;
	transition: width 0.25s ease;
}

.blog-toc span:hover::after,
nav a[href]:not(.btn-press):not([aria-label="RefiGuide Home"]):hover::after {
	width: 100%;
}

.blog-toc span:after,
nav a[href].nav-active::after {
	width: 100%;
}

.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

input.sliderChange+span+span,
input.sliderChange+span {
	color: #043520;
	font-size: 1rem;
	font-weight: 500;
	top: 35px;
}

input.sliderChange+span+span:after {
	content: '+';
	margin: 0 0 0 -3px;
}

.dob-fields .text-input-field {
	text-align: center;
	font-weight: 600;
	font-size: 16px;
}

@media (min-width: 1024px) {
	.lg\:absolute {
		position: absolute;
	}

	.lg\:left-\[79px\] {
		left: 79px;
	}

	.lg\:top-\[68px\] {
		top: 68px;
	}

	.lg\:mb-\[15px\] {
		margin-bottom: 15px;
	}

	.lg\:mb-\[43px\] {
		margin-bottom: 43px;
	}

	.lg\:mt-8 {
		margin-top: 2rem;
	}

	.lg\:mt-\[30px\] {
		margin-top: 30px;
	}

	.lg\:h-\[100px\] {
		height: 100px;
	}

	.lg\:h-\[124px\] {
		height: 124px;
	}

	.lg\:h-\[565px\] {
		height: 565px;
	}

	.lg\:h-\[57px\] {
		height: 57px;
	}

	.lg\:w-\[392px\] {
		width: 392px;
	}

	.lg\:w-\[505px\] {
		width: 505px;
	}

	.lg\:justify-center {
		justify-content: center;
	}

	.lg\:justify-between {
		justify-content: space-between;
	}

	.lg\:gap-0 {
		gap: 0px;
	}

	.lg\:gap-\[28px\] {
		gap: 28px;
	}

	.lg\:rounded-b-\[26px\] {
		border-bottom-right-radius: 26px;
		border-bottom-left-radius: 26px;
	}

	.lg\:rounded-t-\[25px\] {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
	}

	.lg\:bg-nc-dark {
		--tw-bg-opacity: 1;
		background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
	}

	.lg\:p-0 {
		padding: 0px;
	}

	.lg\:px-\[157px\] {
		padding-left: 157px;
		padding-right: 157px;
	}

	.lg\:px-\[191px\] {
		padding-left: 191px;
		padding-right: 191px;
	}

	.lg\:px-\[198px\] {
		padding-left: 198px;
		padding-right: 198px;
	}

	.lg\:px-\[201px\] {
		padding-left: 201px;
		padding-right: 201px;
	}

	.lg\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.lg\:py-\[77px\] {
		padding-top: 77px;
		padding-bottom: 77px;
	}

	.lg\:py-\[95px\] {
		padding-top: 95px;
		padding-bottom: 95px;
	}

	.lg\:py-\[99px\] {
		padding-top: 99px;
		padding-bottom: 99px;
	}

	.lg\:pb-12 {
		padding-bottom: 3rem;
	}

	.lg\:text-\[22px\] {
		font-size: 22px;
	}

	.lg\:text-base {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.lg\:tracking-\[-4px\] {
		letter-spacing: -1.92px;
	}

	.one-pager-main .lg\:text-white {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}

	.lg\:shadow-\[0px_9px_14\.5px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
		--tw-shadow: 0px 9px 14.5px 0px rgba(0, 0, 0, 0.15);
		--tw-shadow-colored: 0px 9px 14.5px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
}

.bg-nc-overlay\/75 {
	background-color: rgb(0 56 31 / 0.75);
}

.form-turbo-heloc button#nextBtn,
.form-turbo-heloc:not(.form-turbo-heloc-v3) button#prevBtn {
	box-shadow: 0 0 18px 0 rgb(0 0 0 / 35%);
}

.form-turbo-heloc button#prevBtn {
	box-shadow: 0 0 18px 0 rgb(0 0 0 / 15%);
}

.form-turbo-heloc.form-turbo-heloc-v3 button#nextBtn {
	color: #fff;
	font-size: 1rem;
	padding: 20px;
}

.form-turbo-heloc.form-turbo-heloc-v3 button#nextBtn:after {
	display: none;
}

.range-sliders label.block {
	line-height: normal !important;
	margin: 0 0 51px
}

.range-sliders input[type=range]::-webkit-slider-thumb {
	height: 28px;
	width: 28px;
	border-radius: 50%;
	box-shadow: 0 0 7.7px rgba(0, 0, 0, 0.25);
}

input.sliderChange {
	background: #ECECEC;
	height: 12px;
	background: linear-gradient(to right, #01BC6A 0%, #007C46 30%, #E7ECF3 40%);
}

.form-turbo-heloc .fetching-zip-field input.text-input-field,
.form-turbo-heloc .fetching-state-field input.text-input-field,
.form-turbo-heloc .fetching-city-field input.text-input-field {
	border: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	color: #000000AB;
	font-size: 12px;
	text-align: center;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	width: auto;
}

.fetching-city-field,
.fetching-state-field,
.fetching-zip-field {
	height: 0;
	width: 0;
	opacity: 0;
}

@media (min-width: 1024px) {
	.one-pager-main .lg\:bg-nc-dark {
		--tw-bg-opacity: 1;
		background-color: rgb(4 53 32 / var(--tw-bg-opacity, 1));
	}
}

@media (min-width: 1024px) {
	#heroImg {
		width: 1130px;
		height: 751px;
		left: 20px;
		top: -113px;
		inset: auto;
		object-fit: cover;
		object-position: center center;
	}
}

/* CTA glow on hover, black on click */
.cta-glow {
	transition: box-shadow 0.3s ease, background-color 0.15s ease, color 0.15s ease;
}

.cta-glow:hover {
	box-shadow: 0 0 20px rgba(1, 188, 106, 0.6), 0 0 40px rgba(1, 188, 106, 0.3);
}

.cta-glow:active {
	background-color: #01bc6a !important;
	color: #fff !important;
	box-shadow: 0 0 20px rgba(1, 188, 106, 0.6);
}

.to-nc-green-dark {
	--tw-gradient-to: #009f59 var(--tw-gradient-to-position);
}

@media (min-width:640px) {
	.container {
		max-width: 640px
	}

	.sm\:mt-8 {
		margin-top: 2rem
	}

	.sm\:inline {
		display: inline
	}

	.sm\:hidden {
		display: none
	}

	.sm\:h-\[180px\] {
		height: 180px
	}

	.sm\:w-\[180px\] {
		width: 180px
	}

	.sm\:w-\[279px\] {
		width: 279px
	}

	.sm\:w-\[309px\] {
		width: 309px
	}

	.sm\:max-w-\[344px\] {
		max-width: 344px
	}

	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.sm\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.sm\:flex-row {
		flex-direction: row
	}

	.sm\:items-baseline {
		align-items: baseline
	}

	.sm\:gap-3 {
		gap: .75rem
	}

	.sm\:gap-4 {
		gap: 1rem
	}

	.sm\:p-6 {
		padding: 1.5rem
	}

	.sm\:text-\[28px\] {
		font-size: 28px
	}

	.sm\:text-\[36px\] {
		font-size: 36px
	}

	.sm\:leading-normal {
		line-height: 1.5
	}
}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}

	.form-back-btn {
		position: absolute;
		left: -42px;
		top: 50%;
		transform: translateY(-50%);
		margin-bottom: 0
	}

	nav.scrolled>div:first-child {
		height: 72px !important
	}

	nav.scrolled>div:first-child img[alt="Nation Capital"] {
		height: 32px !important;
		width: auto !important
	}

	.md\:order-first {
		order: -9999
	}

	.md\:order-none {
		order: 0
	}

	.md\:mx-0 {
		margin-left: 0;
		margin-right: 0
	}

	.md\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.md\:mb-1 {
		margin-bottom: .25rem
	}

	.md\:mb-10 {
		margin-bottom: 2.5rem
	}

	.md\:mb-12 {
		margin-bottom: 3rem
	}

	.md\:mb-14 {
		margin-bottom: 3.5rem
	}

	.md\:mb-16 {
		margin-bottom: 4rem
	}

	.md\:mb-2 {
		margin-bottom: .5rem
	}

	.md\:mb-20 {
		margin-bottom: 5rem
	}

	.md\:mb-3 {
		margin-bottom: .75rem
	}

	.md\:mb-4 {
		margin-bottom: 1rem
	}

	.md\:mb-5 {
		margin-bottom: 1.25rem
	}

	.md\:mb-6 {
		margin-bottom: 1.5rem
	}

	.md\:mb-8 {
		margin-bottom: 2rem
	}

	.md\:mb-\[30px\] {
		margin-bottom: 30px
	}

	.md\:mb-\[33px\] {
		margin-bottom: 33px
	}

	.md\:mb-\[36px\] {
		margin-bottom: 36px
	}

	.md\:mb-\[40px\] {
		margin-bottom: 40px
	}

	.md\:mb-\[67px\] {
		margin-bottom: 67px
	}

	.md\:mb-\[68px\] {
		margin-bottom: 68px
	}

	.md\:mb-\[82px\] {
		margin-bottom: 82px
	}

	.md\:mt-0 {
		margin-top: 0
	}

	.md\:mt-14 {
		margin-top: 3.5rem
	}

	.md\:mt-2 {
		margin-top: .5rem
	}

	.md\:mt-4 {
		margin-top: 1rem
	}

	.md\:mt-6 {
		margin-top: 1.5rem
	}

	.md\:mt-8 {
		margin-top: 2rem
	}

	.md\:mt-\[31px\] {
		margin-top: 31px
	}

	.md\:block {
		display: block
	}

	.md\:inline {
		display: inline
	}

	.md\:flex {
		display: flex
	}

	.md\:inline-flex {
		display: inline-flex
	}

	.md\:grid {
		display: grid
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[122px\] {
		height: 122px
	}

	.md\:h-\[200px\] {
		height: 200px
	}

	.md\:h-\[222px\] {
		height: 222px
	}

	.md\:h-\[223px\] {
		height: 223px
	}

	.md\:h-\[237px\] {
		height: 237px
	}

	.md\:h-\[240px\] {
		height: 240px
	}

	.md\:h-\[36px\] {
		height: 36px
	}

	.md\:h-\[38px\] {
		height: 38px
	}

	.md\:h-\[40px\] {
		height: 40px
	}

	.md\:h-\[420px\] {
		height: 420px
	}

	.md\:h-\[42px\] {
		height: 42px
	}

	.md\:h-\[45px\] {
		height: 45px
	}

	.md\:h-\[57px\] {
		height: 57px
	}

	.md\:h-\[59px\] {
		height: 59px
	}

	.md\:h-\[61px\] {
		height: 61px
	}

	.md\:h-\[77px\] {
		height: 77px
	}

	.md\:h-auto {
		height: auto
	}

	.md\:min-h-0 {
		min-height: 0
	}

	.md\:min-h-\[511px\] {
		min-height: 511px
	}

	.md\:min-h-\[calc\(100dvh-122px\)\] {
		min-height: calc(100dvh - 122px)
	}

	.md\:w-\[172px\] {
		width: 172px
	}

	.md\:w-\[200px\] {
		width: 200px
	}

	.md\:w-\[210px\] {
		width: 210px
	}

	.md\:w-\[236px\] {
		width: 236px
	}

	.md\:w-\[241px\] {
		width: 241px
	}

	.md\:w-\[246px\] {
		width: 246px
	}

	.md\:w-\[266px\] {
		width: 266px
	}

	.md\:w-\[270px\] {
		width: 270px
	}

	.md\:w-\[279px\] {
		width: 279px
	}

	.md\:w-\[309px\] {
		width: 309px
	}

	.md\:w-\[311px\] {
		width: 311px
	}

	.md\:w-\[314px\] {
		width: 314px
	}

	.md\:w-\[317px\] {
		width: 317px
	}

	.md\:w-\[328px\] {
		width: 328px
	}

	.md\:w-\[330px\] {
		width: 330px
	}

	.md\:w-\[40px\] {
		width: 40px
	}

	.md\:w-\[50px\] {
		width: 50px
	}

	.md\:w-\[77px\] {
		width: 77px
	}

	.md\:w-full {
		width: 100%
	}

	.md\:max-w-\[408px\] {
		max-width: 408px
	}

	.md\:max-w-\[434px\] {
		max-width: 434px
	}

	.md\:max-w-\[501px\] {
		max-width: 501px
	}

	.md\:max-w-\[526px\] {
		max-width: 526px
	}

	.md\:max-w-\[728px\] {
		max-width: 728px
	}

	.md\:max-w-none {
		max-width: none
	}

	.md\:flex-1 {
		flex: 1 1 0%
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.md\:flex-row {
		flex-direction: row
	}

	.md\:flex-wrap {
		flex-wrap: wrap
	}

	.md\:items-start {
		align-items: flex-start
	}

	.md\:items-baseline {
		align-items: baseline
	}

	.md\:justify-start {
		justify-content: flex-start
	}

	.md\:gap-0 {
		gap: 0
	}

	.md\:gap-1\.5 {
		gap: .375rem
	}

	.md\:gap-12 {
		gap: 3rem
	}

	.md\:gap-2\.5 {
		gap: .625rem
	}

	.md\:gap-3 {
		gap: .75rem
	}

	.md\:gap-4 {
		gap: 1rem
	}

	.md\:gap-6 {
		gap: 1.5rem
	}

	.md\:gap-8 {
		gap: 2rem
	}

	.md\:gap-\[14px\] {
		gap: 14px
	}

	.md\:gap-\[33px\] {
		gap: 33px
	}

	.md\:space-y-5>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1.25rem*var(--tw-space-y-reverse))
	}

	.md\:whitespace-nowrap {
		white-space: nowrap
	}

	.md\:rounded-\[100px\] {
		border-radius: 100px
	}

	.md\:rounded-btn {
		border-radius: 20px
	}

	.md\:rounded-full {
		border-radius: 9999px
	}

	.md\:border {
		border-width: 1px
	}

	.md\:border-nc-forest {
		--tw-border-opacity: 1;
		border-color: rgb(4 53 32/var(--tw-border-opacity, 1))
	}

	.md\:border-white {
		--tw-border-opacity: 1;
		border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
	}

	.md\:bg-\[\#181818\] {
		--tw-bg-opacity: 1;
		background-color: rgb(24 24 24/var(--tw-bg-opacity, 1))
	}

	.md\:bg-\[rgba\(1\2c 188\2c 106\2c 0\.05\)\] {
		background-color: rgba(1, 188, 106, .05)
	}

	.md\:bg-\[rgba\(1\2c 188\2c 106\2c 0\.28\)\] {
		background-color: rgba(1, 188, 106, .28)
	}

	.md\:bg-nc-forest {
		--tw-bg-opacity: 1;
		background-color: rgb(4 53 32/var(--tw-bg-opacity, 1))
	}

	.md\:bg-nc-green {
		--tw-bg-opacity: 1;
		background-color: rgb(1 188 106/var(--tw-bg-opacity, 1))
	}

	.md\:bg-nc-mint {
		--tw-bg-opacity: 1;
		background-color: rgb(230 249 241/var(--tw-bg-opacity, 1))
	}

	.md\:p-10 {
		padding: 2.5rem
	}

	.md\:p-8 {
		padding: 2rem
	}

	.md\:p-\[40px_53px\] {
		padding: 40px 53px
	}

	.md\:p-\[44px_52px\] {
		padding: 44px 52px
	}

	.md\:px-12 {
		padding-left: 3rem;
		padding-right: 3rem
	}

	.md\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.md\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem
	}

	.md\:px-\[120px\] {
		padding-left: 120px;
		padding-right: 120px
	}

	.md\:py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem
	}

	.md\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem
	}

	.md\:py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem
	}

	.md\:py-24 {
		padding-top: 6rem;
		padding-bottom: 6rem
	}

	.md\:py-32 {
		padding-top: 8rem;
		padding-bottom: 8rem
	}

	.md\:py-8 {
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.md\:py-\[100px\] {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.md\:py-\[105px\] {
		padding-top: 105px;
		padding-bottom: 105px
	}

	.md\:py-\[60px\] {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.md\:py-\[70px\] {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.md\:py-\[89px\] {
		padding-top: 89px;
		padding-bottom: 89px
	}

	.md\:pb-0 {
		padding-bottom: 0
	}

	.md\:pb-10 {
		padding-bottom: 2.5rem
	}

	.md\:pb-12 {
		padding-bottom: 3rem
	}

	.md\:pb-20 {
		padding-bottom: 5rem
	}

	.md\:pb-\[100px\] {
		padding-bottom: 100px
	}

	.md\:pb-\[103px\] {
		padding-bottom: 103px
	}

	.md\:pb-\[105px\] {
		padding-bottom: 105px
	}

	.md\:pb-\[118px\] {
		padding-bottom: 118px
	}

	.md\:pb-\[68px\] {
		padding-bottom: 68px
	}

	.md\:pb-\[80px\] {
		padding-bottom: 80px
	}

	.md\:pb-\[94px\] {
		padding-bottom: 94px
	}

	.md\:pl-\[25px\] {
		padding-left: 25px
	}

	.md\:pt-14 {
		padding-top: 3.5rem
	}

	.md\:pt-16 {
		padding-top: 4rem
	}

	.md\:pt-6 {
		padding-top: 1.5rem
	}

	.md\:pt-\[102px\] {
		padding-top: 102px
	}

	.md\:pt-\[105px\] {
		padding-top: 105px
	}

	.md\:pt-\[108px\] {
		padding-top: 108px
	}

	.md\:pt-\[118px\] {
		padding-top: 118px
	}

	.md\:pt-\[60px\] {
		padding-top: 60px
	}

	.md\:pt-\[90px\] {
		padding-top: 90px
	}

	.md\:pt-\[97px\] {
		padding-top: 97px
	}

	.md\:text-left {
		text-align: left
	}

	.md\:text-right {
		text-align: right
	}

	.md\:font-heading {
		font-family: Cal Sans, sans-serif
	}

	.md\:font-mono {
		font-family: Inter, sans-serif
	}

	.md\:text-\[10px\] {
		font-size: 10px
	}

	.md\:text-\[11px\] {
		font-size: 11px
	}

	.md\:text-\[120px\] {
		font-size: 120px
	}

	.md\:text-\[12px\] {
		font-size: 12px
	}

	.md\:text-\[13px\] {
		font-size: 13px
	}

	.md\:text-\[14px\] {
		font-size: 14px
	}

	.md\:text-\[15px\] {
		font-size: 15px
	}

	.md\:text-\[16px\] {
		font-size: 16px
	}

	.md\:text-\[18px\] {
		font-size: 18px
	}

	.md\:text-\[20px\] {
		font-size: 20px
	}

	.md\:text-\[24px\] {
		font-size: 24px
	}

	.md\:text-\[26px\] {
		font-size: 26px
	}

	.md\:text-\[30px\] {
		font-size: 30px
	}

	.md\:text-\[32px\] {
		font-size: 32px
	}

	.md\:text-\[36px\] {
		font-size: 36px
	}

	.md\:text-\[40px\] {
		font-size: 40px
	}

	.md\:text-\[48px\] {
		font-size: 48px
	}

	.md\:text-\[52px\] {
		font-size: 52px
	}

	.md\:text-\[54px\] {
		font-size: 54px
	}

	.md\:text-\[60px\] {
		font-size: 60px
	}

	.md\:text-\[64px\] {
		font-size: 64px
	}

	.md\:text-base {
		font-size: 1rem;
		line-height: 1.5rem
	}

	.md\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem
	}

	.md\:text-sm {
		font-size: .875rem;
		line-height: 1.25rem
	}

	.md\:font-bold {
		font-weight: 700
	}

	.md\:font-medium {
		font-weight: 500
	}

	.md\:font-normal {
		font-weight: 400
	}

	.md\:font-semibold {
		font-weight: 600
	}

	.md\:leading-7 {
		line-height: 1.75rem
	}

	.md\:leading-\[1\.5\] {
		line-height: 1.5
	}

	.md\:leading-\[1\.7\] {
		line-height: 1.7
	}

	.md\:leading-\[1\.88\] {
		line-height: 1.88
	}

	.md\:leading-\[2\.24\] {
		line-height: 2.24
	}

	.md\:leading-relaxed {
		line-height: 1.625
	}

	.md\:leading-tight {
		line-height: 1.25
	}

	.md\:tracking-\[-0\.28px\] {
		letter-spacing: -.28px
	}

	.md\:tracking-normal {
		letter-spacing: 0
	}

	.md\:text-nc-forest {
		--tw-text-opacity: 1;
		color: rgb(4 53 32/var(--tw-text-opacity, 1))
	}

	.md\:text-white {
		--tw-text-opacity: 1;
		color: rgb(255 255 255/var(--tw-text-opacity, 1))
	}

	.md\:shadow-\[0px_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
		--tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
		--tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.form-turbo-heloc.form-turbo-heloc-v3 .form-title label {
		font-size: 40px !important;
		line-height: normal !important;
	}

	.form-turbo-heloc.form-turbo-heloc-v3 .form-title label[for*=street] {
		font-size: 30px !important;
	}
}

@media (min-width:1024px) {
	.container {
		max-width: 1024px
	}

	.lg\:col-span-2 {
		grid-column: span 2/span 2
	}

	.lg\:mx-0 {
		margin-left: 0;
		margin-right: 0
	}

	.lg\:mb-2 {
		margin-bottom: .5rem
	}

	.lg\:mb-6 {
		margin-bottom: 1.5rem
	}

	.lg\:ml-\[49px\] {
		margin-left: 49px
	}

	.lg\:mt-0 {
		margin-top: 0
	}

	.lg\:mt-10 {
		margin-top: 2.5rem
	}

	.lg\:mt-2 {
		margin-top: .5rem
	}

	.lg\:mt-\[65px\] {
		margin-top: 65px
	}

	.lg\:block {
		display: block
	}

	.lg\:inline {
		display: inline
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[291px\] {
		height: 291px
	}

	.lg\:h-\[439px\] {
		height: 439px
	}

	.lg\:h-\[469px\] {
		height: 469px
	}

	.lg\:h-\[492px\] {
		height: 492px
	}

	.lg\:h-\[593px\] {
		height: 593px
	}

	.lg\:h-\[608px\] {
		height: 608px
	}

	.lg\:w-1\/2 {
		width: 50%
	}

	.lg\:w-\[291px\] {
		width: 291px
	}

	.lg\:w-\[330px\] {
		width: 330px
	}

	.lg\:w-\[417px\] {
		width: 417px
	}

	.lg\:w-\[430px\] {
		width: 430px
	}

	.lg\:w-\[443px\] {
		width: 443px
	}

	.lg\:w-\[467px\] {
		width: 467px
	}

	.lg\:w-\[501px\] {
		width: 501px
	}

	.lg\:w-\[509px\] {
		width: 509px
	}

	.lg\:w-\[510px\] {
		width: 510px
	}

	.lg\:max-w-\[68\%\] {
		max-width: 68%
	}

	.lg\:max-w-\[91\%\] {
		max-width: 91%
	}

	.lg\:max-w-none {
		max-width: none
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.lg\:items-start {
		align-items: flex-start
	}

	.lg\:items-center {
		align-items: center
	}

	.lg\:justify-start {
		justify-content: flex-start
	}

	.lg\:gap-12 {
		gap: 3rem
	}

	.lg\:gap-16 {
		gap: 4rem
	}

	.lg\:gap-6 {
		gap: 1.5rem
	}

	.lg\:gap-\[117px\] {
		gap: 117px
	}

	.lg\:gap-\[62px\] {
		gap: 62px
	}

	.lg\:space-y-0>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px*var(--tw-space-y-reverse))
	}

	.lg\:whitespace-nowrap {
		white-space: nowrap
	}

	.lg\:rounded-card {
		border-radius: 20px
	}

	.lg\:rounded-b-none {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0
	}

	.lg\:rounded-bl-card {
		border-bottom-left-radius: 20px
	}

	.lg\:rounded-bl-none {
		border-bottom-left-radius: 0
	}

	.lg\:rounded-tr-card {
		border-top-right-radius: 20px
	}

	.lg\:rounded-tr-none {
		border-top-right-radius: 0
	}

	.lg\:border {
		border-width: 1px
	}

	.lg\:border-l {
		border-left-width: 1px
	}

	.lg\:border-solid {
		border-style: solid
	}

	.lg\:border-\[rgba\(255\2c 255\2c 255\2c 0\.72\)\] {
		border-color: hsla(0, 0%, 100%, .72)
	}

	.lg\:border-black\/20 {
		border-color: rgba(0, 0, 0, .2)
	}

	.lg\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.36\)\] {
		background-color: hsla(0, 0%, 100%, .36)
	}

	.lg\:bg-nc-light {
		--tw-bg-opacity: 1;
		background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1))
	}

	.lg\:bg-transparent {
		background-color: transparent
	}

	.lg\:p-10 {
		padding: 2.5rem
	}

	.lg\:p-6 {
		padding: 1.5rem
	}

	.lg\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.lg\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem
	}

	.lg\:py-0 {
		padding-top: 0;
		padding-bottom: 0
	}

	.lg\:py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem
	}

	.lg\:py-24 {
		padding-top: 6rem;
		padding-bottom: 6rem
	}

	.lg\:pb-0 {
		padding-bottom: 0
	}

	.lg\:pb-\[105px\] {
		padding-bottom: 105px
	}

	.lg\:pl-\[47px\] {
		padding-left: 47px
	}

	.lg\:pt-0 {
		padding-top: 0
	}

	.lg\:text-left {
		text-align: left
	}

	.lg\:text-\[14px\] {
		font-size: 14px
	}

	.lg\:text-\[48px\] {
		font-size: 48px
	}

	.lg\:text-\[64px\] {
		font-size: 64px
	}

	.lg\:leading-\[2\.52\] {
		line-height: 2.52
	}

	.lg\:text-nc-forest {
		--tw-text-opacity: 1;
		color: rgb(4 53 32/var(--tw-text-opacity, 1))
	}

	.lg\:shadow-\[0px_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
		--tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
		--tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.lg\:shadow-\[7px_0px_11\.3px_-4px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
		--tw-shadow: 7px 0px 11.3px -4px rgba(0, 0, 0, .16);
		--tw-shadow-colored: 7px 0px 11.3px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}
}

@media (min-width:1280px) {
	.container {
		max-width: 1280px
	}

	.xl\:px-0 {
		padding-left: 0;
		padding-right: 0
	}
}

@media (min-width:1536px) {
	.container {
		max-width: 1536px
	}
}

@media (max-width:1023px) {
	#heroCalc>.heloc-glass {
		background: #043520;
		-webkit-backdrop-filter: none;
		backdrop-filter: none
	}
}

@media (prefers-reduced-motion:reduce) {

	*,
	:after,
	:before {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important
	}

	.btn-press,
	.glow-hover {
		will-change: auto !important
	}

	.img-reveal {
		opacity: 1;
		filter: none;
		transform: none
	}

	.nav-entrance {
		opacity: 1
	}
}

@media (max-width:767px) {
	.glass-card.rounded-card {
		padding: 24px 20px 20px
	}

	#calcHeading {
		-webkit-text-stroke: .5px currentColor
	}

	.dropdown-list-item,
	.form-input,
	.form-select,
	.segment-control {
		height: 45px
	}

	.combo-input {
		height: 38px
	}

	.combo-option {
		padding: 8px 12px;
		font-size: 13px
	}

	.form-turbo-heloc .form-title.f24 label.block.text-sm.font-medium.leading-6.text-gray-900 {
		font-size: 24px !important;
	}
}

@media not all and (min-width:768px) {
	.max-md\:-skew-x-\[10deg\] {
		--tw-skew-x: -10deg
	}

	.max-md\:-skew-x-\[10deg\],
	.max-md\:scale-y-\[0\.98\] {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.max-md\:scale-y-\[0\.98\] {
		--tw-scale-y: 0.98
	}
}

@media (min-width: 768px) {
	.md\:text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}

	.md\:pt-24 {
		padding-top: 6rem;
	}

	.md\:p-16 {
		padding: 4rem;
	}

	body:has(form#step-form) .header-outer {
		display: none;
	}

	div#formHero {
		/* justify-content: center; */
		min-height: 100vh;
	}

	div#webflowFormGrid.form-v3.shrinked {
		background: #e1e1e1;
	}

	.form-v3.shrinked div#formHero {
		background: #e1e1e1;
		justify-content: center;
		padding: 9.5rem 0 12rem;
	}

	.form-v3.shrinked div#formHero>div:not(.bg-transparent) {
		background: #043520;
		box-shadow: 0px 4px 4px 0px #00000040;
		border-radius: 30px;
		max-width: 497px;
		padding: 55px;
	}

	.form-v3.shrinked button#goBack,
	.form-v3.shrinked button#prevBtn {
		left: -36px;
	}

	.form-v3.shrinked .form-first-title {
		/*padding: 0 40px;*/
	}

	.form-v3.shrinked div#formHero form#step-form {
		margin: 0;
	}

	.md\:px-0 {
		padding-left: 0;
		padding-right: 0;
	}

	.md\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.md\:pt-\[60px\] {
		padding-top: 60px;
	}

	.md\:pb-\[80px\] {
		padding-bottom: 80px;
	}

	.md\:px-\[120px\] {
		padding-left: 120px;
		padding-right: 120px;
	}

	#main-header,
	#heloc-comparison {
		display: none;
	}

	.slick-dotted.slick-slider .slick-list.draggable {
		margin: 0 0 20px;
	}

	#blogs-main {
		background:
			linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
			#716aff;
	}

	.ty-title {
		font-size: 64px;
	}

	.ty-image {
		right: 0;
		bottom: 0;
	}

	.md\:py-28 {
		padding-bottom: 7rem;
		padding-top: 7rem;
	}

	.form-turbo-heloc-v3>div.outer-form {
		padding-left: 53px;
		padding-right: 53px;
	}

	p.form-minis {
		padding: 16px;
	}

	.form-turbo-heloc button#prevBtn {
		box-shadow: none;
		width: auto;
		min-width: unset;
	}

	.form-turbo-heloc button#prevBtn svg,
	.form-turbo-heloc button#prevBtn path {
		stroke: #fff;
		fill: #fff;
	}

	.form-turbo-heloc button#prevBtn svg {
		height: 17px;
		width: auto;
		object-fit: contain;
	}
}

@media (min-width: 640px) {
	.sm\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 1023px) {
	.btn-press {
		max-width: 100%;
	}
}

@media (max-width: 767px) {

	.form-v3 button[id^="toggleListbox"],
	.form-v3 input.text-input-field {
		height: 45px;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3 {
		grid-template-columns: repeat(6, 1fr);
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6 {
		grid-column: span 6/span 6;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.md\:col-span-2 {
		grid-column: span 2/ span 2;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.font-inter.md\:col-span-3.md\:mr-2,
	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.font-inter.md\:col-span-3.md\:ml-2 {
		grid-column: span 3/ span 3;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.font-inter.md\:col-span-3.md\:mr-2 {
		margin-right: 8px;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.font-inter.md\:col-span-3.md\:ml-2 {
		margin-left: 8px;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.md\:col-span-2.md\:mx-3 {
		margin-left: 12px;
		margin-right: 12px;
	}

	.form-v3 button#nextBtn,
	.block-radios .radioTab .radioClick,
	.form-v3 .custom-block-radios .d-contents label.block.text-sm.font-medium.leading-6.text-gray-900 {
		min-height: 45px;
	}

	.block-radios .radioTab .radioClick {
		height: auto !important;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.md\:col-span-3.md\:mr-2,
	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.md\:col-span-3.md\:ml-2 {
		grid-column: span 3 / span 3;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.md\:col-span-3.md\:mr-2 {
		margin-right: 8px;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.md\:col-span-3.md\:ml-2 {
		margin-left: 8px;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.format-currency.md\:col-span-4.ltv-fields {
		grid-column: span 4 / span 6;
	}

	.form-v3 .grid.grid-cols-1.gap-y-4.sm\:grid-cols-6.mt-3>.sm\:col-span-6.md\:col-span-2.md\:mr-4.ltv-fields {
		margin-right: 16px;
	}

	h2.ty-title {
		font-size: 40px;
	}

	div#learnMoreCta {
		display: none;
	}

	.form-v3 div#formHero {
		padding-top: 12px;
	}

	#webflowFormGrid:not(.form-turbo-heloc) #prevBtn,
	button#goBack {
		display: none !important;
	}

	.form-turbo-heloc .radioTab {
		flex-flow: column;
	}

	.form-turbo-heloc .form-title label.block.text-sm.font-medium.leading-6.text-gray-900 {
		font-size: 26px !important;
		line-height: 39.04px !important;
	}

	.form-turbo-heloc button#prevBtn {
		min-width: unset;
	}

	.form-turbo-heloc .radio-input .mt-2>div {
		display: flex;
		flex-flow: column;
	}

	.form-turbo-heloc button#nextBtn,
	.form-turbo-heloc:not(.form-turbo-heloc-v3) button#prevBtn {
		box-shadow: 0 0 18.9px 0 rgb(173 162 247 / 50%);
	}

	#main-menu {
		position: fixed;
		top: 48px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		z-index: 0;
		height: calc(100vh - 50px);
		padding: 1rem;
		transition: all 0.3s ease 0s;
		opacity: 0;
		pointer-events: none;
	}

	#main-menu.opened {
		opacity: 1;
		pointer-events: all;
		z-index: 99;
	}

	body.modal-open {
		height: 100vh;
		overflow: hidden;
	}

	.hero-left {
		max-width: 100%;
	}

	.hero {
		z-index: 9;
	}

	.hero-right {
		padding: 0 16px !important;
	}

	.hero-right .diamond-graphic {
		left: -15px;
		top: -70px;
	}

	.hero-right img.drum-graphic {
		top: -20px;
		width: auto;
		height: 398px;
		right: -20px;
	}

	.hero-right img.family-graphic {
		position: relative;
		height: 300px !important;
		max-width: 304px;
		margin: auto;
		width: auto;
		object-fit: contain;
	}

	.hero-right .equity-unlocked {
		margin: -30px auto 0 auto !important;
		padding: 12px 24px !important;
	}

	.hero-right .equity-unlocked img {
		width: 30px !important;
	}

	.hero-right .approved-tag {
		display: none;
	}

	#heloc-calcmain {
		background: #fff !important;
		color: #000;
	}

	.heloc-calc-outer {
		padding: 40px;
	}

	#heloc-calcmain h2 {
		color: #000;
	}

	#heloc-calcmain h2+p {
		color: #000000e5;
	}

	.heloc-calc-outer>img {
		display: none;
	}

	.heloc-card {
		padding: 0;
		background: transparent;
		border: 0 !important;
		box-shadow: none !important;
	}

	.final-calculated-amount.flex.flex-col.font-semibold.gap-3.text-center {
		order: 1;
		margin: 0 0 34px;
	}

	.-mt-2.equity-circle.flex.flex-col.items-center.justify-center.relative.text-center {
		order: 2;
	}

	.equity-circle-stats.flex.items-center.mb-5 {
		order: 3;
		margin: 0;
	}

	h2#helocResult {
		color: #043520 !important;
	}

	.slider-buckets {
		border-radius: 10px;
		border: 1px solid rgba(0, 0, 0, 0.25);
	}

	.slider-bucket-text {
		color: #00000080;
	}

	.slider-bucket-outer {
		border: 0;
		box-shadow: none;
	}

	.helocResultTexts {
		color: #00000080;
	}

	.calc-rate-button {
		background: #01BC6A;
		color: #fff;
		font-size: 16px;
	}

	.how-to-get-funded-left {
		padding: 50px 30px 130px !important;
	}

	.how-to-get-funded-right {
		min-height: 550px;
	}

	ul.slick-dots {
		display: none !important;
	}

	.slide img {
		height: 212px;
		width: 212px;
	}

	.slide h3 {
		font-size: 24px;
	}

	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus,
	button.slick-arrow {
		background: url(https://pingtree-prod.s3.us-west-1.amazonaws.com/webflow2/landing/20czdu/69c262c3cf8473183036c614.webp) !important;
		transform: none;
		top: 90px;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		width: 12px;
		height: 23px;
		left: auto;
		right: 0;
	}

	button.slick-arrow:before {
		display: none;
	}

	button.slick-prev.slick-arrow {
		transform: scaleX(-1);
		right: auto;
		left: 0;
	}

	button.slick-arrow.slick-disabled {
		opacity: 0.5;
		filter: brightness(0.5) invert(1);
	}

	#heloc-comparison-desktop {
		display: none;
	}

	.turbo-faq button.faq-toggle {
		gap: 1rem;
	}

	.turbo-faq button.faq-toggle span {
		font-size: 14px;
		line-height: normal;
		color: #716aff;
	}

	.turbo-faq .faq-item {
		padding: 1rem;
	}

	.blog-block-2 {
		height: 313px;
	}

	.turbo-faq button.faq-toggle span.faq-icon {
		width: 12px;
		height: 12px;
		line-height: 12px;
		font-size: 24px;
		margin: -20px 0 0 0;
	}

	.turbo-faq .faq-item.open .faq-icon {
		margin: -16px 0 0 0;
	}

	.radioTab .radioClick {
		min-height: 45px;
		height: auto !important;
	}

	.tick-img {
		height: 22px;
		width: 22px;
	}

	img.absolute.h-full.ty-image {
		position: unset;
		max-width: 100% !important;
	}

	.ty-funded .how-to-get-funded-left {
		padding: 30px !important;
	}

	#webflowFormGrid.form-turbo-heloc {
		background: #fff;
		padding: 1rem;
	}

	#webflowFormGrid.form-turbo-heloc>.max-w-4xl.md\:px-14.mx-auto.p-11.px-6.w-full {
		box-shadow: none !important;
		padding: 0;
	}

	button.faq-toggle {
		gap: 1rem;
	}

	.faq-item {
		padding: 1rem;
	}

	.faq-item.open .faq-icon {
		margin: -16px 0 0 0;
	}

	.form-turbo-heloc .form-subtitle {
		margin: 0;
	}

	.form-turbo-heloc .form-subtitle>label.block.text-sm.font-medium.leading-6.text-gray-900 {
		font-size: 14px !important;
		margin-top: -4px;
	}

	.form-turbo-heloc .radioTab label span.flex.flex-col.text-sm>span {
		font-size: 16px;
	}

	.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick span span span.block.font-ins.font-normal.text-xs {
		font-size: 14px;
	}

	.form-turbo-heloc .d-contents,
	.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick {
		padding: 15px 15px 15px 35px;
		min-height: 55px;
		align-items: center;
	}

	.form-turbo-heloc .d-contents:after,
	.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:after {
		height: 20px;
		width: 20px;
		left: 15px;
	}

	.form-turbo-heloc .d-contents:has(input:checked):before,
	.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:before {
		left: 18px;
		height: 14px;
		width: 14px;
	}

	#webflowFormGrid.form-turbo-heloc.form-turbo-heloc-v3 {
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		padding-inline: 12px;
	}

	.form-title,
	.form-subtitle {
		padding-inline: 19px;
	}

	#webflowFormGrid.form-turbo-heloc.form-turbo-heloc-v3>.outer-form {
		margin-bottom: 44px;
	}

	.pre-text {
		color: rgba(0, 0, 0, 0.50) !important;
	}

	.form-turbo-heloc .radio-input-with-tabs .radioTab label span.flex.flex-col.text-sm>span {
		gap: 0;
	}

	p.form-minis {
		border: 0 !important;
		box-shadow: none !important;
		border-radius: 10px 0 0 10px !important;
	}

	p.form-minis+p.form-minis {
		margin-left: 2px;
		border-radius: 0px 10px 10px 0px !important;
	}

	p.form-minis span {
		font-size: 10px;
	}

	.form-turbo-heloc .radio-input.vertical .mt-2>div,
	.form-turbo-heloc .radio-input-with-tabs .mt-2>div {
		gap: 10px;
	}

	.range-sliders label.block {
		font-size: 48px !important;
		margin-bottom: 46px;
	}

	.form-turbo-heloc .flex-row-mobile .radioTab,
	.form-turbo-heloc .radioTab.radioTabproperty_for_sale {
		flex-flow: row;
	}

	#webflowForm.dob-field>.grid {
		grid-template-columns: repeat(6, 1fr);
	}

	#webflowForm.names-field>.grid {
		grid-template-columns: repeat(6, 1fr);
	}

	.form-turbo-heloc .vertical .radioTab label.radioClick {
		padding-left: 20px;
		padding-right: 20px;
	}

	.form-turbo-heloc .text-input-field,
	.form-turbo-heloc button[id^="toggleListbox"] {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.form-turbo-heloc .vertical .radioTab {
		gap: 10px;
	}

	#webflowFormGrid.form-turbo-heloc.form-turbo-heloc-v3 {
		padding: 0;
	}

	.img-outer+div,
	.img-outer+div+div {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.img-outer {
		background: #043520;
		padding: 11px 12px;
	}

	.img-outer img {
		display: block;
		filter: brightness(0) invert(1);
		height: 36px;
		margin: auto;
	}

	.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:has(input:checked) span span span.block.font-ins.font-normal.text-xs {
		color: #fff !important;
	}

	.form-turbo-heloc:not(.form-turbo-heloc-v3) button#prevBtn {
		position: fixed;
		top: 15px;
		left: 12px;
		margin: 0;
		padding: 0;
		background: none;
		box-shadow: none;
		height: 24px;
		width: 24px;
		text-align: center;
		font-size: 0;
	}
}

@keyframes bounce {

	0%,
	to {
		transform: translateY(-25%);
		animation-timing-function: cubic-bezier(.8, 0, 1, 1)
	}

	50% {
		transform: none;
		animation-timing-function: cubic-bezier(0, 0, .2, 1)
	}
}

@keyframes heroReveal {
	0% {
		opacity: 0;
		transform: translateY(24px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes navReveal {
	0% {
		opacity: 0;
		transform: translateY(-100%)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(12px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes shake {

	0%,
	to {
		transform: translateX(0)
	}

	20% {
		transform: translateX(-4px)
	}

	40% {
		transform: translateX(4px)
	}

	60% {
		transform: translateX(-3px)
	}

	80% {
		transform: translateX(2px)
	}
}

@keyframes cardPop {
	0% {
		transform: scale(.97)
	}

	60% {
		transform: scale(1.015)
	}

	to {
		transform: scale(1)
	}
}

@keyframes slideHighlight {
	from {
		background-size: 0% 100%;
	}

	to {
		background-size: 100% 100%;
	}
}

@keyframes btnGlow {

	0%,
	to {
		box-shadow: 0 0 0 0 rgba(1, 188, 106, .3)
	}

	50% {
		box-shadow: 0 0 16px 2px rgba(1, 188, 106, .25)
	}
}

@keyframes comboOptIn {
	0% {
		opacity: 0;
		transform: translateY(4px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.z-50 {
	/* z-index: 1; */
}

.fade-up {
	/* opacity: 1; */
}

.images-grid {
	/* display: none; */
}

.form-turbo-heloc .form-title label.block.text-sm.font-medium.leading-6.text-gray-900 br {
	display: none;
}

.form-turbo-heloc .radio-input-with-tabs .radioTab.radioTabproperty_type label.radioClick:has(.ladda-label) span span span.font-ins.font-normal.text-xs,
.form-turbo-heloc .radio-input-with-tabs .radioTab.radioTabproperty_type label.radioClick:has(input:checked) span span span.font-ins.font-normal.text-xs,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:has(input:checked) span span span.font-ins.font-normal.text-xs,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:has(input:checked) span span span.block.font-ins.font-normal.text-xs,
.form-turbo-heloc .radio-input-with-tabs .radioTab label.radioClick:has(.ladda-label) span span span.block.font-ins.font-normal.text-xs {
	color: #fff !important;
}

footer.bg-nc-dark {
	font-family: 'Inter';
}

.h-\[231px\] {
	height: 231px;
}

.vertical-slider {
	min-height: 687px;
}

.vertical-slider-content {
	min-height: 275px;
}

div#dragTrack {
	width: 1px;
	background: linear-gradient(0deg, #FFF 0%, #000 50%, #FFF 100%);
	height: 305px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

div#textStack {
	height: 240px;
}

.nc-cta {
	transition: box-shadow 0.25s ease, background-color 0.15s ease, color 0.15s ease;
	cursor: pointer;
	text-decoration: none;
}

.nc-cta:hover {
	box-shadow: 0 0 28px 0 rgba(1, 188, 106, 0.55);
}

.nc-cta:active {
	background-color: #000 !important;
	color: #fff !important;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}

.nc-cta:active span {
	color: #fff !important;
}

.arrow-ne {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.2em;
}

.pill-hover {
	transition: all 0.3s ease-out;
	cursor: default;
}

.pill-hover:hover {
	transform: scale(1.08);
	background: #fff;
	box-shadow: 0 0 0 2px #01bc6a, 0 4px 16px rgba(1, 188, 106, 0.25);
}

.range-sliders.has-ltv-text>.mt-2>label:after {
	content: attr(data-ltv) " LTV";
	font-size: 16px;
	float: right;
	position: absolute;
	bottom: -30px;
	margin: auto;
	left: -90px;
	right: 0;
	display: none;
}

.range-sliders.has-ltv-text label.block {
	display: block;
	position: relative;
}

.range-sliders.has-ltv-text>.mt-2>label:before {
	content: '(Loan to value)';
	font-size: 16px;
	font-weight: 400;
	position: absolute;
	bottom: -30px;
	left: 90px;
	right: 0;
	display: none;
}

.range-sliders.has-ltv-text label.block>span {
	grid-area: span-text;
}

body:has(.form-turbo-heloc-v3) {
	background: #fff !important;
}

.form-turbo-heloc.form-turbo-heloc-v3 .radio-input-with-tabs .radioTab label.radioClick:hover {
	box-shadow: 0 5px 3px 2px #01bc6a26;
	border-color: #01bc6a;
}