/*
Theme Name: Studio Simpatico
Theme URI: http://www.studiosimpati.co/
Description: This theme was designed and built by Studio Simpatico for Grasshopper.
Author: Studio Simpatico
Author URI: http://www.studiosimpati.co/
*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;}canvas{display:inline;}video{display:inline;}audio:not([controls]){display:none}[hidden]{display:none}html{color:#222;font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button{-webkit-appearance:button;color:#222;cursor:pointer;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;overflow:visible;vertical-align:middle}input{color:#222;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;vertical-align:middle}select{color:#222;font-family:sans-serif;font-size:100%;margin:0;vertical-align:middle}textarea{color:#222;font-family:sans-serif;font-size:100%;margin:0;overflow:auto;resize:vertical;vertical-align:top}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{bottom:-.25em;font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;top:-.5em;vertical-align:baseline}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;padding:0;white-space:normal}input[type="button"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="reset"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="radio"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

@font-face {
	font-family: 'maison-neue';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/MaisonNeueExtendedWEB-Bold.woff2') format('woff2'),
		 url('fonts/MaisonNeueExtendedWEB-Bold.woff') format('woff');
}

@font-face {
	font-family: 'maison-neue';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/MaisonNeueExtendedWEB-Demi.woff2') format('woff2'),
		 url('fonts/MaisonNeueExtendedWEB-Demi.woff') format('woff');
}

@font-face {
	font-family: 'maison-neue';
	font-style: normal;
	font-weight: 800;
	src: url('fonts/MaisonNeueExtendedWEB-ExtraBold.woff2') format('woff2'),
		 url('fonts/MaisonNeueExtendedWEB-ExtraBold.woff') format('woff');
}

:root {
	--white: #fff;
	--off-white: #F8FBFA;
	--earth: #0B2304;
	--winter-green: #E6F4EE;
	--green-primary: #16A267;
	--green-dark: #0A554E;
	--lavender: #9BABFF;
	--twilight: #3349B7;
	--midnight: #1B2854;
	--sunshine: #D86B2E;
	--body-font: 'objektiv-mk2', Arial, Helvetica, sans-serif;
	--heading-font: 'maison-neue', Arial, Helvetica, sans-serif;
	--container-width: 90vw;
	--container-max-width: 1600px;
	--container-outer-padding: 50px;
	--container-outer-margin: calc((100vw - var(--container-width)) / 2);
	--viewport-edge: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1);
	--gap: 40px;
	--grid: repeat(12,minmax(0, 1fr));
	--border: 1px solid rgba(11,35,4,.1);
	--module-spacing: 160px;
	--shadow: rgba(0,0,0,0.10);
	/* Two-tone focus ring: one layer always clears 3:1, light background or dark. */
	--focus-ring: var(--earth);
	--focus-halo: var(--white);
	--radius-small: 14px;
	--radius-large: 24px;
	--radius-x-large: 48px;
	--max-container: 2400;
	--min-container: 950;
	--edge-offset: 42px;
	--header-offset: 103px;
	--module-spacing-xsmall: 56px;
	--module-spacing-small: 64px;
	--module-spacing-medium: 80px;
	--module-spacing-large: 120px;
	--module-spacing-xlarge: 160px;
	--text-spacing-xxsmall: 8px;
	--text-spacing-xsmall: 16px;
	--text-spacing-small: 24px;
	--text-spacing-medium: 32px;
	--text-spacing-large: 40px;
	--text-spacing-xlarge: 48px;
	--text-spacing-xxlarge: 56px;
	--one-column-width: ((100vw - (2 * (var(--container-outer-margin) + var(--container-outer-padding)))) - (11 * var(--gap))) / 12;

	interpolate-size: allow-keywords;
}

html {
	font-size: 100%;
}

body {
	background: var(--off-white);
	color: var(--earth);
	font: 1rem var(--body-font);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

main {
	position: relative;
}

main:not(:has(.cta-popup-container.active, .popup.active, .loan-popup-container.active, .multi-step-popup-container.active)) {
	z-index: 3;
}

.svg-inline--fa {
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em;
}

.svg-inline--fa path {
	fill: currentColor;
}

a {
	color: var(--earth);
	text-decoration: none;
	transition: all .25s ease;
}

a:hover {
	color: var(--green-primary);
}

input[type=submit],
button {
	border: none;
	border-radius: 0;
	font-family: inherit;
	transition: all .25s ease;
}

img,
svg,
iframe {
	height: auto;
	max-width: 100%;
}

h1,
.heading-1,
h2,
.heading-2,
h3,
.heading-3,
h4,
.heading-4,
h5,
.heading-5,
h6,
.heading-6 {
	font-family: var(--heading-font);
	letter-spacing: -.1px;
	margin: 0;
}

h1,
.heading-1 {
	font-size: calc(64rem/16);
	line-height: calc(78/64);
}

h1.mega,
.heading-1.mega {
	font-size: calc(80rem/16);
	font-weight: 800;
	line-height: calc(100/80);
}

h1 span:not(.eyebrow) {
	color: var(--green-primary);
}

h2,
.heading-2,
.post-builder .text-block h1 {
	font-size: calc(44rem/16);
	font-weight: 800;
	line-height: calc(60/44);
}

h3,
.heading-3,
.post-builder .text-block h2 {
	font-size: calc(32rem/16);
	font-weight: 600;
	line-height: calc(46/32);
}

h3.alt,
.heading-3.alt,
.post-builder .text-block h3 {
	font-size: calc(24rem/16);
	font-weight: 600;
	letter-spacing: .6px;
	line-height: calc(32/24);
}

h4,
.heading-4,
#menu-main > li:nth-of-type(2) > .sub-menu > li > a,
.page-content blockquote,
.post-builder .text-block h4 {
	font-size: calc(20rem/16);
	font-weight: 600;
	letter-spacing: .6px;
	line-height: calc(28/20);
}

h5,
.heading-5 {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .6px;
	line-height: calc(22/16);
}

h6,
.heading-6,
h2.gform_submission_error {
	font: calc(24rem/16)/calc(38/24) var(--body-font);
}

p,
ul,
ol,
.cta-form.stacked ._form-thank-you,
.gform_confirmation_message {
	line-height: calc(28/16);
	margin: 0 0 28px;
}

ul ul,
ul ol,
ol ul,
ol ol {
	margin-bottom: 0;
}

p.x-small,
ul.x-small,
ol.x-small,
.gfield_validation_message,
.xsmall-text *:not(sup):not(sub) {
	font-size: calc(12rem/16);
	line-height: calc(20/12);
}

p.small,
ul.small,
ol.small,
.single-team-member .image blockquote,
.value-props-block .image h3,
.tooltip .text,
.connect .form-container .gform_confirmation_message,
.small-text *:not(sup):not(sub),
.cta-form.stacked ._error-inner {
	font-size: calc(14rem/16);
	line-height: calc(22/14);
	margin: 0 0 20px;
}

/* Text-size utilities above set font-size on every descendant, so sup/sub are excluded from them to keep footnote markers small. */
sup,
sub {
	font-size: 65%;
	line-height: 0;
	margin: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.65em;
}

sub {
	bottom: -0.25em;
}

p.large,
ul.large,
ol.large,
.featured-post p,
.large-text > * {
	font-size: calc(18rem/16);
	line-height: calc(32/18);
	margin: 0 0 40px;
}

p.xlarge,
ul.xlarge,
ol.xlarge,
.xlarge-text > * {
	font-size: calc(20rem/16);
	line-height: calc(32/18);
	margin: 0 0 40px;
}

.eyebrow {
	color: var(--twilight);
	display: block;
	font-size: 1rem;
	font-weight: 500;
	line-height: calc(22/16);
	padding-left: 32px;
	position: relative;
	width: max-content;
}

.eyebrow:before {
	background: url('svgs/logomark-purple.svg') no-repeat;
	background-size: contain;
	content: '';
	height: 15px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 24px;
}

.eyebrow.lavender {
	color: var(--lavender);
}

.eyebrow.lavender:before {
	background: url('svgs/logomark-lavender.svg') no-repeat;
}

.eyebrow.midnight {
	color: var(--midnight);
}

.eyebrow.white {
	color: var(--white);
}

.eyebrow.no-logo {
	padding: 0;
}

.eyebrow.no-logo:before {
	display: none;
}

.eyebrow.x-small {
	font-size: calc(9rem / 16);
	letter-spacing: 1.4px;
	line-height: calc(12 / 9);
}

.pill,
#menu-main > li:nth-of-type(1) > .sub-menu > li > a,
.category-bar .cat-link,
.blog .category-bar .cat-item a,
.blog .category-bar .cat-item-all a,
.category .category-bar .cat-item a,
.category .category-bar .cat-item-all a  {
	background: rgba(27,40,84,.07);
	border: none;
	border-radius: 6px;
	color: var(--midnight);
	display: block;
	font-family: inherit;
	font-size: calc(9rem/16);
	font-weight: 700;
	letter-spacing: 1.4px;
	line-height: calc(12/9);
	max-width: 100%;
	padding: 8px 20px 6px;
	text-align: center;
	text-transform: uppercase;
	width: max-content;
}

a.pill.active,
a.pill:hover,
.slick-active .pill,
#menu-main > li:nth-of-type(1) > .sub-menu > li > a,
.category-bar .current-cat .cat-link,
.blog .category-bar .cat-item-all a,
.category .category-bar .current-cat a {
	background: rgba(27,40,84,.5);
	color: var(--white);
}

.pill.purple {
	background: var(--twilight);
	color: var(--white);
}

a.pill.purple:hover {
	background: var(--midnight);
}

.pill.lavender {
	background: var(--lavender);
	color: var(--white);
	opacity: .5;
}

.pill.lavender:hover,
.active .pill.lavender {
	opacity: 1;
}

.pill.grey {
	background: var(--midnight);
	color: var(--white);
	opacity: 0.5;
}

.pill.small {
	font-size: calc(8rem / 16);
	font-weight: 700;
	letter-spacing: 1.4px;
	line-height: calc(10 / 8);
	padding: 5px 12px;
}

header,
section,
footer,
article {
	width: 100%;
}

.container {
	clear: both;
	margin: 0 auto;
	max-width: var(--container-max-width);
	padding: 0 var(--container-outer-padding);
	position: relative;
	width: var(--container-width); /*Based off 1200 Sketch files*/
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid {
	display: grid;
	gap: var(--gap);
	grid-template-columns: var(--grid);
}

.accessibility,
.screen-reader-text {
	backface-visibility: hidden;
	left: -999999999px;
	opacity: 0;
	position: absolute;
}

.image-zoom {
	overflow: hidden;
}

.image-zoom img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: all .25s ease;
	width: 100%;
}

.mobile-only {
	display: none!important;
}

/***Content Styles***/

.content-styles > :last-child {
	margin-bottom: 0 !important;
}

.builder-module.form .content-styles h1 + * {
	margin-top: 24px;
}

.builder-module.form .content-styles h2 + * {
	margin-top: 16px;
}

.builder-module.form .content-styles h3 + * {
	margin-top: 12px;
}

.builder-module.form .content-styles h4 + *,
.builder-module.form .content-styles h5 + *,
.builder-module.form .content-styles h6 + * {
	margin-top: 10px;
}

.builder-module.form .content-styles * + h1,
.builder-module.form .content-styles * + h2 {
	margin-top: 40px;
}

.builder-module.form .content-styles * + h3,
.builder-module.form .content-styles * + h4,
.builder-module.form .content-styles * + h5
.builder-module.form .content-styles * + h6 {
	margin-top: 32px;
}

.builder-module.form .content-styles h3 {
	line-height: calc(40 / 32);
}

.content-styles > ul,
.content-styles > ol {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

.content-styles > ul > li > ul,
.content-styles > ul > li > ol,
.content-styles > ol > li > ol,
.content-styles > ol > li > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.content-styles ul li,
.content-styles ol li {
	padding: 0 0 0 32px;
	position: relative;
}

.content-styles > ul > li:before,
.content-styles > ul > li > ul > li:before,
.content-styles > ol > li > ul > li:before {
	aspect-ratio: 1;
	background: var(--twilight);
	border-radius: 100%;
	content: '';
	height: auto;
	left: 13px;
	position: absolute;
	top: 11px;
	width: 6px;
}

.content-styles ul li + li,
.content-styles ol li + li {
	margin-top: var(--text-spacing-xxsmall);
}

.content-styles > ol {
	counter-reset: cs-ol-counter;
}

.content-styles > ol > li {
	counter-increment: cs-ol-counter;
}

.content-styles > ol > li > ol,
.content-styles > ul > li > ol {
	counter-reset: cs-ol-counter-2;
}

.content-styles > ol > li > ol > li,
.content-styles > ul > li > ol > li {
	counter-increment: cs-ol-counter-2;
}

.content-styles > ol > li:before,
.content-styles > ol > li > ol > li:before,
.content-styles > ul > li > ol > li:before {
	color: var(--twilight);
	content: counter(cs-ol-counter)".";
	display: block;
	font-size: calc(14rem / 16);
	font-weight: 700;
	position: absolute;
	right: calc(100% - 24px);
	top: 2px;
}

.content-styles > ol > li > ol > li:before,
.content-styles > ul > li > ol > li:before {
	content: counter(cs-ol-counter-2)".";
}

.content-styles.xsmall-text p,
.content-styles.xsmall-text > ul,
.content-styles.xsmall-text > ol {
	margin: 0 0 var(--text-spacing-xxsmall);
}

.content-styles.xsmall-text ul li,
.content-styles.xsmall-text ol li {
	padding: 0 0 0 20px;
}

.content-styles.xsmall-text > ul > li:before,
.content-styles.xsmall-text > ul > li > ul > li:before,
.content-styles.xsmall-text > ol > li > ul > li:before {
	left: 8px;
	top: 8px;
	width: 4px;
}

.content-styles.xsmall-text > ol > li:before,
.content-styles.xsmall-text > ol > li > ol > li:before,
.content-styles.xsmall-text > ul > li > ol > li:before {
	font-size: inherit;
	right: calc(100% - 17px);
	top: 0;
}

/***Carousels***/

.carousel,
.slick-list,
.slide,
.slick-track {
	height: 100%;
}

.carousel {
	overflow: hidden;
}

.slick-track {
	display: flex;
}

/***Autoscrollers***/

.autoscroller .autoscroll-wrapper.scrolling {
	display: flex;
	flex-wrap: nowrap;
	gap: 120px;
	overflow: hidden;
	position: relative;
}

.autoscroller .autoscroll-wrapper .logos-list {
	animation-name: autoscroll-clone;
}

.autoscroller .autoscroll-wrapper .logos-list.autoscroll-clone {
	animation-name: autoscroll-clone;
}

.autoscroller .autoscroll-wrapper.scrolling .logos-list {
	animation-duration: 60s;
}

.autoscroller .autoscroll-wrapper:not(.scrolling) {
	display: grid;
	grid-template-areas: "stack";
}

.autoscroller .autoscroll-wrapper:not(.scrolling) .logos-list {
	grid-area: stack;
}

.autoscroller .autoscroll-wrapper:not(.scrolling) .logos-list.autoscroll-clone {
	visibility: hidden;
}

/***Buttons***/

button:focus {
	outline: none;
}

.btn,
.btn-like {
	font: 500 calc(14rem/16)/calc(20/14) var(--body-font);
}

.btn:not(.secondary),
.form-popup .form .btn,
.value-props-block .slick-active button.popup-btn {
	background: linear-gradient(270deg, var(--green-primary) 1%, #128057 99%);
	border-radius: var(--radius-small);
	color: var(--white);
	display: block;
	overflow: hidden;
	padding: 15px 32px 13px;
	position: relative;
	text-align: center;
	width: max-content;
	z-index: 2;
}

.btn:hover,
.btn:not(.secondary):hover {
	color: var(--white);
}

.btn:not(.secondary):before,
.form-popup .form .btn:before {
	background: var(--green-primary);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all .25s ease;
	width: 100%;
	z-index: -1;
}

.btn:not(.secondary):hover::before,
.form-popup .form .btn:hover:before {
	opacity: 1;
}

.btn svg {
	margin-left: 10px;
	vertical-align: -1px;
	width: 15px;
}

.btn.no-arrow .icon {
	display: none;
}

.btn.purple {
	background: linear-gradient(270deg, #3E55CB 2%, var(--twilight) 99%);
}

.btn.purple:before {
	background: var(--twilight);
}

.btn.outline {
	background: none;
	border: 1px solid var(--green-primary);
	color: var(--earth);
	padding: 12px 32px 14px;
}

.btn.outline.purple {
	border-color: var(--twilight);
}

.btn.outline:hover {
	color: var(--white);
}

.btn.outline:before {
	background: linear-gradient(270deg, var(--green-primary) 1%, #128057 99%);
}

.btn.outline.purple:before {
	background: linear-gradient(270deg, #3E55CB 2%, var(--twilight) 99%);
}

.btn.outline svg polygon {
	fill: currentColor;
}

.btn.small,
.pathway-page .btn[type="submit"] {
	font-size: calc(11rem/16);
	font-weight: 700;
	line-height: calc(14/11);
}

.btn.large {
	padding: 19px 32px 17px;
}

.btn.secondary {
	background: none;
	padding: 0;
}

.btn.secondary.white,
.btn.secondary.white:hover,
.btn-hover:hover .btn.secondary.white {
	color: var(--white);
}

.btn.secondary:not(.small):not(.white) {
	color: var(--earth);
}

.btn.secondary:hover,
.btn-hover:hover .btn.secondary {
	color: var(--earth);
}

.btn.secondary svg {
	margin-left: 8px;
	transition: all .25s ease;
	vertical-align: -1px;
	width: 15px;
}

.btn.secondary.small svg {
	margin-left: 5px;
	vertical-align: 1px;
	width: 10px;
}

.btn.secondary svg g {
	fill: var(--green-primary);
}

.btn.secondary.white svg g {
	fill: var(--lavender);
}

.btn.secondary:hover svg,
.btn-hover:hover .btn.secondary svg,
#menu-main > li:nth-of-type(2) > .sub-menu > li > a:hover .btn svg,
.card-link:hover .btn.secondary svg,
.sidebar-related-article:hover .btn.secondary svg {
	transform: translateX(5px);
}

.arrow-link {
	align-items: center;
	background: var(--winter-green);
	border-radius: 8px;
	display: flex;
	height: 40px;
	justify-content: center;
	padding: 0;
	transition: all .25s ease;
	width: 40px;
}

.arrow-link.twilight {
	/* background: var(--twilight); */
	background: #3e55cb;
}

.arrow-link:hover,
a:hover .arrow-link {
	background: var(--green-dark);
	color: var(--white);
}

.arrow-link.twilight:hover {
	background: var(--twilight);
}

.arrow-link svg {
	width: 15px;
}

.arrow-link polygon {
	fill: var(--green-dark);
	transition: fill .25s ease;
}

.arrow-link.twilight polygon {
	fill: var(--white);
}

.arrow-link:hover polygon,
a:hover .arrow-link polygon {
	fill: var(--white);
}

.plain-link a,
.steps article a,
.accordion-content a,
.content-styles a:not([class]),
.content-styles a.exitNotifierLink {
	color: var(--green-dark);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--green-primary);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
}

.plain-link a:hover,
.steps article a:hover,
.accordion-content a:hover,
.contact-hero .disclaimer-text a:hover,
.content-styles a:not([class]):hover,
.content-styles a.exitNotifierLink:hover {
	color: var(--earth);
	text-decoration-color: var(--green-dark);
}

/***Large Round Bkg***/

.green-bkg,
.navy-bkg {
	position: relative;
	z-index: 2;
}

.green-bkg:before,
.navy-bkg:before {
	background-color: var(--winter-green);
	border-radius: 48px;
	content: '';
	height: 100%;
	left: 50%;
	/* min-width: 1200px; */
	max-width: var(--container-max-width);
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: var(--container-width);
	z-index: -1;
}

.green-bkg.full:before,
.navy-bkg.full:before {
	max-width: 100%;
	width: calc(100% - (var(--container-outer-padding) * 2));
}

.navy-bkg:before {
	background-color: var(--midnight);
}

.navy-bkg.side-align:before {
	border-radius: 0 48px 48px 0;
	left: 0;
	transform: none;
}

/***Forms***/

/* Taken from Gravity Form's basic.min.css stylesheet, which we have dequeued */
	.gform_wrapper.gravity-theme .hidden_label .gfield_label,
	.gform_wrapper.gravity-theme .hidden_sub_label,
	.gform_wrapper.gravity-theme .screen-reader-text {
		border: 0;
		clip: rect(1px,1px,1px,1px);
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
		word-wrap: normal !important;
	}
/**/

.ginput_recaptcha[data-tabindex="0"] {
	border-radius: var(--radius-small);
	height: 76px;
	overflow: hidden;
	width: 300px;
}

.gform_confirmation_wrapper {
	align-items: center;
	display: flex;
	grid-column: 6 / -1;
}

.gform_fields,
.cta-form ._form-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
}

.gfield,
.cta-form ._form-content ._form_element,
.post-password-form .fields {
	position: relative;
	width: 100%;
}

.gfield.two-column {
	width: calc(50% - 10px);
}

.gfield--type-name {
	width: 100%!important;
}

.gfield--type-name .ginput_complex,
.post-password-form .fields {
	display: flex;
	flex-direction: row!important;
	gap: 20px;
}

.gfield--type-name .ginput_complex .name_first,
.gfield--type-name .ginput_complex .name_last {
	width: calc((100% - 20px) / 2);
}

.gform_required_legend {
	display: none;
}

.gfield_validation_message {
	color: red;
	margin: 8px 0 0 20px;
}

.ginput_container_radio + .gfield_validation_message {
	clear: both;
	margin: 0;
	position: relative;
	top: 10px;
}

.gfield > label,
.gform_wrapper .gfield > label.gfield_label,
.gform_wrapper.gravity-theme .ginput_complex label.gform-field-label,
.gfield .ginput_complex label,
fieldset.gfield > legend,
.cta-form ._form label,
.post-password-form label,
form .form-field label {
	color: var(--twilight);
	font-size: calc(10rem/16);
	font-weight: 500;
	left: 20px;
	padding: 0;
	position: absolute;
	top: 9px;
	transform: none;
}

.gform_wrapper .gfield.gfield--type-fileupload > label {
	display: block;
	margin: 0 0 var(--text-spacing-xxsmall) 0;
	position: static;
}

.gfield.hidden_label > label,
.gform_validation_container,
.gfield.hidden_label > .gfield_label,
.gform_drop_instructions {
	display: none;
}

.gfield--type-captcha {
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="url"],
form input[type="password"],
form input[type="number"],
form select,
form textarea,
form fieldset.gfield > .ginput_container {
	background-color: var(--white);
	border: 1px solid var(--winter-green);
	border-radius: var(--radius-small);
	font-family: inherit;
	font-size: calc(13rem/16) !important;
	height: 48px;
	padding: 18px 20px 0 !important;
	width: 100% !important;
}

form textarea {
	padding-top: 22px !important;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form input[type="url"]:focus,
form input[type="number"]:focus,
form select:focus,
form textarea:focus {
	border-color: var(--twilight);
	outline: none;
}

form textarea {
	height: 96px;
	padding: 25px 20px 13px;
}

form select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('svgs/icon-dropdown.svg');
	background-position: calc(100% - 9px) center;
	background-repeat: no-repeat;
}

form button {
	margin-top: 30px;
}

form fieldset {
	margin-top: 24px;
}

form fieldset:first-child {
	margin-top: 0;
}

form fieldset legend {
	float: left;
	font-size: calc(12rem/16);
	margin: 0 14px 0 0;
}

.gfield--type-fileupload > label {
	left: unset;
	position: relative;
	top: unset;
}

.gfield--type-fileupload .gform_drop_area {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}

.gfield--type-fileupload .gform_drop_instructions {
	font: 400 calc(12rem / 16)/calc(22 / 12) var(--body-font);
}

.gfield--type-fileupload button {
	background: linear-gradient(270deg,var(--green-primary) 1%,#128057 99%);
	border-radius: var(--radius-small);
	color: var(--white);
	display: block;
	font: 400 calc(13rem / 16)/calc(22 / 13) var(--body-font);
	margin: 8px 0 4px;
	padding: 8px 20px;
	text-align: center;
	width: max-content;
}

.gfield--type-fileupload .ginput_container_fileupload > ul {
	margin: 0;
}

fieldset .ginput_container_radio {
	float: left;
}

.gfield_radio {
	display: flex;
	font-size: calc(10rem/16);
	font-weight: 500;
	gap: 14px;
}

.gfield_radio label {
	margin-left: 6px;
	vertical-align: -1px;
}

.gfield .ginput_complex > span {
	position: relative;
}

.ginput_container_fileupload {
	display: flex;
	flex-direction: column;
}

.form-popup form .ginput_container_fileupload input {
	background: none;
	cursor: pointer;
	font: 400 calc(13rem / 16)/calc(22 / 13) var(--body-font);
}


.ginput_container_fileupload .gform_fileupload_rules {
	font: 500 calc(10rem / 16)/calc(16 / 10) var(--body-font);
	margin-top: 4px;
	text-align: left;
}

.cta-popup fieldset.gfield--type-checkbox legend,
fieldset.gfield--type-checkbox legend,
fieldset.gfield--input-type-checkbox legend {
	float: unset;
	margin: 0 auto 10px 0;
	position: static;
}

.cta-popup fieldset.gfield--type-checkbox .gfield_checkbox,
fieldset.gfield--type-checkbox .gfield_checkbox,
fieldset.gfield--input-type-checkbox .gfield_checkbox {
	display: flex;
	flex-direction: column;
	font-size: calc(12rem/16);
	gap: 6px;
	line-height: calc(20 / 12);
	padding-left: 20px;
	text-align: left;
}

fieldset.gfield--type-checkbox .gfield_checkbox,
fieldset.gfield--input-type-checkbox .gfield_checkbox {
	gap: 10px;
	padding-left: unset;
}

.cta-popup fieldset.gfield--type-checkbox .gfield_checkbox .gchoice,
fieldset.gfield--type-checkbox .gfield_checkbox .gchoice,
fieldset.gfield--input-type-checkbox .gfield_checkbox .gchoice {
	display: flex;
	gap: 12px;
}

.cta-popup fieldset.gfield--type-checkbox .gfield_checkbox .gchoice {
	align-items: center;
	gap: 6px;
}

fieldset.gfield--type-checkbox .gfield_checkbox .gchoice input,
fieldset.gfield--input-type-checkbox .gfield_checkbox .gchoice input {
	margin-top: 3px;
}

.cta-popup fieldset.gfield--type-checkbox .gfield_checkbox .gchoice input {
	margin-top: 0;
}

.gfield.gfield--type-date .ui-datepicker-trigger {
	display: none;
}

form fieldset.gfield.gfield--type-time > .ginput_container {
	align-items: center;
	flex-direction: row;
	gap: 2px;
}

form fieldset.gfield.gfield--type-time > .ginput_container input {
	height: 100%;
	padding: 0;
	width: calc(100% + 4px);
}

form fieldset.gfield {
	margin-top: 0;
}

form fieldset.gfield > .ginput_container {
	height: auto !important;
	padding: 24px 20px 12px !important;
}

form fieldset.gfield > .ginput_container.ginput_container--name.ginput_complex {
	background: transparent;
	border: none;
	padding: 0 !important;
}

form fieldset.gfield > .ginput_container select {
	background: transparent;
	border: none;
	height: 100%;
	padding: 0;
}

.ui-datepicker.gform-theme-datepicker {
	background: var(--white);
	border-radius: var(--radius-small);
	box-shadow: 0 16px 26px 0 var(--shadow);
	font-family: inherit;
	font-size: calc(13rem/16);
	overflow: clip;
	padding: 0;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-header {
	align-items: center;
	background: #f5f9f8;
	display: flex;
	gap: 8px;
	padding: 6px 16px;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-prev,
.ui-datepicker.gform-theme-datepicker .ui-datepicker-next {
	color: var(--midnight);
	cursor: pointer;
	order: 1;
}

.ui-datepicker.gform-theme-datepicker select {
	background: 0 0;
	border: none;
	padding: 0;
}

.ui-datepicker.gform-theme-datepicker select.ui-datepicker-month,
.ui-datepicker.gform-theme-datepicker select.ui-datepicker-year {
	width: fit-content;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-title {
	align-items: center;
	display: flex;
	width: 100%;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar {
	margin: 8px 14px;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar tr th,
.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar tr td {
	color: var(--twilight);
	font-size: calc(10rem/16);
	font-weight: 500;
	padding: 3px 6px;
	text-align: center;
	width: 30px;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar tr td span,
.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar tr td a {
	font-family: inherit;
	font-size: calc(13rem/16);
	font-weight: 400;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar tr td a::before {
	background: 0 0;
	border-radius: 50%;
	content: '';
	height: 26px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	transition: .2s ease;
	width: 26px;
	z-index: -1;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar tr td a:hover {
	color: var(--twilight);
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
	color: var(--earth);
	opacity: .4;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
	position: relative;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar .ui-datepicker-today a::before {
	background: var(--winter-green);
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar a.ui-state-active {
	color: var(--white);
	font-weight: 500;
	position: relative;
}

.ui-datepicker.gform-theme-datepicker .ui-datepicker-calendar a.ui-state-active::before {
	background: linear-gradient(270deg,var(--green-primary) 1%,#128057 99%);
}

/***Boxes***/

.box {
	background: var(--white);
	border-radius: var(--radius-small);
	box-shadow: 0 16px 26px 0 var(--shadow);
	padding: 48px 36px;
	position: relative;
	z-index: 2;
}

.box.watermark:before,
.value-props-grid.three-col-centered li:before,
.review-cards li.slick-slide:before {
	background: url('svgs/watermark-green.svg') no-repeat calc(100% + 50px) calc(100% + 50px);
	background-size: 303px auto;
	bottom: 0;
	content: '';
	filter: grayscale(100%);
	height: 128px;
	opacity: .5;
	position: absolute;
	right: 0;
	width: 243px;
	z-index: -1;
}


/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header.flex-container {
	flex-wrap: nowrap;
	gap: 48px;
	margin-top: 2px;
	padding: 0 var(--container-outer-padding);
	position: sticky;
	top: 0;
	z-index: 9999;
}

header.super-sticky {
	background: var(--white);
	border-bottom: var(--border);
	margin-bottom: calc(114px - 80px); /*difference between paddings*/
}

header .logo {
	flex-shrink: 0;
	margin-top: 28px;
}

header.dark:not(.super-sticky):not(.active) .logo path {
	fill: var(--white);
}

header.super-sticky .logo {
	margin-top: 20px;
}

header nav {
	width: 100%;
}

#menu-main {
	align-items: center;
	display: flex;
	line-height: 0;
}

#menu-main > li {
	margin-left: 40px;
}

#menu-main > li:nth-last-of-type(n+3) {
	padding: 40px 0 43px;
}

header.super-sticky #menu-main > li:nth-last-of-type(n+3) {
	padding: 29px 0 31px;
}

#menu-main > li.buttons {
	margin-left: auto;
}

#menu-main > li:last-child {
	margin-left: 12px;
}

.hide-header-buttons #menu-main > li.buttons,
.hide-header-buttons #menu-main > li:last-child {
	display: none;
}

header.dark:not(.super-sticky):not(.active) #menu-main > li > a {
	color: var(--white);
}

#menu-main > li > a:not(.btn) {
	font-size: calc(14rem/16);
	font-weight: 500;
	line-height: calc(20/14);
}

#menu-main > .menu-item-has-children > a:not(.btn)::after {
	border-color: var(--earth) transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4.5px 0 4.5px;
	content: '';
	display: inline-block;
	margin-left: 6px;
	transition: all .25s ease;
	vertical-align: middle;
}

header.dark:not(.super-sticky):not(.active) #menu-main > .menu-item-has-children > a:not(.btn)::after {
	border-color: var(--white) transparent transparent transparent;
}

#menu-main > .menu-item-has-children:hover > a:not(.btn)::after {
	border-color: var(--green-primary) transparent transparent transparent;
	transform: scale(1,-1);
}

header.dark:not(.super-sticky):not(.active) #menu-main > .menu-item-has-children:hover > a:not(.btn)::after {
	border-color: var(--lavender) transparent transparent transparent;
}

#menu-main .btn {
	padding: 13px 24px 11px;
}

#menu-main .btn.outline {
	padding: 12px 24px 10px;
}

/***Dropdowns***/

#menu-main .sub-menu {
	font-size: calc(13rem / 16);
	font-weight: 500;
	line-height: calc(20/13);
}

#menu-main > li > .sub-menu {
	background-color: var(--white);
	border-radius: var(--radius-large);
	box-shadow: 0 16px 26px var(--shadow);
	display: none;
	margin: 0;
	position: absolute;
	top: calc(100% - 10px);
}

#menu-main .sub-menu a {
	display: block;
	position: relative;
}

#menu-main .sub-menu .sub-menu a:hover,
#menu-main > li:nth-of-type(3) > .sub-menu a:hover {
	padding-left: 27px;
}

#menu-main .sub-menu .sub-menu a:before,
#menu-main > li:nth-of-type(3) > .sub-menu a:before {
	background: url('svgs/logomark-green.svg') no-repeat left center;
	background-size: 20px auto;
	content: '';
	height: 13px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 3px;
	transition: opacity .25s ease;
	width: 20px;
}

#menu-main .sub-menu .sub-menu a:hover::before,
#menu-main > li:nth-of-type(3) > .sub-menu a:hover::before {
	opacity: 1;
}

/*Offerings*/

#menu-main > li:nth-of-type(1) > .sub-menu,
#menu-main > li:nth-of-type(2) > .sub-menu {
	gap: 60px;
	grid-template-columns: repeat(3,1fr);
}

#menu-main > li:nth-of-type(1) > .sub-menu,
#menu-main > li:nth-of-type(2) > .sub-menu {
	background-image: url('svgs/watermark-earth.svg');
	background-position: calc(100% + 60px) calc(100% + 100px);
	background-repeat: no-repeat;
	background-size: 551px auto;
	left: 50%;
	max-width: 98vw;
	padding: 48px 60px 60px;
	transform: translateX(-50%);
	width: calc(100% - 244px);
}

#menu-main > li:nth-of-type(1) > .sub-menu > li:not(:first-child),
#menu-main > li:nth-of-type(2) > .sub-menu > li:not(:first-child) {
	border-left: var(--border);
	padding-left: 60px;
}

/*4-Column Support*/

#menu-main > li:nth-of-type(1) > .sub-menu:has(> :nth-child(4)),
#menu-main > li:nth-of-type(2) > .sub-menu:has(> :nth-child(4)) {
	gap: 36px;
	grid-template-columns: repeat(4,1fr);
	padding: 48px 48px 60px;
	width: calc(100% - 120px);
}

#menu-main > li:nth-of-type(1) > .sub-menu:has(> :nth-child(4)) > li:not(:first-child),
#menu-main > li:nth-of-type(2) > .sub-menu:has(> :nth-child(4)) > li:not(:first-child) {
	padding-left: 36px;
}

#menu-main > li:nth-of-type(1) > .sub-menu > li > a {
	margin-bottom: 24px;
}

#menu-main > li:nth-of-type(1) > .sub-menu .sub-menu {
	display: flex;
}

#menu-main > li:nth-of-type(1) > .sub-menu .sub-menu,
#menu-main > li:nth-of-type(3) > .sub-menu {
	flex-direction: column;
	gap: 20px;
}

/*About*/

#menu-main > li:nth-of-type(2) > .sub-menu > li > a {
	font-family: var(--heading-font);
}

#menu-main > li:nth-of-type(2) > .sub-menu > li > a:hover {
	color: var(--earth);
}

#menu-main > li:nth-of-type(2) > .sub-menu p {
	font-family: var(--body-font);
	font-weight: 400;
	margin: 10px 0 16px;
}

#menu-main > li:nth-of-type(2) > .sub-menu .btn.secondary {
	padding: 0;
}

/*Resources*/

#menu-main > li:nth-of-type(3) {
	position: relative;
}

#menu-main > li:nth-of-type(3) > .sub-menu {
	left: -36px;
	padding: 40px 36px;
	width: 240px;
}

/***Mobile Menu***/

header .mobile-menu {
	display: none;
}

/***Alert Bar***/

.alert-bar {
	/* align-items: center; */
	background: var(--green-primary);
	color: var(--white);
	/* display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-xxsmall);
	justify-content: center; */
	margin: 0;
	padding: 10px 20px;
	text-align: center;
	width: 100%;
	z-index: 4;
}

.alert-bar.fdic {
	align-items: center;
	background: var(--winter-green);
	color: var(--earth);
	display: flex;
	gap: var(--text-spacing-xxsmall);
	justify-content: center;
}

.alert-bar.fdic img {
	height: 15px;
	margin-top: -2px;
	width: auto;
}

.alert-bar a {
	color: var(--white);
	display: inline-block;
	font-weight: 700;
	margin-left: 6px;
}

.alert-bar.fdic a {
	color: var(--earth);
}

.alert-bar a:hover {
	opacity: 0.6;
}

.alert-bar.fdic a:hover {
	color: var(--green-primary);
	opacity: 1;
}

.alert-bar a svg {
	display: inline-block;
	height: auto;
	margin: 0 0 0 4px;
	vertical-align: -3px;
	width: 14px;
}

.alert-bar a svg path {
	fill: var(--white);
	transition: all 0.25s ease;
}

.alert-bar.fdic a svg path {
	fill: var(--earth);
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

footer {
	margin-top: var(--module-spacing);
	padding: 72px 0 80px;
}

footer.single-module-page {
	margin-top: 50px;
}

footer ul {
	display: flex;
	line-height: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*Company Info*/

footer .footer-left {
	grid-column: span 3;
}

footer .logo {
	width: calc(192 / 270 * 100%);
}

footer address,
footer .menu a:not(.btn) {
	font-size: calc(13rem/16);
	font-weight: 500;
	line-height: calc(20/13);
}

footer address {
	font-style: normal;
	margin: 30px 0 20px;
}

footer address a {
	color: var(--green-primary);
	font-weight: 500;
}

footer address a:hover {
	color: var(--earth);
}

address .phone-label {
	color: var(--earth);
}

footer .customer-support-hours {
	display: flex;
	gap: 2px;
	margin: 1px 0 0;
}

footer .hours {
	margin: 1px 0 0;
}

footer .hours p {
	line-height: calc(24 / 16);
	margin: 0;
}

footer .social {
	font-size: calc(18rem/16);
	gap: 20px;
}

/*Links*/

footer .menu {
	gap: 0 calc(100/1200*100%);
	grid-column: span 9;
	justify-content: space-between;
	margin-top: 8px;
	padding-left: calc(63/1200 * 100%);
}

footer .menu > li > a:not(.btn) {
	display: block;
	font-weight: 800;
	margin-bottom: 16px;
	min-width: max-content;
}

footer .menu > li > a:has(img):not(.btn) {
	margin: 16px 0 0;
}

footer .menu > li > a > img {
	display: block;
	height: auto;
	max-height: 60px;
	max-width: 160px;
	object-fit: contain;
	width: 100%;
}

footer .menu ul {
	flex-direction: column;
	gap: 16px;
}

footer .menu .buttons {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

footer .menu .btn {
	margin: 0;
	padding: 9px 16px 7px 24px;
	width: 100%;
}

footer .menu .btn.outline {
	padding: 8px 24px 6px;
}

/***Trustbox Widget***/

.trustpilot-widget {
	margin-top: 14px;
	max-width: 160px;
}

/***Bottom Footer***/

.bottom-footer {
	padding: 40px 0;
}

.bottom-footer .flex-container {
	align-items: center;
}

.bottom-footer .copyright,
.bottom-footer a,
.contact-hero .disclaimer-text {
	font-size: calc(11rem/16);
	font-weight: 500;
	margin: 0;
	opacity: .6;
}

.bottom-footer ul {
	display: flex;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.bottom-footer a {
	text-decoration: underline;
}

.bottom-footer a:hover {
	opacity: 1;
}

.bottom-footer .disclosures {
	margin-top: 30px;
	opacity: .5;
	width: 100%;
}

.bottom-footer .disclosures p,
.bottom-footer .disclosures ul,
.bottom-footer .disclosures ol {
	font-size: calc(9rem/16);
	line-height: calc(12/9);
	margin-bottom: 10px;
}

.bottom-footer .disclosures ol {
	padding: 0 0 0 11px;
}

.bottom-footer .disclosures a {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	opacity: 1;
}

/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.page-hero {
	max-height: 1200px;
	min-height: calc(100vh - var(--header-offset));
}

.page-hero.style2 {
	max-height: 100%;
}

.hero {
	padding: 92px 0 102px;
}

.hero .container {
	height: 100%;
}

.hero article {
	align-self: center;
	grid-column: span 7;
}

.hero h1 {
	margin-bottom: 20px;
}

.hero p {
	margin-bottom: 48px;
}

.hero .hero-logos-row {
	align-items: center;
	display: flex;
	gap: calc(32rem / 16);
	margin-bottom: calc(21rem / 16);
}

.hero .hero-logos-row img {
	height: 82px;
	width: auto;
}

.hero .hero-logos-row .trustpilot-widget {
	filter: grayscale(1);
	height: 82px;
	margin-top: 0;
}

.hero .hero-buttons {
	align-items: center;
	display: flex;
	gap: calc(16rem / 16);
}

.hero video,
.page-hero video {
	aspect-ratio: 11 / 10;
	border-radius: var(--radius-large);
	grid-column: span 5;
	object-fit: cover;
	width: calc(100% + var(--edge-offset));
}

.page-hero video {
	align-self: center;
	aspect-ratio: 11 / 10;
	border-radius: var(--radius-large) 0 0 var(--radius-large);
	width: 100%;
}

.page-hero video.native-aspect-ratio {
	aspect-ratio: unset;
	height: auto;
}

.page-hero .video-container {
	align-self: center;
	grid-column: span 5;
	width: 100%;
}

.page-hero.green-bkg video,
.page-hero.navy-bkg video {
	border-radius: var(--radius-large);
}

.page-hero.green-bkg.video-separate:before,
.page-hero.navy-bkg.video-separate:before,
.page-hero.green-bkg.video-overlap:before,
.page-hero.navy-bkg.video-overlap:before {
	left: 50px;
	transform: unset;
	width: calc(((100vw - (4 * var(--container-outer-padding)) - (11 * var(--gap))) / 12) * 8 + (7 * var(--gap)) + var(--container-outer-padding));
}

.page-hero.green-bkg.video-overlap:before,
.page-hero.navy-bkg.video-overlap:before {
	width: calc(((100vw - (4 * var(--container-outer-padding)) - (11 * var(--gap))) / 12) * 10 + (9 * var(--gap)) + var(--container-outer-padding) - 12px);
}

.page-hero.video-separate video,
.page-hero.video-overlap video {
	border-radius: 32px;
	grid-column: 9 / -1;
	position: relative;
	width: calc(100% + var(--container-outer-padding));
}

.page-hero.video-overlap video {
	grid-column: 8 / -1;
}

/* Hero Style 2 - Stacked Layout */

.hero.style2 {
	display: flex;
	flex-direction: column;
	padding-bottom: 82px;
	padding-top: 129px;
}

.hero.style2 article {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 990px;
	text-align: center;
}

.hero.style2 h1 {
	margin-bottom: var(--text-spacing-xsmall);
}

.hero.style2 p {
	margin-bottom: var(--text-spacing-medium);
}

.hero.style2 .video-container {
	margin-top: calc(97rem / 16);
}

.hero.style2 .video-container video {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	width: 100%;
}

/***Landing Promo***/

.home .landing-page-promo .carousel {
	margin: 0 0 0 calc(var(--edge-offset) * -1);
	width: calc(100% + var(--edge-offset));
}

.home .landing-page-promo .container::before,
.home .landing-page-promo article::before {
	display: none;
}

.home .landing-page-promo img {
	margin: 0;
}

.home .landing-page-promo .slick-dots {
	width: calc(599/1200 * 100%);
}

/***Carousel***/

.service-carousel {
	margin-bottom: var(--module-spacing);
	overflow: hidden;
}

.service-carousel h2 {
	grid-column: 2 / span 10;
	margin-bottom: 20px;
	text-align: center;
}

.service-carousel h2 .eyebrow {
	margin: 0 auto 30px;
}

.service-carousel .carousel {
	grid-column: 1 / -1;
	margin-left: calc(var(--edge-offset) * -1);
	position: relative;
	width: calc(100% + var(--edge-offset));
}

.service-carousel .slide .image {
	position: relative;
	width: 100%;
}

.service-carousel .slide img:first-of-type {
	border-radius: var(--radius-large);
	width: calc(929/1238*100%);
}

.service-carousel .slide img:last-of-type {
	max-width: calc(462/1238*100%);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.service-carousel .slide article {
	margin: 40px 0 40px var(--edge-offset);
	text-align: left;
	width: calc(681/1300*100%);
}

.service-carousel .slide h3 {
	margin-bottom: 6px;
}

.service-carousel .slide p {
	margin: 0;
}

.service-carousel .slick-dots,
.featured-news .slick-dots {
	bottom: 0;
	line-height: 0;
	max-width: 35%;
	right: 0;
}

.service-carousel .slick-arrow,
.featured-news .slick-arrow {
	background: transparent;
	bottom: 0;
	display: flex;
	left: var(--edge-offset);
	padding: 0;
	position: absolute;
	z-index: 9999;
}

.service-carousel .slick-arrow.slick-prev,
.featured-news .slick-arrow.slick-prev {
	transform: scale(-1, 1);
}

.service-carousel .slick-arrow.slick-next,
.featured-news .slick-arrow.slick-next {
	left: calc(var(--edge-offset) + 54px);
}

/***News***/

.page-template-page-news .featured-news h1,
.builder-module.featured-news h2 {
	margin-bottom: 60px;
	text-align: center;
}

.featured-news .grid,
.featured-news .carousel {
	padding: 0;
}

.featured-news .carousel {
	margin: 0 -20px;
}

.featured-news .carousel .box {
	box-shadow: 0 10px 21px 0 var(--shadow)
}

.featured-news .grid {
	gap: var(--gap);
	grid-template-columns: var(--grid);
	list-style: none;
}

.featured-news li,
.featured-news .slide {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}

.featured-news li {
	grid-column: span 4;
}

.featured-news a {
	height: 100%;
	width: 100%;
}

.featured-news li a:hover,
.featured-news .slide a:hover {
	color: var(--earth);
}

.featured-news img {
	display: block;
	height: 100%;
	margin-bottom: 40px;
	max-height: 40px;
	max-width: 198px;
	object-fit: contain;
	width: auto;
}

.featured-news .grid .logo-container img {
	max-height: inherit;
}

.featured-news  h3 {
	margin-bottom: 12px;
}

.featured-news p {
	opacity: .5;
}

.featured-news .btn {
	margin-top: auto;
}

/* Carousel */

.featured-news .slick-list {
	padding-bottom: 50px;
}

.featured-news .slick-slide {
	height: auto;
	margin: 0 20px;
}

.featured-news .slick-track {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.featured-news .slick-arrow {
	translate: 43px;
}

.featured-news .slick-dots {
	translate: -80px;
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.alignnone {
	display: block;
	margin: 0 0 20px;
}

.wp-caption {
	max-width: 100%;
}

.page-content {
	padding: 120px 0 0;
}

.page-content article {
	grid-column: 3 / span 8;
	word-break: break-word;
	z-index: 3;
}

.page-content article h1 {
	margin-bottom: 80px;
}

.page-content article h2,
.page-content article h3 {
	margin: 0 0 10px;
}

.page-content article * + h2,
.page-content article * + h3 {
	margin-top: 60px;
}

.page-content article img {
	border-radius: var(--radius-large);
}

.page-template-page-document .page-content article img {
	border-radius: var(--radius-small);
}

/*** Password Protection ***/

.page-content.password-protected article {
	grid-column: 2 / span 10 !important;
}

.page-content.password-protected article h1 {
	margin-bottom: 16px;
}

.post-password-form {
	text-align: center;
}

.post-password-form button {
	flex-shrink: 0;
	margin: 0;
}

/***************************************************************************************************************************************************************************************/

/*DOCUMENT WITH TABLE OF CONTENTS*/

/***************************************************************************************************************************************************************************************/

.page-template-page-document .hero {
	background-color: var(--winter-green);
}

.page-template-page-document .hero .container {
	display: grid;
}

.page-template-page-document .hero h1 {
	margin: 0;
}

.page-template-page-document .sidebar-wrapper {
	grid-column: span 4;
	height: calc(100% + var(--sidebar-offset, 240px));
	margin-top: calc(-1 * var(--sidebar-offset, 240px));
	position: relative;
}

.page-template-page-document:has(.hero h1 + p) .sidebar-wrapper {
	--sidebar-offset: 280px;
}

.sidebar-popup .pathway-page:has(.gform_confirmation_wrapper) article > .content-styles {
	display: none;
}

.sidebar-popup .pathway-page .gform_confirmation_wrapper {
	margin-top: 0;
}

.sidebar-popup .pathway-page .gform_confirmation_message {
	margin-bottom: 0;
}

.page-template-page-document .page-content {
	padding-top: 80px;
}

.page-template-page-document .page-content nav {
	background-color: var(--white);
	border-radius: 16px;
	height: fit-content;
	padding: 40px 24px;
}

.page-template-page-document .page-content .toc-container {
	max-height: calc(100vh - var(--top-offset, 120px) - 40px);
	overflow-y: auto;
	position: sticky;
	top: var(--top-offset, 120px);
	transform: translateX(-40px);
	--top-offset: 120px;
}

.page-template-page-document .page-content:has(nav + nav.sidebar) nav:first-child {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.page-template-page-document .page-content nav + nav.sidebar {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding-top: 0;
}

.page-template-page-document .page-content nav.sidebar .pill {
	background: 0 0;
	color: var(--earth);
	margin: 0 0 var(--text-spacing-small);
	padding: 0;
}

.page-template-page-document .page-content nav.sidebar ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	height: auto !important;
	list-style: none;
	margin: 0 0 var(--text-spacing-xxsmall);
	opacity: 1;
	padding: 0;
}

.page-template-page-document .page-content nav.sidebar ul:last-child {
	margin-bottom: 0;
}

.page-template-page-document .page-content nav,
.page-template-page-document .page-content nav ul,
.page-template-page-document .page-content nav ul > li {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 24px;
}

.sidebar-popup-wrapper > button {
	padding: unset !important;
}

.page-template-page-document .page-content .link-container {
	align-items: start;
	display: flex;
	flex-wrap: nowrap;
}

.page-template-page-document .page-content nav li a,
.sidebar-popup-wrapper > button {
	color: var(--green-dark);
	font-family: var(--body-font);
	font-size: calc(14rem/16);
	font-weight: 500;
	line-height: calc(22/14);
	width: fit-content;
}

.page-template-page-document .page-content nav li a:hover,
.sidebar-popup-wrapper > button:hover {
	color: var(--green-primary);
}

.page-template-page-document .page-content .heading-3.alt {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
}

.page-template-page-document .page-content .heading-3.alt.active {
	pointer-events: none;
}

.page-template-page-document .page-content .heading-3.alt button.up {
	display: none;
}

.page-template-page-document .page-content:not(.password-protected) button {
	align-items: center;
	background: unset;
	display: flex;
	flex-wrap: nowrap;
	height: 22px;
	margin: 0;
	padding: 8px;
	position: relative;
	top: 1px;
}

.page-template-page-document .page-content .heading-3.alt:hover button svg path,
.page-template-page-document .page-content .toc li button:hover svg path {
	fill: var(--green-primary);
}

.page-template-page-document .page-content button.up {
	rotate: 180deg;
}

.page-template-page-document .page-content button.hidden {
	opacity: 0;
	visibility: hidden;
}

.page-template-page-document .toc li ul {
	padding-left: var(--text-spacing-small);
}

.page-template-page-document .page-content ul {
	transition: height, margin .25s ease;
}

.page-template-page-document .page-content ul.hidden {
	height: 0;
	margin: -24px 0 0;
	opacity: 0;
	overflow: hidden;
	padding: 0;
}

.page-template-page-document .page-content ul:not(.hidden) {
	height: unset;
	opacity: 1;
}

.page-template-page-document .hero h1,
.page-template-page-document .hero div,
.page-template-page-document .page-content article {
	grid-column: 5 / span 8;
}

.page-template-page-document .hero h1 + p {
	margin: var(--text-spacing-xsmall) 0 0;
}

.page-content article * + h2 {
	margin-top: var(--text-spacing-large);
}

.page-content article * + h3 {
	margin-top: var(--text-spacing-medium);
}

.page-template-page-document .page-content article h2:first-child hr {
	display: none;
}

.page-template-page-document .page-content article h2:first-child {
	scroll-margin-top: 150px;
}

.page-template-page-document .page-content article h2,
.page-template-page-document .page-content article h3 {
	margin-bottom: var(--text-spacing-xsmall);
}

.page-template-page-document .page-content article h4,
.page-template-page-document .page-content article h5 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.page-template-page-document .page-content article h2 {
	scroll-margin-top: calc(120px + var(--wp-admin-bar-height, 0px));
}

.page-template-page-document .page-content article h3 {
	scroll-margin-top: calc(105px + var(--wp-admin-bar-height, 0px));
}

.page-template-page-document .page-content article h4 {
	scroll-margin-top: calc(100px + var(--wp-admin-bar-height, 0px));
}

.page-template-page-document .page-content article h5 {
	scroll-margin-top: calc(100px + var(--wp-admin-bar-height, 0px));
}

.page-template-page-document .page-content article p + ul,
.page-template-page-document .page-content article p + ol {
	margin-top: -20px;
}


.page-template-page-document .page-content article ul > li,
.page-template-page-document .page-content article ol > li {
	line-height: calc(28/16);
	margin: 0 0 2px;
}

.page-template-page-document .page-content article ul > li ul,
.page-template-page-document .page-content article ol > li ol {
	margin: 2px 0 0;
}

.page-template-page-document .page-content article ul > li {
	padding-left: 6px;
}

.page-template-page-document .page-content article ul > li::marker {
	color: var(--green-primary);
	font-size: calc(18rem/16);
}

.page-template-page-document .page-content article ol > li {
	padding-left: 16px;
}

.page-template-page-document .page-content article ol > li::marker {
	color: var(--twilight);
	font-family: var(--body-font);
	font-weight: 700;
}

.page-content .scrolling-tables {
	overflow: auto;
}

.page-content table {
	margin: var(--text-spacing-small) 0 var(--text-spacing-xlarge);
	min-width: 600px;
	width: 100% !important;
    word-break: auto-phrase;
}

.page-content table td,
.page-content table th {
	line-height: 1.5;
	padding: var(--text-spacing-xsmall) var(--text-spacing-xxsmall);
	text-align: left;
	vertical-align: middle;
}

.page-content table tr:nth-of-type(1) td:has(b, strong) {
	font-size: calc(18rem/16);
}

.page-content table td:first-child:has(b, strong),
.page-content table th:first-child:has(b, strong) {
	/*font-size: calc(18rem/16);
	width: 25%;*/
}

.page-content table:not(.amortization-schedule):not(:has(thead)) tr:nth-of-type(even) td,
.page-content table:not(.amortization-schedule):has(thead) tr:nth-of-type(odd) td,
.page-content table.amortization-schedule thead tr th {
	background: var(--winter-green);
}

.page-content table:not(:has(thead)) tr:nth-of-type(even) td:first-child,
.page-content table:has(thead) tr:nth-of-type(odd) td:first-child,
.page-content table.amortization-schedule thead tr th:first-child {
	border-radius: 20px 0 0 20px;
}

.page-content table:not(:has(thead)) tr:nth-of-type(even) td:last-child,
.page-content table:has(thead) tr:nth-of-type(odd) td:last-child,
.page-content table.amortization-schedule thead tr th:last-child {
	border-radius: 0 20px 20px 0;
}

.page-content table td:first-child,
.page-content table th:first-child {
	padding-left: var(--text-spacing-medium);
}

.page-content table td:last-child,
.page-content table th:last-child {
	padding-right: var(--text-spacing-medium);
}

.page-content table td p:last-child,
.page-content table th p:last-child {
	margin-bottom: 0;
}

.page-content table thead th:has(p[style*="text-align: center"]) {
	text-align: center;
}


.page-content table thead th:has(p[style*="text-align: right"]) {
	text-align: right;
}

.page-content table thead th p {
	display: inline;
}

/***************************************************************************************************************************************************************************************/

/*LANDING PAGE BUILDER STYLES*/

/***************************************************************************************************************************************************************************************/

.page-builder {
	overflow: clip visible;
}

.builder-module {
	position: relative;
}

.builder-module:not(:last-of-type) {
	margin-bottom: var(--module-spacing);
}

.builder-module > .anchor {
	display: block;
	height: 196px;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: -196px;
	width: 100%;
}

body:has(header.super-sticky) .builder-module > .anchor {
	height: 172px;
	top: -172px;
}

.builder-module h2 {
	margin-bottom: 10px;
}

.builder-module h2 span {
	margin-bottom: 30px;
}

.builder-module.popup-active[data-jazzy-scroll] {
	transform: unset !important;
	transition-duration: 0s !important;
}

.builder-module.popup-active .slide {
	z-index: unset !important;
}

.builder-module .form-popup article,
.value-props-grid.five-col-centered .form-popup article,
.value-props-grid.three-col-centered.alt .form-popup article {
	text-align: left;
}

.builder-module .form-popup article .btn,
.builder-module .flyout-popup article .btn {
	margin-top: 0;
}

.builder-module .slick-active .secondary.question-popup-btn {
	background: none;
}

/***Hero***/

.hero-text-image {
	overflow: hidden;
	position: relative;
}

.hero-text-image > article {
	align-self: center;
	display: flex;
	flex-direction: column;
	grid-column: span 7;
	padding-left: 20px;
}

.hero-text-image h1 {
	font-size: calc(64px + (84 - 64) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
	margin-bottom: 20px;
}

.hero-text-image.large-hero-text h1 {
	font-size: calc(80px + (84 - 64) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
	line-height: calc(78/64);
}

.hero-text-image > article > p {
	font-size: calc(24px + (32 - 24) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
	margin-bottom: 48px;
	width: calc(558 / 661 * 100%);
}

.hero-text-image > article > p:last-child {
	margin-bottom: 0;
}

.hero-text-image.large-hero-text > article p {
	font-size: calc(28px + (32 - 24) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
}

.hero-text-image.large-hero-text .btn.large {
	font-size: calc(17rem/16);
}

.hero-text-image .hero-logos-row {
	align-items: center;
	display: flex;
	gap: calc(32rem / 16);
	margin-bottom: calc(21rem / 16);
}

.hero-text-image .hero-logos-row img {
	height: 64px;
	width: auto;
}

.hero-text-image .hero-buttons {
	align-items: center;
	display: flex;
	gap: calc(16rem / 16);
}

.page-hero .disclaimer {
	margin: var(--text-spacing-medium) 0 0;
	width: calc(558 / 661 * 100%);
}

.hero-text-image.has-logo-garden,
.hero-text-image.green-bkg.has-logo-garden,
.hero-text-image.navy-bkg.has-logo-garden {
	margin-bottom: 160px;
	max-height: unset;
	min-height: unset;
	overflow: unset;
	padding-bottom: 0;
}

.hero-text-image .image {
	height: calc(100% + 20px);
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(538/1300 * 100%);
}

.hero-text-image .image:has(.ratings-wrapper) {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hero-text-image.has-logo-garden .image {
	align-self: center;
	grid-column: span 5;
	height: unset;
	height: fit-content;
	overflow: unset;
	position: unset;
	transform: none !important;
	width: unset;
}

.hero-text-image.has-logo-garden .image img {
	height: fit-content;
}

.hero-text-image .image:has(.ratings-wrapper) img {
	height: auto;
}

.hero-logo-garden {
	--container-inner-padding: 48px;
	background-color: var(--white);
	border-radius: 48px;
	grid-column: 1/-1;
	margin-bottom: -90px;
	margin-inline: 20px;
	padding: var(--container-inner-padding);
}

.hero-logo-garden h2 {
	color: var(--earth);
	margin-bottom: 30px;
	text-align: center;
}

.hero-logo-garden .autoscroller {
	margin-inline: calc(-1 * var(--container-inner-padding));
	width: calc(100% + 2 * var(--container-inner-padding));
}

.hero-logo-garden .autoscroll-wrapper .logos-list.static {
	animation-duration: 0s;
}

.hero-logo-garden .autoscroll-wrapper:has(.static) .logos-list:not(.static) {
	display: none;
}

.hero-text-image.add-margins .image {
	border-radius: var(--radius-large);
	height: auto;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.hero-text-image .image img {
	height: 100%;
	object-fit: contain;
	object-position: right center;
	width: 100%;
}

/*Green Bkg*/

.hero-text-image.green-bkg,
.hero-text-image.navy-bkg {
	padding: 100px calc(var(--container-outer-padding) * 2) 96px;
	z-index: auto;
}

/*Navy Bkg*/

.hero-text-image.navy-bkg {
	color: var(--white);
}

.hero-text-image.navy-bkg .btn.outline {
	border-color: var(--white);
	color: var(--white);
}

.hero-text-image.navy-bkg .btn.outline:before {
	background: var(--white);
}

.hero-text-image.navy-bkg .btn.outline:hover {
	color: var(--midnight);
}

/*Swoosh Bkg*/

.hero-text-image.swoosh-bkg {
	padding: 146px 0 100px;
}

.hero-text-image.swoosh-bkg:not(.no-watermark) {
	background: url('svgs/watermark-green.svg') no-repeat calc(100% + 51px) bottom;
}

.hero-text-image.swoosh-bkg > article {
	margin-left: var(--container-outer-padding);
	width: calc(100% - var(--container-outer-padding) - 20px);
}

/*Loan Popup*/

.loan-popup-container {
	height: 100dvh;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transition: all 0.25s ease;
	visibility: hidden;
	width: 100vw;
	z-index: 99999;
}

.loan-popup-container.active {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.loan-popup {
	border-radius: 24px;
	left: 50%;
	max-height: 90dvh;
	max-width: 90vw;
	overflow: scroll;
	overflow-y: scroll;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	transition: all 0.25s ease;
	width: 864px;
	/*Hide Scrollbar*/
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.loan-popup::-webkit-scrollbar {
	display: none;
}

.loan-popup-container.active .loan-popup {
	pointer-events: auto;
}

.loan-popup .layer {
	background: var(--winter-green);
	border-radius: 24px;
	display: none;
	flex-direction: column;
	left: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: all 0.25s ease;
	visibility: hidden;
	width: 100%;
}

.loan-popup .layer.active {
	display: flex;
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.loan-popup .layer .close {
	aspect-ratio: 1;
	background: rgb(243 244 242 / 100%);
	border-radius: 16px;
	height: auto;
	position: absolute;
	right: 10px;
	top: 10px;
	transition: all 0.25s ease;
	width: 48px;
}

.loan-popup .layer .close:hover {
	background: rgb(223 224 222 / 100%);
}

.loan-popup .layer .close:before,
.loan-popup .layer .close:after {
	background: var(--earth);
	content: '';
	height: 1px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
	width: 24px;
}

.loan-popup .layer .close:after {
	transform: translate3d(-50%, -50%, 0) rotate(-45deg) ;
}

.loan-popup .layer h3 {
	background: var(--white);
	color: var(--earth);
	padding: 32px 92px;
	text-align: center;
}

.loan-popup .layer article {
	color: var(--earth);
	display: flex;
	flex-direction: column;
	gap: 24px;
	overflow: hidden;
	padding: 48px 80px 64px;
	position: relative;
}

.loan-popup .layer article:before {
	aspect-ratio: 544 / 344;
	background: url(svgs/watermark-green.svg) no-repeat;
	background-size: 100%;
	content: '';
	height: auto;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 48px;
	width: 544px;
}

.loan-popup .layer h4 {
	color: var(--earth);
	text-align: center;
}

.loan-popup .layer-1 .button-container {
	display: flex;
	gap: 24px;
	justify-content: center;
}

.loan-popup .layer-1 .button-container .btn {
	margin: 0;
}

.loan-popup .layer-1 .btn.outline {
	border-color: var(--green-primary);
	color: var(--green-primary);
}

.loan-popup .layer-1 .btn.outline:before {
	background: linear-gradient(270deg, var(--green-primary) 1%, #128057 99%);
}

.loan-popup .layer-1 .btn.outline:hover {
	color: var(--white);
}

.loan-popup .layer.layer-2 article:before {
	bottom: -8px;
	right: -29px;
	top: unset;
}

.loan-popup .layer-2 .partners {
	display: flex;
	flex-direction: column;
	gap: 16px;
	z-index: 1;
}

.loan-popup .layer-2 .partner {
	align-items: center;
	background: var(--white);
	border-radius: 16px;
	display: flex;
	gap: 40px;
	justify-content: space-between;
	padding: 24px 40px;
	width: 100%;
}

.loan-popup .layer-2 .logo-container {
	height: auto;
	width: 84px;
}

.loan-popup .layer-2 .logo-container img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.loan-popup .layer-2 .details {
	text-align: left;
	width: 286px;
}

.loan-popup .layer-2 .details > :last-child {
	margin-bottom: 0;
}

.loan-popup .layer-2 .details p,
.loan-popup .layer-2 .details ul,
.loan-popup .layer-2 .details ol {
	font-size: calc(14rem / 16);
	line-height: calc(22 / 14);
}

.loan-popup .layer-2 .details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.loan-popup .layer-2 .details ul > li {
	padding: 0 0 0 12px;
	position: relative;
}

.loan-popup .layer-2 .details ul > li:before {
	aspect-ratio: 1;
	background: var(--earth);
	border-radius: 100%;
	content: '';
	height: auto;
	left: 4px;
	position: absolute;
	top: 11px;
	width: 3px;
}

.loan-popup .layer-2 .partner .btn.outline {
	border-color: var(--green-primary);
	color: var(--earth);
}

.loan-popup .layer-2 .partner .btn.outline:before {
	background: linear-gradient(270deg, var(--green-primary) 1%, #128057 99%);
}

.loan-popup .layer-2 .partner .btn.outline:hover {
	color: var(--white);
}

/* Multi-Step Popup */

.multi-step-popup-container {
	height: 100dvh;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transition: all 0.25s ease;
	visibility: hidden;
	width: 100vw;
	z-index: 99999;
}

.multi-step-popup-container.active {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.multi-step-popup {
	border-radius: 24px;
	left: 50%;
	max-height: 90dvh;
	max-width: 90vw;
	overflow-y: auto;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 864px;
	/*Hide Scrollbar*/
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.multi-step-popup::-webkit-scrollbar {
	display: none;
}

.multi-step-popup:focus {
	outline: none;
}

.multi-step-popup .screen {
	background: var(--winter-green);
	border-radius: 24px;
	display: none;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.multi-step-popup .screen.current {
	display: flex;
}

.multi-step-popup .screen .close,
.multi-step-popup .screen .back {
	aspect-ratio: 1;
	background: rgb(243 244 242 / 100%);
	border-radius: 16px;
	height: auto;
	position: absolute;
	top: 10px;
	transition: all 0.25s ease;
	width: 48px;
	z-index: 2;
}

.multi-step-popup .screen .close {
	right: 10px;
}

.multi-step-popup .screen .back {
	left: 10px;
}

.multi-step-popup .screen .back[hidden] {
	display: none;
}

.multi-step-popup .screen .close:hover,
.multi-step-popup .screen .back:hover {
	background: rgb(223 224 222 / 100%);
}

.multi-step-popup .screen .close:before,
.multi-step-popup .screen .close:after {
	background: var(--earth);
	content: '';
	height: 1px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
	width: 24px;
}

.multi-step-popup .screen .close:after {
	transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

/* Back chevron */

.multi-step-popup .screen .back:before,
.multi-step-popup .screen .back:after {
	background: var(--earth);
	content: '';
	height: 1px;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 12px;
}

.multi-step-popup .screen .back:before {
	transform: translate3d(-50%, -3px, 0) rotate(-45deg);
}

.multi-step-popup .screen .back:after {
	transform: translate3d(-50%, 3px, 0) rotate(45deg);
}

.multi-step-popup .screen h3 {
	background: var(--white);
	color: var(--earth);
	padding: 32px 92px;
	text-align: center;
}

.multi-step-popup .screen article {
	color: var(--earth);
	display: flex;
	flex-direction: column;
	gap: 24px;
	overflow: hidden;
	padding: 48px 80px 64px;
	position: relative;
}

.multi-step-popup .screen article:before {
	aspect-ratio: 544 / 344;
	background: url(svgs/watermark-green.svg) no-repeat;
	background-size: 100%;
	bottom: -8px;
	content: '';
	height: auto;
	pointer-events: none;
	position: absolute;
	right: -29px;
	width: 544px;
}

.multi-step-popup .screen h4 {
	color: var(--earth);
	text-align: center;
}

.multi-step-popup .screen article > * {
	position: relative;
	z-index: 1;
}

.multi-step-popup .screen .description {
	text-align: center;
}

.multi-step-popup .screen .form,
.multi-step-popup .screen .form label {
	text-align: left;
}

.multi-step-popup .screen .button-container {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
}

.multi-step-popup .screen .btn.subtle {
	background: none;
	border: 0;
	color: var(--earth);
	flex-basis: 100%;
	padding: 0;
	text-decoration: underline;
	width: 100%;
}

.multi-step-popup .screen .btn.subtle:before {
	display: none;
}

.multi-step-popup .screen .btn.subtle:hover {
	color: var(--green-primary);
}

.multi-step-popup .screen .button-container .btn {
	margin: 0;
}

.multi-step-popup .screen .btn.outline {
	border-color: var(--green-primary);
	color: var(--green-primary);
}

.multi-step-popup .screen .btn.outline:before {
	background: linear-gradient(270deg, var(--green-primary) 1%, #128057 99%);
}

.multi-step-popup .screen .btn.outline:hover {
	color: var(--white);
}

/* Account cards */

.multi-step-popup .cards {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.multi-step-popup .card {
	align-items: center;
	background: var(--white);
	border-radius: 16px;
	display: flex;
	gap: 40px;
	justify-content: space-between;
	padding: 24px 40px;
	width: 100%;
}

.multi-step-popup .card .logo-container {
	height: auto;
	width: 84px;
}

.multi-step-popup .card .logo-container img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.multi-step-popup .card .details {
	text-align: left;
	width: 286px;
}

.multi-step-popup .card .details > :last-child {
	margin-bottom: 0;
}

.multi-step-popup .card .details p,
.multi-step-popup .card .details ul,
.multi-step-popup .card .details ol {
	font-size: calc(14rem / 16);
	line-height: calc(22 / 14);
}

.multi-step-popup .card .details p {
	margin-bottom: var(--text-spacing-xsmall);
}

.multi-step-popup .card .details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.multi-step-popup .card .details ul > li {
	padding: 0 0 0 12px;
	position: relative;
}

.multi-step-popup .card .details ul > li:before {
	aspect-ratio: 1;
	background: var(--earth);
	border-radius: 100%;
	content: '';
	height: auto;
	left: 4px;
	position: absolute;
	top: 11px;
	width: 3px;
}

.multi-step-popup .card .btn.outline {
	color: var(--earth);
}

/* Event */

.page-hero.event {
	align-items: center;
	display: flex;
	min-height: unset;
	padding: 64px 50px;
	position: relative;
}

.page-hero.event .image-container {
	display: flex;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.page-hero.event .image-container img {
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	object-position: center;
}

.page-hero.event .card {
	background-color: var(--off-white);
	border-radius: var(--radius-x-large);
	padding: 64px 72px;
}

.page-hero.event .card:has(.eyebrow-icon) {
	padding: 48px 72px 64px;
}

.page-hero.event.left .card {
	margin-left: 0;
	max-width: 900px;
}

.page-hero.event.center .card {
	margin-inline: auto;
	max-width: 1000px;
	text-align: center;
}

.page-hero.event .pill {
	margin-bottom: 16px;
}

.page-hero.event.center .pill,
.page-hero.event.center .card .btn {
	margin-inline: auto;
}

.page-hero.event .heading-2,
.page-hero.event .details {
	margin-bottom: 24px;
}

.page-hero .icon-text {
	color: var(--earth);
	font: 500 calc(14rem / 16)/calc(22 / 14) var(--heading-font);
	letter-spacing: 1.6px;
	margin: 0 0 var(--text-spacing-xsmall);
	text-transform: uppercase;
}

.page-hero.navy-bkg .icon-text {
	color: var(--white);
}

.page-hero .eyebrow-icon {
	display: flex;
	height: 60px;
	margin: 0 0 var(--text-spacing-small);
	max-height: max-content;
}

.page-hero .eyebrow-icon img {
	height: 100%;
	object-fit: contain;
	object-position: left;
	width: 100%;
}

.page-hero.event .details {
	border-left: 2px solid var(--twilight);
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-left: 16px;
}

.page-hero.event.center .details {
	background-color: var(--winter-green);
	border: unset;
	border-radius: var(--radius-small);
	margin-inline: auto;
	max-width: 580px;
	padding: 16px;
}

.page-hero.event .details .date-time,
.page-hero.event .details .location {
	padding-left: 21px;
}

.page-hero.event .details .icon {
	color: var(--earth);
	margin-inline: -21px 8px;
}

.page-hero.event .details svg {
	fill: currentColor;
	opacity: .5;
	width: 13px;
}

.page-hero.event .location svg {
	padding-inline: 1px;
}

.page-hero.event .large-text {
	text-align: left;
}

.page-hero.event.center .large-text {
	margin-inline: auto;
	max-width: 720px;
}

.page-hero.event .large-text * {
	margin-bottom: 24px;
}

.page-hero.event .large-text *:last-child {
	margin-bottom: 0;
}

/* Ratings Hero */

.page-hero.ratings .ratings-wrapper {
	display: flex;
	gap: var(--text-spacing-large);
	margin: 0 0 var(--text-spacing-small);
}

.page-hero.ratings .eyebrow-icon + .ratings-wrapper {
	margin: var(--text-spacing-large) 0 0;
	order: 9;
}

.page-hero.ratings .ratings-wrapper .image-container img {
	height: 100%;
	object-fit: contain;
}

.page-hero.ratings .bbb-rating {
	display: flex;
	gap: 8px;
}

.page-hero.ratings .bbb-rating .image-container {
	height: 55px;
	width: auto;
}

.page-hero.ratings .bbb-rating .rating-container {
	display: flex;
	flex-direction: column;
}

.page-hero.ratings .bbb-rating .rating {
	font-family: var(--heading-font);
	font-size: calc(40rem / 16);
	font-weight: 700;
	line-height: 1;
}

.page-hero.ratings .bbb-rating .subscript {
	font-size: calc(11rem / 16);
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.page-hero.ratings .nerdwallet-rating {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.page-hero.ratings .nerdwallet-rating .image-container {
	height: 24px;
	width: auto;
}

.page-hero.ratings .nerdwallet-rating .image-container img {
	left: -5px;
	position: relative;
}

.page-hero.ratings .star-rating {
	align-items: center;
	display: flex;
	gap: 10px;
}

.page-hero.ratings .star-rating > span {
	display: block;
	font-family: var(--heading-font);
	font-size: calc(28rem / 16);
	font-weight: 700;
	line-height: 1;
	margin-bottom: -1px;
}

.page-hero.ratings .stars {
	display: flex;
	gap: 2px;
	margin: 0;
}

.page-hero.ratings .stars svg {
	height: auto;
	width: 25px;
}

.page-hero.ratings .stars path {
	fill: var(--green-dark);
}

.page-hero.ratings.navy-bkg .stars path {
	fill: var(--green-primary);
}

.hero-text-image.ratings h1 {
	font-size: calc(56px + (84 - 64) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
}

/*** MODULES ***/

/*** Awards ***/

.builder-module.awards {
	margin-block: var(--module-spacing);
	text-align: center;
}

.builder-module.awards .container {
	--container-outer-margin: calc((100vw - var(--container-width)) / 2);
	--container-inner-inline-padding: 96px;
	border-radius: 40px;
	margin: 40px var(--container-outer-margin);
	padding: 56px var(--container-inner-inline-padding);
}

.builder-module.awards.white .container {
	--separator-color: #DFEAE8;
	background-color: var(--white);
	color: var(--earth);
}

.builder-module.awards.navy .container {
	--separator-color: #DFEAE84C;
	background-color: var(--midnight);
	color: var(--white);
}

.builder-module.awards h2 {
	margin-bottom: var(--module-spacing-small);
}

.builder-module.awards .awards-list {
	--gap: 72px;
	display: flex;
	gap: var(--gap);
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.builder-module.awards .awards-list .list-item {
	width: 240px;
}

.builder-module.awards.separator-lines .awards-list > .list-item:not(:first-of-type) {
	position: relative;
}

.builder-module.awards.separator-lines.wrap .awards-list > .list-item::before {
	background: var(--separator-color);
	height: 100%;
	left: calc(-1 * var(--gap)/2);
	position: absolute;
	width: 1px;
}

.builder-module.awards.separator-lines.wrap .awards-list > .list-item:not(:nth-child(4n+1))::before,
.builder-module.awards.separator-lines.autoscroll .awards-list > .list-item:not(:first-child)::before,
.builder-module.awards.separator-lines.autoscroll .awards-list.autoscroll-clone > .list-item::before {
	content: '';
}

.builder-module.awards .awards-list > .list-item img {
	height: auto;
	max-height: 40px;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.builder-module.awards.white .awards-list > .list-item .image-container:not(.no-image-filters) img,
.builder-module.awards.navy .awards-list > .list-item .image-container:not(.no-image-filters) img {
	opacity: 0.6;
}

.builder-module.awards.white .awards-list > .list-item .image-container:not(.no-image-filters) img {
	filter: invert(21%) sepia(49%) saturate(1564%) hue-rotate(139deg) brightness(95%) contrast(92%);
}

.builder-module.awards.navy .awards-list > .list-item .image-container:not(.no-image-filters) img {
	filter: invert(63%) sepia(9%) saturate(1972%) hue-rotate(194deg) brightness(105%) contrast(103%);
}

.builder-module.awards .awards-list > .list-item .image-container {
	margin-bottom: var(--text-spacing-small);
}

.builder-module.awards .awards-list > .list-item h3 {
	font-family: var(--body-font);
	font-size: calc(14rem/16);
	margin-bottom: var(--text-spacing-xxsmall);
}

.builder-module.awards.white .awards-list > .list-item h3 {
	color: var(--midnight);
}

.builder-module.awards .awards-list > .list-item p {
	font-size: calc(12rem/16);
	line-height: calc(20/12);
}

/* Overflow Style: autoscroll */

.builder-module.awards.autoscroll .autoscroll-wrapper.scrolling .awards-list {
	animation-duration: 60s;
}

.builder-module.awards.autoscroll .autoscroll-wrapper:not(.scrolling) .awards-list {
	min-width: 100%;
	overflow: scroll;
	width: 100%;
}

.builder-module.awards.autoscroll .autoscroll-wrapper:not(.scrolling) .awards-list.autoscroll-clone {
	display: none;
}

.builder-module.awards.autoscroll .autoscroll-wrapper:not(.scrolling) .awards-list .list-item:first-child {
	margin-left: var(--container-inner-inline-padding);
}

.builder-module.awards.autoscroll .autoscroll-wrapper:not(.scrolling) .awards-list .list-item:last-child {
	margin-right: var(--container-inner-inline-padding);
}

.builder-module.awards.autoscroll .awards-list {
	animation: autoscroll linear infinite;
	justify-content: start;
	margin-inline: auto;
	width: fit-content;
}

.builder-module.awards.autoscroll .awards-list.autoscroll-clone {
	animation-name: autoscroll-clone;
}

.builder-module.awards.autoscroll .autoscroller .autoscroll-wrapper {
	display: flex;
	flex-wrap: nowrap;
	gap: 120px;
	margin-inline: calc(-1 * var(--container-inner-inline-padding));
	overflow: hidden;
	position: relative;
	width: calc(100% + 2 * var(--container-inner-inline-padding));
}

/* Overflow Style: wrap */

.builder-module.awards.wrap .awards-list {
	flex-wrap: wrap;
}

/* Media queries for removing separator lines when items wrap */
	@media screen and (max-width: 1519px) {
		.builder-module.awards.separator-lines.wrap .awards-list > .list-item:not(:nth-child(4n+1))::before {
			content: unset;
		}

		.builder-module.awards.separator-lines.wrap .awards-list > .list-item:not(:nth-child(3n+1))::before {
			content: '';
		}
	}

	@media screen and (max-width: 1107px) {
		.builder-module.awards.separator-lines.wrap .awards-list > .list-item:not(:nth-child(3n+1))::before {
			content: unset;
		}

		.builder-module.awards.separator-lines.wrap .awards-list > .list-item:not(:nth-child(2n+1))::before {
			content: '';
		}
	}

	@media screen and (max-width: 751px) {
		.builder-module.awards.separator-lines.wrap .awards-list > .list-item:not(:nth-child(2n+1))::before {
			content: unset;
		}
	}

/*** Form ***/

.builder-module.form .container {
	display: grid;
	gap: 120px;
	grid-template-columns: 1fr 1fr;
}

.builder-module.form .content-styles > p {
	margin-bottom: 24px;
}

.builder-module.form .content-styles li {
	margin-bottom: 16px;
}

.builder-module.form .content-styles ul {
	list-style: none;
	padding: 0 0 0 var(--text-spacing-xxsmall);
}

.builder-module.form .content-styles ul li {
	padding: 0 0 0 var(--text-spacing-large);
	position: relative;
}

.builder-module.form .content-styles ul li::before {
	aspect-ratio: unset;
	background-color: unset;
	background-image: url('svgs/logomark-green.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: unset;
	content: '';
	display: inline-block;
	height: 20px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 24px;
}

.builder-module.form .content-styles ol {
	padding-left: 34px;
}

.builder-module.form .content-styles ol li {
	padding-left: 16px;
}

.builder-module.form .content-styles ol li::marker {
	color: var(--green-primary);
}

.builder-module.form .form-container,
.case-study-single-hero .form,
.case-study-content .form {
	background-color: var(--white);
	border-radius: var(--radius-large);
	height: max-content;
	margin-right: -72px;
	overflow: hidden;
	padding: var(--module-spacing-small) var(--text-spacing-xlarge);
	position: relative;
}

.builder-module.form .form-container::before,
.case-study-single-hero .form:before,
.case-study-content .form:before {
	background-image: url('svgs/watermark-green.svg');
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -90px;
	content: '';
	height: 385px;
	opacity: .5;
	position: absolute;
	right: 0;
	width: 623px;
}

.builder-module.form .form-container .heading-4,
.case-study-single-hero .heading-4 {
	margin-bottom: 16px;
}

.builder-module.form .form-container .small-text,
.case-study-single-hero p {
	line-height: calc(28/16);
	margin-bottom: 32px;
}

.builder-module.form .form-container:has(.gform_confirmation_wrapper) > *:not(.gform_confirmation_wrapper) {
	display: none;
}

/* Text Wrap */

.builder-module.form.text-wrap .container {
	display: block;
	gap: unset;
	grid-template-columns: unset;
}

.builder-module.form.text-wrap .form-container {
	margin-right: unset;
	position: absolute;
	right: -20px;
	top: 0;
	width: calc(610 / 1296 * 100%);
}

.builder-module.form.text-wrap .content-styles > :first-child {
	padding-right: calc(540 / 1196 * 100% + 120px);
}

.builder-module.form.text-wrap .content-styles .text-wrapper {
	display: inline-block;
}

/*** Comparison Table ***/

.comparison-table .container {
	max-width: unset;
	padding-top: var(--module-spacing-medium);
}

.comparison-table .centered {
	max-width: 784px;
	text-align: center;
}

.comparison-table .centered h2 span {
	margin: 0 auto 30px;
}

.comparison-table .centered p {
	margin: 0 0 32px;
}

.comparison-table .centered .btn {
	margin-inline: auto;
}

.comparison-table article {
	margin: 0 auto 64px;
}

.comparison-table .two-column {
	display: grid;
	gap: 0 40px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 80px;
}

.comparison-table .two-column h2 {
	grid-column: 1;
	grid-row: span 2;
}

.comparison-table .two-column p {
	font-size: calc(18rem/16);
	grid-column: 2;
	line-height: calc(32/18);
	margin-bottom: 40px;
	margin-top: 52px;
}

.comparison-table .two-column .btn {
	grid-column: 2;
}

.comparison-table .table-container {
	margin-inline: auto;
	max-width: 100%;
	overflow: auto;
	width: fit-content;
}

.comparison-table table {
	min-width: 100%;
	text-align: center;
}

/* One column table */
tbody tr:has(td:first-of-type:last-of-type) {
	grid-auto-columns: unset;
	grid-auto-flow: unset;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}

tbody tr:has(td:first-of-type:last-of-type) th {
	min-width: 20ch;
}

tbody tr td:first-of-type:last-of-type span {
	justify-content: end;
	padding-right: 10%;
}

tbody tr td:first-of-type:last-of-type span.tooltip {
	padding-right: calc(10% - 10px);
}

.comparison-table .table-container:has(tbody td:first-of-type:last-of-type) {
	margin-right: auto;
	max-width: 1200px;
	width: 100%;
}

.comparison-table td {
	padding: unset;
}

.comparison-table tr {
	display: grid;
	grid-auto-columns: 22vw;
	grid-auto-flow: column;
	grid-template-columns: 222px;
}

.comparison-table.cols-4 tr {
	grid-auto-columns: 16vw;
}

.comparison-table tbody tr:last-of-type td:first-of-type,
.comparison-table tbody th {
	height: 100%;
	text-align: left;
	width: 100%;
}

.comparison-table thead td,
.comparison-table tbody td:first-child,
.comparison-table tbody tr th {
	align-items: center;
	background-color: var(--off-white);
	display: flex;
	font-family: var(--heading-font);
	font-size: calc(16rem/16);
	font-weight: 700;
	height: 100%;
	left: 0;
	padding: 0 22px 16px 0;
	position: sticky;
	width: 100%;
	z-index: 3;
}

.comparison-table tbody {
	position: relative;
}

.comparison-table table:not(.has-sections) tbody th span {
	flex: 0 0 fit-content;
}

.comparison-table tbody .highlight {
	align-items: center;
	background-color: var(--winter-green);
	display: flex;
	font-size: calc(14rem/16);
	font-weight: 500;
	height: calc(100% - 16px);
	justify-content: center;
	line-height: calc(22/14);
	margin-bottom: 16px;
	padding: 16px;
	width: 100%;
}

.comparison-table table:not(.has-sections) tbody td:first-of-type .highlight {
	border-radius: 10px 0 0 10px;
}

.comparison-table tbody td:last-of-type .highlight {
	border-radius: 0 10px 10px 0;
}

.comparison-table tbody .highlight svg {
	height: calc(18rem / 16);
}

.comparison-table tbody .highlight.checkmark {
	color: var(--green-primary);
}

.comparison-table tbody .highlight.x-mark {
	color: var(--sunshine);
}

.comparison-table tbody .highlight.tooltip {
	margin-left: unset;
	position: relative;
}

.comparison-table tbody .highlight.tooltip .tooltip-icon {
	background: url('svgs/icon-tooltip.svg') no-repeat;
	background-position: center;
	background-size: 20px;
	border: unset;
	display: block;
	height: 40px;
	padding: 0;
	pointer-events: none;
	position: relative;
	width: 40px;
}

.comparison-table tbody .highlight.tooltip .tooltip-content {
	border-radius: 8px;
	box-shadow: 0 8px 26px rgb(0 0 0 / 16%);
	left: 50%;
	max-width: calc(100vw - (2 * var(--container-outer-padding)));
	opacity: 0;
	padding: 16px;
	pointer-events: none;
	position: absolute;
	top: calc(50% + 28px);
	transform: translate3d(-50%, -10px, 0);
	transition: all 0.25s ease;
	visibility: hidden;
	width: 300px;
	z-index: 4;
}

.comparison-table tbody .highlight.tooltip .tooltip-content:before,
.comparison-table tbody .highlight.tooltip .tooltip-icon:before {
	background: #E6EAFF;
	border-radius: 8px;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.comparison-table tbody .highlight.tooltip .tooltip-icon:before {
	aspect-ratio: 1;
	border-radius: 4px;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
	height: auto;
	left: 50%;
	opacity: 0;
	top: calc(100% + 4px);
	transform: translate3d(-50%, -10px, 0) rotate(135deg);
	transition: all 0.25s ease;
	width: 32px;
	z-index: 5;
}

.comparison-table tbody td:has(.tooltip):hover .tooltip-content,
.comparison-table tbody td:has(.tooltip):hover .highlight.tooltip .tooltip-icon:before {
	opacity: 1;
	pointer-events: all;
	transform: translate3d(-50%, 0, 0);
	visibility: visible;
}

.comparison-table tbody td:has(.tooltip):hover .highlight.tooltip .tooltip-icon:before {
	transform: translate3d(-50%, 0, 0) rotate(135deg);
}

.comparison-table tbody td:last-child .highlight.tooltip .tooltip-content {
	left: unset;
	transform: translate3d(0,-10px,0);
}

.comparison-table tbody td:last-child:not(:first-of-type) .highlight.tooltip .tooltip-content {
	right: 32px;
	transform: translate3d(0, -10px, 0);
}

.comparison-table tbody td:last-child:hover .highlight.tooltip .tooltip-content {
	transform: translate3d(0, 0, 0);
}

.comparison-table table .pill {
	border-radius: 9999px;
	color: var(--white);
	margin-inline: auto;
}

.comparison-table tr th {
	margin: auto 0;
	padding: 0 0 16px;
}

.comparison-table .highlight.numeric {
	font-family: var(--heading-font);
	font-size: calc(32rem/16);
	font-weight: 600;
	line-height: calc(46/32);
	padding: 21px;
}

.comparison-table .highlight.numeric span {
	font-size: calc(16rem/16);
	font-weight: 700;
	margin-left: 8px;
}

.comparison-table table .btn {
	margin: 8px auto 0;
	padding: 15px 32px 13px;
}

/* Table with Sections */
.comparison-table table.has-sections thead tr > * {
	padding-bottom: 28px;
}

.comparison-table table.has-sections tr:has(th[scope="rowgroup"]) {
	display: block;
	left: 0;
	margin: unset;
	max-width: calc(100vw - 2*var(--container-outer-padding));
	position: sticky;
}

.comparison-table table.has-sections tr:has(th[scope="rowgroup"]) th {
	align-items: center;
	display: flex;
	font-size: calc(12rem/16);
	font-weight: 800;
	height: 100%;
	letter-spacing: 1.4px;
	padding: unset;
	text-transform: uppercase;
	z-index: 3;
}

.comparison-table table.has-sections tr:has(th[scope="rowgroup"]) span {
	align-items: center;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
	padding: 16px;
	width: 100%;
}

.comparison-table table.has-sections th[scope="row"] span,
.comparison-table table.has-sections tbody .highlight {
	background-color: var(--white);
}

.comparison-table table.has-sections th[scope="row"] {
	padding: unset;
}

.comparison-table table.has-sections th[scope="row"] span {
	align-items: center;
	border-radius: 10px 0 0 10px;
	display: flex;
	height: calc(100% - 16px);
	line-height: calc(22/14);
	margin-bottom: 16px;
	padding: 16px;
	width: 100%;
}

.comparison-table table.has-sections th[scope="rowgroup"] span {
	background-color: var(--winter-green);
}

/***M1 - Competitor Table***/

.competitor-table {
	margin-top: 49px;
	--module-spacing: 215px;
	padding-bottom: 66px;
	position: relative;
}

.competitor-table .column {
	width: calc(313/1200*100%);
}

.competitor-table h3.btn-like {
	background: var(--green-dark);
	border-radius: 15px;
	color: var(--white);
	margin: -15px auto 50px;
	padding: 5px 20px;
	text-align: center;
	width: max-content;
}

.competitor-table ul {
	display: flex;
	flex-direction: column;
	font-weight: bold;
	gap: 34px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.competitor-table li {
	padding-left: 32px;
	position: relative;
}

.competitor-table svg {
	font-size: 1rem;
	left: 0;
	position: absolute;
	top: 4px;
}

.competitor-table .fa-check {
	color: var(--green-primary);
}

.competitor-table .fa-xmark {
	opacity: .3;
}

/*GH Column*/

.competitor-table .column:nth-of-type(2) {
	background: var(--white);
	border-radius: var(--radius-small);
	box-shadow: 0 20px 40px 0 var(--shadow);
	height: calc(100% + 49px + 54px + 66px);
	left: 50%;
	padding: 32px 30px 60px;
	position: absolute;
	top: -49px;
	transform: translate3d(-50%, 0, 0);
	width: calc(452/1200*100%);
}

.competitor-table .column:nth-of-type(2) h3 {
	margin: 0 auto 48px;
	width: calc(172/452*100%);
}

.competitor-table .column:nth-of-type(2) ul {
	gap: 21px;
}

.competitor-table .column:nth-of-type(2) li {
	padding-left: 46px;
}

.competitor-table .column:nth-of-type(2) li:not(:last-of-type) {
	border-bottom: var(--border);
	padding-bottom: 19px;
}

.competitor-table .column:nth-of-type(2) li.check:before {
	border: 1px solid var(--sunshine);
	border-radius: 100%;
	content: '';
	height: 30px;
	left: 0;
	position: absolute;
	top: -6px;
	width: 30px;
}

.competitor-table .column:nth-of-type(2) .fa-check {
	color: var(--sunshine);
	left: 8px;
	top: 3px;
}

.competitor-table .column:nth-of-type(2) .fa-xmark {
	left: 11px;
	top: 3px;
}

/*Two Column Layout*/

.competitor-table.two-column.green-bkg:before {
	display: none;
}

.competitor-table.two-column > .flex-container {
	justify-content: center;
}

.competitor-table.two-column .column {
	width: calc(400 / 1200 * 100%);
}

.competitor-table.two-column .column:nth-of-type(1) ul {
	padding-right: 42px;
	position: relative;
}

.competitor-table.two-column .column:nth-of-type(1) ul:before {
	background: var(--winter-green);
	border-radius: 24px 0 0 24px;
	content: '';
	height: calc(100% + 65px + 66px);
	left: -42px;
	position: absolute;
	top: -65px;
	width: calc(100% + 42px);
	z-index: -1;
}

.competitor-table.two-column .column:nth-of-type(2) {
	left: unset;
	padding: 32px 42px 60px;
	position: relative;
	transform: unset;
	width: calc(475 / 1200 * 100%);
}

/***M2 - Logo Garden***/

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

.logo-garden ul {
	align-items: center;
	gap: 60px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.logo-garden img {
	max-height: 26px;
	max-width: 160px;
	object-fit: contain;
	width: auto;
}

/*Style 1 - Centered*/

.logo-garden.centered {
	text-align: center;
}

.logo-garden.centered h2 {
	margin-bottom: 48px;
}

.logo-garden.centered h2 .eyebrow {
	margin-left: auto;
	margin-right: auto;
}

/*Style 1 - Centered - Auto-scrolling carousel*/

.logo-garden.autoscroll .container {
	max-width: unset;
	padding: 0;
	width: 100vw;
}

.logo-garden .autoscroller {
	display: flex;
	gap: 60px;
	justify-content: center;
}

.logo-garden .logos-list {
	display: flex;
	gap: 60px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.logo-garden.wrap .logos-list {
	flex-wrap: wrap;
}

.logo-garden.autoscroll .autoscroll-wrapper:not(.scrolling) .logos-list {
	min-width: 100%;
	overflow: scroll;
	width: 100%;
}

.logo-garden.autoscroll .autoscroll-wrapper:not(.scrolling) .logos-list .list-item:first-child {
	margin-left: var(--container-inner-inline-padding);
}

.logo-garden.autoscroll .autoscroll-wrapper:not(.scrolling) .logos-list .list-item:last-child {
	margin-right: var(--container-inner-inline-padding);
}

.logo-garden.autoscroll .logos-list {
	animation: autoscroll linear infinite;
	justify-content: start;
	margin-inline: auto;
	width: fit-content;
}

.logo-garden.autoscroll .logos-list.autoscroll-clone {
	animation-name: autoscroll-clone;
}

/*Style 2 - Left Logos w/ Content*/

.logo-garden.content-grid article {
	grid-column: span 6;
}

.logo-garden.content-grid ul {
	grid-column: 8 / span 5;
	margin: auto 0;
}

.logo-garden.content-grid p {
	margin: 0;
}

/***M3 - Value Props Grid***/

.value-props-grid ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.value-props-grid h3 {
	color: var(--midnight);
}

.value-props-grid p {
	margin: 0;
}

.value-props-grid p + .btn {
	margin-top: 40px;
}

.value-props-grid li img {
	height: 52px;
	object-fit: contain;
	object-position: bottom;
	width: auto;
}

.value-props-grid li .btn {
	display: inline-block;
	margin-top: 14px;
}

.value-props-grid .image-container {
	transform-origin: left center;
}

/*Style 1 - Left Grid*/

.value-props-grid.left-grid article {
	align-self: center;
	grid-column: span 6;
	order: 2;
}

.value-props-grid.left-grid ul {
	gap: 30px 40px;
	grid-column: span 6;
	margin-left: -30px;
	padding-right: calc(46/578*100%);
}

.value-props-grid.left-grid li,
.value-props-grid.five-col-centered li {
	padding: 44px 24px;
	text-align: center;
}

.value-props-grid.left-grid li {
	width: calc(50% - 20px);
}

.value-props-grid.left-grid li:nth-of-type(even) {
	transform: translateY(120px);
}

.value-props-grid.left-grid h3,
.value-props-grid.five-col-centered h3 {
	margin: 18px 0 8px;
}

.value-props-grid ul + .btn {
	grid-column: 1/-1;
	margin: var(--text-spacing-xxlarge) auto 0;
}

/*Style 2 - Five Column Centered*/

.value-props-grid.five-col-centered article,
.value-props-grid.three-col-centered.alt article {
	grid-column: 2 / span 10;
	margin: 0 auto 20px;
	padding: 0 calc(63/990 * 100%);
	text-align: center;
}

.value-props-grid.five-col-centered h2 {
	margin: 0;
}

.value-props-grid.five-col-centered .eyebrow,
.value-props-grid.three-col-centered.alt .eyebrow {
	margin-left: auto;
	margin-right: auto;
}

.value-props-grid.five-col-centered ul.grid {
	gap: 24px;
	grid-column: 1 / -1;
	grid-template-columns: repeat(5,1fr);
	margin: 0 calc(var(--edge-offset) * -1);
	width: calc(100% + (var(--edge-offset) * 2));
}

/*Style 3 - Three Column Centered*/

.value-props-grid.three-col-centered article {
	margin-bottom: 80px;
}

.value-props-grid.three-col-centered article h2 {
	grid-column: span 6;
	margin: 0;
}

.value-props-grid.three-col-centered article > div {
	grid-column: span 6;
}

.value-props-grid.three-col-centered article.has-eyebrow > div {
	margin-top: 52px;
}

.value-props-grid.three-col-centered ul {
	position: relative;
	z-index: 2;
}

.value-props-grid.three-col-centered ul.dark {
	padding-bottom: 80px;
}

.value-props-grid.three-col-centered ul.dark:before {
	background: var(--midnight);
	border-radius: 48px;
	content: '';
	/* height: calc(100% + 40px); */
	height: calc(100% - 40px);
	left: -72px;
	position: absolute;
	top: 40px;
	width: calc(100% + (72px * 2));
	z-index: -1;
}

.value-props-grid.three-col-centered li {
	grid-column: span 4;
}

.value-props-grid.three-col-centered h3 {
	margin: 22px 0 4px;
}

.value-props-grid li a {
	color: var(--green-primary);
}

.value-props-grid.three-col-centered ul.dark + .btn {
	margin: -28px auto 0;
}

/***M4 - Landing Promo***/

.landing-page-promo {
	overflow: hidden;
}

.landing-page-promo .container {
	padding-top: 61px;
}

.landing-page-promo .carousel {
	overflow: visible;
}

.landing-page-promo img {
	align-self: center;
	grid-column: span 6;
	position: relative;
	z-index: 3;
}

.landing-page-promo article {
	align-self: start;
	grid-column: span 6;
	padding: 90px 0;
	position: relative;
	z-index: 2;
}

.landing-page-promo article:before {
	background: var(--white);
	border-radius: var(--radius-large);
	content: '';
	height: 100%;
	position: absolute;
	right: calc(var(--edge-offset) * -1);
	top: 0;
	width: calc(100% + var(--edge-offset) + (206/578 * 100%));
	z-index: -1;
}

.landing-page-promo.popup-active article {
	z-index: unset;
}

.landing-page-promo .flyout-popup article {
	grid-column: unset;
	padding: 0;
}

.landing-page-promo .flyout-popup article:before {
	display: none;
}

/*Style 2 - Carousel*/

.landing-page-promo .carousel:not(.count-1) article {
	margin-top: -45px;
	padding-top: 180px;
}

.landing-page-promo .slick-dots {
	display: flex !important;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
	padding: 0 40px 0 0;
	position: absolute;
	right: 0;
	top: 85px;
	width: calc(584/1200 * 100%);
	z-index: 9999;
}

.landing-page-promo .carousel.count-1 .slick-dots {
	display: none !important;
}

/***M5 - Loan Types***/

.loan-types article {
	grid-column: 3 / span 8;
	margin: 0 auto 20px;
	text-align: center;
}

.loan-types article p {
	margin: 0;
}

.loan-types ul {
	grid-column: 1 / -1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.loan-types ul.grid > li {
	background: var(--winter-green);
	border-radius: var(--radius-large);
	grid-column: span 6;
	padding: 64px 60px 82px;
}

.loan-types h3 {
	margin-bottom: 30px;
	padding-left: 49px;
	position: relative;
}

.loan-types h3:before {
	background: url('svgs/logomark-green.svg') no-repeat;
	background-size: contain;
	content: '';
	height: 26px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 41px;
}

.loan-types h4 {
	background: var(--green-dark);
	border-radius: 15px;
	color: var(--white);
	margin-bottom: 16px;
	padding: 6px 20px 4px;
	width: max-content;
}

.loan-types p + h4 {
	margin-top: 30px;
}

.loan-types ul.grid ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.loan-types ul.grid ul li {
	font-weight: bold;
	padding-left: 19px;
	position: relative;
}

.loan-types ul.grid ul li:before {
	color: var(--sunshine);
	content: '•';
	font-size: 18px;
	font-weight: 800;
	left: 0;
	position: absolute;
	top: -3px;
}

/***M6 - Value Prop Carousel***/

.value-props-carousel {
	color: var(--white);
	padding: 100px 0 140px;
	position: relative;
}

.value-props-carousel:before {
	max-width: 100vw;
	width: calc(100% - var(--container-outer-margin) - var(--container-outer-padding));
}

.value-props-carousel h2 {
	grid-column: span 6;
	margin-bottom: 30px;
	margin-right: var(--container-outer-padding);
}

.value-props-carousel h2 .eyebrow {
	color: var(--lavender);
}

.value-props-carousel ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.value-props-carousel .content-btns {
	display: flex;
	flex-direction: column;
	gap: 32px;
	grid-column: span 4;
	grid-row: 2;
}

.value-props-carousel .content-btns li {
	padding-left: 44px;
	position: relative;
}

.value-props-carousel .content-btns li svg {
	left: 0;
	position: absolute;
	top: 0;
}

.value-props-carousel .content-btns .active svg path {
	fill: var(--lavender);
}

.value-props-carousel .content-btns button {
	background: none;
	border: none;
	color: var(--white);
	font-family: inherit;
	opacity: .5;
	padding: 0;
}

.value-props-carousel .content-btns .active button,
.value-props-carousel .content-btns button:hover {
	opacity: 1;
}

.value-props-carousel .content-btns p {
	display: none;
	margin: 4px 0 0;
}

.value-props-carousel .content-btns .active p {
	display: block;
}

.value-props-carousel .tab-content {
	bottom: -20px;
	position: absolute;
	right: 7px;
	width: calc(591/1200 * 100%);
}

.value-props-carousel img.tab-content {
	max-height: calc(100% + var(--module-spacing-small));
	object-fit: contain;
	object-position: center bottom;
}

.value-props-carousel .tab-content.code-block {
	border-radius: var(--radius-small);
	bottom: 0;
	overflow: hidden;
}

.value-props-carousel .enlighter-default {
	overflow: scroll;
}

.enlighter-default .enlighter-raw {
	color: var(--white);
}

.value-props-carousel .enlighter-t-wpcustom {
	margin: 0;
}

.value-props-carousel .enlighter-t-wpcustom.enlighter-linenumbers div.enlighter > div::before {
	background: rgba(51,73,183,.2);
	padding-left: 12px;
	padding-right: 12px;
}

.value-props-carousel .enlighter-t-wpcustom.enlighter-linenumbers div.enlighter > div:first-of-type:before {
	padding-top: 16px;
}

.value-props-carousel .enlighter-t-wpcustom.enlighter-linenumbers div.enlighter > div:last-of-type:before {
	padding-bottom: 14px;
}

/*Alt Nav*/

.value-props-carousel .alt-nav,
.value-props-block .slick-dots,
.service-carousel .slick-dots,
.featured-news .slick-dots {
	display: flex;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 999;
}

.value-props-carousel .alt-nav,
.value-props-block .slick-dots {
	bottom: -80px;
	right: 11%;
}

.value-props-carousel .alt-nav button,
.value-props-block .slick-dots button,
.service-carousel .slick-dots button,
.featured-news .slick-dots button,
.atm-cards .slick-dots button {
	background: #27366A;
	border: none;
	border-radius: 1px;
	height: 2px;
	padding: 0;
	text-indent: -9999px;
	width: 40px;
}

.value-props-carousel .alt-nav .active button,
.value-props-carousel .alt-nav button:hover,
.value-props-block .slick-active button,
.value-props-block .slick-dots button:hover,
.service-carousel .slick-active button,
.service-carousel .slick-dots button:hover,
.featured-news .slick-active button,
.featured-news .slick-dots button:hover {
	background: var(--lavender);
}

/*Mobile inline images - hidden on desktop*/

.value-props-carousel .mobile-inline-image {
	display: none;
}

.value-props-carousel .mobile-carousel-container {
	display: none;
}

/***M7 - Value Props Subheadlines***/

.value-props-subheadlines:not(.add-margins) > .container > img {
    grid-column: 1 / span 6;
	left: var(--viewport-edge);
	max-height: 100%;
	max-width: unset;
	object-fit: contain;
	object-position: left center;
	position: relative;
	top: 0;
	width: calc(100% - var(--viewport-edge));
}

.value-props-subheadlines:not(.add-margins):not(:has(.cta)) > .container > article {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.value-props-subheadlines:not(.add-margins):not(:has(.cta)) > .container > article h2 {
	margin-top: 0;
}

.value-props-subheadlines.add-margins img {
	grid-column: span 6;
	width: 100%;
}

.value-props-subheadlines article {
	grid-column: span 6;
}

.value-props-subheadlines:not(.add-margins) article {
	grid-column: 7 / span 6;
}

.value-props-subheadlines h2 {
	margin: 42px 0 45px;
}

.value-props-subheadlines ul {
	display: flex;
	flex-direction: column;
	gap: 37px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.value-props-subheadlines h3 {
	color: var(--sunshine);
	margin-bottom: 5px;
}

.value-props-subheadlines p {
	margin: 0;
}

.value-props-subheadlines p.large {
	margin: -35px 0 45px;
}

.value-props-subheadlines .cta {
	grid-column: 1 / -1;
	margin-top: 40px;
	position: relative;
}

.value-props-subheadlines .cta:not(:has(span.heading-3)) {
	grid-column: 7 / -1;
	margin-top: 0;
}

.value-props-subheadlines .cta .heading-3 {
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

.value-props-subheadlines .cta .btn {
	display: block;
	margin: 0 auto;
}

.value-props-subheadlines .cta .form-popup .btn,
.value-props-subheadlines .cta:not(:has(span.heading-3)) .btn {
	margin: 0;
}

.value-props-subheadlines .cta .form-popup .form .btn {
	margin: 32px 0 0;
}

/*Flip Layout - Media Right / Text Left*/

.value-props-subheadlines:not(.add-margins).image-right > .container > img {
	/*right: calc(-1 * var(--container-outer-margin));*/
	/*right: var(--viewport-edge);*/
	grid-column: 7 / -1;
	left: unset;
	object-position: right center;
}

.value-props-subheadlines.add-margins.image-right img {
	grid-column: 7 / -1;
	width: 100%;
}

.value-props-subheadlines.image-right article {
	grid-column: 1 / span 6;
	order: -1;
}

.value-props-subheadlines:not(.add-margins).image-right article {
	grid-column: 1 / span 6;
}

/***M8 - Value Prop Full Width***/

.value-props-full article {
	grid-column: 3 / span 8;
	margin-bottom: 20px;
	text-align: center;
}

.value-props-full h2 .eyebrow {
	margin-left: auto;
	margin-right: auto;
}

.value-props-full p {
	margin: 0;
}

/*Style 1 - Full Container Width*/

.value-props-full img {
	width: 100%;
}

.value-props-full > img {
	margin-top: 40px;
}

/*Style 2 - Full Viewport Width*/

.value-props-full .container img {
	border-radius: var(--radius-large);
	grid-column: 1 / -1;
}

/***M9 - Developer Block***/

.developer-block {
	padding: 80px 0 60px;
}

.green-bkg.developer-block::before {
	left: var(--container-outer-margin);
	transform: none;
	width: calc(1032/1440*100%);
}

.developer-block .grid {
	row-gap: 20px;
}

.developer-block article {
	grid-column: span 8;
	padding-left: 40px;
}

.developer-block h2 {
	margin-bottom: 0;
}

.developer-block article .content-styles,
.developer-block article .btn {
	display: block;
	margin: var(--text-spacing-small) 0 0;
}

/*Nav*/

.developer-block .tabs-nav {
	display: flex;
	flex-direction: column;
	gap: 14px;
	grid-column: span 3;
	grid-row: 2;
	list-style: none;
	margin: 60px 0 0;
	padding: 0 0 0 40px;
}

.developer-block .tabs-nav .pill {
	background: rgba(10,85,78,.1);
	position: relative;
	text-align: left;
	width: 100%;
}

.developer-block .tabs-nav .pill:has(svg) {
	padding-left: var(--edge-offset);
}

.developer-block .tabs-nav .active .pill,
.developer-block .tabs-nav .pill:hover {
	background: var(--earth);
	color: var(--white);
}

.developer-block .tabs-nav .pill svg {
	font-size: calc(11rem/16);
	left: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.developer-block .tabs-nav .active .pill svg,
.developer-block .tabs-nav .pill:hover svg {
	color: var(--green-primary);
}

/*Code Block*/

.developer-block .tabs-content {
	grid-column: 5 / span 8;
	grid-row: 2;
	width: calc(100% + var(--edge-offset));
}

.developer-block .tab-content {
	border-radius: 14px;
	display: flex;
	overflow: hidden;
}

.developer-block .enlighter-default {
	margin: 0;
	overflow: scroll;
	width: 100%;
}

.developer-block div.enlighter > div > div {
	padding-left: 20px;
	padding-right: 20px;
}

.developer-block div.enlighter > div:first-of-type > div {
	padding-top: 16px;
}

.developer-block div.enlighter > div:last-of-type > div {
	padding-bottom: 16px;
}

/*Video*/

.developer-block .tab-content .video-container {
	/* aspect-ratio: 850 / 650; */
	height: auto;
	max-height: max-content;
	position: relative;
	width: 100%;
}

.developer-block .tab-content .cover-image {
	height: auto;
	position: relative;
	width: 100%;
}

.developer-block .tab-content .cover-image.mobile {
	display: none;
}

.developer-block .tab-content .video-container.hide-cover .cover-image {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	visibility: hidden;
}

.developer-block .tab-content .cover-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.developer-block .tab-content .cover-image button {
	background: rgb(0 0 0 / 15%);
	border: unset;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.developer-block .tab-content .cover-image button:before {
	aspect-ratio: 1;
	background: var(--winter-green);
	border-radius: 100%;
	content: '';
	height: auto;
	left: 50%;
	/* opacity: 0.9; */
	position: absolute;
	top: 50%;
	transition: all 0.25s ease;
	translate: -50% -50%;
	width: 120px;
}

.developer-block .tab-content .cover-image button:hover:before {
	scale: 1.1;
}

.developer-block .tab-content .cover-image button svg {
	height: auto;
	margin-right: -8px;
	position: relative;
	width: 40px;
	z-index: 1;
}

.developer-block .tab-content video {
	height: auto;
	object-fit: contain;
	position: relative;
	width: 100%;
}

.developer-block .tab-content:has(.cover-image) video {
	position: absolute;
}

.developer-block .tab-content:has(.cover-image.mobile) video,
.developer-block .tab-content .video-container.hide-cover video {
	position: relative;
}

/***M10 - Team Members***/

/*Style 1 - Single*/

.single-team-member {
	color: var(--white);
	position: relative;
}

.single-team-member:before {
	background-image: url('svgs/watermark-lavender.svg');
	background-position: -374px center;
	background-repeat: no-repeat;
	background-size: 1010px auto;
	max-width: unset;
	width: calc(1152/1440*100%);
}

.single-team-member h2 {
	background: var(--lavender);
	border-radius: 15px;
	color:  var(--midnight);
	left: var(--container-outer-padding);
	max-width: 100%;
	padding: 5px 20px;
	position: absolute;
	top: -15px;
	width: max-content;
}

.single-team-member .team-member-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	grid-column: 1 / span 3;
	grid-row: 1;
	margin-top: 95px;
	padding-right: calc(70/269*100%);
}

.single-team-member .team-member-info a {
	color: var(--white);
	font-size: 28px;
	height: 30px;
	width: fit-content;
}

.single-team-member h3 .eyebrow {
	margin-top: 20px;
}

.single-team-member article {
	grid-column: 3 / span 5;
	grid-row: 1;
	padding: 143px 0 80px calc(70/475*100%);
}

.single-team-member article p {
	margin-bottom: 40px;
}

.single-team-member .image {
	align-items: center;
	display: flex;
	grid-column: 9 / span 4;
	grid-row: 1;
	position: relative;
	top: 20px;
	width: calc(100% + var(--edge-offset));
	z-index: 2;
}

.single-team-member .image blockquote {
	background: var(--white);
	border-radius: var(--radius-small);
	bottom: 80px;
	box-shadow: 0 30px 40px rgba(0,0,0,0.30);
	color: var(--earth);
	font-weight: 500;
	left: -112px;
	padding: 16px 53px 38px 20px;
	position: absolute;
	width: calc(307/413*100%);
}

.single-team-member .image blockquote a {
	bottom: 16px;
	color: var(--twilight);
	font-size: 1rem;
	position: absolute;
	right: 20px;
}

.single-team-member .image blockquote a:hover {
	color: var(--lavender);
}

/*Style 2 - Multiple*/

.multi-team-members {
	overflow: hidden;
}

.multi-team-members h2 {
	margin-bottom: 60px;
	text-align: center;
}

.multi-team-members h2 .eyebrow {
	margin-left: auto;
	margin-right: auto;
}

.multi-team-members ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.multi-team-members li {
	grid-column: span 3;
}

/* Five Columns */

.multi-team-members .columns-five {
	grid-template-columns: repeat(5,1fr);
}

.multi-team-members .columns-five li {
	grid-column: span 1;
}

/*Lists with less than 4 members*/

body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(3):last-child) li:nth-child(1) {
	grid-column: 2 / span 3;
}

body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(3):last-child) li:nth-child(2) {
	grid-column: 5 / span 3;
	left: calc( ((( (100% - (2 * var(--gap))) ) / 3) + var(--gap)) / 2 );
	position: relative;
}

body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(3):last-child) li:nth-child(3) {
	grid-column: 9 / span 3;
}

body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(2):last-child) li:nth-child(1) {
	grid-column: 4 / span 3;
}

body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(2):last-child) li:nth-child(2) {
	grid-column: 7 / span 3;
}

body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(1):last-child) li {
	grid-column: 5 / span 3;
	left: calc( ((( (100% - (2 * var(--gap))) ) / 3) + var(--gap)) / 2 );
	position: relative;
}

body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(3):last-child) li .btn-hover,
body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(2):last-child) li .btn-hover,
body:not(.page-template-page-team) .multi-team-members .grid:has(> :nth-child(1):last-child) li .btn-hover {
	padding: 0;
}

/*END Lists with less than 4 members*/

.multi-team-members li .btn-hover {
	background: none;
	border: none;
	display: block;
	padding: 0 calc(40/372*100%) 0 0;
	position: relative;
	text-align: center;
	z-index: 2;
}

.multi-team-members li .btn-hover:hover {
	color: var(--earth);
}

.multi-team-members li .heading-4 {
	display: block;
	margin: 30px 0 8px;
}

.multi-team-members li p {
	margin-bottom: 24px;
}

.multi-team-members .btn-hover .btn {
	display: block;
	opacity: 0;
	transform: translateY(10px);
	transition: all .25s ease;
}

.multi-team-members .btn-hover:hover .btn {
	opacity: 1;
	transform: translateY(0);
}

.multi-team-members .btn.primary {
	margin: var(--text-spacing-xlarge) auto 0;
}

/*Popup*/

.popup button,
.popup.question a {
	transition: none;
}

body.popup-active {
	overflow: hidden;
}

body.popup-active:before {
	background: black;
	content: '';
	height: 100vh;
	left: 0;
	opacity: .65;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 99999;
}

.multi-team-members .popup,
.form-popup {
	border-radius: var(--radius-large);
	display: none;
	gap: var(--gap);
	grid-template-columns: repeat(8,1fr);
	height: 530px;
	left: 50%;
	max-height: 95vh;
	max-width: 95vw;
	overflow: auto;
	padding: 60px 40px;
	position: fixed;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 864px;
	z-index: 99999;
}

.popup.question article::before {
	content: none;
}

.popup.question .flex-container::after,
.form-popup.alt .gform_footer::after,
.alt .gform_confirmation_message article::after {
	background-image: url('svgs/watermark-green.svg');
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	height: 344px;
	position: absolute;
	width: 526px;
}

.popup.question .flex-container::after {
	bottom: -97px;
	right: -103px;
}

.form-popup.alt .gform_footer::after {
	bottom: 0;
	right: 0;
	z-index: -1;
}

.alt .gform_confirmation_message article::after {
	bottom: -53px;
	right: -103px;
}

.form-popup.alt .gform_confirmation_message article::before {
	content: none;
}

.grid .box.popup.question,
.grid .box.form-popup.alt {
	background-color: var(--winter-green);
	display: grid;
	gap: 0;
	grid-template-columns: 1fr;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 45px 103px 97px;
	visibility: hidden;
	width: 864px;
}

.grid .box.form-popup.alt {
	padding-bottom: 59px;
}

.grid .box.form-popup.alt .gform_fields {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	padding-right: 105px;
}

.grid .box.form-popup.alt .gfield:first-child {
	grid-column: span 2;
	width: calc(100% + 105px);
}

.grid .box.form-popup.alt .gfield p {
	margin-bottom: 13px;
}

.grid .box.form-popup.alt .gfield {
	border: 1px solid transparent;
	border-radius: 14px;
}

.grid .box.form-popup.alt .gfield:not(:first-child):not(:last-child):hover {
	border: 1px solid var(--twilight);
	border-radius: 14px;
}

.grid .box.form-popup.alt fieldset {
	grid-column: span 2;
	margin-top: 6px;
}

.grid .box.form-popup.alt legend {
	display: block;
	margin-bottom: 12px;
	width: 100%;
}

.grid .box.form-popup.alt .form {
	padding: 0;
}

.popup.question .flex-container {
	gap: 21px;
	justify-content: start;
	position: relative;
}

.popup.question .heading-4,
.grid .box.form-popup.alt .gform_heading,
.alt .gform_confirmation_message .heading-4 {
	margin: 47px 0 32px;
}

.popup.question article {
	padding: 0;
	text-align: left;
}

.popup.question .heading-3.alt,
.form-popup.alt .heading-3.alt {
	margin-bottom: 0;
	margin-left: -40px;
	margin-top: -45px;
	padding: 34px 0 32px;
	text-align: center;
	width: calc(100% + 80px);
}

.form-popup.alt .gform_heading {
	font-family: var(--heading-font);
	font-size: calc(20rem/16);
	font-weight: 600;
	letter-spacing: -.1px;
	letter-spacing: .6px;
	line-height: calc(28/20);
	margin: 0;
}

.popup.question .heading-3.alt::before,
.form-popup.alt .heading-3.alt::before {
	background-color: var(--white);
	content: '';
	display: block;
	height: 98px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.popup.question article p {
	margin-bottom: 20px;
}

.popup.question article ul {
	margin-bottom: 82px;
}

.popup.question article p,
.popup.question article ul {
	line-height: calc(20/16);
	list-style-type: disc;
}

.grid .box.popup.question.active,
.grid .box.form-popup.alt.active {
	visibility: visible;
}

.box.alt .gform_confirmation_message > p {
	margin-bottom: 152px;
	max-width: 530px;
}

.alt .gform_confirmation_message article {
	margin-bottom: -6px;
}

.alt .gform_confirmation_message article a {
	color: var(--green-primary);
	font-weight: 500;
}

.alt .gform_confirmation_message article a:hover {
	color: var(--earth);
}

/**/

.multi-team-members .popup.active,
.form-popup.active {
	display: grid;
}

.multi-team-members .popup .close,
.cta-popup .close,
.value-props-block .slick-active button.close,
.callout-card-pathway-popup .close,
.sidebar-popup .close {
	background: rgba(10,85,78,.05);
	border: none;
	border-radius: 16px;
	height: 48px;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 48px;
}

.multi-team-members .popup .close:hover,
.cta-popup .close:hover,
.value-props-block .slick-active button.close:hover,
.callout-card-pathway-popup .close:hover,
.sidebar-popup .close:hover {
	background: rgba(10,85,78,.1);
}

.multi-team-members .popup .close span:not(.accessibility),
.cta-popup .close span:not(.accessibility),
.callout-card-pathway-popup .close:before,
.callout-card-pathway-popup .close:after,
.sidebar-popup .close:before,
.sidebar-popup .close:after {
	background: var(--earth);
	height: 1px;
	left: 50%;
	margin: -.5px 0 0 -12px;
	position: absolute;
	top: 50%;
	transform-origin: center;
	width: 24px;
}

.multi-team-members .popup .close span:nth-of-type(2),
.cta-popup .close span:nth-of-type(2),
.callout-card-pathway-popup .close:before,
.sidebar-popup .close:before {
	transform: rotate(45deg);
}

.multi-team-members .popup .close span:nth-of-type(3),
.cta-popup .close span:nth-of-type(3),
.callout-card-pathway-popup .close:after,
.sidebar-popup .close:after {
	transform: rotate(-45deg);
}

.callout-card-pathway-popup .close:before,
.callout-card-pathway-popup .close:after,
.sidebar-popup .close:before,
.sidebar-popup .close:after {
	content: '';
}

.multi-team-members .popup .image {
	grid-column: span 3;
	padding: 0 20px;
}

.multi-team-members .popup .image a {
	color: var(--green-primary);
	display: block;
	margin: 20px auto 0;
	width: max-content;
}

.multi-team-members .popup .image a:hover {
	color: var(--earth);
}

.multi-team-members .popup .image a svg {
	color: var(--green-dark);
	margin-right: 8px;
	vertical-align: -1px;
}

.multi-team-members .popup .image a:hover svg {
	transform: none;
}

.multi-team-members .popup article {
	grid-column: span 5;
}

.multi-team-members .popup .heading {
	display: block;
	margin-bottom: 48px;
	padding-bottom: 60px;
	position: relative;
}

.multi-team-members .popup .heading:before {
	background: var(--winter-green);
	border-radius: var(--radius-large) var(--radius-large) 0 0;
	bottom: 0;
	content: '';
	height: calc(100% + 60px);
	max-width: 95vw;
	position: absolute;
	right: -40px;
	width: 864px;
	z-index: -1;
}

.multi-team-members .popup p {
	margin: 0;
}

/***M11 - Event Calendar***/

.events h2 {
	grid-column: span 7;
	margin-bottom: 40px;
}

.events ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
	grid-column: 1 / -1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.events li {
	align-items: center;
	border-bottom: var(--border);
	padding-bottom: 15px;
}

.events .date {
	font-weight: 700;
	grid-column: span 2;
}

.events .date .month {
	display: block;
	font-size: calc(11rem/16);
	letter-spacing: .2px;
	line-height: calc(12/11);
	opacity: .6;
	text-transform: uppercase;
}

.events .date .days {
	display: block;
	font-size: calc(24rem/16);
	line-height: calc(38/24);
}

.events .time {
	grid-column: span 2;
}

.events .event-name {
	grid-column: span 5;
}

.events li:has(.time):not(:has(.pill)) .event-name {
	grid-column: span 6;
}

.events .pill {
	grid-column: span 3;
}

.events li:has(.time) .pill {
	grid-column: span 2;
}

.events .arrow-link {
	grid-column: 12;
	margin-left: auto;
}

/***M12 - Image + Text***/

.image-text img,
.image-text video {
	align-self: center;
	border-radius: var(--radius-large);
	grid-column: span 6;
	margin-left: calc(var(--edge-offset) * -1);
	width: calc(540 / 578 * 100%);
}

.image-text article {
	align-self: center;
	grid-column: span 6;
}

.image-text .btn {
	margin: var(--text-spacing-large) 0 0;
}

/*Reversed Version*/

.image-text img.align-right,
.image-text video.align-right {
	margin: 0 calc(var(--edge-offset) * -1) 0 auto;
	order: 2;
}

/*Background Option*/

.image-text.bkg-container .container {
	padding-bottom: var(--module-spacing-small);
	padding-top: var(--module-spacing-small);
}

.image-text.bkg-container .container:before {
	border-radius: 48px;
	content: '';
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	translate: -50% 0;
	width: calc(100% - 16px);
	z-index: -1;
}

.image-text.bkg-container.winter-green .container:before {
	background: var(--winter-green);
}

.image-text.bkg-container article {
	grid-column: 5 / -1;
	padding-left: var(--text-spacing-large);
	padding-right: var(--text-spacing-large);
}

.image-text.bkg-container:has(.align-right) article {
	grid-column: 1 / span 8;
	padding-right: unset;
}

.image-text.bkg-container img,
.image-text.bkg-container video {
	align-self: flex-start;
	border-radius: unset;
	grid-column: 1 / span 4;
	margin-left: unset;
	width: 100%;
}

.image-text.bkg-container img {
	aspect-ratio: 1;
	height: auto;
	margin-left: auto;
	object-fit: cover;
	width: calc(100% - var(--text-spacing-large));
}

.image-text.bkg-container img.align-right,
.image-text.bkg-container video.align-right {
	grid-column: 9 / -1;
}

.image-text.bkg-container img.align-right {
	margin-left: unset;
}

.image-text.bkg-container h2 {
	margin: 0 0 var(--text-spacing-xxsmall);
}

.image-text.bkg-container h2 span {
	margin-bottom: var(--text-spacing-xsmall);
}

.image-text .content-styles p,
.image-text .content-styles ul,
.image-text .content-styles ol {
	margin: 0 0 var(--text-spacing-xxsmall);
}

.image-text .content-styles ul {
	list-style: none;
	padding: 0;
}

.image-text .content-styles ul > li {
	padding: 0 0 0 14px;
	position: relative;
}

.image-text .content-styles ul > li:before {
	aspect-ratio: 1;
	background: var(--earth);
	border-radius: 100%;
	content: '';
	height: auto;
	left: 0;
	position: absolute;
	top: 13px;
	width: 4px;
}

.image-text .content-styles > ol {
	padding: 0 0 0 18px;
}

.image-text.bkg-container .btn {
	margin: var(--text-spacing-medium) 0 0;
}

/***M13 - Steps***/

.steps {
	text-align: center;
}

.steps article {
	grid-column: 2 / span 10;
	margin-bottom: 40px;
}

.steps article p {
	margin: 0;
}

.steps ol {
	grid-column: 1 / -1;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

.steps li {
	background: url('svgs/watermark-earth.svg') no-repeat calc(100% + 60px) calc(100% + 60px);
	background-color: var(--white);
	background-size: 303px auto;
	border-radius: var(--radius-small);
	box-shadow: 0 16px 26px var(--shadow);
	grid-column: span 4;
	padding: 68px 36px 60px;
	position: relative;
}

.steps li .check {
	align-items: center;
	background: var(--winter-green);
	border-radius: 100%;
	color: var(--white);
	display: flex;
	height: 40px;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: -20px;
	transform: translateX(-50%);
	transition: all .25s ease;
	width: 40px;
}

.steps.animated-in li .check {
	animation: color .25s ease forwards;
}

.steps.animated-in li:nth-of-type(1) .check {
	animation-delay: 1s;
}

.steps.animated-in li:nth-of-type(2) .check {
	animation-delay: 1.5s;
}

.steps.animated-in li:nth-of-type(3) .check {
	animation-delay: 2s;
}

@keyframes color {
	from {
		background: var(--winter-green);
	}

	to {
		background: var(--green-primary);
	}
}

.steps li .eyebrow {
	font-family: var(--body-font);
	margin: 0 auto 16px;
}

.steps p {
	margin: var(--text-spacing-xxsmall) 0 0;
}

.steps .btn {
	grid-column: 1 / -1;
	margin: 20px auto 0;
}

/*Dark Version*/

.steps.dark ol:before {
	background: var(--midnight);
	border-radius: 48px;
	content: '';
	height: calc(100% + 110px);
	left: 50%;
	position: absolute;
	top: 60px;
	transform: translateX(-50%);
	width: calc(100% + (72px * 2));
	z-index: -1;
}

/*The band is drawn on ol:before and hangs past the section's flow box; with no button row, nothing reserves that space and the next module rides up into it.*/

.steps.dark:not(:has(.btn)) {
	padding-bottom: 108px;
}

/***M14 - CTAs***/

.cta.navy-bkg {
	color: var(--white);
	position: relative;
	z-index: unset;
}

/*Style 1 - Image*/

.cta.cta-image .container > article {
	align-self: center;
	grid-column: span 5;
}

.cta.cta-image img {
	grid-column: span 7;
	margin-right: calc(var(--edge-offset) * -1);
	width: calc(100% + var(--edge-offset));
}

/*Dark Version*/

.cta.cta-image.navy-bkg {
	padding: 80px 0;
}

.cta.cta-image.navy-bkg:before {
	width: calc(1215/1440*100%);
}

/*Style 2 - Simple*/

.cta.cta-simple {
	text-align: center;
}

.cta.cta-simple article {
	grid-column: 2 / span 10;
}

.cta.cta-simple h3.heading-4 {
	margin: 24px 0;
}

.cta.cta-simple p {
	margin-bottom: 30px;
}

.cta.cta-simple .btn {
	margin: 0 auto;
}

.cta.cta-simple h2 + .btn {
	margin-top: 30px;
}

.cta.cta-simple .content > *,
.hero-text-image .cta-popup .content > * {
	text-align: left;
}

.cta.cta-simple .cta-popup p {
	margin: 0 0 8px;
}

.cta.cta-simple .content ol,
.hero-text-image .cta-popup .content ol {
	margin-top: 16px;
	padding-left: 22px;
	text-align: left;
}

.cta.cta-simple .content + .btn.secondary,
.hero-text-image .cta-popup .content + .btn.secondary {
	margin: 0;
	max-width: max-content;
	padding-bottom: 24px;
}

.cta.cta-simple .gfield:first-of-type,
.hero-text-image .cta-popup .gfield:first-of-type {
	margin-top: 0;
}

.cta.cta-simple fieldset .ginput_complex,
.hero-text-image .cta-popup fieldset .ginput_complex {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/*Dark Version*/

.cta.cta-simple.navy-bkg {
	padding: 80px 0;
}

/*Style 3 - Form*/

.cta-form article {
	grid-column: span 6;
}

.cta-form .form {
	grid-column: 8 / span 5;
}

.cta-form.stacked article {
	grid-column: 1 / -1;
	text-align: center;
}

.cta-form.stacked p {
	margin: 0 auto;
	max-width: 676px;
}

.cta-form.stacked .form {
	grid-column: 4 / span 6;
}

.cta-form.stacked .form ._button-wrapper,
.cta-form.stacked .form .g-recaptcha {
	margin: 0 auto;
	max-width: max-content;
}

.cta-form.stacked ._form .checkbox-field {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.cta-form.stacked ._form .checkbox-field input[type="checkbox"] {
	height: 20px;
	margin-top: 4px;
	width: 20px;
}

.cta-form.stacked ._form .checkbox-field > span {
	width: calc(100% - 16px - 20px);
}

.cta-form.stacked ._form label.checkbox-label {
	color: var(--earth);
	font-size: calc(12rem/16);
	font-weight: 400;
	position: static;
}

.cta-form.stacked ._error-inner {
	color: red;
	font-style: italic;
	width: 100%;
}

.cta-form.stacked ._form-thank-you {
	text-align: center;
}

/*Complex Version*/

.cta-form.complex article {
	grid-column: span 4;
}

.cta-form.complex .form {
	grid-column: span 8;
}

.page-builder > .cta-form.complex:only-child {
	padding-bottom: var(--module-spacing-large);
	padding-top: var(--module-spacing-large);
}

/*
  Popups
  Note: some CTA popup styles are with the Multiple Team Members
*/

.cta.cta-simple .form-popup .gform_confirmation_message {
	margin-top: 50px;
}

.cta.cta-simple .form-popup .gform_confirmation_message,
.hero-text-image .form-popup .gform_confirmation_message {
	line-height: calc(32 / 16);
}

.cta .popup-btn {
	cursor: pointer;
}

.cta-popup-container {
	align-items: center;
	display: flex;
	height: 100vh;
	justify-content: center;
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100vw;
}

.cta-popup-container.active {
	pointer-events: all;
	z-index: 99999;
}

/* Returning applicant reminder popup */
.returning-applicant-popup {
	background: var(--white);
	border-radius: var(--radius-large);
	color: var(--earth);
	display: none;
	max-height: 95vh;
	max-width: 95vw;
	overflow: auto;
	padding: 60px 40px 40px;
	position: relative;
	text-align: left;
	width: 520px;
}

.returning-applicant-popup.active {
	display: block;
}

.returning-applicant-popup .heading-4 {
	margin-bottom: var(--text-spacing-small);
}

.returning-applicant-popup article {
	margin-bottom: 0;
}

.returning-applicant-popup article > *:last-child {
	margin-bottom: 0;
}

.returning-applicant-countdown {
	font-size: calc(14rem/16);
	line-height: calc(22/14);
	margin: var(--text-spacing-small) 0 0;
	opacity: 0.7;
}

.form-popup {
	color: var(--earth);
	height: auto;
	left: unset;
	min-height: 500px;
	padding: 45px 40px 40px;
	position: relative;
	top: unset;
	transform: unset;
}

.form-popup .form {
	grid-column: span 5;
	padding: 0 60px 0 20px;
}

.form-popup .form h2 {
	margin-bottom: 27px;
}

.form-popup form input,
.form-popup form textarea,
.form-popup form fieldset.gfield > .ginput_container {
	background: #F5F9F8;
	border: none;
}

.form-popup .form .btn {
	background: linear-gradient(270deg, var(--green-primary) 1%, #128057 99%);
	margin: 32px 0 0;
}

.form-popup article {
	display: flex;
	flex-direction: column;
	grid-column: span 3 !important;
	height: 100%;
	justify-content: center;
	position: relative;
}

.form-popup article:before {
	background: var(--winter-green);
	content: '';
	height: calc(100% + 85px);
	position: absolute;
	right: -40px;
	top: -45px;
	width: calc(100% + 80px);
	z-index: -1;
}

.form-popup article h2,
.flyout-popup article h2 {
	color: var(--earth);
	margin-bottom: 8px;
	position: relative;
}

.form-popup article h2:before {
	background: url(svgs/logomark-green.svg) no-repeat;
	background-size: 100%;
	content: '';
	height: 24px;
	left: 0;
	position: absolute;
	top: -36px;
	width: 38px;
}

.form-popup article p,
.cta-popup.flyout-popup p {
	color: var(--earth);
	margin-bottom: 4px;
}

.form-popup article a {
	margin: 0!important;
}

.form-popup article .btn,
.flyout-popup article .btn {
	color: var(--green-primary);
	font-size: calc(12rem / 16);
	line-height: calc(20 / 12);
}

.form-popup article .btn:hover,
.flyout-popup article .btn:hover {
	color: var(--green-primary);
	opacity: 0.6;
}

.form-popup article .btn:last-of-type,
.flyout-popup article .btn:last-of-type {
	margin-bottom: 0;
}

.flyout-popup {
	align-items: center;
	background: var(--winter-green);
	border-radius: var(--radius-small);
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: auto;
	max-height: calc(100vh - 40px);
	max-width: calc(100vw - 40px);
	opacity: 0;
	overflow: auto;
	padding: 60px;
	position: fixed;
	right: 20px;
	text-align: center;
	top: 50%;
	transform: translate(390px, -50%);
	transition: all .25s ease;
	visibility: hidden;
	width: 390px;
	z-index: 99999;
}

.flyout-popup:before {
	background: url(svgs/logomark-green.svg) no-repeat;
	background-position: -112px 0;
	background-size: 543px 344px;
	bottom: 0;
	content: '';
	height: 300px;
	left: 0;
	opacity: 0.1;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.flyout-popup.active {
	opacity: 1;
	transform: translate(0, -50%);
	visibility: visible;
}

.flyout-popup img,
.cta.cta-simple .flyout-popup article {
	grid-column: 1;
}

.flyout-popup img {
	margin: -105px auto 30px;
	width: calc(100%);
}

.flyout-popup article a {
	display: block;
}

.flyout-popup .linkedin-link {
	color: var(--twilight);
	font-size: 28px;
	height: 30px;
	margin: 8px auto;
	width: fit-content;
}

element {
	color: var(--twilight);
	display: block;
	font-size: 28px;
	height: 30px;
	margin: 8px auto;
	width: fit-content;
}

/***M15 - Value Prop Block Carousel***/

.value-props-block .carousel {
	margin-left: calc(var(--edge-offset) * -1);
}

.value-props-block .image {
	grid-column: span 6;
	padding-right: calc(40/580*100%);
	position: relative;
}

.value-props-block .image img {
	border-radius: var(--radius-large);
	max-height: 600px;
	object-fit: cover;
	width: 100%;
}

.value-props-block .image .block {
	background: var(--white);
	border-radius: var(--radius-small);
	bottom: 80px;
	box-shadow: 0 30px 40px rgba(0,0,0,0.30);
	padding: 16px 20px 20px;
	position: absolute;
	right: calc(80/580*100%);
	width: calc(340/580*100%);
}

.value-props-block .image h3 {
	font-family: var(--body-font);
	font-weight: bold;
	margin-bottom: 4px;
}

.value-props-block .image p {
	margin: 0;
}

.value-props-block article {
	align-self: center;
	grid-column: span 6;
}

.value-props-block article p {
	margin: 0;
}

.value-props-block article .btn {
	margin-top: 40px;
}

.value-props-block .slick-dots {
	bottom: 7px;
	list-style: none;
	margin: 0;
	padding: 0;
	right: 0;
	width: calc(578/1154*100%);
	z-index: 1000;
}

.value-props-block:not(.navy-bkg) .slick-dots button,
.service-carousel .slick-dots button,
.featured-news .slick-dots button,
.atm-cards .slick-dots button {
	background: var(--midnight);
	opacity: .1;
	text-indent: -999999px;
}

.value-props-block:not(.navy-bkg) .slick-dots .slick-active button,
.value-props-block:not(.navy-bkg) .slick-dots button:hover,
.service-carousel .slick-dots .slick-active button,
.service-carousel .slick-dots button:hover,
.featured-news .slick-dots .slick-active button,
.featured-news .slick-dots button:hover,
.atm-cards .slick-dots .slick-active button,
.atm-cards .slick-dots button:hover {
	background: var(--twilight);
	opacity: 1;
}

.value-props-block .slick-arrow {
	background: none;
	border: none;
	bottom: 0;
	padding: 0;
	position: absolute;
	right: var(--container-outer-padding);
	z-index: 1001;
}

.value-props-block .slick-prev {
	right: calc(var(--container-outer-padding) + 52px);
	transform: scale(-1,1);
}

.value-props-block .slick-arrow.slick-disabled,
.value-props-block .slick-arrow:hover {
	opacity: .25;
}

/*Dark Version*/

.value-props-block.navy-bkg {
	padding: 100px 0;
}

.value-props-block.navy-bkg:before {
	left: auto;
	right: 0;
	transform: scale(-1,1);
}

.value-props-block.navy-bkg article {
	color: var(--white);
}

.value-props-block.navy-bkg .slick-arrow g {
	fill: var(--lavender);
}

/***M16 - App Store Reviews***/

.review-heading {
	align-items: flex-start;
	border-radius: 48px;
	flex-wrap: nowrap;
	gap: 20px;
	padding: 80px 72px 240px;
	z-index: unset;
}

.review-block .review-heading::before {
	border-radius: 48px;
}

/* The cards overlap the heading block by design. Close the gap when either one is left blank. */
.review-block.no-cards .review-heading {
	padding-bottom: 80px;
}

.review-block.no-heading .review-cards {
	margin-top: 0;
}

.review-heading article {
	width: auto;
}

.review-heading.navy-bkg h2,
.review-heading.navy-bkg p {
	color: var(--white);
}

.review-heading p {
	margin: 0;
}

.review-heading p span {
	font-weight: 700;
}

.review-heading .flex-container {
	flex-wrap: nowrap;
	gap: 14px;
	margin-top: 12px;
}

.review-cards {
	list-style-type: none;
	margin: -200px 72px 0;
	padding: 40px 0 0;
	position: relative;
}

.review-cards .slick-track {
	align-items: flex-start;
	gap: 40px;
}

.review-cards li.slick-slide {
	background: var(--white);
	border-radius: 14px;
	padding: 32px 36px 40px;
	position: relative;
}

.review-cards li.slick-slide::before {
	z-index: 0;
}

.review-cards h3 {
	margin: 24px 0 12px;
}

.stars {
	flex-wrap: nowrap;
	gap: 6px;
	justify-content: flex-start;
	margin-bottom: 16px;
}

.star,
.half-star {
	background-color: var(--green-primary);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17l-5.8 2.9 1.1-6.5L2.6 8.8l6.5-.9z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
	border-radius: 4px;
	height: 28px;
	width: 28px;
}

.half-star {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='half'%3E%3Crect x='0' y='0' width='12' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath fill='%23fff' clip-path='url(%23half)' d='M12 2l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17l-5.8 2.9 1.1-6.5L2.6 8.8l6.5-.9z'/%3E%3C/svg%3E");
}

.review-text {
	margin-bottom: 32px;
}

p.small.reviewer-name {
	color: color-mix(in srgb, var(--midnight) 75%, transparent);
	margin: 0;
}

.review-cards .slick-prev,
.review-cards .slick-next,
.review-cards .slick-dots {
	background: transparent;
	position: absolute;
	top: 0;
}

.green-bkg + .review-cards .slick-dots button {
	background: var(--green-primary);
}

.green-bkg + .review-cards svg g {
	fill: var(--green-primary);
}

.navy-bkg + .review-cards .slick-dots button {
	background: var(--lavender);
}

.navy-bkg + .review-cards svg g {
	fill: var(--lavender);
}

.review-cards .slick-next {
	right: 0;
}

.review-cards .slick-prev {
	right: 52px;
	transform: rotateY(180deg);
}

.review-cards .slick-disabled {
	opacity: .25;
}

.review-cards .slick-dots {
	display: flex;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 999;
}

.review-cards .slick-dots button {
	border: none;
	border-radius: 1px;
	height: 2px;
	padding: 0;
	text-indent: -9999px;
	width: 40px;
}

.review-cards .slick-dots li:not(.slick-active) button {
	opacity: .25;
}

.review-cards .slick-dots:has(li:only-child) {
	display: none;
}

/***M17 - Accordions***/

.accordions h2 {
	margin: 0 0 40px;
	text-align: center;
}

.accordions-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordions-container > li {
	overflow: hidden;
	position: relative;
	transition: all 0.25s ease;
	width: calc(100% + 5px);
}

.accordions-container > li:before {
	background: rgb(11 35 4 / 10%);
	bottom: 0;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	width: calc(100% - 5px);
	z-index: 2;
}

.accordion-button {
	background: var(--off-white);
	border: unset;
	padding: 20px 80px 30px 0;
	position: relative;
	text-align: left;
	width: calc(100% - 5px);
	z-index: 1;
}

.accordion-button:hover {
	color: var(--green-primary);
}

.accordion-button svg {
	aspect-ratio: 1;
	height: auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	transform-origin: center;
	transition: all 0.25s ease;
	width: 40px;
}

.accordion-button.active svg {
	transform: translate3d(0, -50%, 0) rotate(180deg);
}

.accordion-button svg rect,
.accordion-button svg path {
	transition: all 0.25s ease;
}

.accordion-button:hover svg rect,
.accordion-button.active svg rect {
	fill: var(--green-primary);
}

.accordion-button:hover svg path,
.accordion-button.active svg path {
	fill: var(--white);
	opacity: 1;
}

.accordion-content {
	bottom: 0;
	height: max-content;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	transform: translate3d(0, 0, 0);
	transition: all 0.25s ease;
	visibility: hidden;
	width: calc(100% - 5px);
}

.accordion-content.active {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

.accordion-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordion-content li {
	padding: 0 0 0 18px;
	position: relative;
}

.accordion-content li:before {
	aspect-ratio: 1;
	background: var(--sunshine);
	border-radius: 100%;
	content: '';
	height: auto;
	left: 0;
	position: absolute;
	top: 11px;
	width: 5px;
}

.accordion-content > :last-child,
.accordion-content .faq-content {
	margin: 0 0 30px;
}

.accordion-content .faq-content > * + * {
	margin: 24px 0 0;
}

.accordion-content .faq-content h5 + * {
	margin-top: 8px;
}

.accordions-container + .btn {
	margin: var(--text-spacing-large) auto 0;
}

/***Firm Information Accordions***/

.firm-information .container > article {
	margin: 0 0 80px;
	text-align: center;
	width: 100%;
}

.firm-information .container > article h2 {
	margin-bottom: 0;
}

.firm-information .container > article .heading-4 {
	margin: 24px auto 80px;
	max-width: 1100px;
}

.firm-accordions .column-names {
	padding: 0 0 24px;
}

.firm-accordions .column-names .name,
.firm-accordions .accordion-button .name {
	grid-column: 1 / span 4;
}

.firm-accordions .column-names .industries,
.firm-accordions .accordion-button .industries {
	grid-column: 5 / span 4;
}

.firm-accordions .column-names .firm-type,
.firm-accordions .accordion-button .firm-type {
	display: block;
	grid-column: 9 / span 1;
	left: calc(-1 * var(--gap));
	margin: 0 0 0 16px;
	position: relative;
	width: calc(100% + (2 * var(--gap)));
}

.firm-accordions .column-names .range,
.firm-accordions .accordion-button .range {
	grid-column: 11 / span 1;
	left: calc(-1 * var(--gap) - 24px);
	position: relative;
	width: calc(100% + var(--gap) + 24px);
}

/*Accordion Button*/

.firm-accordions .accordion-button {
	align-items: center;
	padding: 14px 0 24px;
}

.firm-accordions .accordion-button:before {
	aspect-ratio: 1;
	background: url(svgs/icon-dropdown-v2.svg) no-repeat;
	background-size: 100%;
	content: '';
	height: auto;
	position: absolute;
	right: 0;
	top: calc(50% - 5px);
	transform: translate3d(0, -50%, 0);
	transform-origin: center;
	transition: all 0.25s ease;
	width: 40px;
}

.firm-accordions .accordion-button.active:before {
	transform: translate3d(0, -50%, 0) rotate(180deg);
}

.firm-accordions .accordion-button .name {
	align-items: center;
	display: flex;
	gap: 24px;
}

.firm-accordions .logo-container {
	background: var(--white);
	border-radius: 6px;
	box-shadow: inset 0px 0px 0px 1px rgb(10 85 78 / 10%);
	height: 50px;
	padding: 10px;
	/* width: 50px; */
	width: 100px;
}

.firm-accordions .logo-container img {
	height: 100%;
	object-fit: contain;
	object-position: center;
	width: 100%;
}

.firm-accordions .name h3 {
	width: calc(100% - 124px);
}

.firm-accordions .accordion-button .industry-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	max-width: 100%;
	padding: 0;
}

.firm-accordions .pill {
	display: block;
	padding: 6px 10px 5px 12px;
}

.firm-accordions .accordion-button .industry-tags .pill.remaining-industries {
	opacity: 0.7;
}

.firm-accordions .accordion-button .firm-type p,
.firm-accordions .accordion-button .range p {
	margin: 0;
}

.firm-accordions .accordion-button .industries,
.firm-accordions .accordion-button .firm-type,
.firm-accordions .accordion-button .range {
	transition: all 0.4s ease;
}

.firm-accordions .accordion-button.active .industries,
.firm-accordions .accordion-button.active .firm-type,
.firm-accordions .accordion-button.active .range {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

/*Firm Sections*/

.firm-section {
	background: var(--winter-green);
	border-radius: 24px;
	padding: 40px 0;
}

.firm-section + .firm-section {
	margin-top: 24px !important;
}

.firm-accordions .accordion-content :last-child {
	margin-bottom: 0;
}

.firm-accordions .accordion-content > :last-child {
	margin: 0 0 30px;
}

.firm-section .left-column {
	grid-column: 2 / span 2;
	left: -29px;
	position: relative;
}

.firm-section .center-column {
	grid-column: 5 / span 3;
	margin: 10px 0 0;
}

.firm-section .right-column {
	grid-column: 8 / span 4;
	margin: 10px 0 0;
}

.firm-section .eyebrow {
	font-weight: 700;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.firm-section ul li {
	padding: 0;
}

.firm-section ul li:before {
	display: none;
}

.firm-section .right-column.alt {
	display: flex;
	flex-direction: column;
	gap: 32px;
	grid-column: 5 / span 7;
}

.firm-section .right-column.alt .top-info {
	display: grid;
	gap: var(--gap);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/*About*/

.firm-section .firm-type {
	margin: 0 0 32px;
}

.firm-section .right-column.alt .firm-type {
	margin: 0;
}

.firm-section .firm-website .eyebrow {
	margin: 0 0 12px;
}

.firm-social-links ul {
	display: flex;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordion-content .firm-social-links li {
	padding: 0;
}

.accordion-content .firm-social-links li:before {
	display: none;
}

.firm-social-links .social-link {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
	filter: invert(26%) sepia(7%) saturate(5325%) hue-rotate(127deg) brightness(92%) contrast(92%);
	height: 18px;
	width: 16px;
}

.firm-social-links .social-link:hover {
	filter: invert(57%) sepia(60%) saturate(4786%) hue-rotate(124deg) brightness(89%) contrast(83%);
}

.firm-social-links .social-link.x-twitter {
	background-image: url(svgs/fontawesome/brands/x-twitter.svg);
}

.firm-social-links .social-link.facebook {
	background-image: url(svgs/fontawesome/brands/facebook-f.svg);
}

.firm-social-links .social-link.instagram {
	background-image: url(svgs/fontawesome/brands/instagram.svg);
}

.firm-social-links .social-link.linkedin {
	background-image: url(svgs/fontawesome/brands/linkedin.svg);
}

.firm-accordions .bio :last-child {
	margin: 0;
}

/*Investments*/

.investments .industry-tags,
.investments .funding-tags,
.investments .geography-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
}

.investments .geographies {
	margin: 32px 0 0;
}

.investments .range {
	margin-top: 32px !important;
}

/*Connect*/

.firm-accordions .accordion-content a.btn {
	font-weight: 500;
	text-decoration: unset;
}

.connect .firm-link .eyebrow {
	margin: 0 0 12px;
}

.connect .firm-link + .grasshopper-tip {
	margin-top: 32px;
}

.connect .grasshopper-tip .eyebrow {
	margin: 0 0 9px;
	padding-left: 22px;
	position: relative;
}

.connect .grasshopper-tip .eyebrow:before {
	aspect-ratio: 1 / 1;
	background: url(svgs/icon-tooltip.svg) no-repeat;
	background-size: 100%;
	content: '';
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	top: -2px;
	width: 14px;
}

.connect .grasshopper-tip p {
	font: 500 calc(10rem / 16)/calc(16 / 10) var(--body-font);
	letter-spacing: 0;
	margin: 0;
}

.connect .form-container {
	width: calc(383 / 372 * 100%);
}

.connect .form-container form input[type=text],
.connect .form-container form input[type=email],
.connect .form-container form input[type=tel],
.connect .form-container form input[type=url],
.connect .form-container form input[type=password],
.connect .form-container form select {
	padding: 18px 20px !important;
}

.connect .form-container textarea {
	height: 144px;
	padding: 13px 20px 20px !important;
}

.connect .form-container .gform_fields {
	gap: 16px;
}

.connect .form-container .btn {
	margin-top: 16px;
	padding: 13px 32px 15px;
}

.connect .form-container .btn svg {
	margin-left: 10px;
}

.connect .form-container .ginput_container_fileupload .gform_drop_instructions,
.connect .form-container .ginput_container_fileupload .gfield_validation_message,
.connect .form-container .ginput_container_fileupload .gform_fileupload_rules,
.connect .form-container .ginput_container_fileupload .gform_button_select_files[disabled] {
	display: none;
}

.connect .form-container .ginput_container_fileupload .gform_button_select_files {
	background: unset;
	color: var(--earth);
	display: flex;
	gap: 8px;
	padding: 0 0 0 19px;
	position: relative;
}

.connect .form-container .ginput_container_fileupload .gform_button_select_files:before {
	aspect-ratio: 448 / 512;
	background: url(svgs/icon-paperclip.svg) no-repeat;
	background-size: 100%;
	content: '';
	filter: invert(14%) sepia(67%) saturate(405%) hue-rotate(61deg) brightness(91%) contrast(109%);
	height: auto;
	left: 0;
	position: absolute;
	top: 5px;
	transition: all 0.25s ease;
	width: 13px;
}

.connect .form-container .ginput_container_fileupload .gform_button_select_files:hover:before {
	filter: invert(44%) sepia(62%) saturate(4692%) hue-rotate(134deg) brightness(98%) contrast(83%);
}

.connect .form-container .ginput_container_fileupload .gform_button_select_files .button-text {
	font: 700 calc(14rem / 16)/calc(22 / 14) var(--body-font);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	transition: all 0.25s ease;
}

.connect .form-container .ginput_container_fileupload .gform_button_select_files:hover .button-text,
.connect .form-container .ginput_preview_list .gform_delete_file:hover {
	color: var(--green-primary);
}

.connect .form-container .ginput_container_fileupload .gform_button_select_files .no-files-text,
.connect .form-container .ginput_preview_list .gfield_fileupload_filename,
.connect .form-container .ginput_preview_list .gfield_fileupload_filesize,
.connect .form-container .ginput_preview_list .gfield_fileupload_progress {
	color: var(--earth);
	font: 400 calc(12rem / 16)/calc(20 / 12) var(--body-font);
	letter-spacing: 0;
	margin: 3px 0 0;
}

.connect .form-container .ginput_preview_list .gfield_fileupload_filesize,
.connect .form-container .ginput_preview_list .gfield_fileupload_progress {
	margin: 3px 0 0 6px;
}

.connect .form-container .ginput_preview_list .gform_delete_file {
	background: unset;
	color: var(--earth);
	font: 700 calc(14rem / 16)/calc(22 / 14) var(--body-font);
	padding: 0;
}

.connect .form-container .ginput_preview_list .gform_delete_file .dashicons,
.connect .form-container .ginput_preview_list .gform_delete_file .dashicons:before {
	transition: all 0s ease;
}

/*** Partners Information Accordions ***/

.partners-accordions .column-names,
.partners-accordions .accordion-button {
	gap: 20px;
	grid-template-columns: unset;
	grid-template-columns: 1.5fr 1fr 1fr 2fr;
}

.partners-accordions .column-names:has(> *:nth-child(5)),
.partners-accordions .accordion-button:has(> *:nth-child(5)) {
	grid-template-columns: 1.5fr 1fr 1fr 1fr 2fr;
}

.partners-accordions .column-names {
	padding: 0 0 24px;
}

.partners-accordions .accordion-button {
	width: 100%;
}

.partners-accordions .column-names .name,
.partners-accordions .accordion-button .name,
.partners-accordions .column-names .product-service,
.partners-accordions .accordion-button .product-service,
.partners-accordions .column-names .client-type,
.partners-accordions .accordion-button .client-type,
.partners-accordions .column-names .offer,
.partners-accordions .accordion-button .offer {
	grid-column: unset;
}

.partners-accordions .column-names .client-type,
.partners-accordions .accordion-button .client-type {
	left: unset;
	margin: unset;
	width: 100%;
}

.partners-accordions .column-names .offer,
.partners-accordions .accordion-button .offer {
	left: unset;
	width: 100%;
}

.partners-accordions .column-names .description,
.partners-accordions .accordion-button .description {
	padding-right: 60px;
	transition: all .4s ease;
}

.partners-accordions .accordion-button.active .product-service,
.partners-accordions .accordion-button.active .client-type,
.partners-accordions .accordion-button.active .offer,
.partners-accordions .accordion-button.active .description {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.partner-section .right-column.alt {
	grid-column: 4/span 8;
}

.partner-section .right-column .description:has(p.description-replacement) {
	display: none;
}

.partner-section .left-column {
	grid-column: 2 / span 2;
}

.partner-section .right-column.alt .top-info {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.partner-section .right-column.alt .top-info .offer {
	grid-column: span 2;
}

.partners-accordions .accordion-button .description p {
	margin: 0;
}

/*** AI Prompt Library ***/

.prompt-library-hero {
	padding: var(--module-spacing-medium) 0 230px;
	text-align: center;
}

.prompt-library-hero.no-prompts {
	padding-bottom: var(--module-spacing-medium);
}

.prompt-library-hero article {
	color: var(--white);
	margin: 0 auto;
	max-width: 1100px;
}

.prompt-library-hero h1 {
	margin: 0 0 var(--text-spacing-small);
}

.prompt-library-hero p {
	margin: 0;
}

.builder-module.prompt-library {
	padding: 0 0 var(--text-spacing-large);
}

/*Card*/

.prompt-library-card {
	background: var(--white);
	border-radius: var(--radius-large);
	box-shadow: 0 4px 40px var(--shadow);
	margin: -155px auto 0;
	/* the 16px the rows inset themselves by comes out of the card's padding, so
	   the columns stay where they were and the hover tint bleeds past them */
	padding: 56px 44px var(--text-spacing-medium);
	position: relative;
	z-index: 3;
}

/*Table Rows*/

/* the base accordion offsets these by 5px, which would misalign the header
   row from the rows beneath it */
.prompt-accordions > li,
.prompt-accordions > li:before,
.prompt-accordions .accordion-button,
.prompt-accordions .accordion-content {
	width: 100%;
}

/* each row is its own grid, and a bare fr keeps an auto minimum - so a row with
   a long category pill would size its columns wider than the row above it.
   minmax(0, ...) pins every row, and the header, to the same widths */
.prompt-accordions .column-names,
.prompt-accordions .accordion-button {
	gap: var(--text-spacing-medium);
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 2.2fr) minmax(0, 1.8fr);
}

.prompt-accordions .column-names {
	padding: 0 96px 24px 16px;
}

.prompt-accordions .accordion-button {
	align-items: start;
	background: var(--white);
	border-radius: var(--radius-small);
	padding: 18px 96px 24px 16px;
	transition: background .25s ease;
}

.prompt-accordions .accordion-button:hover,
.prompt-accordions .accordion-button.active {
	background: var(--winter-green);
}

/* holds the tint off the divider line beneath it - dropped when open so the row
   still meets its panel flush */
.prompt-accordions .accordion-button:not(.active) {
	margin-bottom: var(--text-spacing-xxsmall);
}

/* an open row and its panel meet flush, so the edges where they join square off
   and the two read as one block */
.prompt-accordions .accordion-button.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.prompt-accordions .accordion-content .prompt-section {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* the chevron is an inline SVG, so the base .accordion-button rules already
   handle its placement and rotation - it just needs centring on the first line
   of the row rather than the row itself, so it stays put as the intent wraps */
.prompt-accordions .accordion-button svg {
	right: 16px;
	top: 29px;
}

/* rows are wide, so the chevron carries the hover rather than the row text */
.prompt-accordions .accordion-button,
.prompt-accordions .accordion-button:hover {
	color: var(--earth);
}

.prompt-accordions .accordion-button:hover svg rect,
.prompt-accordions .accordion-button.active svg rect {
	fill: var(--green-dark);
}

.prompt-accordions .accordion-button .business-intent p,
.prompt-accordions .accordion-button .preview p {
	margin: 0;
}

.prompt-accordions .prompt-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	max-width: 100%;
	padding: 0;
}

.prompt-accordions .pill {
	display: block;
	padding: 6px 10px 5px 12px;
}

/* the row stays fully visible when open - the panel below carries only what the
   row does not already show */

/*Expanded Panel*/

/* the side padding matches the row's own 16px inset, so the image lines up with
   the Use Case column above it and the link lines up with the caret. no top
   padding - the open row is the same green and sits flush, so its own bottom
   padding is already the gap */
.prompt-section {
	background: var(--winter-green);
	border-radius: var(--radius-large);
	grid-template-columns: 1fr 2.4fr;
	padding: 0 16px var(--text-spacing-medium);
}

.prompt-section ul li {
	padding: 0;
}

.prompt-section ul li:before {
	display: none;
}

/* no image means no left column at all, so the prompt takes the full width */
.prompt-section:not(:has(.left-column)) {
	grid-template-columns: 1fr;
}

.prompt-section .screenshot {
	background: var(--white);
	border-radius: var(--radius-small);
	box-shadow: 0 4px 20px var(--shadow);
	padding: 20px;
}

.prompt-section .screenshot img {
	border-radius: 6px;
	display: block;
	height: auto;
	width: 100%;
}

.prompt-section .right-column {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-medium);
}

/* unscoped, like the include they come from - the box renders in the library
   table, on the detail page, and in the Prompt Box builder layout */
.verified-prompt {
	border: 1px dashed rgba(11, 35, 4, .35);
	border-radius: var(--radius-small);
	padding: var(--text-spacing-small) 64px var(--text-spacing-small) var(--text-spacing-small);
	position: relative;
}

.verified-prompt .heading-5 {
	margin: 0 0 var(--text-spacing-xsmall);
}

/* the prompt is the editor's own markup, so its structure comes from the tags
   rather than from newlines held open by white-space */
.prompt-text {
	font-size: calc(14rem/16);
	line-height: calc(24/14);
	margin: 0;
}

/* tighter than the theme's default - a prompt reads as one instruction, not as
   a page of separated paragraphs */
.prompt-text > * {
	margin-bottom: var(--text-spacing-xsmall);
}

.prompt-text > :last-child {
	margin-bottom: 0;
}

/* .prompt-section flattens list markers for the tag list it also carries, so
   the prompt's own lists have to ask for theirs back */
.prompt-section .prompt-text > ul > li:before {
	display: block;
}

.prompt-section .prompt-text ul li,
.prompt-section .prompt-text ol li {
	padding: 0 0 0 32px;
}

/* the accordion paints a dot on every li:before it holds. on a bulleted list
   that is only a colour change, but a numbered marker is text - the dot's 5px
   width and left edge clamp the number into a sliver of itself, so the box is
   handed back to the counter */
.accordion-content .prompt-text > ol > li:before {
	aspect-ratio: auto;
	background: none;
	border-radius: 0;
	left: auto;
	width: auto;
}

/* the intent is a sentence or two in a table cell and under the page title, so
   it drops the trailing margin a paragraph carries elsewhere */
.business-intent .content-styles > :last-child,
.prompt-single-hero .content-styles > :last-child {
	margin-bottom: 0;
}

.prompt-section .btn.secondary {
	align-self: flex-end;
	color: var(--green-primary);
}

/*Try In Buttons*/

.prompt-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-xsmall);
	justify-content: space-between;
	margin-top: var(--text-spacing-small);
}

.prompt-ai-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-xsmall);
}

.prompt-section .right-column > .prompt-actions {
	margin-top: 0;
}

.prompt-actions .btn.secondary {
	align-self: auto;
}

.prompt-accordions .accordion-content a.btn {
	text-decoration: none;
}

/*Copy Button*/

.copy-prompt {
	background: none;
	border: unset;
	padding: 0;
	position: absolute;
	right: var(--text-spacing-small);
	top: var(--text-spacing-small);
}

.copy-prompt svg {
	display: block;
	fill: var(--earth);
	transition: fill .25s ease;
	width: 26px;
}

.copy-prompt:hover svg {
	fill: var(--green-primary);
}

.copy-prompt .copy-feedback {
	background: var(--earth);
	border-radius: 6px;
	color: var(--white);
	font-size: calc(11rem/16);
	font-weight: 700;
	left: 50%;
	letter-spacing: 1.4px;
	line-height: calc(14/11);
	opacity: 0;
	padding: 6px 10px 5px;
	pointer-events: none;
	position: absolute;
	text-transform: uppercase;
	top: calc(100% + 8px);
	transform: translateX(-50%);
	transition: opacity .25s ease;
	white-space: nowrap;
}

.copy-prompt.copied .copy-feedback {
	opacity: 1;
}

.copy-prompt.copied svg {
	fill: var(--green-primary);
}

/*Single Prompt*/

/* the footer carries a global 160px margin-top, which dominates whatever these
   templates set for themselves */
.single-prompts footer,
.post-type-archive-prompts footer {
	margin-top: var(--text-spacing-large);
}

/* these carry the .blog-single-hero / .page-content classes too, and those
   rules live further down the file - hence the doubled selectors. the body
   class is needed on the padding to outrank .blog-single-hero:not(.has-thumbnail),
   which sets its own padding-bottom at the 650px breakpoint */
.single-prompts .blog-single-hero.prompt-single-hero {
	padding-bottom: var(--module-spacing-medium);
}

.blog-single-hero.prompt-single-hero .category-list {
	justify-content: center;
}

/* the blog hero spaces this off a share row that prompts do not have */
.blog-single-hero.prompt-single-hero p {
	margin: 0 auto;
	max-width: 800px;
}

.page-content.prompt-single-content {
	padding: var(--text-spacing-xlarge) 0 var(--text-spacing-large);
}

/* single column, sized by the article container it sits in */
.prompt-single-content .prompt-section {
	margin-top: var(--text-spacing-xlarge);
	padding: var(--text-spacing-large);
}

/* the prompt box goes midnight on the detail page to break up the run of green
   the page otherwise makes. scoped here rather than on .prompt-section, which
   the library table also uses and which stays green there */
.prompt-single-content .prompt-section {
	background: var(--midnight);
	color: var(--white);
}

.prompt-single-content .verified-prompt {
	border-color: rgba(255, 255, 255, .35);
}

.prompt-single-content .copy-prompt svg {
	fill: var(--white);
}

/* lavender is the accent the theme already pairs with midnight - green-primary
   is too dark to read against it */
.prompt-single-content .copy-prompt:hover svg,
.prompt-single-content .copy-prompt.copied svg {
	fill: var(--lavender);
}

/* the tooltip is near-black on a dark box otherwise */
.prompt-single-content .copy-prompt .copy-feedback {
	background: var(--white);
	color: var(--midnight);
}

/* list markers are twilight by default, which all but disappears on midnight.
   the bullet is a painted dot and the number is text, so they take the colour
   on different properties - setting both on both paints a block over the
   number in its own colour */
.prompt-single-content .prompt-text > ul > li:before {
	background: var(--lavender);
}

.prompt-single-content .prompt-text > ol > li:before {
	color: var(--lavender);
}

/*Prompt Page Builder*/

.prompt-module + .prompt-module {
	margin-top: var(--text-spacing-xlarge);
}

.prompt-module h2 {
	margin: 0 0 var(--text-spacing-small);
}

.prompt-module .content-styles > :last-child {
	margin-bottom: 0;
}

.prompt-module.callout {
	background: var(--winter-green);
	border-radius: var(--radius-large);
	padding: var(--text-spacing-medium);
}

.prompt-module.callout h2 {
	margin-bottom: var(--text-spacing-xsmall);
}

.prompt-module.media figure {
	margin: 0;
}

.prompt-module.media .media-container {
	border-radius: var(--radius-large);
	overflow: hidden;
	position: relative;
}

/* video keeps a fixed frame; an image runs full width at its own ratio */
.prompt-module.media video,
.prompt-module.media iframe {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	width: 100%;
}

.prompt-module.media img {
	display: block;
	height: auto;
	width: 100%;
}

.prompt-module.media figcaption {
	color: rgba(11, 35, 4, .75);
	margin-top: var(--text-spacing-xsmall);
}

/*Prompt Page Footer*/

/* the connector CTA and the disclaimer close every prompt page. both are set
   once on the archive rather than per prompt, so the copy stays in one place */

/* fine print - it sits between the body copy and the CTA and should read as a
   footnote to the page rather than another section of it */
.prompt-disclaimer {
	color: rgba(11, 35, 4, .75);
	font-size: calc(13rem / 16);
	font-style: italic;
	line-height: 1.5;
	margin-top: var(--text-spacing-xlarge);
}

.prompt-disclaimer p {
	margin: 0 0 var(--text-spacing-xsmall);
}

.prompt-disclaimer > :last-child {
	margin-bottom: 0;
}

/* .prompt-module gives it the green callout card; only the button spacing is
   left, since the card's own rules stop at the copy */
.prompt-page-cta {
	margin-top: var(--text-spacing-xlarge);
}

/* .btn is display:block at max-content, so the row is what holds the pair side
   by side rather than each one taking a line of its own */
.prompt-page-cta .button-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-small) var(--text-spacing-medium);
	margin-top: var(--text-spacing-small);
}

/*Feedback Form*/

/* the section reuses .builder-module.form, so it inherits the two-column
   layout, the white card and the field styling every other form on the site
   uses - only what the green band changes is set here */

/* on its own the library is the last module and carries no bottom margin. with
   the feedback band beneath it the global 160px applies, which is more air than
   the two want between them */
.builder-module.prompt-library:not(:last-of-type) {
	margin-bottom: var(--module-spacing-small);
}

/* padding-top only - the section runs into the footer, whose own top padding
   carries the space beneath the card */
.prompt-feedback {
	padding-top: var(--module-spacing-medium);
}

/* the reCAPTCHA badge renders inside the form and Google parks it at
   right: -186px, expecting to be fixed to the viewport. JazzyScroll transforms
   this section, and a transformed ancestor is what "fixed" resolves against -
   so the badge lands 186px past the section's right edge and drags the page
   into a horizontal scroll. clip rather than hidden, so the section does not
   become a scroll container; the badge is off-screen either way */
.prompt-feedback {
	overflow-x: clip;
}

/* with nothing after it the section is the last thing before the footer and both
   carry the same green, so the gap the archive leaves goes and the corners where
   the two bands meet square off, letting them read as one. the CTA breaks that
   run, so all of it is conditional on the CTA being absent */
.prompt-feedback:not(:has(+ .prompt-cta)):before {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.post-type-archive-prompts:has(.prompt-feedback):not(:has(.prompt-cta)) footer {
	margin-top: 0;
}

.post-type-archive-prompts:has(.prompt-feedback):not(:has(.prompt-cta)) footer:before {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* the band leans on the footer's 72px for the space under the form card. once it
   closes off above the CTA it has to carry that itself, or the card sits on the
   rounded bottom edge */
.prompt-feedback:has(+ .prompt-cta) {
	padding-bottom: var(--module-spacing-medium);
}

/* the CTA sits in open page between two green bands, so the space either side of
   it has to match. left alone it would take the module default above and the
   archive's 40px footer margin below - 160 over 40, which reads as belonging to
   the footer rather than standing on its own */
.prompt-feedback:has(+ .prompt-cta) {
	margin-bottom: var(--module-spacing-medium);
}

.post-type-archive-prompts:has(.prompt-cta) footer {
	margin-top: var(--module-spacing-medium);
}

/* Call to Action */

/* sits on the page background rather than in a band of its own, so the green
   above it closes off and the two read as separate sections. no padding - the
   module margin above and the footer's margin below space it */
.prompt-cta {
	text-align: center;
}

/* the heading runs to two lines much past this, and the copy beneath it reads
   short - narrower than the form card above so the two do not line up edge to
   edge */
.prompt-cta article {
	margin: 0 auto;
	max-width: calc(760rem / 16);
}

/* the module default leaves 10px under every h2, which is too tight to hold
   this heading off its subheading */
.builder-module.prompt-cta h2 {
	margin: 0;
}

.prompt-cta p {
	margin: var(--text-spacing-small) 0 0;
}

/* .btn is display:block at max-content, so the row centres them itself rather
   than each one centring on its own line */
.prompt-cta .button-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-small) var(--text-spacing-medium);
	justify-content: center;
	margin-top: var(--text-spacing-large);
}

/* over the page background the card hangs 72px past the container. the green
   band ends at that same edge, so here it has to stay inside it.
   the full class stack is needed to out-weigh .builder-module.form
   .form-container, which sets the overhang and then re-sets margin-right in the
   responsive blocks much further down the file - an equal-specificity selector
   would lose to those on source order alone */
.builder-module.form.prompt-feedback .form-container {
	margin-right: 0;
}

.prompt-feedback .content-styles > :last-child {
	margin-bottom: 0;
}

/* without body copy there is nothing to fill a second column, so the section
   stacks and centres on the form, with any heading above it */
.prompt-feedback.centered .container {
	display: block;
}

/* same reason as above - the responsive margin-right on .builder-module.form
   .form-container would otherwise cancel the auto on that side and pin the card
   to the right edge instead of centring it */
.builder-module.form.prompt-feedback.centered .content-styles,
.builder-module.form.prompt-feedback.centered .form-container {
	margin-left: auto;
	margin-right: auto;
	max-width: calc(760rem / 16);
}

.prompt-feedback.centered .content-styles {
	margin-bottom: var(--text-spacing-large);
	text-align: center;
}

/* the heading runs to ~900px on one line at its 44px desktop size, so it gets
   more room than the card beneath it rather than wrapping at the card's width.
   below 950px it drops to 32px and needs ~650px, so it stays on one line there
   too */
.builder-module.form.prompt-feedback.centered .content-styles {
	max-width: calc(940rem / 16);
}

/* the theme leaves a checkbox question outside its box, which reads as detached
   next to the selects above it - this puts it on the same floating label the
   rest of the fields use. scoped here rather than changed globally, since the
   other forms on the site are built around the default */
.prompt-feedback fieldset.gfield--type-checkbox legend {
	float: none;
	left: 20px;
	margin: 0;
	position: absolute;
	top: 9px;
}

.prompt-feedback fieldset.gfield--type-checkbox > .ginput_container {
	padding-top: 32px !important;
}

/* six options run long as a single stack, so they sit two across. the theme
   only ever lays these out in one column, hence the scoping */
.prompt-feedback fieldset.gfield--type-checkbox .gfield_checkbox {
	display: grid;
	gap: 10px var(--text-spacing-small);
	grid-template-columns: 1fr 1fr;
}


/**Prompt Feedback - Performance Pills**/

/* the three answers are short and mutually exclusive, so they read better as a
   row of pills than as a stack of radio dots. built on .pill's type and shape
   rather than the class itself, since Gravity Forms owns this markup and only
   gives us the label to work with.

   float is reset because the theme floats radio containers left, which here
   would drop the box out of the fieldset and collapse it - the legend above is
   positioned, so there would be nothing left in flow to hold it open */
.prompt-feedback fieldset.gfield.pill-choices > .ginput_container {
	float: none;
	padding-top: 32px !important;
}

.prompt-feedback .pill-choices legend {
	float: none;
	left: 20px;
	margin: 0;
	position: absolute;
	top: 9px;
}

.prompt-feedback .pill-choices .gfield_radio {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.prompt-feedback .pill-choices .gchoice {
	position: relative;
}

/* kept in the layout and only hidden from view - display:none would drop it out
   of the tab order and take the keyboard with it */
.prompt-feedback .pill-choices .gchoice input[type="radio"] {
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.prompt-feedback .pill-choices .gchoice label {
	background: rgba(27, 40, 84, .07);
	border-radius: 6px;
	color: var(--midnight);
	cursor: pointer;
	display: block;
	font-size: calc(9rem / 16);
	font-weight: 700;
	letter-spacing: 1.4px;
	line-height: calc(12 / 9);
	margin: 0;
	padding: 8px 20px 6px;
	text-align: center;
	text-transform: uppercase;
	transition: background .25s ease, color .25s ease;
	width: max-content;
}

.prompt-feedback .pill-choices .gchoice input[type="radio"]:checked + label,
.prompt-feedback .pill-choices .gchoice input[type="radio"]:hover + label {
	background: rgba(27, 40, 84, .5);
	color: var(--white);
}

/* the input carries no visible box of its own, so the ring has to be drawn on
   the label it sits behind */
.prompt-feedback .pill-choices .gchoice input[type="radio"]:focus-visible + label {
	outline: 2px solid var(--twilight);
	outline-offset: 2px;
}


/**Prompt Feedback - Prompt Multi Select**/

/* the prompt question is an enhanced multi select, which Gravity Forms hands to
   Chosen. Chosen's own stylesheet ships inside gform_basic/gform_theme, both of
   which the theme dequeues, so everything it needs is rebuilt here - the
   structural rules first, since without them the drop down never hides */

/* left off-screen rather than hidden, so Chosen can still measure it */
.prompt-feedback .chosen-container .chosen-drop {
	left: -9999px;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 10;
}

.prompt-feedback .chosen-container.chosen-with-drop .chosen-drop {
	left: 0;
}

/* Chosen filters by toggling these classes, not by writing inline styles, so
   the list only narrows as you type if the base row is hidden here */
.prompt-feedback .chosen-container .chosen-results li {
	display: none;
}

.prompt-feedback .chosen-container .chosen-results li.active-result {
	cursor: pointer;
	display: list-item;
}

.prompt-feedback .chosen-container .chosen-results li.no-results {
	display: list-item;
}

/* a prompt already picked is sitting in the box above as a tag, so leaving it
   in the list would offer it twice */
.prompt-feedback .chosen-container-multi .chosen-results li.result-selected {
	display: none;
}

/* Chosen writes a pixel width onto the container at init and never revisits it,
   so it is overridden to keep the field with the card as it narrows */
.prompt-feedback .chosen-container {
	max-width: 100%;
	position: relative;
	user-select: none;
	width: 100% !important;
}

/* the box the theme gives a select, drawn on Chosen's stand-in instead. auto
   height because it grows a row at a time as prompts are added */
.prompt-feedback .chosen-container-multi .chosen-choices {
	background-color: var(--white);
	border: 1px solid var(--winter-green);
	border-radius: var(--radius-small);
	cursor: text;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	min-height: 48px;
	padding: 26px 20px 8px;
	width: 100%;
}

.prompt-feedback .chosen-container-active .chosen-choices {
	border-color: var(--twilight);
}

.prompt-feedback .chosen-container-multi .chosen-choices li {
	list-style: none;
	margin: 0;
}

/* the search box shares the row with the tags, so it takes what is left rather
   than the width Chosen measures onto it */
.prompt-feedback .chosen-container-multi .chosen-choices li.search-field {
	flex: 1 1 60px;
	margin: 0;
	white-space: nowrap;
}

.prompt-feedback .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	background: transparent !important;
	border: none !important;
	color: var(--midnight);
	font-family: inherit;
	font-size: calc(13rem / 16) !important;
	height: 24px !important;
	margin: 0;
	outline: none;
	padding: 0 !important;
	width: 100% !important;
}

.prompt-feedback .chosen-container-multi .chosen-choices li.search-field input[type="text"].default {
	color: rgba(27, 40, 84, .5);
}

/* a chosen prompt, shown as a tag. sized off .pill.small so it sits with the
   pills on the question below it */
.prompt-feedback .chosen-container-multi .chosen-choices li.search-choice {
	align-items: center;
	background: rgba(27, 40, 84, .07);
	border-radius: 6px;
	color: var(--midnight);
	display: flex;
	font-size: calc(10rem / 16);
	font-weight: 500;
	gap: 8px;
	line-height: calc(16 / 10);
	max-width: 100%;
	padding: 4px 8px 4px 10px;
}

.prompt-feedback .chosen-container-multi .chosen-choices li.search-choice span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Chosen leaves this empty and draws the x from a sprite that lives with the
   stylesheet we dequeue, so it is drawn here instead */
.prompt-feedback .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	color: var(--midnight);
	cursor: pointer;
	display: block;
	flex-shrink: 0;
	font-size: calc(14rem / 16);
	line-height: 1;
	opacity: .5;
	text-decoration: none;
	transition: opacity .25s ease;
}

.prompt-feedback .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
	content: '\00d7';
}

.prompt-feedback .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover,
.prompt-feedback .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus-visible {
	opacity: 1;
}

.prompt-feedback .chosen-container .chosen-drop .chosen-results {
	background: var(--white);
	border: 1px solid var(--winter-green);
	border-radius: var(--radius-small);
	box-shadow: 0 16px 26px 0 var(--shadow);
	margin: 4px 0 0;
	max-height: 240px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 6px;
}

.prompt-feedback .chosen-container .chosen-results li {
	border-radius: var(--radius-small);
	font-size: calc(13rem / 16);
	line-height: calc(20 / 13);
	margin: 0;
	padding: 8px 12px;
}

.prompt-feedback .chosen-container .chosen-results li.highlighted,
.prompt-feedback .chosen-container .chosen-results li.result-highlighted {
	background: var(--winter-green);
	color: var(--midnight);
}

.prompt-feedback .chosen-container .chosen-results li.no-results {
	color: rgba(27, 40, 84, .5);
	font-size: calc(12rem / 16);
}

/* the field's own label sits over the box, so Chosen's search box starts below
   it rather than under it */
.prompt-feedback .gfield--type-multiselect > label {
	z-index: 2;
}

/* with scripting off Chosen never runs and the raw select is what is left, so
   it is given room to be usable rather than clipped to the theme's 48px */
.prompt-feedback .ginput_container_multiselect select[multiple] {
	height: auto !important;
	padding: 26px 20px 8px !important;
}


@media (max-width: calc(1200rem / 16)) {
	.prompt-library-card {
		padding: 48px 40px 50px;
	}

	.prompt-accordions .column-names,
	.prompt-accordions .accordion-button {
		gap: var(--text-spacing-small);
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 2.2fr) minmax(0, 1.6fr);
	}

}

@media (max-width: calc(950rem / 16)) {
	.prompt-library-hero {
		padding: var(--module-spacing-small) 0 200px;
	}

	.prompt-library-card {
		margin-top: -140px;
	}

	/* four columns cannot hold their content at this width - the preview is the
	   most expendable, since the panel below shows the prompt in full */
	.prompt-accordions .column-names .preview,
	.prompt-accordions .accordion-button .preview {
		display: none;
	}

	.prompt-accordions .column-names,
	.prompt-accordions .accordion-button {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 2fr);
	}

	.prompt-section {
		gap: var(--text-spacing-large);
		grid-template-columns: 1fr;
	}

	.prompt-section .screenshot {
		margin: 0 auto;
		max-width: calc(400rem / 16);
	}

	/* the form module stacks to one column here, so the band no longer needs to
	   hold two of them apart */
	.prompt-feedback {
		padding-top: var(--module-spacing-small);
	}

	.prompt-feedback:has(+ .prompt-cta) {
		margin-bottom: var(--module-spacing-small);
		padding-bottom: var(--module-spacing-small);
	}

	.post-type-archive-prompts:has(.prompt-cta) footer {
		margin-top: var(--module-spacing-small);
	}
}

@media (max-width: calc(650rem / 16)) {
	.prompt-library-hero {
		padding: var(--module-spacing-small) 0 160px;
	}

	.prompt-library-card {
		margin-top: -110px;
		padding: var(--text-spacing-medium) var(--text-spacing-xsmall);
	}

	.prompt-accordions .column-names {
		display: none;
	}

	.prompt-accordions .accordion-button {
		display: flex;
		flex-direction: column;
		gap: var(--text-spacing-xxsmall);
		padding: 20px 56px 24px 12px;
	}

	.prompt-accordions .accordion-button svg {
		right: 12px;
		top: 31px;
		width: 32px;
	}

	/* tracks the row's tighter 12px inset at this breakpoint */
	.prompt-section {
		padding: 0 12px var(--text-spacing-medium);
	}

	.prompt-section .screenshot {
		max-width: none;
	}

	.verified-prompt {
		padding: var(--text-spacing-small);
	}

	/* 44px touch target centred on the Verified Prompt heading - the box is
	   bigger than the icon, so it is offset to keep the icon optically placed */
	.copy-prompt {
		align-items: center;
		display: flex;
		height: 44px;
		justify-content: center;
		right: 12px;
		top: 13px;
		width: 44px;
	}

	.copy-prompt svg {
		width: 30px;
	}

	.copy-prompt .copy-feedback {
		left: auto;
		right: 0;
		transform: none;
	}

	.prompt-actions,
	.prompt-ai-buttons {
		align-items: stretch;
		flex-direction: column;
	}

	.prompt-ai-buttons .btn {
		width: auto;
	}

	.builder-module.prompt-library:not(:last-of-type) {
		margin-bottom: var(--module-spacing-xsmall);
	}

	.prompt-feedback {
		padding-top: var(--module-spacing-xsmall);
	}

	.prompt-feedback:has(+ .prompt-cta) {
		margin-bottom: var(--module-spacing-xsmall);
		padding-bottom: var(--module-spacing-xsmall);
	}

	/* the two do not sit side by side at this width without crowding each other */
	.prompt-cta .button-container,
	.prompt-page-cta .button-container {
		flex-direction: column;
	}

	/* the archive CTA centres its copy, but the callout card is left-aligned, so
	   the stacked pair follows the text rather than the section */
	.prompt-page-cta .button-container {
		align-items: flex-start;
	}

	.post-type-archive-prompts:has(.prompt-cta) footer {
		margin-top: var(--module-spacing-xsmall);
	}

	/* the card is too narrow here to split either in two - the theme carries no
	   mobile width for .two-column, so it is reset rather than inherited */
	.prompt-feedback .gfield.two-column {
		width: 100%;
	}

	.prompt-feedback fieldset.gfield--type-checkbox .gfield_checkbox {
		grid-template-columns: 1fr;
	}
}

/***Link Tabs***/

.link-tabs {
	padding: 40px 0 103px;
}

.link-tabs h2,
.link-tabs ul {
	grid-column: span 5;
}

.link-tabs p,
.link-tabs .media {
	grid-column: span 7;
}

.link-tabs p {
	margin: 19px 0 0;
	padding-left: 63px;
}

.link-tabs ul {
	align-self: center;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
}

.link-tabs .box {
	display: block;
	overflow: hidden;
	padding: 24px 50px 30px 92px;
	position: relative;
}

.link-tabs .box:hover {
	box-shadow: 0 16px 26px 0 rgb(0 0 0 /0.24);
}

.link-tabs .box img {
	left: 22px;
	max-height: 52px;
	max-width: 52px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
}

.link-tabs .box h3 {
	margin-bottom: 4px;
}

.link-tabs .box .last-word {
	display: inline-block;
}

.link-tabs .media {
	align-self: center;
	aspect-ratio: 618/412;
	border-radius: 40px;
	justify-self: end;
	overflow: hidden;
	position: relative;
	width: calc(100% - 63px);
}

.link-tabs .media img,
.link-tabs .media video {
	height: 100%;
	object-fit: cover;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opactiy .25s ease;
	width: 100%;
}

.link-tabs .media:has(:not(.active)) *:first-child {
	opacity: 1;
}

.link-tabs .media img.active,
.link-tabs .media video.active {
	opacity: 1;
}

/***Checklist***/

.checklist article.grid {
	align-items: center;
	gap: 30px var(--gap);
}

.checklist article .eyebrow {
	grid-column: 1 / -1;
	width: calc(((100% - (11 * var(--gap))) / 12) * 6 + (5 * var(--gap)));
}

.checklist h2,
.checklist .content-styles {
	grid-column: span 6;
}

.checklist h2 {
	margin-bottom: 0;
}

/*Heading Layout*/

.checklist article.centered .eyebrow {
	margin: 0 auto -16px;
	max-width: max-content;
	text-align: center;
	width: 100%;
}

.checklist article.centered h2,
.checklist article.centered .content-styles {
	grid-column: 2 / span 10;
	text-align: center;
}

/*Checklist Accordions*/

.checklist .checklists {
	list-style: none;
	margin: 64px 0 0;
	padding: 0 40px;
}

.checklist .checklist-accordion {
	overflow: hidden;
	position: relative;
	transition: all 0.25s ease;
}

.checklist .checklist-accordion + .checklist-accordion {
	margin-top: 32px;
}

.checklist .checklist-accordion > button {
	background: var(--off-white);
	padding: 0 64px 16px 9px;
	position: relative;
	text-align: left;
	width: 100%;
}

.checklist .checklist-accordion > button:before {
	background: var(--earth);
	bottom: 0;
	content: '';
	height: 1px;
	left: 0;
	opacity: 0.1;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.checklist .checklist-accordion > button:after {
	aspect-ratio: 1;
	background: url(svgs/icon-dropdown-v2.svg) no-repeat;
	background-size: 100%;
	content: '';
	height: auto;
	position: absolute;
	right: 9px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	transform-origin: center;
	transition: all 0.25s ease;
	width: 40px;
}

.checklist .checklist-accordion.active > button:after {
	transform: translate3d(0, -50%, 0) rotate(180deg);
}

.checklist .items {
	background: var(--winter-green);
	border-radius: 10px;
	bottom: 0;
	left: 9px;
	list-style: none;
	margin: 0;
	opacity: 0;
	padding: 32px 56px;
	pointer-events: none;
	position: absolute;
	transition: all 0.25s ease;
	visibility: hidden;
	width: calc(100% - 18px);
}

.checklist .checklist-accordion.active .items {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

.checklist .items li {
	width: 100%;
}

.checklist .items li + li {
	margin-top: 12px;
}

.checklist .items .checkbox {
	background: unset;
	display: flex;
	padding: 0 0 0 44px;
	position: relative;
	width: 100%;
}

.checklist .items .checkbox .check-field {
	appearance: none;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 5px;
}

.checklist .items .checkbox:before {
	background: var(--white);
	box-shadow: inset 0px 0px 0px 1px rgb(11 35 4 / 40%);
	content: '';
	height: 12px;
	left: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 5px;
	transition: all 0.25s ease;
	width: 12px;
}

.checklist .items .checkbox:not(:has(:checked)):hover:before {
	box-shadow: inset 0px 0px 0px 1px rgb(22 163 103 / 100%);
}

.checklist .items .checkbox:has(:checked):before {
	background: var(--green-dark);
	box-shadow: unset;
}

.checklist .items .checkbox:has(:checked):after {
	background: url(svgs/fontawesome/solid/check.svg) no-repeat;
	background-size: 100%;
	content: '';
	filter: invert(1);
	height: 8px;
	left: 2px;
	pointer-events: none;
	position: absolute;
	top: 6px;
	width: 8px;
}

/*Checklist Cards*/

.checklist.items-cards .items {
	background: transparent;
	border-radius: 0;
	padding: 0;
}

.checklist.items-cards .items li {
	align-items: center;
	background: var(--winter-green);
	border-radius: 10px;
	display: flex;
	gap: var(--text-spacing-small);
	justify-content: space-between;
	padding: var(--text-spacing-small) var(--text-spacing-medium);
}

.checklist.items-cards .items li + li {
	margin-top: var(--text-spacing-xsmall);
}

.checklist.items-cards .items .checkbox {
	flex: 1 1 auto;
	flex-direction: column;
	gap: var(--text-spacing-xxsmall);
	min-width: 0;
}

.checklist.items-cards .items .checkbox label {
	font-weight: 700;
}

.checklist.items-cards .document-buttons {
	flex: 0 0 auto;
}

/*Document Buttons*/

.document-buttons {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/***Callout Cards***/

.callout-cards {
	padding: 0 0 24px;
}

.callout-cards .container > article {
	grid-column: 3 / span 8;
	padding: 80px 0 24px;
	position: relative;
	text-align: center;
}

.callout-cards .container > article:before {
	background: var(--winter-green);
	content: '';
	height: calc(100% + var(--gap) + 80px);
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate3d(-50%, 0, 0);
	width: 100vw;
	z-index: -1;
}

.callout-cards h2 .eyebrow {
	margin: 0 auto 24px;
}

.callout-cards .container > article .text-content {
	margin: 32px 0 0;
}

.callout-cards .text-content > :last-child {
	margin-bottom: 0;
}

/*Cards*/

.callout-cards ul.grid {
	grid-column: 1 / -1;
	left: calc(-1 * var(--container-outer-padding));
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: calc(100% + (2 * var(--container-outer-padding)));
}

.callout-cards ul.count-1 > li {
	grid-column: 4 / span 6;
}

.callout-cards ul.count-2 > li:first-child {
	grid-column: 2 / span 5 ;
}

.callout-cards ul.count-2 > li:last-child {
	grid-column: 7 / span 5 ;
}

.callout-cards ul.count-3 > li {
	grid-column: span 4;
}

.callout-cards ul.count-4 > li {
	grid-column: span 3;
}

.callout-card {
	align-items: center;
	background: var(--white);
	border-radius: var(--radius-small);
	box-shadow: 4px 8px 16px 0px var(--shadow);
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 48px 24px 32px;
	position: relative;
	text-align: center;
}

.callout-card:hover {
	color: var(--earth);
}

.callout-card:has(.btn) {
	padding-bottom: 94px;
}

.callout-card .btn {
	bottom: 24px;
	left: 50%;
	max-width: max-content;
	pointer-events: none;
	position: absolute;
	transform: translate3d(-50%, 0, 0);
	width: 100%;
}

.callout-card:hover > a.btn {
	color: var(--white);
}

.callout-card:hover > a.btn:before {
	opacity: 1;
	transform: scale(1);
}

.callout-card .image-container {
	height: 80px;
	margin: 0 0 32px;
	width: 80px;
}

.callout-card .image-container img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.callout-card .text-content {
	margin: 16px 0 0;
}

/*Callout Cards Multiple Buttons Card*/

.callout-card.multiple-buttons-card {
	padding-bottom: 32px;
}

.callout-card.multiple-buttons-card .document-buttons {
	justify-content: center;
	margin-top: auto;
	padding-top: var(--text-spacing-small);
	width: 100%;
}

.callout-card.multiple-buttons-card .document-buttons .btn {
	bottom: unset;
	left: unset;
	max-width: 100%;
	pointer-events: auto;
	position: relative;
	transform: none;
	width: auto;
}

/*Callout Cards Pathway Popup*/

.callout-card button.btn {
	pointer-events: auto;
}

.callout-cards-popups,
.sidebar-popups {
	position: absolute;
}

.callout-card-pathway-popup,
.sidebar-popup {
	border-radius: var(--radius-large);
	display: flex;
	height: max-content;
	left: 50%;
	max-height: 90vh;
	max-width: 864px;
	overflow: auto;
	pointer-events: none;
	position: fixed;
	top: 50%;
	translate: -50% -50%;
	width: calc(100vw - (2 * var(--container-outer-padding)));
	z-index: 99999;
}

.callout-card-pathway-popup.active,
.sidebar-popup.active {
	display: block;
	pointer-events: auto;
}

.callout-card-pathway-popup .close,
.sidebar-popup .close {
	z-index: 2;
}

.pathway-page {
	background: var(--winter-green);
	display: none;
	height: max-content;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.callout-card-pathway-popup.active .pathway-page.current-page,
.sidebar-popup.active .pathway-page.current-page {
	display: block;
	pointer-events: auto;
	position: relative;
}

.pathway-page h2 {
	background: var(--white);
	padding: 34px 64px 32px;
	text-align: center;
	width: 100%;
}

.pathway-page article {
	padding: 47px 103px 97px;
}

.callout-card-pathway-popup .pathway-page .gform_button[type="submit"] {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	visibility: hidden;
}

.pathway-page .gform_validation_errors {
	display: none !important;
}

.pathway-page .gform_confirmation_wrapper {
	grid-column: unset;
	margin: var(--text-spacing-small) 0 0;
	width: 100%;
}

.pathway-page .gform_confirmation_wrapper > * {
	width: 100%;
}

.pathway-page .gform_confirmation_wrapper .gfield_validation_message {
	display: none;
}

.pathway-page .ginput_container.ginput_container_checkbox {
	background: unset;
	border: unset;
	border-radius: unset;
	padding: 0 !important;
}

.pathway-page fieldset.gfield--type-checkbox .gfield_checkbox,
.pathway-page fieldset.gfield--input-type-checkbox .gfield_checkbox {
	gap: 12px;
}

.pathway-page fieldset.gfield--type-checkbox .gfield_checkbox .gchoice,
.pathway-page fieldset.gfield--input-type-checkbox .gfield_checkbox .gchoice {
	gap: 10px;
}

.pathway-page fieldset.gfield--type-checkbox .gfield_checkbox .gchoice input,
.pathway-page fieldset.gfield--input-type-checkbox .gfield_checkbox .gchoice input {
	cursor: pointer;
}

.pathway-page .gfield--type-checkbox .gchoice label a,
.pathway-page .gfield--input-type-checkbox .gchoice label a {
	color: var(--green-dark);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--green-primary);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.pathway-page .gfield--type-checkbox .gchoice label a:hover,
.pathway-page .gfield--input-type-checkbox .gchoice label a:hover {
	color: var(--earth);
	text-decoration-color: var(--green-dark);
}

.pathway-page .gfield_description {
	font-size: calc(11rem/16);
	line-height: 1.5;
	margin-top: var(--text-spacing-xxsmall);
}

.pathway-page .gform_description {
	font-size: calc(12rem/16);
	line-height: 1.6;
}

.pathway-page .gfield--type-consent .ginput_container_consent,
.pathway-page .gfield--input-type-consent .ginput_container_consent {
	line-height: 2;
	margin-top: var(--text-spacing-xxsmall);
	padding-top: var(--text-spacing-medium) !important;
}

.pathway-page .gfield--type-consent > legend,
.pathway-page .gfield--input-type-consent > legend {
	top: 24px;
}

.pathway-page .gfield--type-consent .gfield_consent_label {
	font-size: calc(12rem/16);
}

.pathway-page .gfield--type-consent .gfield_consent_description {
	font-size: calc(11rem/16);
	line-height: 2;
}

.pathway-checkbox {
	margin: var(--text-spacing-small) 0 0;
}

.pathway-checkbox .checkbox-container {
	display: flex;
	gap: var(--text-spacing-xxsmall);
}

.pathway-checkbox input {
	cursor: pointer;
	margin-top: 5px;
}

.pathway-checkbox .error-message {
	display: none;
	margin: var(--text-spacing-xxsmall) 0 0 21px;
	position: relative;
}

.pathway-checkbox .error-message .asterisk {
	color: red;
	font-weight: 700;
	left: -10px;
	position: absolute;
	top: 0;
}

.pathway-page .button-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 21px;
	margin: 20px 0 0;
}

.pathway-page .copy-button {
	align-items: center;
	display: flex;
	gap: 10px;
	padding-right: 30px;
}

.pathway-page .copy-button .icon-container {
	display: flex;
	height: auto;
	pointer-events: none;
	position: relative;
	width: 18px;
}

.pathway-page .copy-button svg {
	left: 0;
	margin: 0;
	position: absolute;
	top: calc(50% - 1px);
	transition: all 0.25s ease;
	translate: 0 -50%;
	width: 100%;
}

.pathway-page .copy-button svg:nth-child(2) {
	opacity: 0;
}

.pathway-page .copy-button path {
	fill: var(--white);
}

.pathway-page .content-to-copy {
	display: none;
}

/*** Loan Calculator ***/

.loan-calculator,
.savings-calculator {
	margin-bottom: var(--module-spacing-medium);
}

.loan-calculator .navy-bkg,
.savings-calculator .navy-bkg,
.savings-calculator .green-bkg {
	color: var(--white);
	padding: var(--module-spacing-large) 0 260px;
}

.loan-calculator .navy-bkg .grid,
.savings-calculator .navy-bkg .grid,
.savings-calculator .green-bkg .grid {
	gap: 0;
}

.loan-calculator .navy-bkg h2,
.loan-calculator .navy-bkg p,
.savings-calculator .navy-bkg h2,
.savings-calculator .green-bkg h2,
.savings-calculator .navy-bkg p,
.savings-calculator .green-bkg p {
	grid-column: 2 / -2;
	text-align: center;
}

.loan-calculator .navy-bkg p,
.savings-calculator .navy-bkg p,
.savings-calculator .green-bkg p {
	margin: 0 auto;
	max-width: 1050px;
}

.loan-calculator .box,
.savings-calculator .box {
	grid-column: 2 / -2;
	margin-top: -160px;
	position: relative;
	z-index: 3;
}

.loan-calculator form,
.savings-calculator form {
	gap: var(--text-spacing-small);
}

.loan-calculator form .form-field,
.savings-calculator form .form-field {
	align-items: baseline;
	background-color: var(--white);
	border: 1px solid var(--winter-green);
	border-radius: var(--radius-small);
	display: flex;
	height: 70px;
	padding: 32px 20px 0 !important;
}

.loan-calculator form .form-field label,
.savings-calculator form .form-field label {
	font-size: calc(13rem / 16);
}

.loan-calculator form .form-field input,
.loan-calculator form .form-field select,
.loan-calculator form .form-field textarea,
.savings-calculator form .form-field input,
.savings-calculator form .form-field select {
	background: none !important;
	border: none !important;
	border-color: var(--shadow);
	border-radius: 0 !important;
	font-size: calc(17rem/16) !important;
	height: auto !important;
	padding: 0 !important;
}

.loan-calculator form .form-field:has(select),
.savings-calculator form .form-field:has(select) {
 appearance: none;
    background-image: url(svgs/icon-dropdown.svg);
    background-position: calc(100% - 9px) center;
    background-repeat: no-repeat;
}

.loan-calculator form .form-field .tooltip,
.savings-calculator form .form-field .tooltip {
	background-color: var(--midnight);
	border-radius: 8px;
	color: var(--white);
	left: 0;
	margin: 0;
	opacity: 0;
	padding: 8px 12px;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition: opacity 0.25s ease, visibility 0.25s ease;
	visibility: hidden;
	z-index: 999;
}

.loan-calculator form .form-field:has(:nth-child(n + 2):not(:last-child):hover) .tooltip {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

form .form-field {
	grid-column: span 4;
	position: relative;
	width: 100%;
}

form .form-field input {
	width: 100%;
}

form .form-field .prepend,
form .form-field .append {
	bottom: 0;
	color: var(--earth);
	font-family: inherit;
	font-size: calc(17rem / 16);
	letter-spacing: 0;
	line-height: calc(20 / 16);
	position: relative;
}

form .form-field .prepend {
	padding-right: 2px;
}

form .form-field .append {
	padding-left: 2px;
}

.loan-calculator form button[type="submit"].btn,
.savings-calculator form button[type="submit"].btn {
	grid-column: 1 / -1;
	margin: var(--text-spacing-xsmall) auto 0;
}

.loan-calculator .results.hidden,
.savings-calculator .results.hidden {

	display: none;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.loan-calculator .results,
.savings-calculator .results {
	border-top: var(--border);
	margin: var(--text-spacing-medium) 0 0;
	padding: var(--text-spacing-medium) 0 0;
}

.loan-calculator .results ul,
.savings-calculator .results ul {
	gap: var(--text-spacing-xsmall) var(--text-spacing-small);
	list-style: none;
	margin: 0;
	padding: 0;
}

.loan-calculator .results ul h3,
.savings-calculator .results ul h3 {
	margin: 0 0 var(--text-spacing-xxsmall);
}

.loan-calculator .results ul .eyebrow,
.savings-calculator .results ul .eyebrow {
	color: var(--earth);
	font-weight: 600;
	letter-spacing: .6px;
}

.loan-calculator .results ul p.xlarge {
	font-weight: 500;
	margin: 0;
}

.loan-calculator .results .btn {
	margin: var(--text-spacing-xsmall) 0 calc(-1 * var(--text-spacing-medium)) auto;
}

.loan-calculator .results .amortization-eyebrow {
	margin-top: var(--text-spacing-large);
}

.loan-calculator .results .amortization-schedule {
	margin-bottom: 0;
	table-layout: fixed;
}

.loan-calculator .results .amortization-schedule .toggle-months {
	background-color: transparent;
	border: none;
	cursor: pointer;
    height: auto;
    height: 24px;
    margin-left: 6px;
	padding: 0;
    position: absolute;
    transform-origin: center;
    transition: all 0.25s ease;
    width: 24px;
}

.loan-calculator .results .amortization-schedule .toggle-months.expanded {
	transform: rotate(180deg);
}

.loan-calculator .results .amortization-schedule .toggle-months rect,
.loan-calculator .results .amortization-schedule .toggle-months path {
	transition: all 0.25s ease;
}

.loan-calculator .results .amortization-schedule .toggle-months:hover rect {
	fill: var(--green-primary);
}

.loan-calculator .results .amortization-schedule .toggle-months:hover path {
	fill: var(--white);
}

.loan-calculator .results .amortization-schedule .year-row td:first-child {
	left: 0;
	position: relative;
}

.loan-calculator .results .amortization-schedule .year-row td {
	transition: all 0.25s ease;
}

.loan-calculator .results .amortization-schedule .year-row:has(.toggle-months.expanded) td {
	background: rgba(27,40,84,.5);
	color: var(--white);
}

.loan-calculator .results .amortization-schedule .year-row:has(.toggle-months.expanded) td:first-child {
	border-radius: 20px 0 0 0;
}

.loan-calculator .results .amortization-schedule .year-row:has(.toggle-months.expanded) td:last-child {
	border-radius: 0 20px 0 0;
}

.loan-calculator .results .amortization-schedule .month-row td {
	background: rgba(27,40,84,.07);
	border-radius: 0 !important;
}

.loan-calculator .results .amortization-schedule .month-row.last-in-year td:first-child {
	border-radius: 0 0 0 20px !important;
}

.loan-calculator .results .amortization-schedule .month-row.last-in-year td:last-child {
	border-radius: 0 0 20px 0 !important;
}

.loan-calculator form .form-field input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	background: rgba(27,40,84,.1) !important;
	border-radius: 8px !important;
	height: 10px !important;
	margin: 0 0 0;
	outline: none;
	width: 100%;
}

.loan-calculator form .form-field input[type="range"] {
	background: linear-gradient(to right, var(--twilight) 0%, var(--midnight) 100%);
	position: relative;
}

.loan-calculator form .form-field input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background: var(--twilight);
	border: 2px solid var(--white);
	border-radius: 50%;
	cursor: pointer;
	height: 22px;
	transition: background 0.25s ease;
	width: 22px;
}

.loan-calculator form .form-field input[type="range"]::-webkit-slider-thumb:hover {
		background: var(--midnight);
}

.loan-calculator form .form-field input[type="range"]::-moz-range-thumb {
	background: var(--twilight);
	border: 2px solid var(--white);
	border-radius: 50%;
	cursor: pointer;
	height: 22px;
	transition: background 0.25s ease;
	width: 22px;
}

.loan-calculator form .form-field input[type="range"]::-moz-range-thumb:hover {
	background: var(--midnight);
}

.loan-calculator form .form-field .interest-rate-display {
	align-items: center;
	color: var(--earth);
	flex-shrink: 0;
	font-size: calc(17rem / 16);
	font-weight: 500;
	justify-content: flex-end;
	text-align: right;
	width: 70px;
}

/*** Savings Calculator ***/

.savings-calculator .green-bkg {
	color: var(--earth);
}

.savings-calculator form .form-field .tooltip {
	background-color: var(--earth);
}

.savings-calculator form .form-field:hover .tooltip,
.savings-calculator form .form-field:focus-within .tooltip {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

.savings-calculator form .form-field:has(input) {
	grid-column: 2 / span 5;
}

.savings-calculator form .form-field:has(select) {
	grid-column: 7 / span 5;
}

.savings-calculator form .error-notice {
	color: var(--sunshine);
	grid-column: 1 / -1;
	text-align: center;
	width: 100%;
}

.savings-calculator form button[type="submit"].btn:disabled,
.savings-calculator form button[type="submit"].btn:disabled:hover {
	background: var(--off-white);
	box-shadow: inset 0 0 0 1px var(--winter-green);
	color: rgba(11, 35, 4, .5);
	cursor: default;
}

.savings-calculator form button[type="submit"].btn:disabled:before {
	display: none;
}

.savings-calculator .results {
	text-align: center;
}

.savings-calculator .results ul.comparison {
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-small);
}

.savings-calculator .results .rate-column {
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-small);
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	min-width: 240px;
	padding: var(--text-spacing-small);
}

.savings-calculator .results .rate-column.account {
	background: var(--winter-green);
	border-color: var(--green-primary);
	border-width: 2px;
	padding-bottom: calc(var(--text-spacing-small) + var(--text-spacing-xsmall));
	padding-top: calc(var(--text-spacing-small) + var(--text-spacing-xsmall));
	position: relative;
}

.savings-calculator .results .rate-column.account .pill {
	left: 50%;
	margin: 0;
	position: absolute;
	top: 0;
	transform: translate(-50%, -50%);
}

.savings-calculator .results .rate-column .eyebrow {
	margin: 0 auto var(--text-spacing-xxsmall);
	text-transform: uppercase;
}

.savings-calculator .results .rate-column .apy {
	color: rgba(11, 35, 4, .8);
	font-size: calc(15rem / 16);
	margin: 0 0 var(--text-spacing-small);
}

.savings-calculator .results .rate-column .apy sup {
	font-size: 70%;
	margin-left: 2px;
	top: -0.31em;
}

.savings-calculator .results .rate-column .label {
	color: rgba(11, 35, 4, .8);
	margin: 0 0 var(--text-spacing-xxsmall);
}

.savings-calculator .results .rate-column .heading-3 {
	margin: 0;
}

.savings-calculator .results .rate-column.account .heading-3 {
	color: var(--green-dark);
}

.savings-calculator .results .rate-column .total {
	color: rgba(11, 35, 4, .8);
	margin: var(--text-spacing-xxsmall) 0 0;
}

.savings-calculator .results .comparison-note {
	color: var(--green-dark);
	font-family: var(--heading-font);
	font-size: calc(24rem / 16);
	font-weight: 600;
	line-height: calc(34 / 24);
	margin: var(--text-spacing-medium) 0 0;
}

.savings-calculator .results .comparison-note.hidden {
	display: none;
}

.savings-calculator .results .disclosure {
	color: rgba(11, 35, 4, .8);
	margin: var(--text-spacing-small) 0 0;
}

.savings-calculator .results .buttons {
	gap: var(--text-spacing-xsmall);
	justify-content: center;
	margin: var(--text-spacing-small) 0 0;
}

.savings-calculator .results .buttons .btn {
	margin: 0;
}

.savings-calculator .results .login-cta {
	margin: var(--text-spacing-small) 0 0;
	text-align: center;
}

.savings-calculator .results .login-cta .btn {
	display: inline-flex;
	font-weight: 400;
}

/***Jump Nav***/

.builder-module:not(:last-of-type).jump-nav {
	margin-bottom: 100px;
}

.jump-nav .scroll-shadow {
	background: linear-gradient(to right, transparent, #0B23041A);
	border-radius: 0 30px 30px 0;
	display: block;
	height: 44px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: var(--container-outer-padding);
	top: 0;
	transition: opacity 0.25s ease;
	width: 40px;
	z-index: 3;
}

.jump-nav ul {
	background: var(--white);
	border-radius: 30px;
	box-shadow: 0px 6px 26px 0px #00000014;
	display: flex;
	list-style: none;
	margin: 0 auto;
	max-width: max-content;
	overflow: auto;
	padding: 0;
	/* transition: width 0.25s ease; */
	width: calc(100vw - (2 * var(--container-outer-padding)));
	z-index: 3;
	/*Hide Scrollbar*/
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.jump-nav ul::-webkit-scrollbar {
	display: none;
}

.jump-nav li {
	display: flex;
}

.jump-nav a {
	align-items: center;
	background: var(--white);
	color: var(--green-dark);
	display: flex;
	font: 700 calc(9rem / 16)/calc(12 / 9) var(--body-font);
	justify-content: center;
	letter-spacing: 1.4px;
	padding: var(--text-spacing-xsmall) var(--text-spacing-small);
	position: relative;
	text-transform: uppercase;
	transition: all 0.25s ease;
	width: 100%;
}

.jump-nav a:not(.current-section):hover {
	color: var(--green-primary);
}

.jump-nav li:not(:first-child) a:before {
	background: var(--green-dark);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0.1;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 1px;
}

.jump-nav a.current-section {
	background: var(--green-dark);
	color: var(--white);
}

/* Dark Green */

.jump-nav.dark-green .scroll-shadow {
	background: linear-gradient(to right, transparent, rgb(255 255 255 / 40%));
}

.jump-nav.dark-green ul {
	background: var(--green-dark);
}

.jump-nav.dark-green a {
	background: var(--green-dark);
	color: var(--white);
}

.jump-nav.dark-green li:not(:first-child) a:before {
	background: var(--white);
}

/* Midnight */

.jump-nav.midnight .scroll-shadow {
	background: linear-gradient(to right, transparent, rgb(255 255 255 / 30%));
}

.jump-nav.midnight ul {
	background: var(--midnight);
}

.jump-nav.midnight a {
	background: var(--midnight);
	color: var(--white);
}

.jump-nav.midnight li:not(:first-child) a:before {
	background: var(--white);
}

.jump-nav.midnight a:not(.current-section):hover {
	color: var(--lavender);
}

/***************************************************************************************************************************************************************************************/

/*ABOUT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.text-hero {
	display: flex;
	flex-direction: column;
	padding: 100px 0;
}

.text-hero h1 {
	margin: auto;
}

/***Intro***/

.intro-block {
	padding: 100px 0;
}

.intro-block:before {
	background-image: url('svgs/watermark-lavender.svg');
	background-position: calc(100% + 73px) center;
	background-repeat: no-repeat;
	background-size: 1010px auto;
	max-width: none;
	width: calc(100vw - var(--container-outer-margin));
}

.intro-block article {
	grid-column: span 10;
}

.intro-block h2 {
	margin-bottom: 24px;
}

.intro-block p {
	color: var(--white);
	margin: 0;
}

/***Text Block***/

.text-block {
	text-align: center;
}

.text-block article {
	grid-column: 3 / span 8;
}

.text-block p {
	margin: 0;
}

/***Diversity***/

.diversity-block {
	padding: 80px 0;
}

.diversity-block h2 {
	grid-column: span 5;
	padding-left: var(--edge-offset);
}

.diversity-block article {
	grid-column: 7 / span 6;
	padding-right: var(--edge-offset);
}

.diversity-block .add-margin {
	margin-top: 52px;
}

.diversity-block p.heading-4 {
	margin-bottom: 8px;
}

.diversity-block p.large {
	margin: 0;
}

/***-Events***/

.events.dark {
	background: var(--midnight);
	color: var(--white);
	padding: 80px 0;
}

.events.dark article {
	grid-column: 1 / -1;
	text-align: center;
}

.events.dark article h2 {
	margin-bottom: 10px;
}

.events.dark li {
	border-color: rgba(248,251,250,.1);
}

.events.dark .pill {
	background: rgba(155,171,255,.5);
}

.page-template-page-about .events .btn {
	width: max-content;
}

/***Benefits***/

.benefits-block article {
	grid-column: span 4;
}

.benefits-block article p {
	margin-bottom: 60px;
}

.benefits-block ul {
	gap: 60px var(--gap);
	grid-column: span 8;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 0;
	padding: 0 0 0 63px;
}

.benefits-block li img {
	display: block;
	height: 52px;
	margin-bottom: 20px;
	width: auto;
}

.benefits-block li h4 {
	margin-bottom: 10px;
}

.benefits-block li p {
	margin: 0;
}

/*** Newsletter Signup ***/

#newsletter-signup {
	margin-top: 80px;
	overflow-x: clip;
}

#newsletter-signup form {
	background-color: unset !important;
	font-family: inherit !important;
	max-width: unset;
	padding: 0;
}

#newsletter-signup .container form::before {
	background-image: url('svgs/watermark-green.svg');
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -6px;
	content: '';
	filter: grayscale(100%);
	height: 274px;
	opacity: .5;
	position: absolute;
	right: -162px;
	width: 432px;
	z-index: -1;
}

#newsletter-signup form ._form-content {
	display: grid;
	grid-template-areas:
		'heading 		firstname	lastname'
		'subheading		email 		email'
		'subheading 	submit 		submit';
}

#newsletter-signup ._form-content > div:has(._form-title) {
	grid-area: heading;
}

#newsletter-signup ._form-content > div:has(._html-code) {
	grid-area: subheading;
}

#newsletter-signup ._form-content > div:has(#firstname) {
	grid-area: firstname;
}

#newsletter-signup ._form-content > div:has(#lastname) {
	grid-area: lastname;
}

#newsletter-signup ._form-content > div:has(#email) {
	grid-area: email;
}

#newsletter-signup ._form-content > ._button-wrapper {
	grid-area: submit;
}

#newsletter-signup ._form-content > div:has(._form-title),
#newsletter-signup ._form-content > div:has(._html-code) {
	max-width: 500px;
	padding-right: 40px;
}

#newsletter-signup ._form-content > div:has(#firstname),
#newsletter-signup ._form-content > div:has(#lastname),
#newsletter-signup ._form-content > div:has(#email) {
	margin: 20px 0 0;
}

#newsletter-signup ._form-content > div:has(#firstname) {
	width: calc(100% - 10px);
}

#newsletter-signup ._form-content > div:has(#lastname) {
	margin-left: 10px;
	width: calc(100% - 10px);
}

#newsletter-signup form._inline-form ._form-title {
	color: var(--earth);
	font-family: var(--heading-font);
	font-size: calc(44rem/16);
	font-weight: 800;
	letter-spacing: -.1px;
	line-height: calc(60/44);
	margin: 0;
}

#newsletter-signup form._inline-form ._form-label,
#newsletter-signup form._inline-form ._form-content,
#newsletter-signup form._inline-form ._html-code p {
	font-family: var(--body-font);
}

#newsletter-signup form._inline-form ._form-content {
	font-size: calc(13rem/16);
	line-height: calc(22/13);
}

#newsletter-signup form._inline-form ._form-label {
	color: var(--twilight) !important;
	font-size: calc(10rem/16);
	font-weight: 500;
	left: 20px;
	line-height: normal;
	margin: 0;
	position: absolute;
	top: 2px;
	transform: none;
	z-index: 1;
}

#newsletter-signup form input[type="text"],
#newsletter-signup form input[type="tel"],
#newsletter-signup form input[type="date"],
#newsletter-signup form input[type="email"],
#newsletter-signup form select,
#newsletter-signup form textarea {
	border: 1px solid #DFEAE8;
	border-radius: var(--radius-small);
	color: var(--midnight) !important;
	font-family: inherit;
	font-size: calc(13rem/16);
	height: 48px;
	padding: 18px 20px 0;
	width: 100%;
}

#newsletter-signup form input[type="text"]:focus,
#newsletter-signup form input[type="tel"]:focus,
#newsletter-signup form input[type="date"]:focus,
#newsletter-signup form input[type="email"]:focus,
#newsletter-signup form select:focus,
#newsletter-signup form textarea:focus {
	border-color: var(--twilight);
	outline: none;
}

#newsletter-signup form._inline-form ._html-code p {
	color: var(--earth);
	font-size: calc(18rem/16);
	line-height: calc(32/18);
	margin: 0;
}

#newsletter-signup form._inline-form ._submit {
	background: linear-gradient(270deg, var(--green-primary) 1%, #128057 99%) !important;
	border: none !important;
	border-radius: var(--radius-small) !important;
	color: var(--white) !important;
	display: block;
	font: 500 calc(14rem/16)/calc(20/14) var(--body-font);
	font-family: inherit;
	overflow: hidden;
	padding: 14px 57px 14px 32px !important;
	position: relative;
	text-align: center;
	transition: all .25s ease;
	width: max-content;
	z-index: 2;
}

#newsletter-signup form._inline-form ._submit::before {
	background: var(--green-primary)  !important;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all .25s ease;
	width: 100%;
	z-index: -1;
}

#newsletter-signup form._inline-form ._submit:focus::before,
#newsletter-signup form._inline-form ._submit:hover::before {
	opacity: 1;
}

#newsletter-signup form._inline-form ._submit::after {
	background-image: url(svgs/small-arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 10.5px;
	position: absolute;
	right: 32px;
	top: 50%;
	translate: 0 -50%;
	width: 15px;
}

#newsletter-signup form ._error {

}

/***************************************************************************************************************************************************************************************/

/*PRESS PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***News***/

.page-template-page-press .featured-news {
	margin-top: calc(var(--header-offset) * -1);
	padding-top: 224px;
	position: relative;
	z-index: 2;
}

.page-template-page-press .featured-news:before {
	background: var(--winter-green);
	content: '';
	height: calc(100% - var(--module-spacing));
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.page-template-page-press .featured-news h2 {
	margin-bottom: 100px;
}

.featured-news .container > .btn.primary {
	margin: 60px auto 0;
}

/***Press Releases***/

.press-releases h2 {
	grid-column: span 3;
}

.press-releases ul {
	display: flex;
	flex-direction: column;
	gap: 60px;
	grid-column: 5 / span 7;
	list-style: none;
	margin: 0;
	padding: 0;
}

.press-releases h3 {
	margin-bottom: 6px;
}

.press-releases p.small {
	margin-bottom: 16px;
	opacity: .5;
}

.press-releases .container {
	row-gap: 60px;
}

.press-releases .container > .btn.primary {
	grid-column: 5 / span 7;
}

/***************************************************************************************************************************************************************************************/

/*TEAM PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.short-hero {
	height: auto;
	max-height: none;
	min-height: 0;
	padding: 120px 0;
}

/***Team Groups***/

.multi-team-members h2.heading-4 {
	border-bottom: var(--border);
	margin-bottom: 80px;
	padding-bottom: 16px;
	text-align: left;
}

/***Careers***/

.careers img {
	border-radius: var(--radius-large);
	grid-column: span 6;
	margin-left: calc(var(--edge-offset) * -1);
	width: calc(100% - var(--edge-offset));
}

.careers article {
	align-self: center;
	grid-column: span 6;
}

.careers h3 {
	margin-bottom: 24px;
}

.careers ul {
	gap: 14px 60px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 0 0 48px;
	padding: 0;
}

.careers li {
	border-bottom: var(--border);
	padding-bottom: 14px;
}

/***************************************************************************************************************************************************************************************/

/*FAQ ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.faq-hero {
	padding: 100px 0;
}

.faq-hero:before {
	background-image: url('svgs/watermark-earth.svg');
	background-position: calc(100% + 60px) calc(100% + 60px);
	background-repeat: no-repeat;
	background-size: 419px auto;
}

.faq-hero h1 {
	grid-column: 1 / -1;
	text-align: center;
}

/*Search*/

.faq-hero form {
	grid-column: 4 / span 6;
	position: relative;
}

.faq-hero input[type="text"] {
	border: 1px solid #DFEAE8;
	padding-top: 0 !important;
}

.faq-hero button {
	background: none;
	border: none;
	color: var(--green-dark);
	height: 48px;
	margin: 0;
	padding: 0;
	padding-top: 2px;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
}

.faq-hero button:hover {
	color: var(--green-primary);
}

/***FAQ Listings***/

.faqs-listings {
	padding-top: 60px;
}

.faqs-listings ul:not(.category-bar) {
	display: flex;
	flex-direction: column;
	gap: 30px;
	list-style: none;
	margin: 40px 0 80px;
	padding: 0;
}

.search-results .faqs-listings ul {
	margin-top: 0;
}

/* .search-results .faqs-listings h2.pill,
.search-results .faqs-listings ul:not(.category-bar) {

} */

.search-results .faqs-listings h2.pill.hide,
.search-results .faqs-listings ul:not(.category-bar).hide {
	display: none;
}

.search-results .faqs-listings h2 + ul:not(.category-bar) {
	margin-top: 40px;
}

.faqs-listings li:not(.cat-item) {
	border-bottom: var(--border);
	padding-bottom: 30px;
}

.faqs-listings a:not(.cat-link) {
	display: block;
	padding-right: 80px;
	position: relative;
}

.faqs-listings .arrow-link {
	position: absolute;
	right: 0;
	top: -9px;
}

/***************************************************************************************************************************************************************************************/

/*FAQ SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.faq-single-hero {
	background: var(--winter-green);
	margin-top: calc(var(--header-offset) * -1);
	padding: 224px 0 100px;
}

.faq-single-hero article {
	grid-column: 2 / span 10;
}

.faq-single-hero h1 {
	margin-bottom: 20px;
}

.faq-single-hero .btn,
.blog-single-hero .btn,
header #back-to-main-nav {
	height: 20px;
	padding-left: 26px;
	position: relative;
}

.faq-single-hero .btn,
.blog-single-hero .btn {
	display: inline-block;
}

.faq-single-hero .btn svg,
.blog-single-hero .btn svg,
header #back-to-main-nav svg {
	left: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: scale(-1,1) translateY(-50%);
}

.faq-single-hero .btn:hover svg,
.blog-single-hero .btn:hover svg,
header #back-to-main-nav:hover svg {
	transform: translateX(-5px) scale(-1,1) translateY(-50%);
}

/***************************************************************************************************************************************************************************************/

/*NEWS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-news .featured-news {
	margin-top: calc(var(--header-offset)*-1);
	padding-top: 224px;
	position: relative;
	z-index: 2;
}

.page-template-page-news .featured-news:before {
	background: var(--winter-green);
	content: '';
	height: calc(100% - var(--module-spacing));
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.page-template-page-news .featured-news h1 {
	margin-bottom: 100px;
}


/***************************************************************************************************************************************************************************************/

/*PRESS RELEASES ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.press-releases-hero {
	padding: 100px 0;
}

.press-releases-hero:before {
	background-image: url('svgs/watermark-earth.svg');
	background-position: calc(100% + 60px) calc(100% + 60px);
	background-repeat: no-repeat;
	background-size: 419px auto;
}

.press-releases-hero h1 {
	grid-column: 1 / -1;
	text-align: center;
}

.press-releases-hero + .press-releases {
	padding-top: 100px;
}

/***Listings***/

.post-type-archive-press-releases .press-releases ul {
	grid-column: 3 / span 8;
}


/***************************************************************************************************************************************************************************************/

/*BLOG ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.blog-hero {
	padding: 120px 0;
}

.blog-hero h1 {
	margin-bottom: 80px;
	text-align: center;
}

/*Featured Post*/

.blog-hero .featured-post {
	padding: 80px 0;
}

.blog-hero .featured-post article {
	grid-column: span 6;
}

.blog-hero .featured-post ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}

.blog-hero .featured-post h2 {
	margin-bottom: 10px;
}

.blog-hero .featured-post p.large {
	margin-bottom: 20px;
}

.blog-hero .featured-post p.small {
	margin-bottom: 48px;
}

.blog-hero .featured-post p.small span {
	color: var(--green-primary);
	font-weight: bold;
}

.blog-hero .featured-post .img-link {
	grid-column: span 6;
	transition: all 0.25s ease;
}

.blog-hero .featured-post .img-link:hover {
	opacity: 0.6;
}

.blog-hero .featured-post img {
	aspect-ratio: 289 / 186;
	border-radius: var(--radius-large);
	object-fit: cover;
}

/***Post Listings***/

/*Category Bar*/

.category-bar {
	gap: 12px;
	justify-content: flex-start;
	list-style: none;
	margin: 0 0 60px;
	padding: 0;
}

.category-bar > li {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.category-bar > li .children {
	margin: 0;
}

/*Loop*/

.posts-listings .grid,
.posts-listings li ul,
.post-builder-related .category-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.posts-listings li,
.post-builder-related .box {
	grid-column: span 4;
	padding: 0;
}

.posts-listings li img,
.post-builder-related .box img {
	aspect-ratio: 373 / 240;
	border-radius: var(--radius-small) var(--radius-small) 0 0;
	object-fit: cover;
	width: 100%;
}

.posts-listings li article,
.post-builder-related .box article {
	padding: 30px 36px 48px;
}

.posts-listings li ul,
.post-builder-related .category-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.posts-listings li h3 {
	margin-bottom: 12px;
}

.posts-listings li p {
	opacity: .5;
}

/*Pagination*/

.wp-pagenavi {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 100px;
	position: relative;
}

.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink),
.wp-pagenavi .current {
	align-items: center;
	display: flex;
	font-size: calc(11rem/16);
	font-weight: 700;
	height: 22px;
	justify-content: center;
	line-height: calc(14/11);
	width: 22px;
}

.wp-pagenavi .current {
	background: var(--winter-green);
	border-radius: 5px;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	font-size: calc(14rem/16);
	font-weight: 500;
	line-height: calc(20/14);
	position: absolute;
}

.wp-pagenavi .previouspostslink {
	left: 0;
	padding-left: 26px;
}

.wp-pagenavi .nextpostslink {
	padding-right: 26px;
	right: 0;
}

.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:after {
	background: url('svgs/small-arrow-green.svg') no-repeat;
	background-size: 18px auto;
	content: '';
	height: 18px;
	margin: 0;
	position: absolute;
	top: 3px;
	transition: all .25s ease;
	width: 18px;
}

.wp-pagenavi .previouspostslink:before {
	left: 0;
	transform: scale(-1,1);
}

.wp-pagenavi .nextpostslink:after  {
	right: 0;
}

.wp-pagenavi .previouspostslink:hover::before {
	transform: translateX(-5px) scale(-1,1);
}

.wp-pagenavi .nextpostslink:hover::after {
	transform: translateX(5px);
}


/***************************************************************************************************************************************************************************************/

/*BLOG SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.blog-single-hero {
	margin-top: calc(var(--header-offset) * -1);
	padding: 244px 0 120px;
	position: relative;
	text-align: center;
	z-index: 2;
}

.blog-single-hero:before {
	background: var(--winter-green);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.blog-single-hero .btn {
	left: 50px;
	position: absolute;
	top: 114px;
}

.blog-single-hero article {
	grid-column: 2 / span 10;
}

.blog-single-hero .category-list,
.share-post {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-single-hero .category-list {
	gap: 10px;
	justify-content: center;
	margin-bottom: 20px;
}

.blog-single-hero h1 {
	margin-bottom: 8px;
}

.blog-single-hero p {
	margin-bottom: 40px;
}

.blog-single-hero p span,
.page-content .ending p span {
	color: var(--green-primary);
	font-weight: bold;
}

.share-post {
	align-items: center;
	gap: 30px;
	justify-content: center;
}

.share-post a {
	color: var(--green-dark);
	font-size: calc(18rem/16);
}

.share-post a:hover {
	color: var(--green-primary);
}

/*W/ Featured Image*/

.blog-single-hero.has-thumbnail {
	margin-bottom: -30px;
	padding-bottom: 0;
}

.blog-single-hero.has-thumbnail:before {
	height: calc(100% - 252px);
}

.blog-single-hero .wp-post-image {
	aspect-ratio: 14/9;
	border-radius: var(--radius-large);
	grid-column: 3 / span 8;
	margin-top: 20px;
	object-fit: cover;
	width: 100%;
}

/***Post Content***/

.single-post .page-content {
	padding-bottom: 120px;
}

.single-post .page-content ul > li > ul,
.single-post .page-content ol > li > ol {
	margin-bottom: 0;
}

.page-content .sticky-share {
	flex-direction: column;
	gap: 24px;
	left: calc(100% - 36px);
	line-height: 0;
	margin-bottom: -162px;
	position: sticky;
	top: 120px;
	width: 18px;
	z-index: 2;
}

.page-content blockquote {
	border-left: 5px solid var(--green-primary);
	margin: 60px 0;
	padding: 0 0 0 60px;
}

.page-content article a,
.builder-module p > a {
	color: var(--green-primary);
	font-weight: bold;
}

.page-content article a:hover,
.builder-module p > a:hover {
	color: var(--green-dark);
}

.single-post .page-content article a:not([class]),
.single-post .page-content article a.exitNotifierLink,
.single-post .content-styles a:not([class]),
.single-post .content-styles a.exitNotifierLink {
	font-weight: 400;
}

.page-content .ending {
	align-items: center;
	border-top: var(--border);
	grid-column: 3 / span 8;
	margin-top: -12px;
	padding-top: 21px;
}

.page-content .ending .pill {
	display: inline-block;
	margin: 4px 8px 4px 0;
	vertical-align: middle;
}

.page-content .ending .pill:last-of-type {
	margin-right: 0;
}

.page-content .ending p {
	margin: 0;
}

.page-content .related-stories {
	grid-column: span 12;
}

/***Related Stories***/

.related-stories h2 {
	margin-bottom: 60px;
	text-align: center;
}

/***************************************************************************************************************************************************************************************/

/*BLOG SINGLE - POST BUILDER STYLES*/

/***************************************************************************************************************************************************************************************/

main:has(.post-builder) + footer {
	margin-top: var(--module-spacing-large);
}

/***Hero***/

.post-builder-hero {
	padding: 10px 0 112px;
	position: relative;
}

.post-builder-hero:before {
	background: var(--winter-green);
	bottom: 0;
	content: '';
	height: calc(100% + 105px);
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}

/*Breadcrumbs*/

.post-builder-hero .breadcrumbs {
	display: flex;
	gap: var(--text-spacing-xxsmall);
	grid-column: 1 / -1;
	margin: 0 0 var(--text-spacing-large);
}

.post-builder-hero .breadcrumbs a,
.post-builder-hero .breadcrumbs .separator {
	font-size: calc(13rem / 16);
	font-weight: 400;
}

.post-builder-hero .breadcrumbs a:first-child:not(:hover) {
	color: var(--green-dark);
}

/*Text Content*/

.post-builder-hero article {
	grid-column: 1 / span 7;
}

.post-builder-hero .category-list {
	display: flex;
	gap: var(--text-spacing-xxsmall);
	list-style: none;
	margin: 0 0 var(--text-spacing-small);
	padding: 0;
}

.post-builder-hero .author-container {
	align-items: center;
	display: flex;
	font-size: calc(14rem / 16);
	gap: var(--text-spacing-xxsmall);
	line-height: calc(22 / 14);
	margin: var(--text-spacing-medium) 0 0;
}

.post-builder-hero .author-container .headshot {
	height: auto;
	min-width: 26px;
	width: 26px;
}

.post-builder-hero .author-container .headshot img {
	height: auto;
	object-fit: contain;
	width: 100%;
}

.post-builder-hero .author,
.post-builder-hero .author .name-container {
	align-items: center;
	display: flex;
}

.post-builder-hero .author {
	flex-wrap: wrap;
	gap: 4px 0;
}

.post-builder-hero .author .name-container ~ .date-container.hide-first-separator {
	padding-right: 21px;
}

.post-builder-hero .author .name-container {
	gap: 4px;
}

.post-builder-hero .author .name {
	color: var(--green-dark);
	font-weight: 700;
}

.post-builder-hero .author-container .date-container {
	display: flex;
}

.post-builder-hero .author-container .date {
	opacity: 0.7;
	padding: 0 0 0 21px;
	position: relative;
}

.post-builder-hero .author-container .date:before {
	background: var(--earth);
	content: '';
	height: 15px;
	left: 10px;
	position: absolute;
	top: calc(50% + 1px);
	translate: 0 -50%;
	width: 1px;
}

.post-builder-hero .author-container .date-container.hide-first-separator .date:first-child {
	padding: 0;
}

.post-builder-hero .author-container .date-container.hide-first-separator .date:first-child:before {
	display: none;
}

/*Image*/

.post-builder-hero .image-container {
	aspect-ratio: 540 / 350;
	border-radius: var(--radius-large);
	grid-column: 8 / -1;
	height: auto;
	overflow: hidden;
	position: relative;
	width: calc(100% + var(--module-spacing-small));
}

.post-builder-hero .image-container img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/***Post Content***/

.post-builder-content {
	margin: var(--module-spacing-medium) 0 var(--module-spacing-large);
}

/***Sticky Share***/

.post-builder-content .sticky-share {
	grid-column: 1;
	height: 100%;
	left: -36px;
	position: relative;
	width: 36px;
}

.post-builder-content .sticky-share ul {
	align-items: center;
	display: flex;
	flex-direction: column;
	font-size: calc(18rem / 16);
	gap: var(--text-spacing-small);
	left: 0;
	line-height: calc(20 / 18);
	list-style: none;
	margin: 0;
	padding: 0;
	position: sticky;
	top: 120px;
}

.post-builder-content .sticky-share .eyebrow {
	color: var(--earth);
	opacity: 0.7;
	text-transform: uppercase;
}

.post-builder-content .sticky-share a {
	color: var(--green-dark);
}

.post-builder-content .sticky-share a:hover {
	color: var(--green-primary);
}

/***Post Builder***/

.post-builder {
	grid-column: 2 / span 8;
}

/*CTA*/

.post-builder .post-cta {
	border-radius: var(--radius-small);
	margin: var(--text-spacing-small) 0 0;
	overflow: hidden;
	position: relative;
}

.post-builder .post-cta .cta-container {
	background: var(--winter-green);
	color: var(--earth);
	display: flex;
}

.post-builder .post-cta .content-styles {
	margin: 5px 0 0;
}

.post-builder .post-cta .btn {
	display: block;
	margin: var(--text-spacing-xsmall) 0 0;
}

/*CTA - Style 1*/

.post-builder .post-cta.style1 .cta-container {
	padding-left: calc(219 / 784 * 100%);
	position: relative;
}

.post-builder .post-cta.style1 .image-container {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: calc(219 / 784 * 100%);
}

.post-builder .post-cta.style1 .image-container img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.post-builder .post-cta.style1 article {
	padding: var(--text-spacing-small) var(--text-spacing-medium);
	width: 100%;
}

.post-builder .post-cta.style1 .btn.secondary {
	pointer-events: none;
}

.post-builder .post-cta.style1 a:hover .btn.secondary svg {
	transform: translateX(5px);
}

/*CTA - Style 2*/

.post-builder .post-cta.style2 .cta-container {
	gap: var(--text-spacing-small);
	padding: var(--text-spacing-small) var(--text-spacing-medium);
}

.post-builder .post-cta.style2 .image-container {
	width: calc(120 / 720 * 100%);
}

.post-builder .post-cta.style2 article {
	width: calc((600 - 24) / 720 * 100%);
}

.post-builder .post-cta .two-column-list {
	display: grid;
	gap: 8px 24px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: var(--text-spacing-xsmall) 0 0;
	padding: 0;
}

.post-builder .post-cta .two-column-list li {
	padding: 0 0 0 20px;
	position: relative;
}

.post-builder .post-cta .two-column-list li:before {
	aspect-ratio: 1;
	background: var(--green-primary);
	border-radius: 100%;
	content: '';
	height: auto;
	left: 8px;
	position: absolute;
	top: 8px;
	width: 4px;
}

.post-builder .post-cta .btn.primary {
	padding: 13px 16px 13px 24px;
}

/*Highlight*/

.post-module.highlight {
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	margin: var(--text-spacing-large) 0 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.post-module.highlight h3 {
	background: #9BABFF40;
	padding: 9px var(--text-spacing-xxlarge) 9px var(--text-spacing-medium);
	position: relative;
}

.post-module.highlight .icon-container {
	align-items: center;
	aspect-ratio: 1;
	background: var(--twilight);
	border-radius: 100%;
	display: flex;
	height: auto;
	justify-content: center;
	position: absolute;
	right: 16px;
	top: 8px;
	width: 24px;
}

.post-module.highlight .icon-container img {
	height: 10px;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

.post-module.highlight .content-styles {
	background: var(--white);
	padding: var(--text-spacing-xsmall) var(--text-spacing-medium) var(--text-spacing-small);
}

.post-module.highlight .content-styles.xsmall-text ul,
.post-module.highlight .content-styles.xsmall-text ol {
	padding: 0 0 0 var(--text-spacing-xxsmall);
}

/*FAQs*/

.post-module.post-faqs {
	border-radius: var(--radius-small);
	margin: var(--text-spacing-large) 0 0;
	padding: var(--text-spacing-medium);
}

.post-module.post-faqs.lavender {
	background: #9BABFF40;
}

.post-module.post-faqs.winter-green {
	background: var(--winter-green);
}

.post-module.post-faqs.white {
	background: var(--white);
	border: var(--border);
}

.post-faqs > h3 {
	font-weight: 800;
	margin: 0 0 var(--text-spacing-xsmall);
}

.post-faqs .accordions-container {
	gap: 0;
}

.post-faqs .accordions-container > li,
.post-faqs .accordions-container > li:before,
.post-faqs .accordion-button,
.post-faqs .accordion-content {
	width: 100%;
}

.post-faqs .accordions-container > li:last-child:before {
	display: none;
}

.post-faqs .accordion-button {
	background: none;
	padding: var(--text-spacing-xsmall) 44px var(--text-spacing-xsmall) 0;
}

.post-faqs .accordion-button svg {
	width: 28px;
}

.post-faqs .accordion-button:not(:hover):not(.active) svg rect {
	fill: var(--white);
}

.post-faqs .accordion-content {
	padding: 0 44px 0 0;
}

.post-faqs .accordion-content > :last-child,
.post-faqs .accordion-content .faq-content {
	margin: 0 0 var(--text-spacing-small);
}

/*Key Takeaways*/

.post-module.post-key-takeaways {
	border-radius: var(--radius-small);
	margin: var(--text-spacing-large) 0 0;
	padding: var(--text-spacing-medium);
}

.post-module.post-key-takeaways.lavender {
	background: #9BABFF40;
}

.post-module.post-key-takeaways.winter-green {
	background: var(--winter-green);
}

.post-module.post-key-takeaways.white {
	background: var(--white);
	border: var(--border);
}

.post-key-takeaways > h3 {
	align-items: center;
	display: flex;
	gap: 12px;
	margin: 0 0 var(--text-spacing-xsmall);
}

.post-key-takeaways .icon-container {
	flex: 0 0 auto;
	width: 32px;
}

.post-key-takeaways .icon-container img {
	display: block;
	height: auto;
	width: 100%;
}

.post-key-takeaways .takeaways-list {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-xxsmall);
	list-style: none;
	margin: 0;
	padding: 0;
}

.post-key-takeaways .takeaways-list li {
	padding: 0 0 0 20px;
	position: relative;
}

.post-key-takeaways .takeaways-list li:before {
	aspect-ratio: 1;
	background: var(--green-primary);
	border-radius: 100%;
	content: '';
	left: 8px;
	position: absolute;
	top: 8px;
	width: 4px;
}

.post-key-takeaways.lavender .takeaways-list li:before {
	background: var(--twilight);
}

/*Table*/

.post-module.table {
	margin: var(--text-spacing-large) 0 0;
}

.post-module.table .table-wrapper {
	position: relative;
	width: 100%;
}

.post-module.table table {
	width: 100%;
}

.post-module.table th,
.post-module.table td {
	font-size: calc(12rem / 16);
	line-height: calc(20 / 12);
	padding: var(--text-spacing-xxsmall);
	position: relative;
	text-align: center;
	/*width: calc(172 / 784 * 100%);*/
	vertical-align: middle;
}

.post-module.table .row-heading span {
	display: block;
}

.post-module.table .row-heading
.post-module.table tbody td {
	padding: 12px var(--text-spacing-xxsmall);
	position: relative;
}

.post-module.table tbody tr:nth-child(odd) td:before,
.post-module.table .column-header:not(:empty):after {
	background: var(--winter-green);
	content: '';
	height: calc(100% - 4px);
	left: 0;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	width: 100%;
	z-index: -1;
}

.post-module.table tbody tr:nth-child(odd) td.row-heading:before {
	border-radius: 8px 0 0 8px;
}

.post-module.table tbody tr:nth-child(odd) td:last-child:before {
	border-radius: 0 8px 8px 0;
}

.post-module.table .column-header:not(:empty):after {
	background-color: #74ad9520;
	height: 100%;
}

/*.post-module.table .column-header:not(:empty):first-child:after {
	left: 12px;
	width: calc(100% - 12px);
}

.post-module.table .column-header:not(:empty):last-child:after {
	width: calc(100% - 12px);
	right: 12px;
}*/

.post-module.table thead th.column-header:not(:empty):after {
	border-radius: 8px 8px 0 0;
	bottom: 0;
	height: calc(100% + 6px);
	top: unset;
	translate: none;
}

.post-module.table tbody tr:last-child td.column-header:not(:empty):after {
	border-radius: 0 0 8px 8px;
}

.post-module.table .row-heading {
	font-weight: 700;
}

.post-module.table:not(.align-center) .row-heading,
.post-module.table.align-left tr > :first-child {
	padding-left: var(--text-spacing-small);
	text-align: left;
	vertical-align: middle;
	/*width: calc(251 / 784 * 100%);*/
}

.post-module.table .row-heading:empty {
	width: auto;
}

.post-module.table tr > :last-child {
	padding-right: var(--text-spacing-small);
	/*width: calc(189 / 784 * 100%);*/
}

.post-module.table .column-heading,
.page-content table thead th {
	font-size: calc(8rem / 16);
	font-weight: 700;
	letter-spacing: 1.4px;
	line-height: calc(10 / 8);
	text-transform: uppercase;
}

.post-module.table .column-heading span,
.page-content table thead th span {
	background: var(--green-dark);
	border-radius: 4px;
	color: var(--white);
	display: inline-block;
	padding: 5px 12px;
	text-align: center;
	vertical-align: 2px;
}

.post-module.table td svg {
	vertical-align: middle;
}

.post-module.table.align-left th,
.post-module.table.align-left th span,
.post-module.table.align-left td,
.post-module.table.align-left td span {
	text-align: left !important;
}

.post-module.table.align-center th,
.post-module.table.align-center th span,
.post-module.table.align-center td,
.post-module.table.align-center td span {
	text-align: center !important;
}

.post-module.table.first-column-narrow table,
.post-module.table.first-column-wide table,
.post-module.table.first-column-equal table {
	table-layout: fixed;
}

.post-module.table.first-column-narrow tr > :first-child {
	width: 16%;
}

.post-module.table.first-column-wide tr > :first-child {
	width: 40%;
}

/*Testimonial*/

.post-module.testimonial {
	align-items: center;
	background: var(--winter-green);
	border-radius: var(--radius-small);
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-xsmall);
	margin: var(--text-spacing-large) 0 0;
	padding: var(--text-spacing-medium) var(--text-spacing-xxlarge);
	text-align: center;
}

.post-module.testimonial svg {
	aspect-ratio: 49 / 36;
	height: auto;
	width: 49px;
}

.post-module.testimonial path {
	fill: var(--green-dark);
}

.post-module.testimonial blockquote {
	font-size: calc(16rem / 16);
	font-weight: 400;
	line-height: calc(28 / 16);
	margin: 0;
}

.post-module.testimonial cite {
	font-size: calc(14rem / 16);
	font-style: normal;
	font-weight: 700;
	line-height: calc(22 / 14);
}

/*Text Block*/

.post-builder .text-block {
	padding: 0 28px;
	text-align: left;
}

.post-builder .text-block .content-styles p,
.case-study-content .post-builder .text-block p {
	margin: 0 0 28px;
}

.post-builder .text-block .content-styles p + :is(h1, h3, h4, h5, h6),
.case-study-content .post-builder .text-block p + :is(h1, h3, h4, h5, h6) {
	margin-top: var(--text-spacing-medium);
}

.post-builder .text-block .content-styles p + h2,
.case-study-content .post-builder .text-block p + h2 {
	margin-top: var(--text-spacing-large);
}

.post-builder .text-block .content-styles > :last-child {
	margin-bottom: 0 !important;
}

.post-builder .text-block .content-styles h1 + *,
.post-builder .text-block .content-styles h2 + * {
	margin-top: var(--text-spacing-xsmall);
}

.post-builder .text-block .content-styles h3 + * {
	margin-top: var(--text-spacing-xxsmall);
}

.post-builder * + .text-block h1:first-child,
.post-builder * + .text-block h2:first-child,
.post-builder * + .text-block h3:first-child {
	margin-top: var(--module-spacing-small);
}

.post-builder * + .text-block .content-styles p:first-child {
	margin-top: var(--text-spacing-large);
}

.post-builder .text-block h2 {
	position: relative;
}

.post-builder .text-block h2 .anchor {
	left: 0;
	pointer-events: none;
	position: absolute;
	top: -120px;
}

/***Blog Post Disclaimer***/

/* Set on the Blog page, rendered above the author bio on every post.
   Italic and muted so it reads as a disclosure rather than as body copy. */
/* Bottom spacing comes from whatever follows: the author block's top margin in
   the post builder, the grid row gap in the legacy layout. */
.blog-disclaimer {
	color: color-mix(in srgb, var(--earth) 70%, transparent);
	font-style: italic;
	margin: var(--text-spacing-large) 0 0;
}

/***Author Block (not a module)***/

.post-builder .author-block {
	align-items: flex-start;
	display: flex;
	gap: var(--text-spacing-medium);
	margin: var(--text-spacing-large) 0 0;
	padding: var(--text-spacing-medium) 0;
	position: relative;
}

.post-builder .author-block:before,
.post-builder .author-block:after {
	background: var(--earth);
	content: '';
	height: 1px;
	left: 0;
	opacity: 0.1;
	position: absolute;
	top: 0;
	width: 100%;
}

.post-builder .author-block:after {
	bottom: 0;
	top: unset;
}

.post-builder .author-block .headshot {
	height: auto;
	width: calc(87 / 784 * 100%);
}

.post-builder .author-block article {
	width: calc(665 / 784 * 100%);
}

.post-builder .author-block .title {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 0 0 var(--text-spacing-xxsmall);
}

.post-builder .author-block .socials {
	align-items: flex-start;
	display: flex;
	gap: 10px;
	line-height: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.post-builder .author-block .socials svg {
	height: 16px;
}

.post-builder .author-block .socials svg.fa-facebook-f {
	height: 14px;
}

.post-builder .author-block .socials path {
	fill: var(--green-dark);
	transition: all 0.25s ease;
}

.post-builder .author-block .socials a:hover path {
	fill: var(--green-primary);
}

/***Sticky Sidebar***/

.post-builder-content .mobile-sidebar {
	display: none;
}

.post-builder-content .sticky-sidebar {
	grid-column: 10 / -1;
	height: 100%;
	left: 20px;
	position: relative;
	width: calc(100% - 20px + var(--container-outer-margin) + var(--container-outer-padding) - var(--text-spacing-small));
}

.post-builder-content .sticky-sidebar .sticky-container {
	background: var(--white);
	border-radius: 16px;
	box-shadow: 0px 4px 44px 0px #00000014;
	left: 0;
	max-height: calc(100vh - 160px);
	overflow: auto;
	padding: var(--text-spacing-medium);
	position: sticky;
	top: 120px;
}

.post-builder-content .sticky-sidebar .sticky-container:empty {
	display: none;
}

/*ToC*/

.post-builder-content .sticky-sidebar .post-toc-btn {
	align-items: center;
	background: unset;
	display: flex;
	justify-content: space-between;
	padding: 0;
	text-align: left;
	width: 100%;
}

.post-builder-content .sticky-sidebar .post-toc-btn:hover {
	color: var(--green-primary);
}

.post-builder-content .sticky-sidebar .post-toc-btn .dropdown-icon {
	align-items: center;
	aspect-ratio: 1;
	background: var(--winter-green);
	border-radius: 5px;
	display: flex;
	height: auto;
	justify-content: center;
	width: 20px;
}

.post-builder-content .sticky-sidebar .post-toc-btn .dropdown-icon svg {
	opacity: 0.5;
	transition: all 0.25s ease;
	width: 6px;
}

.post-builder-content .sticky-sidebar .post-toc:not(.active) .post-toc-btn .dropdown-icon svg {
	scale: 1 -1;
}

.post-builder-content .sticky-sidebar .post-toc-btn .dropdown-icon path {
	fill: var(--earth);
}

.post-builder-content .post-toc ul {
	display: flex;
	flex-direction: column;
	font-weight: 700;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: var(--text-spacing-xsmall) 0 0;
	position: relative;
	transition: all 0.25s ease;
}

.post-builder-content .post-toc:not(.active) ul {
	height: 0;
	opacity: 0;
	padding: 0;
	pointer-events: none;
	visibility: hidden;
}

.post-builder-content .post-toc ul li + li {
	margin-top: 10px;
	padding-top: 10px;
	position: relative;
}

.post-builder-content .post-toc ul li + li:before {
	background: var(--earth);
	content: '';
	height: 1px;
	left: 0;
	opacity: 0.1;
	position: absolute;
	top: 0;
	width: 100%;
}

.post-builder-content .post-toc a:not(:hover) {
	color: var(--green-dark);
}

.post-builder-content .post-toc a.active {
	color: var(--sunshine);
}

/*Sidebar CTA*/

.post-builder-content .sidebar-cta,
.sidebar-related-article {
	margin: var(--text-spacing-large) 0 0;
}

.post-builder-content .sidebar-cta .eyebrow,
.sidebar-related-article .eyebrow {
	color: var(--earth);
	margin: 0 0 var(--text-spacing-xsmall);
	opacity: 0.7;
	text-transform: uppercase;
}

.post-builder-content .sidebar-cta .content-styles,
.sidebar-related-article .content-styles,
.sidebar-related-article .btn {
	margin: var(--text-spacing-xxsmall) 0 0;
}

.post-builder-content .sidebar-cta .btn {
	margin: var(--text-spacing-xsmall) 0 0;
	width: 100%;
}

/*Sidebar Related Article*/

.sidebar-related-article {
	display: block;
}

.sidebar-related-article:hover {
	color: var(--earth);
}

.sidebar-related-article .btn {
	display: block;
	margin: var(--text-spacing-xxsmall) 0 0;
	pointer-events: none;
}

/***Related Articles***/

.post-builder-related {
	overflow: hidden;
	position: relative;
}

.post-builder-related h2 {
	margin: 0 0 var(--text-spacing-medium);
}

.post-builder-related .carousel {
	overflow: unset;
	padding: 0 0 72px;
	position: relative;
}

.post-builder-related .slick-track {
	gap: var(--gap);
}

.post-builder-related .slick-slide {
	transition: opacity 0.25s ease;
	width: calc((100vw - (2 * (var(--container-outer-margin) + var(--container-outer-padding) + var(--gap)))) / 3);
}

.post-builder-related .slick-slide:not(.slick-active) {
	opacity: 0;
}

.post-builder-related .slick-arrow {
	align-items: center;
	aspect-ratio: 1;
	background: var(--winter-green);
	border-radius: 8px;
	bottom: 0;
	display: flex;
	height: auto;
	justify-content: center;
	padding: 0;
	position: absolute;
	right: 0;
	width: 40px;
}

.post-builder-related .slick-arrow.slick-prev {
	right: calc(40px + var(--text-spacing-xsmall));
	rotate: 180deg;
}

.post-builder-related .slick-arrow.slick-disabled {
	opacity: 0.5;
	pointer-events: none;
}

.post-builder-related .slick-arrow svg {
	width: 16px;
}

.post-builder-related .slick-arrow g {
	fill: var(--green-dark);
}

.post-builder-related .slick-dots {
	align-items: center;
	bottom: 0;
	display: flex;
	gap: var(--text-spacing-xxsmall);
	height: 40px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

.post-builder-related .slick-dots button {
	background: unset;
	font-size: 0;
	height: 40px;
	opacity: 0.1;
	padding: 0;
	position: relative;
	width: 40px;
}

.post-builder-related .slick-dots button:before {
	background: var(--green-dark);
	border-radius: 1px;
	content: '';
	display: block;
	height: 2px;
	width: 100%;
}

.post-builder-related .slick-dots .slick-active button,
.post-builder-related .slick-dots button:hover {
	opacity: 1;
}

.post-builder-related .slick-dots .slick-active button:before,
.post-builder-related .slick-dots button:hover:before {
	background: var(--green-primary);
}

/***Additional Resources***/

/* Set once on the Blog page and rendered under Related Articles on every post.
   Midnight panel from .navy-bkg.full, so it reads as its own section rather
   than as more of the post's own content. It keeps all four corners and the
   footer keeps its own margin, so the two never merge: the green footer below
   stays a separate panel. Padding is even top and bottom now that nothing
   continues the band. */
.blog-resources {
	margin: var(--module-spacing-medium) 0 0;
	padding: var(--module-spacing-medium) 0;
}

/* The midnight panel already separates the two, so the footer's full
   --module-spacing (160px) opens a hole below it. :has() is used here the same
   way the post-builder rule above uses it; where it is unsupported the footer
   just keeps its larger default margin, so this degrades to more space rather
   than to a broken layout. */
main:has(.blog-resources) + footer {
	margin-top: var(--module-spacing-small);
}

.blog-resources > .container {
	row-gap: var(--text-spacing-xlarge);
}

/* Eight centered columns keep the intro copy at a readable measure while the
   cards below still run the full width. */
.blog-resources .intro {
	color: var(--white);
	grid-column: 3 / span 8;
	text-align: center;
}

.blog-resources h2 {
	margin: 0;
}

.blog-resources h2 .eyebrow {
	margin: 0 auto var(--text-spacing-small);
}

.blog-resources .intro p {
	margin: var(--text-spacing-small) 0 0;
}

.blog-resources ul.grid {
	grid-column: 1 / -1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-resources ul.count-1 > li {
	grid-column: span 6;
}

.blog-resources ul.count-2 > li {
	grid-column: span 6;
}

.blog-resources ul.count-3 > li {
	grid-column: span 4;
}

.blog-resources ul.count-4 > li {
	grid-column: span 3;
}

/*Cards*/

.blog-resources .resource-card {
	background: var(--white);
	border-radius: var(--radius-small);
	box-shadow: 4px 8px 16px 0px var(--shadow);
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: var(--text-spacing-medium);
}

/* Only linked cards react — a card without a link is not clickable. */
a.resource-card:hover h3 {
	color: var(--green-primary);
}

.blog-resources .resource-card .image-container {
	height: 56px;
	margin: 0 0 var(--text-spacing-medium);
	width: 56px;
}

.blog-resources .resource-card .image-container img {
	height: 100%;
	object-fit: contain;
	object-position: left center;
	width: 100%;
}

.blog-resources .resource-card h3 {
	color: var(--midnight);
	margin: 0 0 var(--text-spacing-xsmall);
	transition: color 0.25s ease;
}

.blog-resources .resource-card p {
	margin: 0;
	opacity: .7;
}

/***************************************************************************************************************************************************************************************/

/*CONTACT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.contact-hero {
	padding: 140px 0;
	text-align: center;
}

.contact-hero h1 {
	margin-bottom: 74px;
}

.contact-hero ul {
	list-style: none;
	margin: 0 0;
	padding: 0;
}

.contact-hero ul.count-1 li {
	grid-column: span 12;
}

.contact-hero ul.count-1,
.contact-hero ul.count-2 {
	margin: 0 calc(4/12*100% - 80px);
}

.contact-hero ul.count-3 {
	margin: 0 calc(2/12*100% - 80px);
}

.contact-hero li {
	grid-column: span 3;
}

.contact-hero ul.count-2 li {
	grid-column: span 6;
}

.contact-hero ul.count-3 li {
	grid-column: span 4;
}

.contact-hero li a {
	display: block;
	margin-bottom: 20px;
	padding: 40px;
}

.contact-hero:has(.details) li a {
	padding-bottom: 60px;
}

.contact-hero li .details {
	color: var(--earth);
	font-family: var(--body-font);
	font-size: calc(13rem/16);
	font-weight: 410;
	left: 50%;
	margin-top: 8px;
	opacity: .6;
	position: absolute;
	transform: translateX(-50%);
	transition: all .25s ease;
}

.contact-hero li a:hover .details {
	color: var(--green-primary);
	opacity: 1;
}

.contact-hero li a:hover {
	margin: 0;
	padding-bottom: 60px;
}

.contact-hero:has(.details) li a:hover {
	padding-bottom: 80px;
}

.contact-hero li a.box.watermark:before {
	background-position: right top;
	background-size: 126px auto;
	height: 60px;
	left: 0;
	opacity: 0;
	transition: all .25s ease;
	width: 73px;
}

.contact-hero li a.box.watermark:hover::before {
	opacity: .5;
}

.contact-hero li img {
	display: block;
	height: 30px;
	margin: 0 auto 10px;
	width: auto;
}

.contact-hero li .arrow-link {
	bottom: 8px;
	opacity: 0;
	position: absolute;
	right: 8px;
	transition: all .25s ease;
}

.contact-hero li a:hover .arrow-link {
	background-color: var(--winter-green);
	opacity: 1;
}

.contact-hero li a:hover .arrow-link polygon {
	fill: var(--green-dark);
}

.contact-hero .disclaimer-text {
	margin: 32px auto 0;
	max-width: max-content;
	text-align: center;
}

.contact-hero .disclaimer-text a {
	color: var(--green-dark);
	text-decoration: underline;
	text-decoration-color: var(--green-primary);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/***Contact Form***/

.contact-form {
	color: var(--white);
	overflow: hidden;
	padding: 80px 0;
}

.contact-form:before {
	background-image: url('svgs/watermark-lavender.svg');
	background-position: -204px calc(100% + 83px);
	background-repeat: no-repeat;
	background-size: 724px auto;
	max-width: none;
	width: calc(100vw - var(--container-outer-margin));
}

.contact-form article {
	grid-column: span 5;
}

.contact-form .gform_wrapper {
	grid-column: 7 / span 5;
}

/***ATM Locator***/

.atm-locator {
	margin-bottom: var(--module-spacing-small);
}

.atm-locator article {
	grid-column: 3 / span 8;
	text-align: center;
}

.atm-locator article h2 {
	margin-bottom: var(--text-spacing-xsmall);
}

.atm-locator article p.large {
	margin: 0;
}

.atm-cards {
	grid-column: 1 / -1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.atm-cards > li {
	grid-column: span 4;
}

.atm-cards .box {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	text-align: center;
}

.atm-cards.count-1 > li {
	grid-column: 5 / span 4;
}

.atm-cards.count-2 > li {
	grid-column: span 6;
}

.atm-cards.count-4 > li {
	grid-column: span 3;
}

.atm-cards .logo-container {
	align-items: center;
	display: flex;
	height: 56px;
	justify-content: center;
	margin-bottom: var(--text-spacing-small);
}

.atm-cards .logo-container img {
	height: 100%;
	max-width: 200px;
	object-fit: contain;
	width: auto;
}

.atm-cards h3 {
	margin-bottom: var(--text-spacing-small);
}

.atm-cards .bullets {
	display: grid;
	gap: var(--text-spacing-xsmall);
	list-style: none;
	margin: 0 0 var(--text-spacing-small);
	padding: 0;
	text-align: left;
}

.atm-cards .bullets li {
	align-items: flex-start;
	display: flex;
	gap: var(--text-spacing-xsmall);
}

.atm-cards .bullets svg {
	color: var(--green-primary);
	flex-shrink: 0;
	height: 20px;
	margin-top: 2px;
	width: 20px;
}

.atm-cards .btn {
	margin-top: auto;
}

/***************************************************************************************************************************************************************************************/

/*OPEN AN ACCOUNT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-account header #menu-main li:has(a[href*="open-an-account"]) {
	display: none;
}

/***Hero***/

.account-hero {
	background: var(--midnight);
	color: var(--white);
	margin-top: calc(var(--header-offset) * -1 - 2px);
	padding: 264px 0 201px;
}

.account-hero .container {
	display: flex;
	flex-wrap: wrap;
	gap: 60px var(--gap);
	justify-content: space-between;
}

.account-hero-text > p {
	margin-top: var(--text-spacing-xsmall);
}

.account-hero .hero-link {
	align-self: end;
	height: fit-content;
}

/***Account Options***/

/* Cards */

.account-options ul.grid {
	align-content: start;
	gap: var(--text-spacing-xxlarge);
	grid-column: span 9;
	list-style: none;
	margin: -125px 0 0;
	padding: 0;
	width: calc(100% + var(--gap));
}

.account-options ul.grid li {
	grid-column: span 6;
	z-index: initial;
}

.account-options ul.grid .box {
	padding: var(--text-spacing-medium) var(--text-spacing-large) var(--text-spacing-large);
}

.account-options h3 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.account-options .small-text {
	margin-bottom: 20px;
}

.account-options .small-text > * {
	margin: 0;
}

.account-options .small-text > * + * {
	margin-top: 8px;
}

/* Sidebar */

.account-options aside {
	align-self: start;
	grid-column: span 3;
	margin-top: var(--text-spacing-xxlarge);
	min-width: 0;
	overflow-wrap: break-word;
	padding-left: calc(var(--one-column-width) * 1);
	position: sticky;
	top: 150px;
}

.account-options h2 {
	background: none;
	color: var(--earth);
	padding: 0;
}

.account-options .quick-tip {
	margin-bottom: var(--text-spacing-small);
}

.account-options .quick-tip h2 {
	align-items: center;
	display: flex;
	gap: var(--text-spacing-xxsmall);
	margin-bottom: var(--text-spacing-xxsmall);
}

.account-options .quick-tip h2:before {
	background: url('svgs/icon-tip.svg') no-repeat center / 100% auto;
	content: '';
	display: block;
	height: 30px;
	width: 21px;
}

.account-options .quick-tip p {
	margin-bottom: 10px;
}

.account-options .related {
	background: var(--winter-green);
	border-radius: var(--text-spacing-xsmall);
	padding: var(--text-spacing-large) var(--text-spacing-small);
}

.account-options .related .toggle-menu {
	display: none;
}

.account-options .related h2 {
	margin-bottom: var(--text-spacing-small);
}

.account-options .related ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	list-style: none;
	margin: 0 0 var(--text-spacing-small);
	padding: 0;
}

/***FAQs***/

/* Builder modules only carry a bottom margin, so whichever one lands directly
   after the account cards needs its own top margin. */
.account-options + .builder-module {
	margin-top: var(--module-spacing);
}

.account-options + .accordions ul + .btn {
	margin: 54px auto 0;
}

/***************************************************************************************************************************************************************************************/

/*SIGN IN PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.signin-hero {
	padding-bottom: 255px;
}

.signin-hero .container {
	gap: 0;
}

.signin-hero h1 {
	margin-bottom: 20px;
	width: 100%;
}

.signin-hero p {
	margin: 0;
}

.tooltip {
	margin-left: 8px;
	position: relative;
}

.tooltip .icon {
	align-items: center;
	background: var(--lavender);
	border-radius: 5px;
	color: var(--twilight);
	display: inline-flex;
	font-size: 7px;
	height: 14px;
	justify-content: center;
	vertical-align: 7px;
	width: 14px;
}

.tooltip .text {
	background: var(--white);
	border-radius: 5px;
	bottom: 100%;
	color: var(--earth);
	display: none;
	font-family: var(--body-font);
	font-weight: 400;
	left: 100%;
	margin: 0;
	padding: 10px 15px;
	position: absolute;
	width: 250px;
}

.tooltip:hover .text {
	display: block;
}

/***Sign In***/

.signin-options {
	margin-top: -206px;
}

/*Tabs Nav*/

.signin-options .tabs-nav {
	display: flex;
	gap: 12px;
	list-style: none;
	margin: 0 0 30px;
	overflow: auto;
	padding: 0 0 30px;
	width: calc(100% + var(--container-outer-padding));
}

/*Content*/

.account-options.signin-options ul.grid {
	margin: 0;
}

.signin-options .grid a {
	display: block;
	padding-bottom: 74px;
}

.signin-options .grid a:before {
	background-position: -110px calc(100% + 45px);
	background-size: 263px auto;
	bottom: 0;
	height: 122px;
	left: 0;
	width: 153px;
}

.signin-options .grid p {
	margin: 0;
}

.signin-options .grid .arrow-link {
	bottom: 8px;
	position: absolute;
	right: 8px;
}

.signin-options .grid .arrow-link svg {
	width: 11px;
}

/***************************************************************************************************************************************************************************************/

/*EXTERNAL LINK NOTICE STYLES*/

/***************************************************************************************************************************************************************************************/

/* Ported from the Exit Notifier plugin's jAlert markup to a native <dialog>.
   Widths, spacing and colours are carried over unchanged. */

.external-link-notice {
	background: var(--white);
	border: 0;
	border-radius: var(--radius-large);
	box-shadow: 0 2px 10px 0 color-mix(in srgb, #000 75%, transparent);
	color: var(--earth);
	/* Everything except display sits here, not on [open]. While the dialog fades
	   out the open attribute is already gone but display is still flex, so any
	   layout property scoped to [open] would drop out mid-animation. */
	flex-direction: column;
	max-height: calc(100vh - 40px);
	max-width: calc(100vw - 40px);
	padding: 0;
	text-align: left;
	width: 550px;
	word-wrap: break-word;
}

/* Scoped to [open] so the dialog still hides itself when closed. */

.external-link-notice[open] {
	display: flex;
}

.external-link-notice::backdrop {
	background: color-mix(in srgb, #000 75%, transparent);
}

/***Title***/

.external-link-notice-header {
	background: var(--winter-green);
	border-radius: var(--radius-large) var(--radius-large) 0 0;
	flex: none;
	position: relative;
}

.external-link-notice-title {
	color: var(--earth);
	font-family: var(--heading-font);
	font-size: calc(20rem / 16);
	font-weight: 600;
	letter-spacing: 0.6px;
	line-height: calc(28 / 20);
	margin: 0;
	padding: 24px 66px 24px 30px;
}

/***Close Button***/

.external-link-notice-close {
	background: color-mix(in srgb, var(--green-dark) 5%, transparent);
	border: 0;
	border-radius: 16px;
	cursor: pointer;
	height: 48px;
	padding: 0;
	position: absolute;
	right: 3px;
	top: 10px;
	transition: background 0.25s ease;
	width: 48px;
}

.external-link-notice-close:hover {
	background: color-mix(in srgb, var(--green-dark) 10%, transparent);
}

.external-link-notice-close:before,
.external-link-notice-close:after {
	background: var(--earth);
	content: '';
	height: 1px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform-origin: top left;
	width: 24px;
}

.external-link-notice-close:before {
	transform: rotate(45deg) translate3d(-50%, -50%, 0);
}

.external-link-notice-close:after {
	transform: rotate(-45deg) translate3d(-50%, -50%, 0);
}

/***Body Text***/

.external-link-notice-body {
	border-radius: 0 0 var(--radius-large) var(--radius-large);
	color: var(--earth);
	font-family: var(--body-font);
	font-size: calc(14rem / 16);
	line-height: calc(22 / 14);
	overflow-y: auto;
	padding: 30px;
}

/***Bottom Buttons***/

.external-link-notice-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 25px 0 0;
}

.external-link-notice-btn,
.external-link-notice-btn:active,
.external-link-notice-btn:link,
.external-link-notice-btn:visited {
	border: 0;
	border-radius: var(--radius-small);
	color: var(--white);
	cursor: pointer;
	display: block;
	font: 500 calc(14rem/16)/calc(20/14) var(--body-font);
	margin-top: 0;
	min-width: max-content;
	overflow: hidden;
	padding: 15px 32px 13px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: max-content;
	z-index: 2;
}

.external-link-notice-continue,
.external-link-notice-continue:link,
.external-link-notice-continue:visited {
	background: linear-gradient(270deg, var(--green-primary) 1%, #128057 99%);
}

.external-link-notice-continue:before {
	background: var(--green-primary);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .25s ease;
	width: 100%;
	z-index: -1;
}

.external-link-notice-continue:hover:before,
.external-link-notice-cancel:hover:before {
	opacity: 1;
}

.external-link-notice-cancel,
.external-link-notice-cancel:link,
.external-link-notice-cancel:visited {
	background: none;
	border: 1px solid var(--twilight);
	color: var(--twilight);
}

.external-link-notice-cancel:hover {
	color: var(--white);
}

.external-link-notice-cancel:before {
	background: linear-gradient(270deg, #3E55CB 2%, var(--twilight) 99%);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .25s ease;
	width: 100%;
	z-index: -1;
}

/***Focus***/

.external-link-notice:focus {
	outline: none;
}

.external-link-notice-btn:focus-visible,
.external-link-notice-close:focus-visible {
	box-shadow: 0 0 0 2px var(--focus-halo);
	outline: 2px solid var(--focus-ring);
	outline-offset: 2px;
}

/***************************************************************************************************************************************************************************************/

/*GDPR COOKIE COMPLIANCE STYLES*/

/***************************************************************************************************************************************************************************************/

/* All styles are in functions.php */

/*Hide Banner on specific pages (Banking Solutions > Small Business Checking)*/

body.page-id-51 #moove_gdpr_cookie_info_bar {
	display: none !important;
}

/***************************************************************************************************************************************************************************************/

/*SHORTCODE STYLES*/

/***************************************************************************************************************************************************************************************/

/*** Blockquote ***/

.shortcode.blockquote {
	background: #9BABFF40;
	border-radius: 13px;
	margin: var(--text-spacing-large) 0;
	padding: var(--text-spacing-medium) var(--text-spacing-xxlarge);
	text-align: center;
}

.shortcode.blockquote svg {
	aspect-ratio: 50 / 36;
	display: block;
	height: auto;
	margin: 0 auto var(--text-spacing-xsmall);
	width: 50px;
}

.shortcode.blockquote svg path {
	fill: var(--midnight);
}

.shortcode.blockquote blockquote {
	border: none;
	font-size: calc(16rem / 16);
	font-weight: 700;
	line-height: calc(30 / 16);
	margin: 0;
	padding: 0;
}

.shortcode.blockquote cite {
	display: block;
	font-size: calc(14rem / 16);
	font-style: normal;
	margin: var(--text-spacing-xsmall) 0 0;
}

/* Form Module */

.builder-module.form.two-column .shortcode.blockquote {
	padding: var(--text-spacing-medium);
}

.builder-module.form.two-column .shortcode.blockquote svg {
	width: 40px;
}

.single-team-member article .shortcode.blockquote {
	padding: var(--text-spacing-small) var(--text-spacing-medium);
	text-align: left;
}

.single-team-member article .shortcode.blockquote svg {
	margin: 0 0 var(--text-spacing-xsmall);
	width: 30px;
}

.single-team-member article .shortcode.blockquote svg path {
	fill: color-mix(in srgb, var(--white) 30%, transparent);
}

.single-team-member article .shortcode.blockquote blockquote {
	font-size: calc(14rem / 16);
	line-height: calc(24 / 14);
}

.single-team-member .image .long-quote {
	display: none;
}

/***************************************************************************************************************************************************************************************/

/* SINGLE - CASE STUDY */

/***************************************************************************************************************************************************************************************/

/*** Hero ***/

.case-study-single-hero {
	background: var(--midnight);
	color: var(--white);
	padding: var(--module-spacing-large) 0;
}

.case-study-single-hero article {
	grid-column: span 7;
	padding-right: var(--text-spacing-large);
}

.case-study-single-hero article .pill {
	margin-bottom: var(--text-spacing-xsmall);
}

.case-study-single-hero article .heading-2 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.case-study-single-hero article p {
	margin: 0;
}

/* with image */

.case-study-single-hero .media,
.case-study-single-hero .form {
	grid-column: span 5;
	width: calc(100% + 72px);
}

/* with form */

.case-study-single-hero .form {
	color: var(--earth);
}

/*** Main Content ***/

.case-study-content {
	margin: 0;
	padding: var(--module-spacing-small) 0 var(--module-spacing-large);
}

.case-study-content:has(.form) {
	padding-top: 0;
}

/* with form */

.case-study-content .form-container {
	grid-column: 1 / -1;
	margin-bottom: var(--text-spacing-medium);
	position: relative;
	z-index: 2;
}

.case-study-content .form-container:before {
	background: var(--midnight);
	content: '';
	height: 50%;
	left: var(--viewport-edge);
	position: absolute;
	top: 0;
	width: 100vw;
	z-index: -1;
}

.case-study-content .form {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding-bottom: 84px;
}

.case-study-content .form .heading-3,
.case-study-content .form p {
	margin-bottom: var(--text-spacing-large);
	width: 45%;
}

.case-study-content .form p {
	margin-left: auto;
}

.case-study-content .form .gform_wrapper,
.case-study-content .form form {
	width: 100%;
}

.case-study-content .form .gform_fields {
	column-count: 2;
	display: block;
	gap: var(--gap);
}

.case-study-content .gfield {
	margin-bottom: var(--text-spacing-xsmall);
}

/* Article */

.case-study-content article {
	grid-column: span 8;
}

.case-study-content .post-builder .text-block {
	padding: 0;
}

/*** Awards ***/

.single-case-studies .builder-module.awards {
	margin: 0;
}

/*** CTA ***/

.single-case-studies .builder-module.cta.cta-simple:not(.navy-bkg) {
	margin-top: var(--module-spacing-large);
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 2100*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 131.25rem) {

	/***Page Builder***/

	.value-props-subheadlines:not(.add-margins) > .container > img {
		max-width: 950px;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1778 (1778 is when the container width is ~1600)*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 111.125rem) {

	:root {
		--container-width: var(--container-max-width);
	}

	.comparison-table .container {
		width: 90vw;
	}

	/***Page Builder***/

	.value-props-subheadlines:not(.add-margins) > .container > img {
		padding-right: var(--module-spacing-large);
	}

	.value-props-subheadlines:not(.add-margins).image-right > .container > img {
		padding-left: var(--module-spacing-large);
		padding-right: 0;
	}

	.value-props-subheadlines:not(.add-margins) > .container > article {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.value-props-subheadlines:not(.add-margins) > .container > article h2 {
		margin-top: 0;
	}

	/***Post Builder***/

	/*Sticky Sidebar*/

	.post-builder-content .sticky-sidebar {
		width: 440px;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1400 - Smaller Desktop Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 87.5em) {

	:root {
		--container-width: 100%;
		--container-outer-margin: 0px;
	}

	.green-bkg::before,
	.green-bkg.full::before,
	.navy-bkg.full:before,
	.navy-bkg:before,
	.navy-bkg.side-align::before {
		border-radius: 0;
		width: 100% !important;
	}

	.page-hero.green-bkg.video-separate:before,
	.page-hero.navy-bkg.video-separate:before {
		border-radius: 48px;
		width: calc(((100vw - (4 * var(--container-outer-padding)) - (11 * var(--gap))) / 12) * 8 + (7 * var(--gap)) + var(--container-outer-padding)) !important;
	}

	.page-hero.green-bkg.video-overlap:before,
	.page-hero.navy-bkg.video-overlap:before {
		border-radius: 48px;
		width: calc(((100vw - (4 * var(--container-outer-padding)) - (11 * var(--gap))) / 12) * 10 + (9 * var(--gap)) + var(--container-outer-padding) - 12px) !important;
	}

	/***Hero***/

	.hero-logo-garden {
		margin-inline: -60px;
	}

	/***Modules***/

	/*Awards*/

	.builder-module.awards .container {
		--container-outer-margin: 50px;
		--container-width: calc(100% - 2 * var(--container-outer-margin));
	}

	/*Form*/

	.builder-module.form .container {
		gap: 48px;
		grid-template-columns: 2fr 3fr;
	}

	.builder-module.form .form-container {
		margin-right: 0;
	}

	.builder-module.form.text-wrap .form-container {
		right: var(--container-outer-padding);
		width: calc((100% - 48px) / 2);
	}

	.builder-module.form.text-wrap .content-styles > :first-child {
		padding-right: calc((100% + (2 * var(--container-outer-padding)) - 48px) / 2 + 48px);
	}

	/*Value Props Grid 2*/

	.value-props-grid.five-col-centered ul.grid {
		margin: 0 calc(var(--edge-offset) * -0.5);
		width: calc(100% + (var(--edge-offset) * 1));
	}

	/*Value Props Grid 4*/

	.value-props-grid.three-col-centered ul.dark:before {
		left: calc(-0.5 * var(--container-outer-padding));
		width: calc(100% + var(--container-outer-padding));
	}

	/*Landing Page Promo - Standalone*/

	.landing-page-promo img {
		margin-left: -45px;
	}

	.landing-page-promo article:before {
		right: calc(var(--edge-offset) * -0.5);
	}

	/*Value Props - Accordion + Carousel*/

	.value-props-carousel .tab-content {
		right: calc(0.5 * var(--container-outer-padding));
	}

	/*Developer Block*/

	.developer-block article {
		grid-column: span 10;
	}

	.developer-block .tabs-content {
		width: 100%;
	}

	/*Team Members - Single*/

	.single-team-member .image {
		width: 100%;
	}

	/*Image + Text*/

	.image-text img,
	.image-text video {
		margin-left: 0;
	}

	.image-text img.align-right,
	.image-text video.align-right {
		margin-right: 0;
	}

	.image-text.bkg-container .container:before {
		width: calc(100% - (2 * var(--container-outer-padding)) + var(--text-spacing-small));
	}

	/*Steps*/

	.steps.dark ol:before {
		width: calc(100% + var(--container-outer-padding));
	}

	/*Value Props Block Carousel 1*/

	.value-props-block .carousel {
		margin-left: 0;
	}

	/*Link Tabs*/

	.link-tabs {
		padding: 80px 0;
	}

	.link-tabs .box {
		padding: 20px 20px 20px 92px;
	}

	/*Checklist*/

	.checklist .checklists {
		padding: 0 20px;
	}

	/*Callout Cards*/

	.callout-cards ul.grid {
		left: unset;
		width: 100%;
	}

	/*Partners Information*/

	.partner-section .right-column.alt .top-info {
		display: flex;
		flex-wrap: wrap;
	}

	/***Blog Archive***/

	/*Featured Post*/

	.blog-hero .featured-post.green-bkg:before {
		width: calc(100% + (2 * var(--container-outer-padding))) !important;
	}

	/***Comparison Table***/

	.comparison-table tr {
		grid-auto-columns: 25vw;
		grid-template-columns: 15vw;
	}

	/***Post Builder***/

	/*Hero*/

	.post-builder-hero .image-container {
		width: 100%;
	}

	/*Post Builder*/

	.post-builder {
		grid-column: 2 / span 7;
		left: calc(-1 * var(--gap));
		position: relative;
		width: calc(100% + (2 * var(--gap)));
	}

	/*CTA - Style 1*/

	.post-builder .post-cta.style1 .cta-container {
		padding-left: 230px;
	}

	.post-builder .post-cta.style1 .image-container {
		width: 230px;
	}

	/*CTA - Style 2*/

	.post-builder .post-cta.style2 .image-container {
		width: 126px;
	}

	.post-builder .post-cta.style2 article {
		width: calc(100% - var(--text-spacing-small) - 126px);
	}

	/*Sticky Share*/

	.post-builder-content .sticky-share {
		left: -10px;
	}

	/*Sticky Sidebar*/

	.post-builder-content .sticky-sidebar {
		grid-column: 9 / -1;
		left: var(--gap);
		width: calc(100% - 20px);
	}

	/*** Single - Case Study ***/

	.case-study-single-hero .media,
	.case-study-single-hero .form {
		width: 100%;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1201 - Smaller Desktop Sizes / Larger Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 75.0625em) {

	#menu-main > li:nth-of-type(1):hover > .sub-menu,
	#menu-main > li:nth-of-type(2):hover > .sub-menu {
		display: grid;
	}

	#menu-main > li:nth-of-type(3):hover > .sub-menu {
		display: flex;
	}

	/* .add-margins sizes the image off its own width, so on a short viewport it ran
	   taller than the hero and got clipped, cropping the image and its rounded corners.
	   Bind it to the section height instead and let the box shrink to what the image
	   measures there — 30px off each end to match the 30px right inset. Below 1201px
	   the image is stacked or top-aligned, so this doesn't apply. */
	.hero-text-image.add-margins .image {
		height: calc(100% - 60px);
		width: fit-content;
	}

	.hero-text-image.add-margins .image img {
		height: 100%;
		max-width: calc(538/1300 * 100vw);
		width: auto;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1200 - Smaller Desktop Sizes / Larger Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 75em) {

	:root {
		--container-outer-padding: 40px;
		--header-offset: 60px;
		--edge-offset: 0;
	}

	html.active,
	html.active body {
		height: 100%;
		overflow: hidden;
	}

	.mobile-only {
		display: block!important;
	}

	.desktop-only {
		display: none!important;
	}

	/***Header***/

	header.flex-container {
		align-items: center;
		padding-right: 0;
	}

	header .logo {
		margin: 0;
		position: relative;
		width: 180px;
		z-index: 99999;
	}

	header.super-sticky .logo {
	  margin-top: 0;
	}

	header .mobile-menu {
		align-items: center;
		background: transparent;
		border: 0;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		height: 60px;
		justify-content: center;
		margin: 0 0 0 auto;
		outline: none;
		overflow: hidden;
		position: relative;
		width: 60px;
		z-index: 99999;
		--menu-bar-height: 3px; /*Height of an individual menu bar*/
		--menu-bar-margin: 4px; /*Amount of spacing between the menu bars*/
		--menu-bar-width: 25px; /*Width of the menu bars*/
	}

	header .mobile-menu span:not(.accessibility) {
		background: var(--earth);
		border-radius: 1px;
		display: block;
		height: var(--menu-bar-height);
		position: relative;
		width: var(--menu-bar-width);
	}

	header.dark:not(.super-sticky):not(.active) .mobile-menu span:not(.accessibility) {
		background: var(--white);
	}

	header .mobile-menu span:nth-of-type(2) {
		margin: var(--menu-bar-margin) 0;
	}

	/*Close*/

	header.active .mobile-menu span:nth-of-type(1) {
		transform: translateY(calc(var(--menu-bar-height) + var(--menu-bar-margin))) rotate(45deg);
	}

	header.active .mobile-menu span:nth-of-type(2) {
		margin-right: auto;
		width: 0;
	}

	header.active .mobile-menu span:nth-of-type(3) {
		transform: translateY(calc((var(--menu-bar-height) + var(--menu-bar-margin)) * -1)) rotate(-45deg);
	}

	/*Nav*/

	header nav {
		align-items: center;
		background: var(--white);
		display: flex;
		flex-direction: column;
		height: 100vh;
		justify-content: center;
		left: 0;
		margin-left: 0;
		opacity: 0;
		overflow: hidden;
		padding: 20px;
		position: absolute;
		top: 0;
		transition: .3s;
		visibility: hidden;
		width: 100%;
		z-index: 9999;
	}

	header.active nav {
		opacity: 1;
		visibility: visible;
	}

	header #menu-main {
		flex-wrap: wrap;
		gap: 40px 4%;
		justify-content: center;
		text-align: center;
		width: 100%;
	}

	#menu-main > li,
	#menu-main > li:nth-last-of-type(n+3) {
		margin: 0;
		padding: 0;
		position: static;
		width: 100%;
	}

	#menu-main > li > a:not(.btn),
	#menu-main > li:nth-of-type(3) > .sub-menu a {
		font-size: calc(28rem/16);
	}

	#menu-main > .menu-item-has-children > a:not(.btn)::after {
		border-width: 6px 5px 0 5px;
		transform: rotate(-90deg);
	}

	#menu-main > li.buttons,
	#menu-main > li:last-child {
		margin: 0;
	}

	#menu-main > li:nth-last-of-type(-n+2) {
		width: 48%;
	}

	#menu-main .btn {
		padding: 15px 32px 13px;
		width: 100%;
	}

	header #back-to-main-nav {
		display: flex;
		left: var(--container-outer-padding);
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 80px;
		visibility: hidden;
		z-index: 99;
	}

	header #back-to-main-nav > svg {
		display: none;
	}

	header #back-to-main-nav .icon {
		color: var(--black);
		margin-right: 7px;
		order: -1;
		transition: .25s ease;
	}

	/*Open*/

	header.dropdown-open #back-to-main-nav {
		display: block;
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}

	header.dropdown-open nav {
		overflow: hidden;
	}

	header.dropdown-open #menu-main > li > a {
		opacity: 0;
	}

	/*Dropdown*/

	#menu-main .sub-menu {
		font-size: 1rem;
	}

	#menu-main > li:nth-of-type(1) > .sub-menu,
	#menu-main > li:nth-of-type(2) > .sub-menu,
	#menu-main > li:nth-of-type(3) > .sub-menu,
	header #menu-main > li > .sub-menu {
		align-items: center;
		background-image: url('svgs/watermark-earth.svg');
		background-position: calc(100% + 30px) calc(100% + 50px);
		background-repeat: no-repeat;
		background-size: 360px auto;
		border-radius: 0;
		box-shadow: none;
		flex-direction: column;
		gap: 40px;
		height: 100vh;
		left: 0;
		max-width: 100vw;
		overflow: auto;
		padding: 0 var(--container-outer-padding);
		position: absolute;
		top: 0;
		transform: translate3d(0, 0, 0);
		width: 100%;
	}

	#menu-main > li:nth-of-type(1) > .sub-menu,
	#menu-main > li:nth-of-type(2) > .sub-menu {
		height: calc(100vh - 120px);
		padding-bottom: 40px;
		top: 120px;
	}

	#menu-main > li:nth-of-type(1) > .sub-menu .sub-menu,
	#menu-main > li:nth-of-type(3) > .sub-menu {
		gap: 26px;
	}

	#menu-main > li:nth-of-type(3) > .sub-menu {
		justify-content: center;
	}

	#menu-main > li:nth-of-type(1) > .sub-menu > li:last-child > .sub-menu {
		padding-bottom: 160px;
	}

	header #menu-main > li.active .sub-menu {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, 0, 0);
		visibility: hidden;
	}

	header #menu-main > li.active .sub-menu {
		display: flex;
		opacity: 1;
		pointer-events: auto;
		transform: translate3d(0, 0, 0);
		visibility: visible;
		z-index: 3;
	}

	#menu-main > li:nth-of-type(1) > .sub-menu > li:not(:first-child),
	#menu-main > li:nth-of-type(2) > .sub-menu > li:not(:first-child),
	#menu-main > li:nth-of-type(2) > .sub-menu > li:not(:first-child) {
		padding: 0 20px;
	}

	#menu-main > li:nth-of-type(1) > .sub-menu > li:not(:first-child),
	#menu-main > li:nth-of-type(2) > .sub-menu > li:not(:first-child) {
		border: none;
		padding: 0;
	}

	/*Reset 4-Column Support*/

	#menu-main > li:nth-of-type(1) > .sub-menu:has(> :nth-child(4)),
	#menu-main > li:nth-of-type(2) > .sub-menu:has(> :nth-child(4)) {
		grid-template-columns: unset;
		width: 100%;
	}

	#menu-main > li:nth-of-type(1) > .sub-menu:has(> :nth-child(4)) > li:not(:first-child),
	#menu-main > li:nth-of-type(2) > .sub-menu:has(> :nth-child(4)) > li:not(:first-child) {
		padding-left: 0;
	}

	#menu-main > li:nth-of-type(1) > .sub-menu > li > a {
		margin: 0 auto 20px;
	}

	#menu-main > li:nth-of-type(2) > .sub-menu p {
		font-size: calc(14rem/16);
		max-width: 400px;
	}

	/***Footer***/

	footer .menu {
		flex-wrap: wrap;
		gap: 40px;
		padding: 0;
	}

	/***Home***/

	.page-hero {
		height: auto;
		max-height: none;
		min-height: 0;
	}

	.hero {
		padding: 90px 0 60px;
	}

	.hero .container {
		display: block;
	}

	.hero video,
	.page-hero video {
		margin-top: 40px;
		width: 100%;
	}

	.page-hero video {
		margin-top: 0;
	}

	/* Hero Style 2 - Mobile */

	.hero.style2 {
		padding-bottom: calc(60rem / 16);
		padding-top: calc(80rem / 16);
	}

	.hero.style2 .video-container {
		margin-top: calc(60rem / 16);
	}

	.hero .hero-logos-row {
		flex-wrap: wrap;
		gap: calc(24rem / 16);
		justify-content: center;
	}

	.hero .hero-logos-row img {
		height: 48px;
	}

	.hero .hero-buttons {
		flex-wrap: wrap;
		justify-content: center;
	}

	/*Service Carousel*/

	.service-carousel .slick-arrow.slick-next,
	.featured-news .slick-arrow.slick-next {
		left: 54px;
	}

	/***Document with Table Of Contents***/

	.page-template-page-document .sidebar-wrapper {
		--sidebar-offset: 220px;
	}

	.page-template-page-document .toc-container {
		top: 100px;
	}

	.page-template-page-document .page-content .toc-container {
		transform: translateX(-20px);
		width: calc(100%);
	}

	.page-template-page-document .page-content article h2:first-child {
		scroll-margin-top: 130px;
	}

	.page-template-page-document .page-content article h2 {
		scroll-margin-top: 100px;
	}

	.page-template-page-document .page-content article h3 {
		scroll-margin-top: 90px;
	}

	/***Landing Page Builder Modules***/

	.builder-module > .anchor,
	body:has(header.super-sticky) .builder-module > .anchor {
		height: 152px;
		top: -152px;
	}

	.hero-logo-garden .autoscroll-wrapper.mobile-scrolling:not(.scrolling) {
		display: flex;
		flex-wrap: nowrap;
		gap: 120px;
		overflow: hidden;
		position: relative;
	}

	.hero-logo-garden .autoscroll-wrapper.mobile-scrolling .static {
		display: none;
	}

	.hero-logo-garden .autoscroll-wrapper.mobile-scrolling .logos-list:not(.static) {
		display: flex;
	}


	.hero-logo-garden .autoscroll-wrapper.mobile-scrolling:not(.scrolling) .logos-list {
		animation-duration: 30s;
		min-width: unset;
		overflow: unset;
		width: unset;
	}

	/*Hero 1*/

	.hero-text-image h1 {
		font-size: calc(52px + (84 - 64) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
	}

	.hero-text-image.add-margins .image {
		top: 80px;
		transform: translateY(0);
		width: calc(460 / 1200 * 100%);
	}

	/* .add-margins sizes an absolutely positioned image; the logo-garden variant is a grid item
	   and should fill its column instead of shrinking to 38% of it. */
	.hero-text-image.has-logo-garden .image {
		width: unset;
	}

	.hero-logo-garden ul {
		flex-wrap: wrap;
	}

	.hero-logo-garden li {
		flex: 0 1 15%;
	}

	/* Awards */

	.builder-module.awards .container {
		--container-inner-inline-padding: 72px;
	}

	/* Partners Information */

	.partners-accordions .column-names,
	.partners-accordions .accordion-button {
		grid-template-columns: 2fr 1fr 2fr;
	}

	.partners-accordions .column-names .product-service,
	.partners-accordions .column-names .client-type,
	.partners-accordions .accordion-button .product-service,
	.partners-accordions .accordion-button .client-type {
		display: none;
	}

	/*Competitor Competitions Table*/

	.competitor-table .column:nth-of-type(1) {
		padding-left: 25px;
	}

	.competitor-table .column:nth-of-type(3) {
		padding-right: 25px;
	}

	.competitor-table.two-column .column {
		width: calc(400 / 1120 * 100%);
	}

	.competitor-table.two-column .column:nth-of-type(2) {
		width: calc(475 / 1120 * 100%);
	}

	/*Value Props Grid 1*/

	.value-props-grid.left-grid ul {
		margin: 0;
	}

	/*Value Props Grid 2*/

	.value-props-grid.five-col-centered ul.grid {
		grid-template-columns: repeat(3, 1fr);
		margin: 0;
		width: 100%;
	}

	.value-props-grid.five-col-centered li:nth-of-type(n+4) {
		grid-row: 2;
		transform: translateX(50%);
	}

	/*Value Props Grid 4*/

	.value-props-grid.three-col-centered ul.dark:before {
		border-radius: 0;
		left: calc(-1 * var(--container-outer-padding));
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	/*Landing Page Promo Standalone*/

	.landing-page-promo img {
		margin-left: 0;
	}

	.landing-page-promo article {
		padding-right: 20px;
	}

	.landing-page-promo article:before {
		right: 0;
	}

	/*Value Props - Accordion + Carousel*/

	.value-props-carousel {
		padding: 60px 0 90px;
	}

	.value-props-carousel h2 {
		grid-column: 1 / -1;
	}

	.value-props-carousel .content-btns {
		grid-column: 1 / span 5;
	}

	.value-props-carousel .tabs-content {
		grid-column: 7 / -1;
	}

	.value-props-carousel .tab-content {
		position: relative;
		/* right: var(--container-outer-padding); */
		right: 0;
	}

	.value-props-carousel img.tab-content {
		bottom: var(--gap);
		height: calc(100% + var(--gap) + 20px);
		max-height: none;
		object-fit: contain;
		object-position: center;
		width: 100%;
	}

	.value-props-carousel .tab-content.code-block {
		position: relative;
		/* width: calc(571 / 1200 * 100%); */
		width: 100%;
	}

	.value-props-carousel .alt-nav {
		bottom: -55px;
		right: var(--container-outer-padding);
	}

	/*Value Props Subheadlines*/

	.value-props-subheadlines h2 {
		margin-top: 20px;
	}

	/*Developer Block*/

	.developer-block {
		padding-top: 40px;
	}

	.developer-block article .content-styles {
		margin: var(--text-spacing-xsmall) 0 0;
	}

	.developer-block .tabs-content {
		grid-column: 4 / span 9;
		padding-left: 20px;
	}

	.developer-block article,
	.developer-block .tabs-nav {
		padding-left: 20px;
	}

	.developer-block .tabs-nav .pill:has(svg) {
		padding-left: 42px;
	}

	/*Team Members - Single*/

	.single-team-member:before {
		width: calc(1000 / 1200 * 100%);
	}

	.single-team-member .team-member-info {
		grid-column: 1 / span 8;
	}

	.single-team-member article {
		grid-column: 1 / span 8;
		grid-row: 2;
		padding: 0 calc(70/269*100%) 95px 0;
	}

	.single-team-member .image {
		grid-row: 1 / 3;
	}

	/*Team Members - Multi*/

	.multi-team-members .btn-hover .btn {
		opacity: 1;
		transform: none;
	}

	/*Image + Text*/

	.image-text img,
	.image-text video {
		width: 100%;
	}

	.image-text.bkg-container .container {
		padding-bottom: var(--module-spacing-xsmall);
		padding-top: var(--module-spacing-xsmall);
	}

	.image-text.bkg-container img,
	.image-text.bkg-container video {
		grid-column: 1 / span 5;
	}

	.image-text.bkg-container img {
		width: calc(100% - var(--text-spacing-medium));
	}

	.image-text.bkg-container img.align-right,
	.image-text.bkg-container video.align-right {
		grid-column: 8 / -1;
	}

	.image-text.bkg-container article {
		grid-column: 6 / -1;
		padding-left: unset;
	}

	.image-text.bkg-container:has(.align-right) article {
		grid-column: 1 / span 7;
		padding-left: var(--text-spacing-medium);
	}

	/*Steps*/

	.steps.dark ol:before {
		border-radius: 0;
		left: calc(-1 * var(--container-outer-padding));
		transform: translateX(0);
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	/*CTA 2 - Simple*/

	.cta.cta-simple.navy-bkg {
		padding: 60px 0;
	}

	/*CTA 3: Form*/

	.cta-form .form {
		grid-column: 7 / span 6;
	}

	/* News Carousel */

	.featured-news .slick-arrow {
		translate: 75px;
	}

	/* App Store Reviews */

	.review-heading {
		padding: 60px 30px 240px;
	}

	.review-block.no-cards .review-heading {
		padding-bottom: 60px;
	}

	.review-cards {
		margin: -200px 30px 0;
	}

	/*Firm Information Accordions*/

	.firm-section .right-column {
		width: calc(100% + var(--gap));
	}

	/*Checklist*/

	.checklist .checklists {
		padding: 0;
	}

	/*Callout Cards*/

	.callout-cards ul.count-4 > li {
		grid-column: span 6;
	}

	/***About***/

	/*Intro Block*/

	.intro-block {
		padding: 50px 0;
	}

	/*Diversity Block*/

	.diversity-block {
		padding: 60px 0;
	}

	.diversity-block h2 {
		padding-left: var(--container-outer-padding);
	}

	.diversity-block article {
		padding-right: var(--container-outer-padding);
	}

	/* Newsletter Signup */

	#newsletter-signup form ._form-content {
		grid-template-areas:
			'heading	heading'
			'subheading	subheading'
			'firstname	lastname'
			'email 		email'
			'submit		submit';
		max-width: 660px;
	}

	#newsletter-signup ._form-content > div:has(._form-title),
	#newsletter-signup ._form-content > div:has(._html-code) {
		max-width: unset;
		padding-right: unset;
	}

	/***Press***/

	/*Featured News*/

	.page-template-page-news .featured-news,
	.page-template-page-press .featured-news {
		padding-top: 140px;
	}

	.page-template-page-news .featured-news h1,
	.page-template-page-press .featured-news h2 {
		margin-bottom: 60px;
	}

	/***Blog Archive***/

	/*Hero*/

	.blog-hero .featured-post {
		padding: 60px 0;
	}

	.blog-hero .featured-post.green-bkg:before {
		width: 100%;
	}

	/*** Comparison Table ***/

	.comparison-table.cols-4 tr {
		grid-auto-columns: 280px;
	}

	/***Post Builder***/

	/*Hero*/

	.post-builder-hero {
		padding: var(--text-spacing-small) 0 80px;
	}

	/*Related Articles*/

	.post-builder-related .slick-track {
		gap: var(--text-spacing-medium);
	}

	.post-builder-related .slick-slide {
		transition: opacity 0.25s ease;
		width: calc((100vw - (2 * (var(--container-outer-margin) + var(--container-outer-padding) + var(--text-spacing-medium)))) / 3);
	}

	/*Additional Resources*/

	/* Four across gets too narrow to read here, so drop to two rows of two. */
	.blog-resources ul.count-4 > li {
		grid-column: span 6;
	}

	.blog-resources .intro {
		grid-column: 2 / span 10;
	}

	/*** Open An Account ***/

	.account-options ul.grid {
		gap: var(--gap);
		width: 100%;
	}

	.account-options aside {
		padding: 0;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1100 - Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 68.75em) {

	/***Post Builder***/

	/*Breadcrumbs*/

	.post-builder-hero .breadcrumbs {
		margin: 0 0 var(--text-spacing-xsmall);
	}

	/*Hero*/

	.post-builder-hero article,
	.post-builder-hero .image-container {
		grid-column: 1 / -1;
	}

	/*Sticky Share*/

	.post-builder-content .sticky-share {
		grid-column: 1 / -1;
		grid-row: 3;
		height: auto;
		left: unset;
		width: 100%;
		z-index: 1;
	}

	.post-builder-content .sticky-share ul {
		flex-direction: row;
		justify-content: center;
		left: unset;
		padding: 28px 0 0;
		position: relative;
		top: unset;
	}

	.post-builder-content .sticky-share .eyebrow {
		left: 50%;
		position: absolute;
		top: 0;
		translate: -50% 0;
	}

	/*Post Builder*/

	.post-builder {
		grid-column: 1 / -1;
		grid-row: 2;
		left: unset;
		width: 100%;
		z-index: 1;
	}

	.post-builder-content > .container {
		transition: all 0.25s ease;
	}

	.post-builder-content > .container:not(:has(.post-toc.active)) {
		padding-top: 110px !important;
	}

	/*FAQs*/

	.post-module.post-faqs {
		padding: var(--text-spacing-small);
	}

	.post-faqs .accordion-button {
		padding-right: 36px;
	}

	.post-faqs .accordion-button svg {
		width: 24px;
	}

	.post-faqs .accordion-content {
		padding-right: 0;
	}

	/*Key Takeaways*/

	.post-module.post-key-takeaways {
		padding: var(--text-spacing-small);
	}

	.post-key-takeaways .icon-container {
		width: 28px;
	}

	/*Text Block*/

	.post-builder .text-block h2 .anchor {
		top: -226px;
	}

	/*Sticky Sidebar*/

	.post-builder-content .sticky-sidebar {
		grid-column: unset;
		height: calc(100% - 72px);
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.post-builder-content .sticky-sidebar .sticky-container {
		left: var(--container-outer-padding);
		max-height: unset;
		padding: var(--text-spacing-small) var(--text-spacing-small);
		top: 61px;
		transition: all 0.25s ease;
		width: calc(100% - (2 * var(--container-outer-padding)));
		z-index: 4;
	}

	.post-builder-content .sticky-sidebar .sticky-container:has(.sticky.active) {
		padding-bottom: 0;
	}

	.post-builder-content .sticky-sidebar .sticky-container.overflow:before {
		background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
		bottom: 0;
		content: '';
		height: 72px;
		left: 0;
		pointer-events: none;
		position: absolute;
		transition: all 0.25s ease;
		width: 100%;
		z-index: 1;
	}

	.post-builder-content .sticky-sidebar .sticky-container.overflow.fully-scrolled:before,
	.post-builder-content .sticky-sidebar .sticky-container:not(:has(.post-toc.active)):before {
		opacity: 0;
	}

	.post-builder-content .sticky-sidebar .sticky-container:has(.post-toc.sticky) {
		border-radius: 0;
		left: 0;
		width: 100%;
	}

	.post-builder-content .sticky-sidebar .post-toc-btn {
		padding: 0 0 var(--text-spacing-xsmall);
	}

	.post-builder-content .sticky-sidebar .post-toc:not(.active) .post-toc-btn {
		padding: 0;
	}

	.post-builder-content .post-toc ul {
		height: max-content;
		max-height: 100px;
		overflow: auto;
		padding: 0 0 var(--text-spacing-small) 0;
	}

	/*Sidebar CTA*/

	.post-builder-content .sticky-sidebar .sidebar-cta,
	.post-builder-content .sticky-sidebar .sidebar-related-article {
		display: none;
	}

	.post-builder-content .sidebar-cta .btn {
		max-width: max-content;
	}

	/*Mobile Sidebar*/

	.post-builder-content .mobile-sidebar {
		background: var(--white);
		border-radius: 16px;
		box-shadow: 0px 4px 44px 0px #00000014;
		display: block;
		grid-column: 1 / -1;
		grid-row: 1;
		padding: var(--text-spacing-medium);
		z-index: 1;
	}

	.post-builder-content .mobile-sidebar .sidebar-cta {
		margin: 0;
	}

	/*** Single - Case Studies ***/

	.case-study-content .form-container {
		grid-row: 2;
	}

	.case-study-content .form-container::before {
		display: none;
	}

	.case-study-content .form {
		background: none;
		border-radius: 0;
		padding: 0;
	}

	.case-study-content .form .heading-3,
	.case-study-content .form p {
		width: 100%;
	}

	.case-study-content .form .heading-3 {
		margin-bottom: var(--text-spacing-xxsmall);
	}

	.case-study-content .form .gform_fields {
		column-count: 1;
		display: flex;
		gap: 20px;
	}

	.case-study-content .mobile-sidebar {
		grid-row: 1;
	}

	.case-study-content article {
		grid-row: 2;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 950 - Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 59.375em) {

	/*Savings Calculator*/

	.savings-calculator .navy-bkg h2,
	.savings-calculator .green-bkg h2,
	.savings-calculator .navy-bkg p,
	.savings-calculator .green-bkg p,
	.savings-calculator .box,
	.savings-calculator form .form-field,
	.savings-calculator form .form-field:has(input),
	.savings-calculator form .form-field:has(select) {
		grid-column: 1 / -1;
	}

	:root {
		--grid: minmax(0, 1fr);
		--module-spacing: 80px;
	}

	h1,
	.heading-1,
	h1.mega,
	.heading-1.mega {
		font-size: calc(40rem/16);
	}

	h2,
	.heading-2,
	.post-builder .text-block h1 {
		font-size: calc(32rem / 16);
	}

	h3,
	.heading-3,
	.page-content article h2,
	.post-builder .text-block h2 {
		font-size: calc(24rem / 16);
	}

	h3.alt,
	.heading-3.alt,
	.post-builder .text-block h3 {
		font-size: calc(20rem/16);
	}

	h4,
	.heading-4,
	#menu-main > li:nth-of-type(2) > .sub-menu > li > a,
	.page-content article h3,
	.page-content blockquote,
	h6,
	.heading-6,
	h2.gform_submission_error,
	.post-builder .text-block h4 {
		font-size: calc(18rem/16);
	}

	.box {
		padding: 30px 20px;
	}

	.green-bkg.full:before,
	.navy-bkg.full:before,
	.green-bkg::before,
	.navy-bkg::before {
		border-radius: 0;
		max-width: 100vw;
		width: 100%;
	}

	/***Footer***/

	footer {
		padding: 40px 0;
	}

	footer .menu,
	footer .footer-left {
		grid-column: 1;
	}

	footer article {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	footer .logo {
		grid-column: 1;
		grid-row: 1;
	}

	footer .social {
		grid-column: 1;
		grid-row: 1;
		margin-top: 60px;
	}

	footer address {
	  margin: 16px 0 0 auto;
	}

	/***Forms***/

	.gform_confirmation_wrapper {
		grid-column: unset;
	}

	.form-popup form .ginput_container_fileupload input {
		line-height: calc(23 / 13);
	}

	/***Homepage***/

	.service-carousel h2 {
		grid-column: 1;
	}

	.service-carousel .carousel {
		padding-bottom: 30px;
	}

	.service-carousel .slick-dots,
	.featured-news .slick-dots {
		bottom: 0;
		left: auto;
		max-width: 100%;
		right: 0;
	}

	.service-carousel .slide article {
		width: 100%;
	}

	/***Document with Table Of Contents***/

	.page-template-page-document .page-content {
		padding-top: 40px;
		position: relative;
	}

	.page-template-page-document .hero div,
	.page-template-page-document .page-content article,
	.page-template-page-document .sidebar-wrapper,
	.page-content.password-protected article {
		grid-column: 1 / -1 !important;
	}

	.page-template-page-document .sidebar-wrapper,
	.page-template-page-document:has(.hero h1 + p) .sidebar-wrapper {
		height: 100% !important;
		margin-top: 0;
	}

	.page-template-page-document .page-content nav.sidebar {
		margin-top: var(--text-spacing-medium);
	}

	.page-template-page-document .page-content .toc-container {
		transform: translateX(-20px);
		width: calc(100% + 40px);
	}

	.page-template-page-document .page-content nav {
		padding: 24px 24px 16px;
	}

	.page-template-page-document .page-content:has(nav + nav.sidebar) nav:first-child {
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}

	.page-template-page-document .page-content nav + nav.sidebar {
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		padding-top: 24px;
	}

	.page-template-page-document .page-content nav .toc > li:last-child {
		padding-bottom: 16px;
	}

	.page-template-page-document .page-content .heading-3.alt {
		cursor: pointer;
		font-size: calc(14rem/16);
	}

	.page-template-page-document .page-content .heading-3.alt.active {
		pointer-events: unset;
	}

	.page-template-page-document .page-content .heading-3.alt button.up {
		display: flex;
	}

	.page-template-page-document .page-content article h2:first-child {
		scroll-margin-top: 130px;
	}

	.page-template-page-document .page-content article h2 {
		scroll-margin-top: 100px;
	}

	.page-template-page-document .page-content article h3 {
		scroll-margin-top: 90px;
	}

	.page-content .scrolling-tables {
		width: calc(100% + var(--container-outer-padding));
	}

	.loan-calculator .page-content.results .scrolling-tables {
		width: 100%;
	}

	.page-content table {
		min-width: 0;
		width: 1000px !important;
	}

	/***Landing Page Builder Modules***/

	.builder-module:not(:last-of-type).jump-nav {
		margin-bottom: 60px;
	}

	/* Hero */

	.page-hero .eyebrow-icon {
		justify-content: center;
	}

	/*"Universal Stuff"*/

	.builder-module h2 span {
		margin-bottom: 15px;
	}

	.navy-bkg.side-align:before {
		border-radius: 0;
	}

	.page-hero video,
	.page-hero.video-separate video,
	.page-hero.video-overlap video {
		border-radius: 0;
		grid-column: 1;
	}

	.page-hero.video-separate video,
	.page-hero.video-overlap video {
		width: 100%;
	}

	.page-hero.video-overlap video {
		border-radius: 32px;
	}

	/* Hero Style 2 - Tablet */

	.hero.style2 {
		padding-bottom: calc(70rem / 16);
		padding-top: calc(100rem / 16);
	}

	.hero.style2 .video-container {
		margin-top: calc(72rem / 16);
	}

	.hero .hero-logos-row {
		justify-content: center;
	}

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

	.page-hero.video-separate:before {
		display: none !important;
	}

	.page-hero.green-bkg.video-overlap:before,
	.page-hero.navy-bkg.video-overlap:before {
		border-radius: unset;
		height: 70%;
		left: 0;
		width: 100vw !important;
	}

	.page-hero.green-bkg.video-separate,
	.page-hero.navy-bkg.video-separate {
		padding-top: 50px;
	}

	.page-hero.green-bkg.video-overlap,
	.page-hero.navy-bkg.video-overlap {
		padding-top: 80px;
	}

	.page-hero.green-bkg.video-separate article,
	.page-hero.navy-bkg.video-separate article {
		border-radius: var(--radius-large);
		padding: 60px var(--container-outer-padding);
		position: relative;
	}

	.page-hero.green-bkg.video-separate article {
		background: var(--winter-green);
	}

	.page-hero.navy-bkg.video-separate article {
		background: var(--midnight);
	}

	/*Hero 1*/

	.hero-text-image {
		height: auto;
	}

	.hero-text-image.green-bkg,
	.hero-text-image.navy-bkg {
		padding: 120px var(--container-outer-padding) 50px;
	}

	.hero-text-image article {
		align-self: start;
		grid-column: 1;
		padding: 0 var(--container-outer-padding);
		text-align: center;
	}

	.hero-text-image h1 {
		font-size: calc(40px + (84 - 64) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
		margin-bottom: 10px;
	}

	.hero-text-image > article > p {
		font-size: calc(18px + (32 - 24) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
		margin-bottom: 0;
		width: 100%;
	}

	.hero-text-image.large-hero-text h1 {
		font-size: calc(60px + (84 - 64) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
	}

	.hero-text-image.large-hero-text > article p {
		font-size: calc(22px + (32 - 24) * ( (100vw - (var(--min-container) * 1px)) / ( var(--max-container) - var(--min-container))));
	}

	.hero-text-image p + .btn {
		margin: 24px auto 0;
	}

	.hero-text-image .hero-logos-row {
		justify-content: center;
	}

	.hero-text-image .hero-buttons {
		justify-content: center;
		margin-top: 24px;
	}

	.page-hero .disclaimer {
		margin: var(--text-spacing-small) 0 0;
		width: 100%;
	}

	.hero-text-image .image {
		display: flex;
		height: auto;
		justify-content: center;
		max-width: calc(100vw - (2 * var(--container-outer-padding)));
		position: relative;
		width: 100%;
	}

	.hero-logo-garden {
		margin-inline: 0;
	}

	.hero-text-image.has-logo-garden,
	.hero-text-image.green-bkg.has-logo-garden,
	.hero-text-image.navy-bkg.has-logo-garden {
		margin-bottom: 110px;
	}

	.hero-text-image.has-logo-garden .image {
		grid-column: 1;
		max-height: unset;
	}

	.hero-text-image.add-margins .image {
		margin: 0 auto;
		max-height: calc(100vw - (2 * var(--container-outer-padding)));
		right: 0;
		top: 0;
		width: calc(100% - (2 * var(--container-outer-padding)));
	}

	.hero-text-image img {
		margin-left: 0;
		max-width: fit-content;
	}

	.hero-text-image.add-margins img {
		object-fit: cover;
	}

	.hero-text-image .form-popup h2.center {
		text-align: center;
	}

	.hero-text-image .form-popup .content {
		margin-left: calc(-1 * var(--container-outer-padding));
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	/*Hero 2*/

	.hero-text-image.swoosh-bkg {
		padding: 50px 0;
	}

	.hero-text-image.swoosh-bkg > article {
		margin: 0;
		padding: 0 var(--container-outer-padding);
		width: 100%;
	}

	/* Event Hero */

	.page-hero.event {
		padding: var(--container-outer-padding) 0;
	}

	.page-hero.event .card,
	.page-hero.event .card:has(.eyebrow-icon) {
		padding: 48px;
	}

	/* Ratings Hero */

	.page-hero.ratings .ratings-wrapper {
		justify-content: center;
	}

	.page-hero.ratings article > .btn {
		margin: var(--text-spacing-medium) auto 0;
	}

	/*Loan Popup*/

	.loan-popup .layer-2 .partner {
		flex-direction: column;
		gap: 16px;
		padding: 32px 40px;
	}

	.loan-popup .layer-2 .details {
		text-align: center;
		width: 100%;
	}

	.loan-popup .layer-2 .details ul,
	.loan-popup .layer-2 .details ol {
		margin: 0 auto;
		max-width: 100%;
		width: max-content;
	}

	.loan-popup .layer-2 .details li {
		max-width: max-content;
	}

	.loan-popup .layer-2 .partner .btn {
		margin: 8px 0 0;
	}

	/*Multi-Step Popup*/

	.multi-step-popup .card {
		flex-direction: column;
		gap: 16px;
		padding: 32px 40px;
	}

	.multi-step-popup .card .details {
		width: 100%;
	}

	.multi-step-popup .card .details p {
		margin-bottom: var(--text-spacing-xxsmall);
	}

	.multi-step-popup .card .btn {
		margin: 8px 0 0;
	}

	/*Brand Trust Logo Garden 2*/

	.logo-garden.content-grid article,
	.logo-garden.content-grid ul {
		grid-column: 1;
		text-align: center;
	}

	.logo-garden.content-grid h2 .eyebrow {
		margin: 0 auto 15px;
	}

	/* Awards */

	.builder-module.awards .container {
		--container-inner-inline-padding: 50px;
	}

	/* Logo Garden Carousel */

	.logo-garden .slick-track {
		gap: 60px;
	}

	/* Form */

	.builder-module.form .container {
		gap: 48px;
		grid-template-columns: 1fr;
	}

	.builder-module.form.text-wrap .form-container {
		margin: var(--text-spacing-xlarge) 0 0;
		position: relative;
		right: unset;
		width: 100%;
	}

	.builder-module.form.text-wrap .content-styles > :first-child {
		padding-right: unset;
	}

	/*Value Props Grid 1*/

	.value-props-grid.left-grid article {
		grid-column: 1;
		order: 0;
	}

	.value-props-grid p + .btn {
		margin-top: 30px;
	}

	.value-props-grid.left-grid ul {
		grid-column: 1;
		margin: 40px 0 0;
		padding: 0;
	}

	.value-props-grid.left-grid li:nth-of-type(even) {
		transform: translateY(0);
	}

	.value-props-grid.left-grid .container {
		row-gap: 0;
	}

	.value-props-grid.left-grid article,
	.value-props-grid.left-grid article > div {
		display: contents;
	}

	.value-props-grid.left-grid article h2,
	.value-props-grid.left-grid article p {
		text-align: center;
	}

	.value-props-grid.left-grid article .eyebrow {
		margin: 0 auto var(--text-spacing-xsmall);
	}

	.value-props-grid.left-grid article p {
		margin-top: var(--text-spacing-small);
	}

	.value-props-grid.left-grid article .btn {
		justify-self: center;
		margin: var(--text-spacing-large) auto 0;
		order: 1;
	}

	/*Value Props Grid 2*/

	.value-props-grid.five-col-centered article,
	.value-props-grid.three-col-centered.alt article {
		grid-column: 1;
		padding: 0;
	}

	/*Value Props Grid 3*/

	.value-props-grid.three-col-centered article {
		gap: 16px;
		margin-bottom: 70px;
	}

	.value-props-grid.three-col-centered article.has-eyebrow > div {
		margin: 0;
	}

	.value-props-grid.three-col-centered article h2,
	.value-props-grid.three-col-centered article > div {
		grid-column: 1;
	}

	.value-props-grid.three-col-centered article > div {
		margin-top: 0;
	}

	.value-props-grid.three-col-centered ul {
		gap: 30px;
		grid-template-columns: repeat(3, 1fr);
	}

	.value-props-grid.three-col-centered li {
		grid-column: span 1;
	}

	/*Value Props Grid 4*/

	.value-props-grid.three-col-centered ul.dark {
		/* margin-top: 50px;
		padding: 15px 0; */
		margin-top: -30px;
		padding: 44px 0;
	}

	.value-props-grid.three-col-centered ul.dark:before {
		/* height: calc(100% + 60px);
		top: -30px; */
		height: 100%;
		top: 0;
	}

	.value-props-grid.three-col-centered ul.dark + .btn {
		margin: var(--text-spacing-small) auto 0;
	}

	/*Landing Page Promo Standalone*/

	.landing-page-promo {
		padding-top: 30px;
	}

	.landing-page-promo:before {
		background: var(--white);
		content: '';
		height: 65%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1;
	}

	.landing-page-promo .container {
		padding-top: 0;
	}

	.landing-page-promo .container:before {
		bottom: 150px;
		top: auto;
	}

	.landing-page-promo img,
	.landing-page-promo article {
		grid-column: 1;
	}

	.landing-page-promo img {
		grid-row: 2;
		margin: 0 auto;
		max-width: 650px;
		width: 100%;
	}

	.landing-page-promo article {
		padding: 50px 20px;
	}

	.home .landing-page-promo article {
		padding: 30px 0;
	}

	.landing-page-promo article:before {
		display: none;
	}

	.landing-page-promo article p {
		margin-bottom: 20px;
	}

	/*Landing Page Promo Carousel*/

	.landing-page-promo .carousel:not(.count-1) article {
		margin: 0;
		padding: 80px 0 20px;
	}

	.landing-page-promo .slick-dots,
	.home .landing-page-promo .slick-dots {
		flex-wrap: nowrap;
		margin: 0;
		-ms-overflow-style: none;
		overflow-x: auto;
		right: 0;
		scrollbar-width: none;
		top: 20px;
		width: calc(100% - var(--container-outer-padding));
	}

	.landing-page-promo .slick-dots::-webkit-scrollbar {
		display: none;
	}

	.home .landing-page-promo .slick-dots {
		margin: 0;
		max-width: 100%;
	}

	/*Loan Types*/

	.loan-types article {
		grid-column: 1;
		margin: 0;
	}

	.loan-types ul.grid > li {
		grid-column: 1;
		padding: 60px 50px 60px;
	}

	/*Value Props - Accordion + Carousel*/

	.value-props-carousel {
		padding: 80px 0 70px;
	}

	.value-props-carousel.navy-bkg:before {
		border-radius: 0;
		width: 100%;
	}

	.value-props-carousel h2 {
		grid-column: 1;
		margin-bottom: 0;
	}

	.value-props-carousel .content-btns {
		grid-column: 1;
	}

	.value-props-carousel .tabs-content {
		grid-column: 1;
		width: calc(100vw - (2 * var(--container-outer-padding)));
	}

	.value-props-carousel .tab-content,
	.value-props-carousel img.tab-content {
		bottom: 0;
		height: auto;
		left: 50%;
		max-width: 600px;
		position: relative;
		right: auto;
		transform: translateX(-50%);
		width: 100%;
	}

	.value-props-carousel div.tab-content.code-block {
		max-width: 100%;
		width: 100%;
	}

	.value-props-carousel .alt-nav {
		display: none;
	}

	/*Mobile Accordion: inline images below description*/

	.value-props-carousel.mobile-accordion .tabs-content {
		display: none;
	}

	.value-props-carousel.mobile-accordion .mobile-inline-image {
		display: block;
		margin-top: var(--text-spacing-small);
	}

	.value-props-carousel.mobile-accordion .mobile-inline-image img {
		border-radius: var(--radius-small);
		max-width: 100%;
		width: 100%;
	}

	.value-props-carousel.mobile-accordion .content-btns .active .mobile-inline-image {
		display: block;
	}

	.value-props-carousel.mobile-accordion .content-btns li:not(.active) .mobile-inline-image {
		display: none;
	}

	/*Mobile Carousel: swipeable slides*/

	.value-props-carousel.mobile-carousel .tabs-container {
		display: none;
	}

	.value-props-carousel.mobile-carousel .mobile-carousel-container {
		display: block;
	}

	.value-props-carousel .mobile-carousel-container h2 {
		margin-bottom: var(--text-spacing-medium);
	}


	.value-props-carousel .mobile-carousel .slick-list {
		overflow: hidden;
	}

	.value-props-carousel .mobile-carousel .slide {
		padding: 0 var(--text-spacing-xsmall);
	}

	.value-props-carousel .mobile-carousel .slide svg {
		display: none;
	}

	.value-props-carousel .mobile-carousel .slide h3 {
		margin-bottom: var(--text-spacing-xxsmall);
	}

	.value-props-carousel .mobile-carousel .slide p {
		margin-bottom: var(--text-spacing-small);
	}

	.value-props-carousel .mobile-carousel .slide-media img {
		border-radius: var(--radius-small);
		max-width: 100%;
		width: 100%;
	}

	.value-props-carousel .mobile-carousel .slick-dots {
		display: flex;
		gap: 12px;
		justify-content: center;
		list-style: none;
		margin: var(--text-spacing-medium) 0 0;
		padding: 0;
		position: relative;
	}

	.value-props-carousel .mobile-carousel .slick-dots button {
		background: #27366A;
		border: none;
		border-radius: 1px;
		height: 2px;
		padding: 0;
		text-indent: -9999px;
		width: 40px;
	}

	.value-props-carousel .mobile-carousel .slick-active button,
	.value-props-carousel .mobile-carousel .slick-dots button:hover {
		background: var(--lavender);
	}

	/*Value Props Subheadlines*/

	.value-props-subheadlines h2,
	.value-props-subheadlines img,
	.value-props-subheadlines ul,
	.value-props-subheadlines:not(.add-margins) article,
	.value-props-subheadlines .cta:not(:has(span.heading-3)),
	.value-props-subheadlines.add-margins.image-right img,
	.value-props-subheadlines.image-right article,
	.value-props-subheadlines:not(.add-margins).image-right article,
	.value-props-subheadlines:not(.add-margins).image-right > .container > img {
		grid-column: 1;
	}

	.value-props-subheadlines:not(.add-margins) > .container > img {
		grid-column: 1 / -1;
		left: calc(-1 * var(--container-outer-padding)) !important;
		max-height: calc(100% + (var(--module-spacing) / 2));
		max-width: 600px !important;
		position: relative !important;
		width: 100% !important;
	}

	.value-props-subheadlines:not(.add-margins).image-right img {
		left: unset !important;
		margin-left: auto;
		position: relative !important;
		right: calc(-1 * var(--container-outer-padding)) !important;
		width: 100% !important;
	}

	.value-props-subheadlines h2 {
		margin-top: 0;
	}

	.value-props-subheadlines .cta {
		margin-top: 0;
	}

	.value-props-subheadlines .cta .heading-3 {
		margin-bottom: 20px;
	}

	.value-props-subheadlines.image-right article {
		order: inherit;
	}

	/*Value Props Full Width 1*/

	.value-props-full article {
		grid-column: 1;
		margin-bottom: 0;
	}

	/*Developer Block*/

	.developer-block {
		padding: 80px 0;
	}

	.green-bkg.developer-block:before {
		border-radius: 48px;
		width: calc(100% - (2 * var(--container-outer-padding)));
	}

	.developer-block article,
	.developer-block .tabs-nav,
	.developer-block .tabs-content {
		grid-column: 1;
		padding: 0 50px;
	}

	.developer-block article {
		margin-bottom: 30px;
	}

	.developer-block article .content-styles {
		margin: 10px 0 0;
	}

	.developer-block .tabs-nav {
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.developer-block article:not(:empty) + .tabs-nav {
		margin-top: 0;
	}

	.developer-block .tabs-nav .pill {
		width: max-content;
	}

	.developer-block .tabs-content {
		grid-row: 3;
	}

	.developer-block .tab-content .cover-image.mobile {
		display: block;
	}

	.developer-block .tab-content .cover-image button:before {
		width: 100px;
	}

	.developer-block .tab-content .cover-image button svg {
		width: 32px;
	}

	.developer-block .tab-content:has(.cover-image.mobile) video {
		position: absolute;
	}

	.developer-block .tab-content:has(.cover-image.mobile) .video-container.hide-cover video {
		position: relative;
	}

	/*Team Members - Single*/

	.single-team-member h2 {
		left: 50%;
		transform: translateX(-50%);
	}

	.single-team-member .team-member-info,
	.single-team-member article,
	.single-team-member .image {
		grid-column: 1;
	}

	.single-team-member .team-member-info {
		grid-row: 1;
		margin-top: 50px;
		padding-right: 0;
		text-align: center;
	}

	.single-team-member .team-member-info a {
		margin-inline: auto;
	}

	.single-team-member h3 .eyebrow {
		margin: 30px auto 0;
		padding: 0;
	}

	.single-team-member h3 .eyebrow:before {
		left: 50%;
		top: -25px;
		transform: translateX(-50%);
	}

	.single-team-member article {
		grid-row: 3;
		padding: 0 30px 50px;
	}

	.single-team-member article p {
		margin-bottom: 30px;
		text-align: center;
	}

	.single-team-member article .btn.purple {
		margin: 0 auto;
	}

	.single-team-member .image {
		grid-row: 2;
		margin: -24px auto 0;
		max-width: 420px;
		top: 0;
		width: calc(100% - (2 * var(--container-outer-padding)));
	}

	.single-team-member .image blockquote {
		left: -100px;
		padding-bottom: 22px;
		padding-right: 40px;
		width: 100%;
	}

	.single-team-member article {
		padding-left: 0;
		padding-right: 0;
	}

	/*Team Members - Multiple*/

	.multi-team-members .grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.multi-team-members .grid:has(> :nth-child(1):last-child) {
		grid-template-columns: minmax(0, 1fr);
		justify-content: center;
	}

	.multi-team-members li {
		grid-column: span 1 !important;
		left: unset !important;
		margin: 0 auto;
		max-width: max-content;
	}

	.multi-team-members li .btn-hover {
		padding: 0;
	}

	.multi-team-members img {
		max-width: 350px;
		width: 100%;
	}

	/*Events Calendar*/

	.events.dark {
		padding: 80px 0;
	}

	.events h2 {
		grid-column: 1;
		margin-bottom: 0;
	}

	.events p.large {
		margin-bottom: 0;
	}

	.events li {
		gap: 20px;
		grid-template-columns:  repeat(12, 1fr);
	}

	.events .date {
		grid-column: span 2;
	}

	.events li:has(.time):not(:has(.pill)) .event-name,
	.events li:has(.pill):not(:has(.time)) .event-name {
		grid-column: span 7;
	}

	.events .pill {
		grid-column: span 2;
	}

	/*Image + Text*/

	.image-text.bkg-container .container {
		padding-bottom: var(--module-spacing-medium);
		padding-top: var(--module-spacing-small);
	}

	.image-text.bkg-container .container:before {
		border-radius: unset;
		width: 100%;
	}

	.image-text img,
	.image-text video,
	.image-text img.align-right,
	.image-text video.align-right,
	.image-text.bkg-container img,
	.image-text.bkg-container video,
	.image-text.bkg-container img.align-right,
	.image-text.bkg-container video.align-right {
		grid-column: 1;
		margin: 0 auto;
		max-width: 650px;
		order: 2;
		width: 100%;
	}

	.image-text article,
	.image-text.bkg-container article,
	.image-text.bkg-container:has(.align-right) article {
		grid-column: 1;
	}

	.image-text.bkg-container article,
	.image-text.bkg-container:has(.align-right) article {
		padding-left: 0;
		padding-right: 0;
	}

	.image-text h2 {
		text-align: center;
	}

	.image-text h2 span {
		margin: 0 auto 15px;
		transform: translateX(-16px);
	}

	.image-text p {
		margin-bottom: 20px;
		text-align: center;
	}

	.image-text .btn,
	.image-text.bkg-container .btn {
		margin: var(--text-spacing-medium) auto 0;
	}

	.image-text:has(ul) .btn,
	.image-text:has(ul).bkg-container .btn,
	.image-text:has(ol) .btn,
	.image-text:has(ol).bkg-container .btn {
		margin: var(--text-spacing-medium) 0 0;
	}

	.image-text:has(ul) h2,
	.image-text:has(ol) h2,
	.image-text:has(ul) p,
	.image-text:has(ol) p {
		text-align: left;
	}

	.image-text:has(ul) h2 span,
	.image-text:has(ol) h2 span {
		margin: 0 0 15px;
		transform: unset;
	}

	/* .image-text .content-styles ul,
	.image-text .content-styles ul > li,
	.image-text.bkg-container .content-styles ul {
		margin-left: auto;
		margin-right: auto;
		max-width: max-content;
	} */

	/*Steps*/

	.builder-module.steps.dark:not(:last-of-type) {
		margin-bottom: calc(var(--module-spacing) + 50px);
	}

	.steps article {
		grid-column: 1;
		margin-bottom: 20px;
	}

	.steps.dark article {
		margin-bottom: 40px;
	}

	.steps.dark ol {
		padding: 30px 0 0;
	}

	.steps li {
		grid-column: 1;
	}

	.steps .btn {
		margin: 0 auto;
	}

	.steps.dark ol:before {
		height: calc(100% + 188px);
		top: -40px;
	}

	/*CTA 1: Get Started*/

	.cta.cta-image.navy-bkg {
		padding: 60px 0;
	}

	.cta.cta-image.navy-bkg:before {
		border-radius: 0;
		width: 100%;
	}

	.cta.cta-image .container > article,
	.cta.cta-image img {
		grid-column: 1;
	}

	.cta.cta-image h2 {
		text-align: center;
	}

	.cta.cta-image h2 span {
		margin: 0 auto 15px;
		transform: translateX(-16px);
	}

	.cta.cta-image p {
		margin-bottom: 20px;
		text-align: center;
	}

	.cta.cta-image .btn {
		margin: 0 auto;
	}

	.cta.cta-image img {
		margin: 0;
		width: 100%;
	}

	/*CTA 2: Simple*/

	.cta.cta-simple.navy-bkg {
		padding: 70px 0 80px;
	}

	.cta.cta-simple.navy-bkg:before {
		border-radius: 0;
		left: 0;
		transform: translateX(0);
		width: 100%;
	}

	.cta.cta-simple article {
		grid-column: 1;
	}

	.cta.cta-simple h2 {
		margin-bottom: 5px;
	}

	.cta.cta-simple p {
		margin-bottom: 20px;
	}

	/*CTA 3: Form*/

	.cta-form .grid {
		row-gap: 20px;
	}

	.cta-form article,
	.cta-form .form,
	.cta-form.complex article,
	.cta-form.complex .form,
	.cta-form.stacked .form {
		grid-column: 1;
	}

	.cta-form p {
		margin-bottom: 10px;
	}

	/*CTA Popups*/

	.form-popup {
		padding: 45px 40px 30px;
	}

	.form-popup .form,
	.form-popup article {
		grid-column: 1 / -1 !important;
	}

	.form-popup .form {
		padding: 0;
	}

	.form-popup:not(.alt) .form h2 {
		margin: 0 40px 27px;
	}

	.form-popup .form .btn {
		margin: 30px auto;
	}

	.form-popup article {
		padding-top: 10px;
	}

	.page-hero .cta-popup.form-popup article {
		text-align: center;
	}

	.form-popup article:before {
		height: calc(100% + 75px);
	}

	.form-popup:not(.alt) article h2:before {
		left: 50%;
		transform: translateX(-50%);
	}

	.form-popup article .btn {
		margin: 4px auto 6px;
	}

	.form-popup article .btn:last-of-type {
		margin-bottom: 0;
	}

	.alt .gform_confirmation_message article::after {
		bottom: -23px;
	}

	.grid .box.form-popup.alt .gform_fields {
		padding-right: 0;
	}

	.grid .box.form-popup.alt .gfield:first-child {
		width: 100%;
	}

	/*Value Props Block Carousel 1*/

	.value-props-block {
		padding-bottom: 60px;
	}

	.value-props-block .image {
		grid-column: 1;
		margin: 0 auto;
		max-width: 650px;
		padding: 0;
	}

	.value-props-block article {
		grid-column: 1;
	}

	.value-props-block .image .block {
		bottom: 20px;
		right: 20px;
	}

	.value-props-block .slick-dots {
		display: none !important;
	}

	.value-props-block .slick-arrow {
		bottom: -60px;
		left: var(--container-outer-padding);
		right: auto;
	}

	.value-props-block .slick-arrow.slick-next {
		left: calc(var(--container-outer-padding) + 52px);
	}

	/*Value Props Block Carousel 2*/

	.value-props-block.navy-bkg {
		padding: 80px 0 120px;
	}

	.value-props-block.navy-bkg:before {
		border-radius: 0;
		width: 100%;
	}

	/*Competitor Comparison Table*/

	.competitor-table {
		margin-top: calc(49px + 80px);
		--module-spacing: 120px;
		padding-bottom: 30px;
	}

	.competitor-table .column {
		width: calc(322/1200*100%);
	}

	.competitor-table h3.btn-like {
		margin-bottom: 30px;
	}

	.competitor-table .column:nth-of-type(1) {
		padding-left: 20px;
	}

	.competitor-table .column:nth-of-type(2) {
		height: calc(100% + 126px);
		padding: 32px 20px 30px;
	}

	.competitor-table .column:nth-of-type(2) h3 {
		margin-bottom: 38px;
		width: auto;
	}

	.competitor-table .column:nth-of-type(3) {
		padding-right: 20px;
	}

	.competitor-table.two-column .column {
		width: 45%;
	}

	.competitor-table.two-column .column:nth-of-type(1) {
		padding-left: 0;
	}

	.competitor-table.two-column .column:nth-of-type(2) {
		padding-left: 20px;
		padding-right: 20px;
		width: 55%;
	}

	.competitor-table.two-column .column:nth-of-type(1) ul {
		padding-right: 20px;
	}

	.competitor-table.two-column .column:nth-of-type(1) ul:before {
		border-radius: 0;
		height: calc(100% + 46px + 40px);
		top: -46px;
		width: 100vw;
	}

	/* News Carousel */

	.featured-news .slick-arrow {
		translate: 60px;
	}

	/* App Store Reviews */

	.review-heading .flex-container {
		margin: 0;
	}

	/*Accordions*/

	.accordion-button {
		padding: 20px 64px 30px 0;
	}

	/*Firm Information Accordions*/

	.firm-information .container > article {
		margin: 0 0 32px;
	}

	.firm-accordions .accordion-button {
		padding: 14px 56px 24px 0;
	}

	.firm-accordions .column-names > *,
	.firm-accordions .accordion-button .industries,
	.firm-accordions .accordion-button .firm-type,
	.firm-accordions .accordion-button .range,
	.partners-accordions .accordion-button .description {
		display: none !important;
	}

	.partner-section .right-column.alt .top-info .product-service,
	.partner-section .right-column.alt .top-info .client-type,
	.partner-section .right-column.alt .top-info .offer {
		grid-column: 1 / -1;
	}

	.firm-accordions .accordion-button .name {
		gap: 16px;
		grid-column: 1 / -1;
	}

	.firm-accordions .accordion-button .name .heading-4,
	.firm-accordions .accordion-content h4 {
		font-size: calc(20rem / 16);
		letter-spacing: 0.6px;
		line-height: calc(28 / 20);
	}

	.firm-section {
		padding: 40px var(--container-outer-padding);
	}

	.firm-section .left-column,
	.firm-section .center-column,
	.firm-section .right-column,
	.firm-section .right-column.alt {
		grid-column: 1 / -1;
		width: 100%;
	}

	.firm-section .left-column {
		left: unset;
	}

	.firm-section .center-column,
	.firm-section .right-column {
		margin: 0;
	}

	.firm-section .right-column.alt {
		gap: var(--gap);
	}

	.firm-section .firm-type {
		margin: 0 0 40px;
	}

	.firm-section .eyebrow.x-small {
		font-size: calc(10rem / 16);
		letter-spacing: 1.56px;
		line-height: calc(12 / 10);
	}

	.connect .firm-link + .grasshopper-tip {
		margin-top: 40px;
	}

	.connect .grasshopper-tip .eyebrow {
		margin: 0 0 10px;
	}

	.connect .grasshopper-tip .eyebrow:before {
		top: 0;
	}

	.connect .grasshopper-tip p {
		font: 400 calc(14rem / 16)/calc(22 / 14) var(--body-font);
		letter-spacing: 0;
	}

	.connect .form-container {
		width: 100%;
	}

	/*Checklist*/

	.checklist article.grid {
		gap: 16px;
	}

	.checklist article .eyebrow {
		width: 100%;
	}

	.checklist h2,
	.checklist article .content-styles {
		grid-column: 1 / -1;
	}

	.checklist article .content-styles {
		margin: 8px 0 0;
	}

	.checklist article.centered .eyebrow {
		margin: 0 auto;
	}

	.checklist article.centered h2,
	.checklist article.centered .content-styles {
		grid-column: 1 / -1;
	}

	.checklist .checklists {
		margin: 48px 0 0;
	}

	.checklist .checklist-accordion > button {
		padding: 12px 64px 16px 9px;
	}

	.checklist .items {
		padding: 32px 40px;
	}

	.checklist .items .checkbox {
		padding: 0 0 0 32px;
	}

	.checklist.items-cards .items li {
		align-items: flex-start;
		flex-direction: column;
		gap: var(--text-spacing-xsmall);
		padding: var(--text-spacing-small);
	}

	.checklist.items-cards .document-buttons {
		padding-left: 32px;
	}

	/*Callout Cards*/

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

	.callout-cards .container > article {
		grid-column: 2 / span 10;
	}

	.callout-cards ul.grid {
		gap: 20px;
	}

	.pathway-page article {
		padding: 47px 64px 64px;
	}

	/***Sign In && Open Account***/

	.account-options ul.grid,
	.account-options aside {
		grid-column: 1 / -1;
	}

	.account-hero {
		padding: var(--module-spacing-large) 0 var(--text-spacing-xxlarge);
	}

	.account-options .container.grid {
		gap: var(--text-spacing-medium);
	}

	.account-options ul.grid {
		margin: 0;
	}

	.account-options ul.grid .box {
		padding-left: 20px;
		padding-right: 20px;
	}

	.account-options aside {
		margin-top: var(--text-spacing-large);
		order: -1;
		position: static;
		width: 100%;
	}

	.account-options .related {
		padding: 0 var(--text-spacing-small);
		position: relative;
	}

	.account-options .related.active {
		padding-bottom: var(--text-spacing-large);
	}

	.account-options .related .toggle-menu {
		align-items: center;
		background: none;
		border: none;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.account-options .related .toggle-menu h2 {
		margin: 0;
		padding: var(--text-spacing-large) 0;
	}

	.account-options .related .toggle-menu span {
		background: url('svgs/icon-dropdown-dark.svg') no-repeat;
		display: block;
		height: 20px;
		transform: rotate(180deg);
		transition: transform .25s ease;
		width: 20px;
	}

	.account-options .related .desktop-only {
		display: none;
	}

	.account-options .related:not(.active) ul,
	.account-options .related:not(.active) .btn.secondary {
		display: none;
	}

	.account-options .related ul {
		margin-top: calc(var(--text-spacing-xsmall) * -1);
	}

	/***About***/

	.page-template-page-about .text-hero {
		min-height: 350px;
	}

	/*Intro Block*/

	.intro-block {
		padding: 25px 0;
	}

	.intro-block article {
		grid-column: 1;
	}

	/*Text Block*/

	.text-block article {
		grid-column: 1;
	}

	/*Diversity Block*/

	.diversity-block.green-bkg:before {
		width: 100%;
	}

	.diversity-block .grid {
		gap: 0;
	}

	.diversity-block h2,
	.diversity-block article {
		grid-column: 1;
		text-align: center;
	}

	.diversity-block h2 {
		padding-left: 0;
	}

	.diversity-block h2 span {
		margin: 0 auto 15px;
		transform: translateX(-16px);
	}

	.diversity-block article {
		padding-right: 0;
	}

	.diversity-block .add-margin {
		margin-top: 0;
	}

	/*Benefits Block*/

	.benefits-block article,
	.benefits-block ul {
		grid-column: 1;
		padding: 0;
	}

	.benefits-block article p {
		margin-bottom: 30px;
	}

	/*Featured News*/

	.page-template-page-news .featured-news h1,
	.builder-module.featured-news h2 {
		margin-bottom: 40px;
	}

	.featured-news .grid {
		grid-template-columns: 1fr 1fr;
	}

	.featured-news .grid li {
		grid-column: auto;
	}

	/* .featured-news .grid li:last-of-type {
		display: none;
	} */

	/*Link Tabs*/

	.link-tabs .grid,
	.link-tabs ul {
		row-gap: 16px;
	}

	.link-tabs h2,
	.link-tabs p,
	.link-tabs ul,
	.link-tabs .media {
		grid-column: 1;
		margin: 0;
	}

	.link-tabs ul {
		margin-top: 24px;
	}

	.link-tabs p {
		padding: 0;
	}

	.link-tabs .media {
		display: none;
	}

	/***Default Page***/

	.page-content {
		padding: 60px 0 0;
	}

	.page-content article {
		grid-column: 1;
	}

	.page-content article h1 {
		margin-bottom: 40px;
	}

	.page-content article * + h2,
	.page-content article * + h3 {
		margin-top: 30px;
	}

	/*Blog Single*/

	.blog-single-hero article {
		grid-column: 1;
	}

	.blog-single-hero .wp-post-image {
		grid-column: 1;
		margin: 20px auto 0;
		max-width: 650px;
	}

	.page-content .sticky-share {
		display: none;
	}

	.page-content .ending {
		grid-column: 1;
	}

	.page-content blockquote {
		padding: 0 0 0 40px;
	}

	.page-content .related-stories {
		grid-column: 1;
	}

	/***Press***/

	/*Featured News*/

	.page-template-page-press .featured-news {
		padding-top: 110px;
	}

	.page-template-page-press .featured-news h2 {
		margin-bottom: 30px;
	}

	/*Press Releases*/

	.press-releases h2,
	.press-releases ul,
	.press-releases .container>.btn.primary,
	.post-type-archive-press-releases .press-releases ul {
		grid-column: 1;
	}

	.press-releases h2 {
		margin-bottom: 0;
	}

	.press-releases ul {
		gap: var(--gap);
	}

	.press-releases li p:last-of-type {
		margin-bottom: 10px;
	}

	/***Team***/

	.short-hero {
		padding: 100px 0 60px;
	}

	.multi-team-members h2.heading-4 {
		margin-bottom: 60px;
	}

	.multi-team-members .popup .image {
		padding: 0 20px 0 0;
	}

	/***FAQS Archive***/

	.faq-hero {
		padding: 80px 0;
	}

	.faq-hero h1 {
		margin: 0;
	}

	.faq-hero form {
		grid-column: 1;
	}

	.faqs-listings {
		padding-top: 60px;
	}

	/***FAQs Single***/

	.faq-single-hero {
		padding: 160px 0 80px;
	}

	.faq-single-hero article {
		grid-column: 1;
	}

	/***Blog Archive***/

	/*Hero*/

	.blog-hero {
		padding: 80px 0;
	}

	.blog-hero .featured-post {
		padding: 40px 0;
	}

	.blog-hero .featured-post.green-bkg:before {
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	.blog-hero .featured-post article,
	.blog-hero .featured-post .img-link {
		grid-column: 1;
	}

	.blog-hero .featured-post p:last-of-type {
		margin-bottom: 24px;
	}

	/***Blog Single***/

	.blog-single-hero .btn {
		left: var(--container-outer-padding);
	}

	.page-content .ending {
		grid-column: 1;
	}

	/***Posts Listings***/

	.posts-listings .grid {
		grid-template-columns: 1fr 1fr;
	}

	.posts-listings .category-bar {
		margin-bottom: 30px;
	}

	.posts-listings li {
		grid-column: span 1;
	}

	.posts-listings li article,
	.post-builder-related .box article {
		padding: 20px 18px 24px;
	}

	.posts-listings li p,
	.post-builder-related .box article p {
		margin-bottom: 10px;
	}

	/***Contact***/

	.contact-hero {
		padding: 60px 0 80px;
	}

	.contact-hero h1 {
		margin-bottom: 60px;
	}

	.contact-hero ul {
		gap: 20px;
		grid-template-columns: 1fr 1fr;
	}

	.contact-hero ul.count-3 {
		grid-template-columns: repeat(3, 1fr);
		margin: 0;
	}

	.contact-hero li {
	  grid-column: auto;
	}

	.contact-hero li a {
		margin: 0;
		padding: 20px;
	}

	.contact-hero li a:hover {
		padding-bottom: 20px;
	}

	.contact-hero li .arrow-link,
	.contact-hero li a.box.watermark::before {
		display: none;
	}

	.contact-form article,
	.contact-form .gform_wrapper,
	.atm-locator article {
		grid-column: 1;
	}

	.contact-form article p.large {
		margin: 0;
	}

	.atm-cards.slick-initialized {
		position: relative;
	}

	.atm-cards .slick-dots {
		display: flex;
		gap: 12px;
		justify-content: center;
		left: 0;
		line-height: 0;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		top: var(--text-spacing-small);
		z-index: 3;
	}

	.atm-cards .slick-list {
		height: auto;
		margin: 0 calc(-1 * var(--text-spacing-small));
		overflow: hidden;
		padding: 0 0 var(--text-spacing-medium);
	}

	.atm-cards .slick-track {
		height: auto;
	}

	.atm-cards .slick-slide .box {
		padding-top: var(--text-spacing-xxlarge);
	}

	.atm-cards .slick-slide {
		height: auto;
		padding: 0 var(--text-spacing-small);
	}

	/*** Comparison Table ***/

	.comparison-table .centered h2 span {
		margin-bottom: 15px;
	}

	.comparison-table .centered p,
	.comparison-table .two-column p {
		margin-bottom: 28px;
	}

	.comparison-table tr {
		grid-auto-columns: 243px;
		grid-template-columns: 140px;
	}

	.comparison-table tr {
		margin-right: var(--container-outer-padding);
	}

	.comparison-table .table-container {
		margin-right: var(--viewport-edge);
		max-width: unset;
		position: relative;
		width: calc(100% - var(--viewport-edge));
	}

	.comparison-table tbody td:has(.tooltip):hover .tooltip-content,
	.comparison-table tbody td:has(.tooltip):hover .highlight.tooltip .tooltip-icon:before {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(-50%, -10px, 0);
		visibility: hidden;
	}

	.comparison-table tbody td:has(.tooltip):hover .highlight.tooltip .tooltip-icon:before {
		transform: translate3d(-50%, -10px, 0) rotate(135deg);
	}

	.comparison-table tbody td:last-child:hover .highlight.tooltip .tooltip-content {
		transform: translate3d(0, -10px, 0);
	}

	.comparison-table tbody .highlight.tooltip .tooltip-icon {
		pointer-events: all;
	}

	.comparison-table tbody td:has(.tooltip) .tooltip.active .tooltip-content,
	.comparison-table tbody td:has(.tooltip) .highlight.tooltip.active .tooltip-icon:before {
		opacity: 1;
		pointer-events: all;
		transform: translate3d(-50%, 0, 0);
		visibility: visible;
	}

	.comparison-table tbody td:has(.tooltip) .highlight.tooltip.active .tooltip-icon:before {
		transform: translate3d(-50%, 0, 0) rotate(135deg);
	}

	.comparison-table tbody td:last-child .highlight.tooltip.active .tooltip-content {
		transform: translate3d(0, 0, 0);
	}

	/***Post Builder***/

	/*Related Articles*/

	.post-builder-related .slick-slide {
		width: calc((100vw - (2 * var(--container-outer-padding)) - var(--text-spacing-medium)) / 2);
	}

	/*Additional Resources*/

	/* --grid collapses to a single column at this breakpoint, so re-declare the
	   twelve columns locally to hold the two-up card layout. */
	.blog-resources .grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.blog-resources .intro {
		grid-column: 1 / -1;
	}

	.blog-resources ul.count-3 > li {
		grid-column: span 6;
	}

	/*** Single - Case Study ***/

	.case-study-single-hero article,
	.case-study-single-hero .media,
	.case-study-single-hero .form {
		grid-column: 1;
	}

	.case-study-single-hero {
		padding: var(--module-spacing-small) 0;
	}

	.case-study-single-hero article {
		padding: 0;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 650 - Mobile Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 40.625em) {

	:root {
		--container-outer-padding: 20px;
	}

	h2,
	.heading-2 {
		font-size: calc(24rem / 16);
	}

	p.large,
	ul.large,
	ol.large,
	.large-text *:not(sup):not(sub) {
		font-size: calc(16rem / 16);
	}

	.gfield > label,
	.gform_wrapper .gfield > label.gfield_label,
	.gform_wrapper.gravity-theme .ginput_complex label.gform-field-label,
	.gfield .ginput_complex label,
	fieldset.gfield > legend,
	.cta-form ._form label,
	.post-password-form label,
	#newsletter-signup form._inline-form ._form-label {
		display: block;
		margin: 0 0 var(--text-spacing-xxsmall) var(--text-spacing-xxsmall);
		position: static;
	}

	form .form-field .prepend,
	form .form-field .append {
		padding-bottom: 13px !important;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="tel"],
	form input[type="url"],
	form input[type="password"],
	form input[type="number"],
	form select,
	form fieldset.gfield > .ginput_container {
		padding-top: 0 !important;
	}

	form textarea {
		padding-bottom: 14px !important;
		padding-top: 14px !important;
	}

	form fieldset.gfield > .ginput_container {
		padding-top: 12px !important;
	}

	.gfield--type-name .ginput_complex {
		display: flex;
		flex-direction: column !important;
		gap: 20px;
	}

	.gfield--type-name .ginput_complex .name_first,
	.gfield--type-name .ginput_complex .name_last {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.gfield--type-name .ginput_complex .name_first label,
	.gfield--type-name .ginput_complex .name_last label {
		order: -1;
	}

	.navy-bkg .gfield > label,
	.navy-bkg .gform_wrapper .gfield > label.gfield_label {
		color: var(--white);
	}

	.form-popup .form .gfield > label,
	.form-popup .form .gform_wrapper .gfield > label.gfield_label {
		color: var(--twilight);
		text-align: left;
	}

	/***Header***/

	#menu-main > li:nth-last-of-type(-n+2) {
		width: 100%;
	}

	#menu-main > li.buttons {
		margin-bottom: -20px;
	}

	#menu-main > li > a:not(.btn),
	#menu-main > li:nth-of-type(3) > .sub-menu a {
	  font-size: calc(22rem/16);
	}

	#menu-main .sub-menu {
		font-size: calc(14rem/16);
	}

	/* .alert-bar.fdic {
		text-align: left;
	} */

	/***Footer***/

	footer article {
		grid-template-columns: 1fr;
		text-align: left;
	}

	footer .logo {
		width: 100%;
	}

	footer address {
		margin: 16px 0 0;
	}

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

	footer .menu li {
		text-align: left;
		width: 100%;
	}

	footer .menu .btn {
		padding: 13px 16px 11px 24px;
	}

	footer .menu .btn.outline {
		padding: 12px 24px 10px;
	}

	/* Mobile footer reorder (client request):
	   - Release .footer-left so the search bar can move to the very bottom
	   - CTA stack becomes: BBB seal, Trustpilot, Sign Up, Help Center
	   - Search bar drops below the Help Center CTA */
	footer .footer-left {
		display: contents;
	}

	footer .menu {
		order: 1;
	}

	footer .footer-search {
		order: 2;
		margin-top: var(--text-spacing-medium);
	}

	footer .menu .buttons a:has(img) {
		order: -2; /* BBB seal */
	}

	footer .menu .buttons .trustpilot-widget {
		order: -1; /* Trustpilot widget */
	}

	footer .menu .buttons .btn:not(.outline) {
		order: 0; /* Sign Up */
	}

	footer .menu .buttons .btn.outline {
		order: 1; /* Help Center */
	}

	.bottom-footer {
		padding: 20px 0;
	}

	/*** Default Template ***/

	.post-password-form .fields {
		flex-direction: column !important;
	}

	/***Homepage***/

	.service-carousel .slide img:first-of-type,
	.service-carousel .slide img:last-of-type {
		max-width: 100%;
		width: 100%;
	}

	.service-carousel .slide img:last-of-type {
		margin-top: -100px;
		position: static;
		transform: none;
	}

	.featured-news .grid {
		grid-template-columns: 1fr;
	}

	.featured-news .grid li {
		grid-column: auto;
	}

	/*Service Carousel*/

	.service-carousel .slick-arrow {
		bottom: 20px;
	}

	.service-carousel .slick-arrow.slick-next {
		left: auto;
		right: 0;
	}

	.service-carousel .slick-dots {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}

	/***Document with Table Of Contents***/

	.page-template-page-document .page-content .toc-container {
		transform: translateX(-10px);
		width: calc(100% + 20px);
	}

	/*** Open An Account ***/


	/***Sign In***/

	.signin-hero {
		padding-bottom: 235px;
	}

	.signin-options .tabs-nav {
		margin: 0;
	}

	/***Landing Page Builder Modules***/

	.builder-module > .anchor {
		height: 106px;
		top: -106px;
	}

	body:has(header.super-sticky) .builder-module > .anchor {
		height: 152px;
		top: -152px;
	}

	.hide-on-mobile {
		display: none;
	}

	/*Hero 1*/

	.hero-text-image.green-bkg,
	.hero-text-image.navy-bkg {
		padding-top: 80px;
	}

	.hero-text-image article {
		padding: 0;
	}

	.hero-text-image .image {
		max-height: none;
	}

	.hero-text-image.add-margins .image {
		width: 100%;
	}

	.hero-text-image .form-popup .content {
		margin-left: 0;
		width: 100%;
	}

	.hero-text-image .hero-logos-row {
		flex-wrap: wrap;
		gap: calc(24rem / 16);
	}

	.hero-text-image .hero-logos-row img {
		height: 48px;
	}

	.hero-text-image .hero-buttons {
		flex-wrap: wrap;
	}

	/* Event Hero */

	.page-hero.event {
		flex-direction: column;
		gap: 0;
		margin-bottom: var(--text-spacing-small);
	}

	.page-hero.event .image-container {
		height: auto;
		order: 1;
		position: relative;
	}

	.page-hero.event .card,
	.page-hero.event .card:has(.eyebrow-icon) {
		padding: 32px 0;
	}

	.page-hero.event.center .card {
		text-align: left;
	}

	.page-hero.event.center .card .btn,
	.page-hero.event.center .pill {
		margin-inline: 0;
	}

	.page-hero.event.center .details,
	.page-hero.event .details {
		background-color: unset;
		border-left: 2px solid var(--twilight);
		border-radius: unset;
		display: flex;
		flex-direction: column;
		gap: 16px;
		margin-inline: unset;
		max-width: unset;
		padding: 0 0 0 16px;
	}

	/* Ratings Hero */

	.page-hero.ratings .ratings-wrapper {
		gap: var(--text-spacing-medium);
		margin: var(--text-spacing-medium);
	}

	.page-hero.ratings .image .ratings-wrapper {
		margin: 0 0 var(--text-spacing-small);
	}

	.page-hero.ratings .bbb-rating .image-container {
		height: 47px;
	}

	.page-hero.ratings .bbb-rating .rating {
		font-size: calc(32rem / 16);
	}

	.page-hero.ratings .nerdwallet-rating .image-container {
		height: 22px;
	}

	.page-hero.ratings .star-rating {
		gap: 8px;
	}

	.page-hero.ratings .star-rating > span {
		font-size: calc(22rem / 16);
	}

	.page-hero.ratings .stars svg {
		width: 19px;
	}

	/*Loan Popup*/

	.loan-popup .layer .close {
		border-radius: 12px;
		width: 40px;
	}

	.loan-popup .layer .close:before,
	.loan-popup .layer .close:after {
		width: 16px;
	}

	.loan-popup .layer h3 {
		padding: 64px 24px 32px;
	}

	.loan-popup .layer article {
		padding: 32px 24px;
	}

	.loan-popup .layer article:before {
		display: none;
	}

	.loan-popup .layer-1 .button-container {
		flex-direction: column;
		gap: 16px;
	}

	.loan-popup .layer-1 .button-container .btn {
		width: 100%;
	}

	.loan-popup .layer-2 .partners {
		gap: 24px;
	}

	.loan-popup .layer-2 .partner {
		padding: 32px 24px;
	}

	/*Multi-Step Popup*/

	.multi-step-popup .screen .close,
	.multi-step-popup .screen .back {
		border-radius: 12px;
		width: 40px;
	}

	.multi-step-popup .screen .close:before,
	.multi-step-popup .screen .close:after {
		width: 16px;
	}

	.multi-step-popup .screen h3 {
		padding: 64px 24px 32px;
	}

	.multi-step-popup .screen article {
		padding: 32px 24px;
	}

	.multi-step-popup .screen article:before {
		display: none;
	}

	.multi-step-popup .screen .button-container {
		flex-direction: column;
		gap: 16px;
	}

	.multi-step-popup .screen .button-container .btn {
		width: 100%;
	}

	.multi-step-popup .cards {
		gap: 24px;
	}

	.multi-step-popup .card {
		padding: 32px 24px;
	}

	/* Awards */

	.builder-module.awards.wrap .awards-list {
		--gap: 40px;
	}

	.builder-module.awards .container {
		--container-inner-inline-padding: 20px;
		--container-outer-margin: 20px;
	}

	.builder-module.awards.navy .autoscroller .awards-list {
		pointer-events: all;
	}

	.builder-module.awards.navy .autoscroller .awards-list:focus-visible {
		overflow: scroll;
	}

	/* Form */

	.builder-module.form .form-container {
		padding: 32px 24px;
	}

	/*Value Props Grid 1*/

	.value-props-grid.left-grid ul {
		margin: var(--text-spacing-large) 0 0;
	}

	.value-props-grid.left-grid li {
		width: 100%;
	}

	.value-props-grid.left-grid li:nth-of-type(even) {
		transform: translateY(0);
	}

	/*Value Props Grid 2*/

	.value-props-grid.five-col-centered ul.grid {
		grid-template-columns: 1fr;
	}

	.value-props-grid.five-col-centered li:nth-of-type(n+4) {
		grid-row: auto;
		transform: translateX(0);
	}

	.value-props-grid ul + .btn {
		margin-top: 0;
	}

	/*Value Props Grid 3*/

	.value-props-grid.three-col-centered ul {
		grid-template-columns: var(--grid);
	}

	.value-props-grid.three-col-centered ul + .btn {
		margin-top: 30px;
	}

	/*Loan Types*/

	.loan-types ul.grid > li {
		padding: 24px 20px 30px;
	}

	/*Value Props - Accordions + Carousel*/

	.value-props-carousel .tabs-container.grid {
		grid-template-columns: 1fr;
	}

	.value-props-carousel h2 {
		margin-bottom: 0;
	}

	.value-props-carousel .content-btns {
		width: 100%;
	}

	/*Developer Block*/

	.developer-block {
		padding: 60px 0;
	}

	.developer-block .tabs-nav {
		flex-wrap: nowrap;
		margin: 0;
		overflow: auto;
		padding: 0 20px 20px 0;
		width: calc(100% + 20px);
	}

	.developer-block .tabs-nav.wrap {
		flex-wrap: wrap;
		overflow: unset;
		width: 100%;
	}

	.developer-block article,
	.developer-block .tabs-content {
		padding: 0;
	}

	.developer-block div.enlighter > div > div {
		font-size: calc(14rem/16);
	}

	/*Steps*/

	.steps li {
		padding: 50px var(--text-spacing-small) var(--text-spacing-medium);
	}

	/*Team Members - Single*/

	.single-team-member .image {
		flex-direction: column;
		justify-content: center;
	}

	.single-team-member .image blockquote {
		bottom: 0;
		left: 0;
		margin: -40px 0 0;
		position: relative;
	}

	.single-team-member article .shortcode.blockquote {
		display: none;
	}

	.single-team-member.mobile-quote-long .image .short-quote {
		display: none;
	}

	.single-team-member.mobile-quote-long .image .long-quote {
		display: block;
	}

	.single-team-member.mobile-quote-short .image .long-quote {
		display: none;
	}

	/*Team Members - Multiple*/

	.multi-team-members .grid {
		gap: 40px 20px;
	}

	.multi-team-members li:nth-of-type(odd):last-child .btn-hover {
		width: 100%;
	}

	.multi-team-members li .btn-hover::before {
		display: none;
	}

	.multi-team-members li .heading-4 {
		font-size: 1rem;
		margin-top: 20px;
	}

	/*Events Calendar*/

	.events li {
		gap: 8px;
		grid-template-columns: 1fr;
	}

	.events .date,
	.events .time,
	.events .event-name,
	.events .pill {
		grid-column: 1 !important;
	}

	.events .arrow-link,
	.page-template-page-about .events .btn {
		grid-column: 2;
	}

	/*Image + Text*/

	.image-text.bkg-container .container {
		padding-bottom: var(--module-spacing-small);
	}

	.image-text .content-styles ul,
	.image-text .content-styles ul > li,
	.image-text.bkg-container .content-styles ul {
		margin-left: unset;
		margin-right: unset;
		max-width: unset;
	}

	.image-text .content-styles ul,
	.image-text.bkg-container .content-styles ul {
		margin-top: var(--text-spacing-small);
	}

	/*CTA 2: Simple*/

	.cta.cta-simple.navy-bkg {
		padding: 50px 0 60px;
	}

	/*CTA 3: Form*/

	.gfield.two-column {
		width: 100%;
	}

	.cta-form.complex .btn {
		margin: 20px 0 0;
	}

	.cta-form.complex form fieldset {
		margin: 10px 0 10px 2px;
	}

	.cta-form.complex form fieldset:first-child {
		margin: 0;
	}

	.page-builder > .cta-form.complex:only-child {
		padding-bottom: var(--module-spacing-small);
		padding-top: var(--module-spacing-small);
	}

	/*CTA Popups*/

	.form-popup,
	.grid .box.popup.question,
	.grid .box.form-popup.alt {
		padding: 45px 20px 30px;
	}

	.grid .box.form-popup.alt .gfield--type-select {
		grid-column: span 2;
	}

	.popup.question .heading-3.alt,
	.form-popup.alt .heading-3.alt {
		margin-left: -20px;
		padding: 34px 55px 32px;
		width: calc(100% + 40px);
	}

	@media only screen and (max-width: 34.125em) {
		.popup.question .heading-3.alt::before,
		.form-popup.alt .heading-3.alt::before {
			height: 125px;
		}
	}

	.flyout-popup {
		padding: 60px calc(60 / 650 * 100vw);
	}

	/*Value Props Block Carousel*/

	.value-props-block .slick-dots {
		bottom: -50px;
		justify-content: center;
		padding: 0;
	}

	/*Competitor Comparison Table*/

	.competitor-table.green-bkg:before {
		bottom: 0;
		height: 80%;
		top: auto;
	}

	.competitor-table .flex-container {
		flex-direction: column;
	}

	.competitor-table .column {
		width: 100%;
	}

	.competitor-table .column:nth-of-type(1) {
		order: 2;
		padding-left: 0;
	}

	.competitor-table .column:nth-of-type(2) {
		height: auto;
		left: 0;
		order: 1;
		position: relative;
		top: 0;
		transform: translate3d(0, 0, 0);
		width: 100%;
	}

	.competitor-table .column:nth-of-type(2) li:not(:last-of-type) {
		border-bottom: none;
	}

	.competitor-table .column:nth-of-type(2) h3 {
		text-align: center;
		width: 100%;
	}

	.competitor-table .column:nth-of-type(3) {
		order: 3;
		padding-right: 0;
	}

	.competitor-table ul {
		align-items: center;
	}

	.competitor-table h3.btn-like {
		margin: 50px auto 25px;
	}

	.competitor-table.two-column .column,
	.competitor-table.two-column .column:nth-of-type(2) {
		width: 100%;
	}

	.competitor-table.two-column .column:nth-of-type(1) ul {
		padding-right: 0;
	}

	.competitor-table.two-column .column:nth-of-type(1) ul:before {
		height: calc(150% + 46px + 40px);
		left: calc(-1 * var(--container-outer-padding));
		top: calc(-50% - 46px);
	}

	.competitor-table.two-column .column:nth-of-type(2):before {
		background: var(--winter-green);
		bottom: 0;
		content: '';
		height: 50%;
		left: calc(-1 * var(--container-outer-padding));
		position: absolute;
		width: 100vw;
		z-index: -1;
	}

	/*Landing Page Promo*/

	.landing-page-promo article,
	.landing-page-promo .carousel:not(.count-1) article {
		padding-bottom: 20px;
	}

	/*Value Props Subheadlines*/

	.value-props-subheadlines h2 {
		margin: 0 0 30px;
	}

	.value-props-subheadlines .cta .btn {
		width: 100%;
	}

	/* News Carousel */

	.featured-news .slick-arrow {
		translate: 42px;
	}

	.featured-news .slick-dots {
		bottom: 10px;
		right: 50%;
		translate: 50%;
	}

	/*App Store Reviews*/

	.review-heading {
		padding: 40px 20px 220px;
	}

	.review-block.no-cards .review-heading {
		padding-bottom: 40px;
	}

	.review-heading {
		flex-direction: column;
	}

	.review-cards .slick-track {
		gap: 0;
	}

	.review-cards {
		margin: -200px 20px 0;
	}

	.review-cards li.slick-slide {
		padding: 20px 20px 32px;
	}

	.review-cards .slick-prev {
		left: 0;
		right: unset;
	}

	.review-cards .slick-next {
		left: 52px;
		right: unset;
	}

	/*Firm Information Module*/

	.firm-accordions .accordion-button {
		padding: 6px 76px 18px 0;
		width: 100%;
	}

	.firm-accordions .accordion-button:before {
		right: var(--container-outer-padding);
	}

	.firm-accordions .accordion-button .name {
		margin-left: var(--container-outer-padding);
	}

	.firm-accordions.accordions-container > li {
		left: calc(-1 * var(--container-outer-padding));
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	.firm-accordions.accordions-container > li:before {
		left: var(--container-outer-padding);
		width: calc(100% - (2 * var(--container-outer-padding)));
	}

	.firm-accordions .accordion-content {
		width: 100%;
	}

	.firm-accordions .accordion-content > :last-child {
		margin: 0 0 40px;
	}

	.firm-section {
		border-radius: unset;
	}

	.firm-section + .firm-section {
		margin-top: 0 !important;
		position: relative;
	}

	.firm-section + .firm-section:before {
		background: var(--earth);
		content: '';
		height: 1px;
		left: var(--container-outer-padding);
		opacity: 10%;
		position: absolute;
		top: 0;
		width: calc(100% - (2 * var(--container-outer-padding)));
	}

	/*Checklist*/

	.checklist article .content-styles {
		margin: 0;
	}

	.checklist .checklists {
		margin: 24px 0 0;
	}

	.checklist .checklist-accordion > button {
		padding: 12px 64px 16px 0;
	}

	.checklist .checklist-accordion > button:after {
		right: 0;
	}

	.checklist .items {
		left: 0;
		padding: 24px;
		width: 100%;
	}

	.checklist.items-cards .items {
		padding: 0;
	}

	.checklist.items-cards .items li {
		padding: var(--text-spacing-xsmall);
	}

	.checklist.items-cards .document-buttons {
		padding-left: 0;
		width: 100%;
	}

	.document-buttons .btn {
		width: 100%;
	}

	/*Link Tabs*/

	.link-tabs {
		padding: 64px 0;
	}

	/*Loan Calculator*/

	.loan-calculator form .form-field {
		grid-column: 1 / -1;
	}

	.loan-calculator .results .btn {
		margin: var(--text-spacing-small) 0 0;
	}

	/***About***/

	.page-template-page-about .text-hero{
		min-height: 425px;
	}

	/*Diversity Block*/

	.diversity-block {
		padding: 20px 0;
	}

	/*Benefits Block*/

	.benefits-block ul {
		gap: var(--gap);
		grid-template-columns: 1fr;
	}

	/* Newsletter Signup */

	#newsletter-signup form ._form-content {
		grid-template-areas:
			'heading'
			'subheading'
			'firstname'
			'lastname'
			'email'
			'submit';
	}

	#newsletter-signup ._form-content > div:has(#firstname),
	#newsletter-signup ._form-content > div:has(#lastname) {
		margin-inline: unset;
		width: 100%;
	}

	#newsletter-signup form._inline-form ._html-code p {
		font-size: calc(16rem/16);
	}

	/*Callout Cards*/

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

	.callout-cards .container > article {
		grid-column: 1 / -1;
	}

	.callout-cards ul > li {
		grid-column: 1 / -1 !important;
	}

	.pathway-page article {
		padding: var(--text-spacing-medium) var(--text-spacing-small) var(--text-spacing-large);
	}

	.pathway-page article .description *:not(sup):not(sub) {
		font-size: calc(14rem/16);
		line-height: calc(24/14);
	}

	.pathway-page article label.small-text *:not(sup):not(sub) {
		font-size: calc(12rem/16);
		line-height: calc(20/12);
	}

	.pathway-checkbox input {
		margin-top: 3px;
	}

	/* Loan Calculator */

	.loan-calculator .navy-bkg,
	.savings-calculator .navy-bkg,
	.savings-calculator .green-bkg {
		padding: var(--module-spacing-small) 0 200px;
	}

	.savings-calculator .results .rate-column {
		flex-basis: 100%;
		min-width: 0;
	}

	.savings-calculator .results .rate-column.account:not(:first-child) {
		margin-top: var(--text-spacing-xsmall);
	}

	.savings-calculator .results .comparison-note {
		font-size: calc(20rem / 16);
		line-height: calc(28 / 20);
	}

	/*Jump Nav*/

	.page-hero.has-logo-garden + .page-builder > .jump-nav:first-child {
		margin-top: 130px;
	}

	/***Team***/

	.short-hero {
		padding: 60px 0;
	}

	.multi-team-members li p {
		margin-bottom: 16px;
	}

	.multi-team-members .popup {
		height: auto;
		padding: 30px 20px;
	}

	.multi-team-members .popup.active {
		display: block;
	}

	.multi-team-members .popup::before {
		background: var(--winter-green);
		border-radius: var(--radius-large) var(--radius-large) 0 0;
		bottom: 0;
		content: '';
		height: 180px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1;
	}

	.multi-team-members .popup .image {
		margin: 0 auto 30px;
		max-width: 250px;
		padding: 0;
		text-align: center;
	}

	.multi-team-members .popup .heading {
		margin-bottom: 20px;
		padding: 0;
	}

	.multi-team-members .popup .heading::before {
		display: none;
	}

	.careers ul {
		grid-template-columns: 1fr;
	}

	/***FAQs Archive***/

	.faq-hero {
		padding: 60px 0;
	}

	.faq-hero .grid {
		row-gap: 20px;
	}

	.faqs-listings ul:not(.category-bar) {
		margin-bottom: 40px;
	}

	.faqs-listings .arrow-link {
		top: 0;
	}

	/***Default Page***/

	/*Blog Single*/

	.blog-single-hero {
		padding-top: 180px;
	}

	.blog-single-hero:not(.has-thumbnail) {
		padding-bottom: 60px;
	}

	.blog-single-hero .btn {
		top: 90px;
	}

	.page-content .ending {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
	}

	/***Posts Listings***/

	.posts-listings ul.grid {
		grid-template-columns: 1fr;
	}

	/***Sign In***/

	.signin-hero p {
		position: relative;
	}

	.tooltip {
		position: static;
	}

	.tooltip .text {
		left: 50%;
		margin-left: -125px;
	}

	/***Contact***/

	.contact-hero ul.count-3 {
		grid-template-columns: 1fr;
	}

	/*** Comparison Table ***/

	.comparison-table .two-column {
		grid-template-columns: 1fr;
		margin-bottom: 64px;
		text-align: center;
	}

	.comparison-table .two-column h2 {
		grid-column: 1 / -1;
		grid-row: unset;
	}

	.comparison-table .two-column h2 span {
		margin-inline: auto;
	}

	.comparison-table .two-column p {
		font-size: calc(16rem/16);
		grid-column: 1 / -1;
		line-height: calc(28/16);
		margin-top: 0;
	}

	.comparison-table .two-column .btn {
		grid-column: 1 / -1;
		margin-inline: auto;
	}

	.comparison-table tr {
		grid-auto-columns: 322px;
		grid-template-columns: 140px;
	}

	.comparison-table thead td,
	.comparison-table tbody td:first-child,
	.comparison-table tbody tr th {
		position: static;
	}

	.comparison-table tbody .highlight {
		padding-top: 20px;
	}

	tbody tr td:first-of-type:last-of-type span {
		justify-content: center;
	}

	/* .comparison-table table {
		table-layout: auto;
	} */

	/* .comparison-table tbody .highlight.tooltip .tooltip-icon:before {
		display: none;
	}

	.comparison-table tbody .highlight.tooltip .tooltip-content,
	.comparison-table tbody td:has(.tooltip) .tooltip.active .tooltip-content {
		position: fixed;
		top: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: calc(100vw - (2 * var(--container-outer-padding)));
	}

	.comparison-table tbody .highlight.tooltip .tooltip-content:after {
		background: var(--earth);
		content: '';
		height: 100dvh;
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 0;
		transition: all 0.25s ease;
		width: 100vw;
	}

	.comparison-table tbody .highlight.tooltip.active .tooltip-content:after {
		opacity: 0.25;
	} */

	.comparison-table tbody .highlight.tooltip .tooltip-content {
		display: none;
	}

	body:has(.tooltip-popup) {
		overflow: hidden;
	}

	.tooltip-popup {
		align-items: center;
		display: flex;
		height: 100dvh;
		justify-content: center;
		left: 0;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 10000;
	}

	.tooltip-popup .bkg {
		background: rgb(0 0 0 / 30%);
		border: unset;
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 5;
	}

	.tooltip-popup .tooltip-content {
		background: #E6EAFF;
		border-radius: 8px;
		box-shadow: 0 8px 26px rgb(0 0 0 / 16%);
		font-size: calc(14rem / 16);
		font-weight: 500;
		line-height: calc(22 / 14);
		padding: 16px;
		text-align: center;
		width: calc(100vw - (2 * var(--container-outer-padding)));
		z-index: 6;
	}

	/***Post Builder***/

	main:has(.post-builder) + footer,
	.single-case-studies .builder-module.cta.cta-simple:not(.navy-bkg) {
		margin-top: var(--module-spacing-medium);
	}

	/* .post-builder-content > .container {
		padding-top: 110px;
	} */

	/*Hero*/

	.post-builder-hero {
		padding: var(--text-spacing-small) 0 var(--module-spacing-small);
	}

	.post-builder-hero .author-container {
		align-items: flex-start;
	}

	.post-builder-hero .author {
		align-items: flex-start;
		flex-direction: column;
	}

	.post-builder-hero .author-container .headshot {
		min-width: 35px;
		width: 35px;
	}

	.post-builder-hero .author-container .date {
		padding: 0;
	}

	.post-builder-hero .author-container .date:before {
		display: none;
	}

	.post-builder-hero .name-container {
		flex-wrap: wrap;
	}

	.post-builder-hero .date-container {
		flex-direction: column;
		gap: 4px;
	}

	/*Post Builder*/

	.post-builder-content {
		margin: var(--module-spacing-small) 0 var(--module-spacing-medium);
	}

	/*Highlight*/

	.post-module.highlight h3 {
		padding: 9px var(--text-spacing-xxlarge) 9px var(--text-spacing-xsmall);
	}

	.post-module.highlight .content-styles {
		padding: var(--text-spacing-xsmall) var(--text-spacing-small) var(--text-spacing-small);
	}

	.post-module.highlight .content-styles.xsmall-text ul,
	.post-module.highlight .content-styles.xsmall-text ol {
		padding: 0;
	}

	/*Table*/

	.post-module.table .table-wrapper {
		left: calc(-1 * var(--container-outer-padding));
		overflow: auto;
		padding: 0 var(--container-outer-padding);
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	.post-module.table table {
		width: 610px;
	}

	/*Testimonial*/

	.post-module.testimonial {
		padding: var(--text-spacing-medium);
	}

	/*Text Block*/

	.post-builder .text-block {
		padding: 0;
	}

	.post-builder * + .text-block h1:first-child,
	.post-builder * + .text-block h2:first-child,
	.post-builder * + .text-block h3:first-child {
		margin-top: var(--text-spacing-xlarge);
	}

	.post-builder .text-block h2 .anchor {
		top: -174px;
	}

	/*CTA - Style 1*/

	.post-builder .post-cta.style1 .cta-container {
		flex-direction: column;
		padding-left: unset;
	}

	.post-builder .post-cta.style1 .image-container {
		aspect-ratio: 400 / 250;
		height: auto;
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.post-builder .post-cta.style1 article,
	.post-builder .post-cta.style2 .cta-container {
		padding: var(--text-spacing-small);
	}

	/*CTA - Style 2*/

	.post-builder .post-cta.style2 .cta-container {
		flex-direction: column;
	}

	.post-builder .post-cta.style2 .image-container {
		margin: 0 auto;
	}

	.post-builder .post-cta.style2 article {
		width: 100%;
	}

	.post-builder .post-cta .two-column-list {
		gap: var(--text-spacing-xxsmall);
		grid-template-columns: minmax(0, 1fr);
	}

	/*Author Block (not a module)*/

	.post-builder .author-block {
		align-items: center;
		flex-direction: column;
		gap: var(--text-spacing-xsmall);
	}

	.post-builder .author-block .headshot {
		width: 48px;
	}

	.post-builder .author-block article {
		text-align: center;
		width: 100%;
	}

	.post-builder .author-block .title {
		align-items: center;
		flex-direction: column;
		gap: 12px;
		margin: 0 0 var(--text-spacing-small);
	}

	/*Sticky Sidebar*/

	/* .post-builder-content .sticky-sidebar .sticky-container {
		padding: var(--text-spacing-small);
		top: 80px;
	} */

	.post-builder-content .post-toc ul {
		max-height: 60px;
	}

	.post-builder-content .sidebar-cta .btn {
		max-width: 100%;
	}

	/*Mobile Sidebar*/

	.post-builder-content .mobile-sidebar {
		padding: var(--text-spacing-medium) var(--text-spacing-small);
	}

	/*Related Articles*/

	.post-builder-related .slick-slide {
		width: calc(100vw - (2 * var(--container-outer-padding)));
	}

	/*Additional Resources*/

	.blog-resources {
		padding: var(--module-spacing-small) 0;
	}

	/* Beats the shared post-builder rule earlier in this same breakpoint. */
	main:has(.blog-resources) + footer {
		margin-top: var(--module-spacing-small);
	}

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

	/* Beats every count-N span above without repeating each one. */
	.blog-resources ul > li {
		grid-column: 1 / -1 !important;
	}

	/*** Single - Case Study ***/

	.case-study-content {
		margin-top: 0;
	}

}

/***************************************************************************************************************************************************************************************/

/*ACCESSIBILITY REDUCE MOTIONS*/

/***************************************************************************************************************************************************************************************/

@media (prefers-reduced-motion: no-preference) {

	/*Add all animations here*/

	html {
		scroll-behavior: smooth;
	}

	/* External Link Notice.
	   allow-discrete on display and overlay keeps the dialog rendered, and in the
	   top layer, long enough to fade back out — without them it would vanish the
	   instant it closes. */

	.external-link-notice,
	.external-link-notice::backdrop {
		opacity: 0;
		transition: opacity 0.25s ease,
			display 0.25s allow-discrete,
			overlay 0.25s allow-discrete;
	}

	.external-link-notice[open],
	.external-link-notice[open]::backdrop {
		opacity: 1;
	}

	@starting-style {
		.external-link-notice[open],
		.external-link-notice[open]::backdrop {
			opacity: 0;
		}
	}

	/* Horizontal Autoscroll */

	@keyframes autoscroll {
		0% {
			transform: translateX(60px);
		}
		100% {
			transform: translateX(-100%)
		}
	}

	@keyframes autoscroll-clone {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(calc(-100% - 60px))
		}
	}

	/***JazzyScroll Animations***/

	[data-jazzy-scroll] {
		pointer-events: none;
		transition: .8s cubic-bezier(0.65, 0, 0.35, 1);
	}

	[data-jazzy-scroll].animated-in {
		pointer-events: all;
	}

	/*All fade ins*/

	[data-jazzy-scroll*="fade-in"] {
		opacity: 0;
	}

	[data-jazzy-scroll*="fade-in"].animated-in {
		opacity: 1;
	}

	/*Fade in up*/

	[data-jazzy-scroll="fade-in-up"] {
		position: relative;
		transform: translate3d(0, 60px, 0);
	}

	[data-jazzy-scroll="fade-in-up"].animated-in {
		transform: translate3d(0, 0, 0);
	}

	/***Buttons***/

	.btn:before {
		opacity: 1;
		transform: scale(0,1);
		transform-origin: left center;
	}

	.btn:hover::before {
		transform: scale(1);
	}

	/***Header***/

	header .mobile-menu span:not(.accessibility) {
		transition: .3s;
	}

	/***Zoom Images***/

	a:hover .image-zoom img {
		transform: scale(1.1);
	}
}

/***************************************************************************************************************************************************************************************/

/*IE11 BANNER*/

/***************************************************************************************************************************************************************************************/

.ie-11-banner {
	align-items: center;
	background: #29375B !important;
	display: none;
	font-family: Helvetica, Arial, sans-serif;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999999999 !important;
}

.ie-11-banner .container {
	margin: 0;
	text-align: center;
}

.ie-11-banner .container .heading-1 {
	color: #FFFFFF;
	font-size: 3rem;
	font-weight: 600;
	margin: 0;
}

.ie-11-banner .container p {
	color: #FFFFFF;
	font-size: 1.25rem;
	margin: 2rem 0 0;
}

/*Only Show Banner On IE11*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	body,
	html {
		overflow: hidden !important;
	}

	header,
	footer {
		display: none !important;
	}

	.ie-11-banner {
		display: flex;
	}

}

/***************************************************************************************************************************************************************************************/

/* TOOLBAR */

/***************************************************************************************************************************************************************************************/

body.admin-bar {
	--wp-admin-bar-height: 32px;
}

@media only screen and (max-width: 782px) {
	body.admin-bar {
		--wp-admin-bar-height: 46px;
	}
}

body.admin-bar header,
body.admin-bar .alert-bar,
body.admin-bar .sticky-menu {
	top: var(--wp-admin-bar-height);
}

body.admin-bar header {
	background: var(--white);
}

body.admin-bar.page-template-page-document .page-content .toc-container {
	--top-offset: calc(120px + var(--wp-admin-bar-height) + 20px);
}

@media only screen and (max-width: 75em) {
	body.admin-bar.page-template-page-document .page-content .toc-container {
		--top-offset: calc(100px + var(--wp-admin-bar-height) + 20px);
	}
}

@media only screen and (max-width: 600px) {
	body.admin-bar header {
		top: 0;
	}
}

/* ============================================================
   Site-Wide Search (footer search bar + search results page)
   ============================================================ */

/* --- Shared search form (footer + results hero) --- */

.searchform.footer-searchform,
.searchform.results-searchform {
	align-items: stretch;
	background: var(--white);
	border: 1px solid rgba(11, 35, 4, .15);
	border-radius: var(--radius-small);
	display: flex;
	overflow: hidden;
	transition: border-color .25s ease, box-shadow .25s ease;
}

.searchform.footer-searchform:focus-within,
.searchform.results-searchform:focus-within {
	border-color: var(--green-primary);
	box-shadow: 0 0 0 2px rgba(22, 162, 103, .25);
}

.searchform.footer-searchform .field,
.searchform.results-searchform .field {
	background: transparent;
	border: none;
	color: var(--earth);
	flex: 1 1 auto;
	font-family: var(--body-font);
	font-size: calc(15rem / 16);
	height: 54px;
	min-width: 0;
	padding: 0 20px;
	width: 100%;
}

.searchform.footer-searchform .field:focus,
.searchform.results-searchform .field:focus {
	outline: none;
}

.searchform.footer-searchform .field::placeholder,
.searchform.results-searchform .field::placeholder {
	color: rgba(11, 35, 4, .5);
}

.searchform.footer-searchform .search-submit,
.searchform.results-searchform .search-submit {
	-webkit-appearance: none;
	align-items: center;
	align-self: stretch;
	appearance: none;
	background: var(--green-primary);
	border: none;
	border-radius: 0;
	color: var(--white);
	cursor: pointer;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	margin: 0;
	padding: 0;
	transition: background .25s ease;
	width: 56px;
}

.searchform.footer-searchform .search-submit:hover,
.searchform.results-searchform .search-submit:hover,
.searchform.footer-searchform .search-submit:focus-visible,
.searchform.results-searchform .search-submit:focus-visible {
	background: var(--green-dark);
}

.searchform .search-icon {
	display: block;
	height: 20px;
	width: 20px;
}

/* ============================================================
   Back to Top
   Fixed bottom-left (chat bot lives on the right). Hidden until
   the page is scrolled past 50% depth, then fades in.
   ============================================================ */

.back-to-top {
	align-items: center;
	background: var(--green-primary);
	border: none;
	border-radius: 100%;
	bottom: 30px;
	color: var(--white);
	cursor: pointer;
	display: flex;
	height: 52px;
	justify-content: center;
	left: 30px;
	opacity: 0;
	padding: 0;
	position: fixed;
	transform: translateY(15px);
	transition: opacity .25s ease, transform .25s ease, background .25s ease, visibility .25s ease;
	visibility: hidden;
	width: 52px;
	z-index: 50;
}

.back-to-top.is-visible {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.back-to-top:hover,
.back-to-top:focus-visible {
	background: var(--green-dark);
}

.back-to-top:focus-visible {
	outline: 2px solid var(--green-dark);
	outline-offset: 2px;
}

.back-to-top-icon {
	display: block;
	height: 20px;
	width: 20px;
}

/* --- Footer placement (below social icons, compact) --- */

.footer-search {
	margin-top: var(--text-spacing-medium);
}

.searchform.footer-searchform {
	max-width: calc(320rem / 16);
}

.searchform.footer-searchform .field {
	font-size: calc(14rem / 16);
	height: 44px;
	padding: 0 16px;
}

.searchform.footer-searchform .search-submit {
	width: 44px;
}

/* --- Search results page --- */

.search-hero {
	padding: var(--module-spacing-small) 0;
	text-align: center;
}

.search-hero .container {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-large);
}

.search-hero .results-searchform {
	max-width: calc(560rem / 16);
	text-align: left;
	width: 100%;
}

.search-results-listings {
	padding: var(--module-spacing-small) 0 var(--module-spacing-medium);
}

.search-results-count {
	color: var(--earth);
	font-weight: 700;
	margin: 0 0 var(--text-spacing-large);
}

ul.search-results {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	list-style: none;
	margin: 0;
	padding: 0;
}

.search-result {
	border: var(--border);
	border-radius: var(--radius-large);
	transition: box-shadow .25s ease;
}

.search-result:hover {
	box-shadow: 0 10px 30px var(--shadow);
}

.search-result-link {
	align-items: center;
	color: var(--earth);
	display: flex;
	gap: var(--text-spacing-medium);
	padding: var(--text-spacing-medium);
	text-decoration: none;
}

.search-result-thumb {
	border-radius: var(--radius-small);
	flex: 0 0 auto;
	overflow: hidden;
	width: calc(140rem / 16);
}

.search-result-thumb img {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.search-result-body {
	flex: 1 1 auto;
	min-width: 0;
}

.search-result-body > :last-child {
	margin-bottom: 0;
}

.search-result .pill {
	margin-bottom: var(--text-spacing-xsmall);
}

.search-result h2 {
	margin: 0 0 var(--text-spacing-xsmall);
	transition: color .25s ease;
}

.search-result-link:hover h2 {
	color: var(--green-primary);
}

.search-result-excerpt {
	color: rgba(11, 35, 4, .75);
	margin: 0 0 var(--text-spacing-xsmall);
}

div.search-no-results {
	padding: var(--text-spacing-xlarge) 0;
}

div.search-no-results p {
	color: rgba(11, 35, 4, .75);
	margin-top: var(--text-spacing-xsmall);
}

/* --- Blog search --- */

.blog-hero h1:has(+ .blog-search) {
	margin-bottom: var(--text-spacing-large);
}

.blog-search {
	margin: 0 auto var(--module-spacing-medium);
	max-width: calc(560rem / 16);
}

.blog-hero:has(.blog-search:last-child) {
	padding-bottom: var(--module-spacing-small);
}

.blog-hero .blog-search:last-child {
	margin-bottom: 0;
}

.blog-hero-header {
	align-items: center;
	display: flex;
	gap: var(--text-spacing-large);
	justify-content: space-between;
	margin-bottom: var(--module-spacing-medium);
}

.blog-hero-header:last-child {
	margin-bottom: 0;
}

.blog-hero .blog-hero-header h1 {
	margin: 0;
	text-align: left;
}

.blog-hero-header .blog-search {
	flex: 0 1 calc(560rem / 16);
	margin: 0;
}

.blog-search-hero {
	padding-bottom: var(--module-spacing-small);
	text-align: center;
}

.blog-search-hero .blog-search {
	margin-bottom: var(--text-spacing-large);
	text-align: left;
}

.blog-search-topics {
	display: grid;
	gap: var(--text-spacing-xsmall);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0 0 var(--text-spacing-large);
	padding: 0;
}

.posts-listings .blog-search-topics li {
	grid-column: auto;
}

.blog-search-topics a {
	align-items: center;
	background: #9BABFF40;
	border-radius: var(--radius-small);
	color: var(--earth);
	display: flex;
	gap: var(--text-spacing-xsmall);
	padding: 12px 12px 12px var(--text-spacing-small);
	text-decoration: none;
	transition: box-shadow .25s ease;
}

.blog-search-topics a:hover {
	box-shadow: 0 10px 30px var(--shadow);
}

.blog-search-topics .topic-label {
	background: var(--white);
	border-radius: 100px;
	color: var(--twilight);
	flex: 0 0 auto;
	font-size: calc(9rem / 16);
	font-weight: 700;
	letter-spacing: 1.4px;
	line-height: 1;
	padding: 6px 10px;
	text-transform: uppercase;
}

.blog-search-topics .heading-5 {
	margin: 0;
}

.blog-search-topics .topic-count {
	color: rgba(11, 35, 4, .5);
	white-space: nowrap;
}

.blog-search-topics .arrow-link {
	flex: 0 0 auto;
	margin-left: auto;
}

.blog-search-meta {
	align-items: center;
	gap: var(--text-spacing-small);
	margin-bottom: var(--text-spacing-large);
}

.blog-search-meta .search-results-count {
	margin: 0;
}

.posts-listings div.search-no-results {
	text-align: center;
}

.posts-listings div.search-no-results .btn {
	margin-top: var(--text-spacing-small);
}

@media (max-width: calc(950rem / 16)) {
	.footer-search {
		margin-top: var(--text-spacing-small);
	}

	.blog-hero-header {
		display: block;
	}

	.blog-hero .blog-hero-header h1 {
		margin-bottom: var(--text-spacing-large);
		text-align: center;
	}

	.blog-hero-header .blog-search {
		margin: 0 auto;
	}
}

@media (max-width: calc(650rem / 16)) {
	/* Stretch the footer search full width to match the CTA buttons (client request) */
	.searchform.footer-searchform {
		max-width: none;
		width: 100%;
	}

	.search-result-link {
		gap: var(--text-spacing-small);
		padding: var(--text-spacing-small);
	}

	.search-result-thumb {
		width: calc(96rem / 16);
	}

	.blog-search-topics {
		grid-template-columns: minmax(0, 1fr);
	}

	.blog-search-topics a {
		padding-left: var(--text-spacing-xsmall);
	}

	.blog-search-topics .topic-count {
		display: none;
	}
}

@media (max-width: calc(950rem / 16)) {
	.back-to-top {
		bottom: 20px;
		height: 46px;
		left: 20px;
		width: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.back-to-top {
		transform: none;
		transition: opacity .25s ease, visibility .25s ease, background .25s ease;
	}
}