@charset "UTF-8";
/* This file should only include @use */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css | Slight Mods for Me */
* {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.35;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, footer, header, nav, section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 1em 0;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Global Styles */
html,
body {
  scroll-behavior: smooth;
  margin: 0;
}

body {
  background: #f0ede8;
  transition: all 0.3s ease-in-out;
}
body.tool-pearl {
  background: #f0ede8;
  transition: all 0.3s ease-in-out;
}
body.tool-sand {
  background: #cbc0af;
  transition: all 0.3s ease-in-out;
}
body.tool-sky {
  background: #9eb2cd;
  transition: all 0.3s ease-in-out;
}
body.tool-ocean {
  background: #496676;
  transition: all 0.3s ease-in-out;
}
body.tool-moss {
  background: #aaac59;
  transition: all 0.3s ease-in-out;
}

.container {
  margin: 0 2vw;
  max-width: 1440px;
}
@media only screen and (min-width: 1440px) {
  .container {
    margin: 0 auto;
  }
}

section {
  margin: 0 auto;
}

section,
.container,
.content,
.content-wrapper,
.text-wrapper {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

/* Navigation Styling */
header {
  padding: 1rem 0.75rem;
  border-bottom: 0.0625rem solid #cbc0af;
}
header#masthead.sticky {
  position: sticky;
  top: 0;
  z-index: 99999;
  background-color: #f0ede8;
}
header #nav-bar {
  margin: 0 auto;
  position: relative;
  /* Logo */
  /* Mobile Icon */
  /* Mobile Navigation Links */
  /* Desktop Navigation Links */
  /* Desktop Navigation Links */
  /* Action Links */
}
header #nav-bar img {
  width: 13.08731rem;
  height: 2.1875rem;
}
header #nav-bar .icon {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1024px) {
  header #nav-bar .icon {
    display: none;
  }
}
header #nav-bar ul.nav-links-mobile {
  display: none;
  list-style: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 1.5rem 0.75rem;
  gap: 0.5rem;
  animation: 0.25s 1 normal menuGrow;
  animation-fill-mode: backwards;
}
header #nav-bar ul.nav-links-mobile.active {
  display: flex;
  height: 0;
  overflow: hidden;
  animation: 0.15s 1 linear forwards menuGrow;
}
header #nav-bar ul.nav-links-mobile li.nav-link {
  padding: 0.5rem;
}
header #nav-bar ul.nav-links-mobile li.nav-link a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  text-decoration: none;
}
header #nav-bar ul.nav-links-mobile li.nav-link:first-child {
  padding: 0.5rem 0.75rem;
  border-radius: 6.25rem;
  line-height: 1;
  background-color: #aaac59;
}
header #nav-bar ul.nav-links-mobile li.nav-link:first-child a {
  color: #f0ede8;
}
@media only screen and (min-width: 1024px) {
  header #nav-bar ul.nav-links-mobile {
    display: none;
  }
}
header #nav-bar .nav-links-desktop {
  display: none;
  flex-direction: row;
  list-style: none;
}
header #nav-bar .nav-links-desktop li {
  padding: 0.5rem;
  position: relative;
}
header #nav-bar .nav-links-desktop li a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  text-decoration: none;
}
header #nav-bar .nav-links-desktop li#has-sub-menu {
  padding: 0.5rem 0.5rem 0.5rem 1.25rem;
}
header #nav-bar .nav-links-desktop li.has-sub-menu:after {
  content: "";
  display: inline-block;
  width: 10.7px;
  height: 6px;
  background-image: url("../img/nav-link-sub-menu-indicator.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.375rem;
  vertical-align: middle;
}
header #nav-bar .nav-links-desktop li:hover {
  background-color: #aaac59;
  border-radius: 6.25rem;
}
header #nav-bar .nav-links-desktop li:hover > a {
  color: #f0ede8;
}
header #nav-bar .nav-links-desktop li ul.sub-menu {
  display: none;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 1.5625rem;
  background-color: #f0ede8;
  list-style: none;
  position: absolute;
  box-shadow: 0.15rem 0.15rem 0.25rem #cbc0af;
  z-index: 999;
  top: 5rem;
  max-width: 16rem;
}
header #nav-bar .nav-links-desktop li ul.sub-menu li {
  position: relative;
}
header #nav-bar .nav-links-desktop li ul.sub-menu li a {
  text-wrap: nowrap;
}
header #nav-bar .nav-links-desktop li ul.sub-menu li ul.sub-menu {
  top: 0;
  left: 100%;
  margin-left: 0.5rem;
}
header #nav-bar .nav-links-desktop li ul.sub-menu li.has-sub-menu:after {
  content: "";
  display: inline-block;
  width: 10.7px;
  height: 6px;
  background-image: url("../img/nav-link-sub-menu-indicator.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.375rem;
  vertical-align: middle;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 1024px) {
  header #nav-bar .nav-links-desktop li ul.sub-menu li {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  header #nav-bar .nav-links-desktop {
    display: flex;
  }
}
@media only screen and (min-width: 1440px) {
  header #nav-bar .nav-links-desktop {
    gap: 0.5rem;
  }
}
header #nav-bar .action-links {
  display: none;
  color: #aaac59;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
header #nav-bar .action-links .action-link {
  padding: 0.5rem;
  /* Sign-In Link */
  /* Make Payment Link */
}
header #nav-bar .action-links .action-link a {
  color: inherit;
}
@media only screen and (min-width: 1024px) {
  header #nav-bar .action-links .action-link#sign-in {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
@media only screen and (min-width: 1024px) {
  header #nav-bar .action-links .action-link#make-payment {
    display: flex;
    padding: 0.5rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #aaac59;
    border-radius: 6.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  header #nav-bar .action-links {
    display: flex;
    flex-direction: row;
    list-style: none;
    gap: 0.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  header #nav-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1024px) {
  header {
    padding: 1.6875rem 1rem;
  }
}
@media only screen and (min-width: 1440px) {
  header {
    padding: 1.6875rem;
  }
}

/* Sticky Nav Header Fix */
@media only screen and (min-width: 601px) {
  body.admin-bar header#masthead.sticky {
    top: var(--wp-admin--admin-bar--height, 32px);
  }
}
/* Keyframes */
@keyframes menuGrow {
  from {
    height: 0;
  }
  to {
    height: fit-content;
  }
}
.layout-label {
  text-align: center;
  color: #f0ede8;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
  background-color: #aaac59;
}

.main-footer {
  position: relative;
  z-index: 999;
}
.main-footer .container {
  background-color: #cbc0af;
  padding: 3.62rem 2.5rem;
  justify-content: center;
  border-radius: 3.125rem 3.125rem 0 0;
  max-width: 100%;
  margin: 0 auto;
}
.main-footer .container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  max-width: 1152px;
  margin: 0 auto;
}
.main-footer .container .content > img {
  width: 16.8265rem;
  height: 2.8125rem;
}
@media only screen and (min-width: 1024px) {
  .main-footer .container .content > img {
    position: absolute;
    top: 6.31rem;
    left: 6.31rem;
  }
}
@media only screen and (min-width: 1440px) {
  .main-footer .container .content > img {
    left: 9.25rem;
  }
}
@media only screen and (min-width: 1800px) {
  .main-footer .container .content > img {
    left: 25%;
  }
}
.main-footer .container .content .footer-group {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  width: 100%;
  max-width: 12.125rem;
}
.main-footer .container .content .footer-group > p {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
.main-footer .container .content .footer-group div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.main-footer .container .content .footer-group div p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 1.1375rem;
}
.main-footer .container .content .footer-group div p a {
  color: #281204;
}
@media only screen and (min-width: 1024px) {
  .main-footer .container .content .footer-group {
    margin-top: 2rem;
  }
}
.main-footer .container .content .social-group {
  gap: 1.25rem;
}
.main-footer .container .content .social-group .social-wrapper {
  flex-direction: row;
  gap: 0.75rem;
}
.main-footer .container .content .social-group .social-wrapper a {
  width: fit-content;
}
.main-footer .container .content .social-group svg {
  margin-top: 2.5rem;
}
@media only screen and (min-width: 1024px) {
  .main-footer .container .content {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  .main-footer .container {
    padding: 9.25rem 6.31rem;
    position: relative;
  }
}
.main-footer .sub-footer {
  padding: 1rem;
  display: flex;
  justify-content: center;
  background-color: #a59174;
}
.main-footer .sub-footer p {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  font-family: "Poppins", "Arial";
  line-height: 0.975rem;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.1625rem;
  letter-spacing: 0.03125rem;
}

.min-footer .container {
  background-color: #cbc0af;
  padding: 3.62rem 2.5rem;
  justify-content: center;
  border-radius: 3.125rem 3.125rem 0 0;
  max-width: 100%;
  margin: 0 auto;
}
.min-footer .container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  max-width: 1152px;
  margin: 0 auto;
}
.min-footer .container .content > img {
  width: 16.8265rem;
  height: 2.8125rem;
}
.min-footer .container .content .seperator {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .min-footer .container .content .seperator {
    display: block;
    width: 0.0625rem;
    height: 5.6875rem;
    background-color: #f0ede8;
  }
}
.min-footer .container .content .footer-group {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  width: 100%;
}
.min-footer .container .content .footer-group > p {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
}
.min-footer .container .content .footer-group div {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.min-footer .container .content .footer-group div p {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 0.9625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
}
.min-footer .container .content .footer-group div p a {
  color: #281204;
  text-decoration: underline;
}
@media only screen and (min-width: 1024px) {
  .min-footer .container .content .footer-group:last-child {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1024px) {
  .min-footer .container .content .footer-group {
    flex-direction: row;
    width: fit-content;
  }
}
@media only screen and (min-width: 1024px) {
  .min-footer .container .content {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  .min-footer .container {
    padding: 2.15rem 9rem;
    position: relative;
  }
}
.min-footer .sub-footer {
  padding: 1rem;
  display: flex;
  justify-content: center;
  background-color: #a59174;
}
.min-footer .sub-footer p {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  font-family: "Poppins", "Arial";
  line-height: 0.975rem;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.1625rem;
  letter-spacing: 0.03125rem;
}

#overlay {
  position: fixed;
  top: -125vh;
  left: 0;
  z-index: 5000;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100vh;
  display: flex;
  transition: all 0.2s ease-in-out;
}
#overlay.showing {
  top: 0;
  transition: all 0.2s ease-in-out;
}
#overlay .modal {
  margin: auto;
  width: 90vw;
  max-width: 600px;
  background: #f0ede8;
  border-radius: 1em;
  padding: 1.5em;
  position: relative;
}
#overlay .modal .modal-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
#overlay .modal .modal-message p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
#overlay .modal #email-capture-form {
  width: fit-content;
  margin: 0 auto;
}
#overlay .modal #email-capture-form button[type=submit] {
  background-color: #aaac59;
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-weight: 600;
  border: none;
  padding: 0.25rem 0.75rem;
  border-radius: 9.12163rem;
}
#overlay .modal a.modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: white;
  background: #482007;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 3em;
  font-size: 1.2em;
}
#overlay .modal a.modal-close span {
  line-height: 1;
}
#overlay .modal h2 {
  text-align: center;
  font-size: 1.75em;
  font-weight: 200;
}
#overlay .modal ul {
  display: flex;
  margin: 1rem 0 1rem;
  padding: 0;
  list-style-type: none;
  gap: 1em;
  justify-content: center;
}
#overlay .modal ul li a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  background: #aaac59;
  color: white;
  padding: 0.5em 2em;
  border-radius: 3em;
}

/* Pages */
main .legal-section {
  padding: 4rem 0.75rem;
  max-width: 1400px;
  margin: 0 auto;
}
main .legal-section .container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.25rem;
  position: relative;
}
main .legal-section .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
@media only screen and (min-width: 1024px) {
  main .legal-section .container .content h1 {
    color: #281204;
    font-style: normal;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.88125rem;
  }
}
main .legal-section .container .content img {
  display: none;
}
@media only screen and (min-width: 1024px) {
  main .legal-section .container .content img {
    display: block;
    position: absolute;
    left: 0;
    top: 8rem;
  }
}
@media only screen and (min-width: 1440px) {
  main .legal-section .container .content img {
    left: 15rem;
  }
}
main .legal-section .container .content .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
main .legal-section .container .content .content-wrapper.consumer-complaint {
  gap: 2.25rem;
}
main .legal-section .container .content .content-wrapper .seperator {
  height: 0.0625rem;
  width: 100%;
  max-width: 688px;
  background-color: #cbc0af;
}
main .legal-section .container .content .content-wrapper p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
main .legal-section .container .content .content-wrapper p.tagline {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
  text-align: start;
  margin-top: 2.25rem;
}
main .legal-section .container .content .content-wrapper a {
  color: #aaac59;
}
@media only screen and (min-width: 1024px) {
  main .legal-section .container .content .content-wrapper {
    width: 60%;
    max-width: 43rem;
    align-self: flex-end;
  }
}
@media only screen and (min-width: 1024px) {
  main .legal-section {
    padding: 4rem 4rem;
  }
}

#application-hero {
  background: linear-gradient(141deg, rgba(40, 18, 4, 0.03) 9.22%, rgba(53, 43, 27, 0.09) 38.41%, rgba(40, 18, 4, 0.26) 64.82%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), url("../img/young-couple-on-couch.jpg") lightgray -216px -16.317px/115% 154.265% no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0rem 0rem 3.125rem 3.125rem;
  background-position: center center;
  padding: 4rem 0;
}
#application-hero .container .content {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  max-width: 636px;
}
#application-hero .container .content h1 {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
#application-hero .container .content h1 span {
  color: white;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
}
@media only screen and (min-width: 1024px) {
  #application-hero .container .content h1 {
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.88125rem;
  }
  #application-hero .container .content h1 span {
    color: white;
    font-style: italic;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "the-seasons", sans-serif;
    line-height: 4.88125rem;
  }
}
#application-hero .container .content p {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
  font-weight: 400;
}
#application-hero .container .content a {
  padding: 0.75rem 1.25rem;
  flex: 1 0 0;
  text-align: center;
  justify-self: stretch;
  border-radius: 9.12163rem;
  border: 1.5px solid #f0ede8;
  background-color: #9eb2cd;
  color: #f0ede8;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  #application-hero .container .content a {
    align-self: flex-start;
    width: fit-content;
  }
}
@media only screen and (min-width: 1024px) {
  #application-hero .container {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1024px) {
  #application-hero {
    background-position: right top;
    padding: 2.5rem 2.75rem;
    min-height: 616px;
  }
}
@media only screen and (min-width: 1440px) {
  #application-hero {
    padding: 5rem 5.75rem;
    min-height: 716px;
  }
}

#apply-sxs {
  margin-top: 4rem;
}
#apply-sxs .container h2 {
  color: #aaac59;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  text-align: center;
}
#apply-sxs .container h2 span {
  color: #aaac59;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
}
#apply-sxs .container .sxs-group aside img {
  max-width: 400px;
  height: auto;
}
#apply-sxs a {
  display: flex;
}

a.button {
  background-color: #496676 !important;
}

#green-banner {
  margin: 4rem 0.75rem;
}
#green-banner .container .content {
  background-color: #aaac59;
  display: flex;
  padding: 5rem 3.5625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  border-radius: 3.125rem;
  text-align: center;
  margin: 0 auto;
}
#green-banner .container .content h3 {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  max-width: 750px;
}
#green-banner .container .content h3 span {
  color: white;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
}
#green-banner .container .content p {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
  max-width: 750px;
}
#green-banner .container .content a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  width: fit-content;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
}

#boxes {
  margin: 4rem 0.75rem 8rem;
}
#boxes .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 5rem;
}
#boxes .container .content h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
#boxes .container .content h2 span {
  color: #281204;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
}
@media only screen and (min-width: 1024px) {
  #boxes .container .content h2 {
    color: #281204;
    font-style: normal;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.88125rem;
  }
  #boxes .container .content h2 span {
    color: #281204;
    font-style: italic;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "the-seasons", sans-serif;
    line-height: 4.88125rem;
  }
}
#boxes .container .content .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#boxes .container .content .content-wrapper .content-card {
  display: flex;
  width: 100%;
  min-height: 23.0625rem;
  padding: 2.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  border-radius: 3.1335rem;
  background-color: #9eb2cd;
}
#boxes .container .content .content-wrapper .content-card .svg-wrapper {
  background-color: white;
  border-radius: 50%;
  padding: 1rem;
}
#boxes .container .content .content-wrapper .content-card h2 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
}
#boxes .container .content .content-wrapper .content-card p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  text-align: start;
}
#boxes .container .content .content-wrapper .content-card a {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  padding: 0.75rem 1.25rem;
}
@media only screen and (min-width: 1024px) {
  #boxes .container .content .content-wrapper .content-card {
    max-width: 350px;
  }
}
@media only screen and (min-width: 1024px) {
  #boxes .container .content .content-wrapper {
    flex-direction: row;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: center;
  }
}

#footer-cap-min {
  margin-bottom: 7rem;
}
#footer-cap-min .container .content {
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
  text-align: center;
  gap: 2.5rem;
}
#footer-cap-min .container .content h3 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
#footer-cap-min .container .content p {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Poppins", "Arial";
  line-height: 2.6rem;
}
#footer-cap-min .container .content p span {
  color: #281204;
  font-style: italic;
  font-weight: 700;
  font-size: 2rem;
  font-family: "the-seasons", sans-serif;
  line-height: 2.6rem;
}
#footer-cap-min .container .content a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.72975rem;
  border-radius: 9.12163rem;
  border: 1.459px solid white;
  background-color: #496676;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
}

/* Custom Post Types*/
#breadcrumbs .container {
  margin: 0 auto;
}
#breadcrumbs .container .content ul.breadcrumbs {
  list-style: none;
  display: flex;
  flex-direction: row;
  padding: 1.25rem 7.5rem 1.25rem 0.75rem;
  overflow-x: visible;
}
#breadcrumbs .container .content ul.breadcrumbs li {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  font-family: "Poppins", "Arial";
  line-height: 1.1625rem;
  color: #9eb2cd;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  text-wrap: nowrap;
}
#breadcrumbs .container .content ul.breadcrumbs li a {
  color: inherit;
}
#breadcrumbs .container .content ul.breadcrumbs li a:hover {
  cursor: pointer;
}
#breadcrumbs .container .content ul.breadcrumbs li:not(:last-child):after {
  content: "|";
  display: inline-block;
  margin: 0 0.5rem;
}
@media only screen and (min-width: 1024px) {
  #breadcrumbs .container .content ul.breadcrumbs {
    padding: 1.75rem 7.5rem 1.75rem 3.75rem;
  }
}

#hero .container {
  margin: 0 0.75rem;
}
#hero .container .content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 1.25rem 0rem 2.5rem;
  justify-content: center;
}
#hero .container .content img {
  width: 300px;
  height: 300px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  object-fit: cover;
  border: 2.432px solid #9eb2cd;
}
#hero .container .content .content-wrapper .info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
#hero .container .content .content-wrapper .info-wrapper h1 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
}
@media only screen and (min-width: 1024px) {
  #hero .container .content .content-wrapper .info-wrapper h1 {
    color: #281204;
    font-style: normal;
    font-weight: 300;
    font-size: 2.5rem;
    font-family: "Poppins", "Arial";
    line-height: 3.625rem;
  }
}
#hero .container .content .content-wrapper .info-wrapper .credentials-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
#hero .container .content .content-wrapper .info-wrapper .credentials-wrapper p,
#hero .container .content .content-wrapper .info-wrapper .credentials-wrapper div {
  color: #aaac59;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
}
@media only screen and (min-width: 1024px) {
  #hero .container .content .content-wrapper .info-wrapper .credentials-wrapper p,
  #hero .container .content .content-wrapper .info-wrapper .credentials-wrapper div {
    color: #aaac59;
    font-style: normal;
    font-weight: 600;
    font-size: 1.5rem;
    font-family: "Poppins", "Arial";
    line-height: 2.175rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
  }
}
#hero .container .content .content-wrapper .seperator {
  width: 100%;
  height: 0.09375rem;
  background-color: #9eb2cd;
  margin: 1.5rem 0;
}
#hero .container .content .content-wrapper .address-wrapper {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
}
#hero .container .content .content-wrapper .contact-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
#hero .container .content .content-wrapper .contact-wrapper a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  #hero .container .content .content-wrapper .contact-wrapper a {
    color: white;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: "Inter", "Arial";
    line-height: 1.625rem;
    letter-spacing: 0.09119rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media only screen and (min-width: 1024px) {
  #hero .container .content .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  #hero .container .content {
    flex-direction: row;
    gap: 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  #hero .container {
    margin: 0 auto;
  }
}

#about {
  margin: 0 0.75rem;
}
#about .container {
  padding: 2.5rem 0;
  margin: 0 auto;
}
#about .container .content {
  display: flex;
  justify-content: center;
}
#about .container .content .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  max-width: 53rem;
}
#about .container .content .content-wrapper h2 {
  color: #9eb2cd;
  font-style: italic;
  font-weight: 400;
  font-size: 3rem;
  font-family: "the-seasons", sans-serif;
  line-height: 3.9rem;
}
#about .container .content .content-wrapper p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
}
@media only screen and (min-width: 1024px) {
  #about .container .content .content-wrapper {
    flex: 0.75;
  }
}
@media only screen and (min-width: 1024px) {
  #about .container .content {
    justify-content: flex-end;
    margin-left: 15rem;
  }
}
@media only screen and (min-width: 1024px) {
  #about {
    margin: 0 auto;
    background-image: url("../img/brown-cursive-logo-trans.png");
    background-repeat: no-repeat;
    background-size: 22.1875rem 22.1875rem;
    background-position: -5rem center;
    min-height: 22.1875rem;
  }
}

#rates {
  margin: 2.5rem 0.75rem;
}
#rates .container {
  border-radius: 3.125rem;
  padding: 2.25rem;
  background-color: #aaac59;
  margin: 0 auto;
}
#rates .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 2.25rem;
}
#rates .container .content .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#rates .container .content .text-wrapper h2 {
  color: white;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  font-family: "Poppins", "Arial";
  line-height: 3.625rem;
}
#rates .container .content .text-wrapper h2 span {
  color: white;
  font-style: italic;
  font-weight: 300;
  font-size: 2.5rem;
  font-family: "the-seasons", sans-serif;
  line-height: 3.25rem;
}
@media only screen and (min-width: 1024px) {
  #rates .container .content .text-wrapper h2 span {
    color: white;
    font-style: italic;
    font-weight: 400;
    font-size: 3.375rem;
    font-family: "the-seasons", sans-serif;
    line-height: 4.89375rem;
  }
}
@media only screen and (min-width: 1024px) {
  #rates .container .content .text-wrapper h2 {
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 3.375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.89375rem;
  }
}
#rates .container .content .text-wrapper p {
  color: white;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
}
@media only screen and (min-width: 1024px) {
  #rates .container .content .text-wrapper {
    max-width: 40.5625rem;
    margin: 0 auto;
  }
}
#rates .container .content .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#rates .container .content .content-wrapper a {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  align-self: stretch;
  padding: 0.75rem 1.25rem;
  border: 1.5px solid white;
  border-radius: 9.12163rem;
}
@media only screen and (min-width: 1024px) {
  #rates .container .content .content-wrapper {
    flex-direction: row;
    justify-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  #rates .container .content {
    gap: 3rem;
  }
}
@media only screen and (min-width: 1440px) {
  #rates {
    margin: 2.5rem 3.5rem;
  }
}

.archive-main {
  margin: 4rem 0;
}
.archive-main .container .archive-title {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.875rem;
  font-family: "Poppins", "Arial";
  line-height: 5.61875rem;
  text-align: center;
  padding: 0 3rem;
  margin-bottom: 4rem;
}
.archive-main .container .pagination {
  margin-top: 2em;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.archive-main .container .pagination span, .archive-main .container .pagination a {
  color: #676834;
  font-size: 1.25em;
}
.archive-main .container .loan-officers-grid {
  display: flex;
  flex-direction: column;
  gap: 11.25rem;
  margin: 11.25rem auto 0;
}
@media only screen and (min-width: 768px) {
  .archive-main .container .loan-officers-grid {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: 11.25rem;
  }
}
.archive-main .container .loan-officer {
  padding: 6.25rem 1.25rem 1.25rem 1.25rem;
  border-radius: 3.125rem;
  border: 1.5px solid #9eb2cd;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.archive-main .container .loan-officer > img {
  width: 11.5625rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  object-fit: cover;
  top: -6rem;
  border: 1.5px solid #9eb2cd;
  object-position: top center;
}
.archive-main .container .loan-officer .content-wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper {
  width: 100%;
  height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper h2 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
  margin: 0;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper h2 a {
  color: inherit;
  text-decoration: none;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper .contact-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper .contact-wrapper a {
  color: #aaac59;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 0.9625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper .credentials-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper .credentials-wrapper p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-weight: 600;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper .seperator {
  width: 100%;
  height: 0.09375rem;
  background-color: #cbc0af;
  margin: 1rem 0;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper .button-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
.archive-main .container .loan-officer .content-wrapper .info-wrapper .button-wrapper a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .archive-main .container .loan-officer .content-wrapper .info-wrapper .button-wrapper a {
    color: white;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: "Inter", "Arial";
    line-height: 1.625rem;
    letter-spacing: 0.09119rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media only screen and (min-width: 768px) {
  .archive-main .container .loan-officer {
    width: calc(50% - 0.75rem);
  }
}
@media only screen and (min-width: 1024px) {
  .archive-main .container .loan-officer {
    width: calc(33% - 0.75rem);
    align-items: center;
  }
}

#archive-program-hero-section {
  padding: 4rem 0;
}
#archive-program-hero-section .container .content {
  display: flex;
  flex-direction: column;
  gap: 3.25rem;
}
#archive-program-hero-section .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.875rem;
  font-family: "Poppins", "Arial";
  line-height: 5.61875rem;
  text-align: center;
}
#archive-program-hero-section .container .content > p {
  color: #aaac59;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  font-family: "Poppins", "Arial";
  line-height: 4.35rem;
  text-align: center;
  text-wrap: balance;
}
#archive-program-hero-section .container .content > p span {
  color: #aaac59;
  font-style: italic;
  font-weight: 400;
  font-size: 3rem;
  font-family: "the-seasons", sans-serif;
  line-height: 3.9rem;
}
#archive-program-hero-section .container .content .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#archive-program-hero-section .container .content .content-wrapper .content-card {
  display: flex;
  width: 100%;
  min-height: 23.0625rem;
  padding: 2.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  border-radius: 3.1335rem;
  background-color: #496676;
}
#archive-program-hero-section .container .content .content-wrapper .content-card .svg-wrapper {
  background-color: white;
  border-radius: 50%;
  padding: 1rem;
}
#archive-program-hero-section .container .content .content-wrapper .content-card h2 {
  color: white;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
}
#archive-program-hero-section .container .content .content-wrapper .content-card p {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
#archive-program-hero-section .container .content .content-wrapper .content-card a {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  padding: 0.75rem 1.25rem;
}
@media only screen and (min-width: 1024px) {
  #archive-program-hero-section .container .content .content-wrapper .content-card {
    max-width: 350px;
    max-height: 350px;
    aspect-ratio: 1/1;
    box-sizing: content-box;
  }
}
@media only screen and (min-width: 1024px) {
  #archive-program-hero-section .container .content .content-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
  }
}

#filter-bar .container {
  max-width: 1440px;
  margin: 0 auto 0.75rem;
}
#filter-bar .container .content .filter-bar {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-weight: 600;
}
#filter-bar .container .content .filter-bar .rocker-group {
  display: inline-flex;
  border: 2px solid #31241f;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 2px 8px 0 rgba(49, 36, 31, 0.04);
}
#filter-bar .container .content .filter-bar .rocker-group input[type=radio] {
  display: none;
}
#filter-bar .container .content .filter-bar .rocker {
  padding: 0.5rem 1.5rem;
  background: transparent;
  color: #31241f;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background 0.2s, color 0.2s;
  position: relative;
  z-index: 1;
  user-select: none;
  outline: none;
  font-size: 1rem;
  width: 50%;
}
@media only screen and (min-width: 1024px) {
  #filter-bar .container .content .filter-bar .rocker {
    width: fit-content;
  }
}
#filter-bar .container .content .filter-bar .rocker-left {
  border-radius: 2rem 0 0 2rem;
}
#filter-bar .container .content .filter-bar .rocker-right {
  border-radius: 0 2rem 2rem 0;
}
#filter-bar .container .content .filter-bar #filter-purpose-purchase:checked ~ label[for=filter-purpose-purchase],
#filter-bar .container .content .filter-bar #filter-purpose-refinance:checked ~ label[for=filter-purpose-refinance] {
  background: #b6bedb;
  color: #fff;
  box-shadow: 0 4px 16px 0 rgba(49, 36, 31, 0.16);
}
#filter-bar .container .content .filter-bar .rocker:active {
  box-shadow: 0 2px 8px 0 rgba(49, 36, 31, 0.18);
}
#filter-bar .container .content .filter-bar .rocker:hover,
#filter-bar .container .content .filter-bar .rocker:focus {
  background: #e6e8f5;
  color: #31241f;
}
#filter-bar .container .content .filter-bar .loan-type-select {
  position: relative;
  display: inline-block;
}
#filter-bar .container .content .filter-bar .loan-type-selector {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (min-width: 1024px) {
  #filter-bar .container .content .filter-bar .loan-type-selector {
    flex-direction: row;
  }
}
#filter-bar .container .content .filter-bar .loan-type-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  color: #31241f;
  padding: 0.5rem 2.5rem 0.5rem 1.5rem;
  border: 2px solid #31241f;
  border-radius: 2rem;
  outline: none;
  cursor: pointer;
  box-shadow: 0 2px 8px 0 rgba(49, 36, 31, 0.04);
  transition: border-color 0.2s, background 0.2s;
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-weight: 600;
  display: inline-flex;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  #filter-bar .container .content .filter-bar .loan-type-select select {
    display: static;
    width: fit-content;
  }
}
#filter-bar .container .content .filter-bar .loan-type-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 1.1475rem;
  height: 0.60656rem;
  pointer-events: none;
  transform: translateY(-50%);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='12' viewBox='0 0 21 12' fill='none'><path d='M19.1641 0.94751C19.2604 0.945949 19.356 0.964131 19.4453 1.00024C19.5347 1.03642 19.6164 1.09023 19.6846 1.15845C19.7527 1.22663 19.8066 1.30835 19.8428 1.39771C19.8788 1.487 19.8961 1.58267 19.8945 1.67896C19.8929 1.77528 19.872 1.87018 19.833 1.95825C19.7948 2.04444 19.7391 2.12176 19.6709 2.18677L11.0176 10.8401C10.9512 10.9072 10.8723 10.9609 10.7852 10.9973C10.6977 11.0339 10.6036 11.052 10.5088 11.052C10.414 11.052 10.3198 11.0339 10.2324 10.9973C10.1451 10.9608 10.0665 10.9065 10 10.8391V10.8401L1.34766 2.18774V2.18677C1.28025 2.12108 1.22593 2.04309 1.18945 1.9563C1.15241 1.8681 1.13387 1.77266 1.13477 1.677C1.13614 1.48656 1.21339 1.3043 1.34863 1.17017C1.41493 1.10379 1.49348 1.05099 1.58008 1.01489C1.6674 0.978571 1.76187 0.959229 1.85645 0.959229C1.95089 0.959279 2.04464 0.97862 2.13184 1.01489C2.21903 1.05121 2.29864 1.10415 2.36523 1.17114H2.36426L10.5088 9.3147L18.6553 1.17114C18.7202 1.10298 18.7977 1.04825 18.8838 1.01001C18.972 0.970874 19.0676 0.949118 19.1641 0.94751Z' fill='%23281204' stroke='%23281204' stroke-width='0.4'/></svg>") no-repeat center center;
  background-size: contain;
}
#filter-bar .container .content .filter-bar .showing-count span {
  color: #aaac59;
}
@media only screen and (min-width: 1024px) {
  #filter-bar .container .content .filter-bar {
    flex-direction: row;
    justify-content: space-between;
  }
}

#progam-wrapper .container .content .program-cards {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 4rem 0;
}
#progam-wrapper .container .content .program-cards .program-card {
  background-color: #aaac59;
  border-radius: 3.125rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
#progam-wrapper .container .content .program-cards .program-card .program-card-image {
  max-height: 15.5rem;
  height: 15.37688rem;
  border-radius: 3.125rem;
}
@media only screen and (min-width: 768px) {
  #progam-wrapper .container .content .program-cards .program-card .program-card-image {
    max-height: 28.5rem;
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  #progam-wrapper .container .content .program-cards .program-card .program-card-image {
    max-width: 528px;
    width: 100%;
    flex: 1;
  }
}
#progam-wrapper .container .content .program-cards .program-card .program-card-content {
  padding: 0 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#progam-wrapper .container .content .program-cards .program-card .program-card-content .title-eyebrow {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#progam-wrapper .container .content .program-cards .program-card .program-card-content .title-eyebrow h2 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Poppins", "Arial";
  line-height: 2.6rem;
}
#progam-wrapper .container .content .program-cards .program-card .program-card-content .title-eyebrow .program-eyebrow {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  padding: 0.625rem 0.875rem;
  width: fit-content;
}
#progam-wrapper .container .content .program-cards .program-card .program-card-content p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
#progam-wrapper .container .content .program-cards .program-card .program-card-content a.program-card-link {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  font-family: "Inter", "Arial";
  line-height: 1.4625rem;
  letter-spacing: 0.0625rem;
  position: relative;
}
#progam-wrapper .container .content .program-cards .program-card .program-card-content a.program-card-link svg {
  display: none;
}
@media only screen and (min-width: 1024px) {
  #progam-wrapper .container .content .program-cards .program-card .program-card-content a.program-card-link svg {
    display: block;
    position: absolute;
    top: -1rem;
    right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  #progam-wrapper .container .content .program-cards .program-card .program-card-content {
    flex: 1.2;
    padding: 2.59rem 3.62rem 2.66rem;
    gap: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  #progam-wrapper .container .content .program-cards .program-card {
    flex-direction: row;
    gap: 0;
    max-height: 22.3125rem;
  }
}

#builder-header {
  max-width: 1321px;
}
#builder-header .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
@media only screen and (min-width: 1024px) {
  #builder-header .container .content h1 {
    color: #281204;
    font-style: normal;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.88125rem;
  }
}
#builder-header .container .content .colorbox.color-green {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding: 2.5625rem 1.5rem;
}
#builder-header .container .content .colorbox.color-green .colorbox-content h2 {
  color: white;
  font-style: normal;
  font-weight: 300;
  font-size: 2.25rem;
  font-family: "Poppins", "Arial";
  line-height: 2.925rem;
  text-wrap: balance;
}
#builder-header .container .content .colorbox.color-green .colorbox-content h2 span {
  color: white;
  font-style: italic;
  font-weight: 400;
  font-size: 2.25rem;
  font-family: "the-seasons", sans-serif;
  line-height: 2.925rem;
}
@media only screen and (min-width: 1024px) {
  #builder-header .container .content .colorbox.color-green .colorbox-content h2 span {
    color: white;
    font-style: italic;
    font-weight: 400;
    font-size: 3rem;
    font-family: "the-seasons", sans-serif;
    line-height: 3.9rem;
  }
}
@media only screen and (min-width: 1024px) {
  #builder-header .container .content .colorbox.color-green .colorbox-content h2 {
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
    font-family: "Poppins", "Arial";
    line-height: 4.35rem;
  }
}
@media only screen and (min-width: 1024px) {
  #builder-header .container .content .colorbox.color-green .colorbox-content {
    flex: 1.5;
  }
}
#builder-header .container .content .colorbox.color-green aside {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
#builder-header .container .content .colorbox.color-green aside p {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
  font-weight: 400;
}
#builder-header .container .content .colorbox.color-green aside a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  #builder-header .container .content .colorbox.color-green aside {
    flex: 1;
    max-width: 25.8125rem;
  }
}
@media only screen and (min-width: 1024px) {
  #builder-header .container .content .colorbox.color-green {
    flex-direction: row;
    padding: 3rem 3.5625rem;
  }
}

#builder-logos {
  margin: 4rem 0;
}
#builder-logos .container .content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
#builder-logos .container .content h3 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  text-align: center;
}
#builder-logos .container .content .logo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.31rem;
}
#builder-logos .container .content .logo-wrapper .image-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 2.71963rem;
  border: 1.262px solid #9eb2cd;
  width: 100%;
  height: 100%;
  min-height: 13rem;
}
#builder-logos .container .content .logo-wrapper .image-card img {
  width: 100%;
  max-width: 17rem;
  height: auto;
  padding: 2.5rem;
}
@media only screen and (min-width: 1024px) {
  #builder-logos .container .content .logo-wrapper .image-card {
    max-width: 315px;
  }
}
@media only screen and (min-width: 1024px) {
  #builder-logos .container .content .logo-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1024px) {
  #builder-logos {
    margin: 2rem 0;
  }
}

#builder-side-by-side {
  margin-top: 4rem;
}
#builder-side-by-side .container .sxs-group .content a {
  display: flex;
}
#loan-program-hero .page-title {
  margin: 0 0.75rem;
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 3.5rem;
  padding: 2.5rem 0;
}
#loan-program-hero .page-title h1 {
  text-align: center;
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
@media only screen and (min-width: 1024px) {
  #loan-program-hero .page-title h1 {
    color: #281204;
    font-style: normal;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.88125rem;
  }
}
#loan-program-hero .page-title .hero-cta {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: center;
}
#loan-program-hero .page-title .hero-cta a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 9.12163rem;
  align-self: stretch;
}
#loan-program-hero .page-title .hero-cta a:first-child {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1.5px solid white;
  background-color: #aaac59;
}
#loan-program-hero .page-title .hero-cta a:last-child {
  color: #aaac59;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1.5px solid #aaac59;
  background-color: white;
}
@media only screen and (min-width: 1024px) {
  #loan-program-hero .page-title .hero-cta {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1024px) {
  #loan-program-hero .page-title {
    padding: 3.5rem 0 0;
    gap: 5rem;
    margin: 0 auto;
  }
}
#loan-program-hero .container {
  border-radius: 3.125rem;
  box-shadow: 0.838px 1.117px 6.704px -1.117px rgba(0, 0, 0, 0);
  height: 100vh;
  max-width: 1400px;
  max-height: 700px;
  background-position: center center;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 1024px) {
  #loan-program-hero .container .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
#loan-program-hero .container .content img {
  display: none;
  max-width: 140px;
  margin: 2rem;
}
@media only screen and (min-width: 1024px) {
  #loan-program-hero .container .content img {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  #loan-program-hero {
    margin: 0 3.5625rem;
  }
}

#program-aside-checklist .container {
  height: auto;
  margin: 0 auto;
  padding: 0;
}
#program-aside-checklist .container .content p {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
  font-weight: 400;
}
#program-aside-checklist .container aside {
  background-color: #f0ede8;
  border-radius: 0;
  display: flex;
  justify-content: center;
}
#program-aside-checklist .container aside .list-wrapper {
  background-color: #9eb2cd;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2.25rem;
  border-radius: 3.125rem;
}
#program-aside-checklist .container aside .list-wrapper h2 {
  color: white;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Poppins", "Arial";
  line-height: 2.6rem;
}
#program-aside-checklist .container aside .list-wrapper ul {
  padding-left: 2rem;
  list-style: none;
}
#program-aside-checklist .container aside .list-wrapper ul li {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.25rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 1rem;
}
#program-aside-checklist .container aside .list-wrapper ul li:before {
  content: "";
  display: flex;
  position: absolute;
  left: -2.5rem;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background-color: white;
  background-image: url("../img/blue-check-mark.svg");
  background-size: auto 0.75rem;
  background-position: center;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
}
#program-aside-checklist .container aside .list-wrapper a {
  background-color: #9eb2cd;
  display: block;
}
@media only screen and (min-width: 1024px) {
  #program-aside-checklist .container aside .list-wrapper {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  #program-aside-checklist .container aside {
    flex: none;
  }
}
@media only screen and (min-width: 1440px) {
  #program-aside-checklist .container {
    padding: 0 6.5625rem;
  }
}

.location-header .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 4.4375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.88125rem;
  text-align: center;
  margin: 3rem 0;
}
.location-header .container .content .location-tile {
  background: #aaac59;
  border-radius: 2em;
  padding: 1.5em;
}
@media screen and (min-width: 1024px) {
  .location-header .container .content .location-tile {
    height: 20%;
    padding-top: 2.5em;
  }
}
.location-header .container .content .location-tile .lt-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5rem;
}
@media screen and (min-width: 760px) {
  .location-header .container .content .location-tile .lt-header {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }
}
.location-header .container .content .location-tile .lt-header h3 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
}
.location-header .container .content .location-tile .lt-header h3 a {
  color: white;
  text-decoration: none;
}
.location-header .container .content .location-tile .lt-header > a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  color: white;
  border: 1px solid white;
  padding: 0.5em 2em;
  border-radius: 2em;
}
.location-header .container .content .location-tile .lt-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 0.9625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  padding-top: 0.75em;
  border-top: 1px solid #676834;
  margin-top: 1em;
}
.location-header .container .content .location-tile .lt-footer address {
  font-style: normal;
}
.location-header .container .content .location-tile .lt-footer p {
  display: flex;
  flex-direction: column;
  text-align: right;
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
}
.location-header .container .content .location-tile .lt-footer p a {
  color: inherit;
}
.location-header .container .content .location-tile {
  width: 96%;
  margin: 0 auto -4em;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 760px) {
  .location-header .container .content .location-tile .lt-header h3 {
    color: #281204;
    font-style: normal;
    font-weight: 300;
    font-size: 3.375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.3875rem;
  }
}
@media screen and (min-width: 760px) {
  .location-header .container .content .location-tile .lt-footer {
    color: #281204;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: "Poppins", "Arial";
    line-height: 1.8125rem;
  }
}
.location-header .container .content figure {
  margin: 0;
}
.location-header .container .content figure img {
  width: 100%;
  height: auto;
  border-radius: 2em;
}

.location-loan-officers {
  padding: 2em 0;
}
@media screen and (min-width: 1024px) {
  .location-loan-officers {
    padding: 4em 0;
  }
}
.location-loan-officers.nopad {
  padding: 0 0 2em;
}
@media screen and (min-width: 1024px) {
  .location-loan-officers.nopad {
    padding: 0 0 4em;
  }
}
.location-loan-officers .container .content h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  margin: 2rem 0;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .location-loan-officers .container .content h2 {
    margin: 3rem 0;
  }
}
.location-loan-officers .container .content .loan-officers-grid {
  display: flex;
  flex-direction: column;
  gap: 11.25rem;
  margin: 11.25rem auto 0;
}
@media only screen and (min-width: 768px) {
  .location-loan-officers .container .content .loan-officers-grid {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: 11.25rem;
  }
}
.location-loan-officers .container .content .loan-officer {
  padding: 6.25rem 1.25rem 1.25rem 1.25rem;
  border-radius: 3.125rem;
  border: 1.5px solid #9eb2cd;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.location-loan-officers .container .content .loan-officer > img {
  width: 11.5625rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  object-fit: cover;
  top: -6rem;
  border: 1.5px solid #9eb2cd;
  object-position: top center;
}
.location-loan-officers .container .content .loan-officer .content-wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper {
  width: 100%;
  height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper h2 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
  margin: 0;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper h2 a {
  color: inherit;
  text-decoration: none;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper .contact-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper .contact-wrapper a {
  color: #aaac59;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 0.9625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper .credentials-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper .credentials-wrapper p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-weight: 600;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper .seperator {
  width: 100%;
  height: 0.09375rem;
  background-color: #cbc0af;
  margin: 1rem 0;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper .button-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
.location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper .button-wrapper a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .location-loan-officers .container .content .loan-officer .content-wrapper .info-wrapper .button-wrapper a {
    color: white;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: "Inter", "Arial";
    line-height: 1.625rem;
    letter-spacing: 0.09119rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media only screen and (min-width: 768px) {
  .location-loan-officers .container .content .loan-officer {
    width: calc(50% - 0.75rem);
  }
}
@media only screen and (min-width: 1024px) {
  .location-loan-officers .container .content .loan-officer {
    width: calc(33% - 0.75rem);
    align-items: center;
  }
}

.cities-we-serve {
  padding: 2em 0;
}
.cities-we-serve .container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5em;
}
.cities-we-serve .container .content h2 {
  text-align: center;
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.875rem;
  font-family: "Poppins", "Arial";
  line-height: 5.61875rem;
}
.cities-we-serve .container .content ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 1em;
}
@media screen and (min-width: 760px) {
  .cities-we-serve .container .content ul {
    max-width: 850px;
  }
}
.cities-we-serve .container .content ul li {
  list-style-type: none;
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
@media screen and (min-width: 760px) {
  .cities-we-serve .container .content ul li {
    width: 33%;
  }
}
.cities-we-serve .container .content ul li:before {
  background-image: url("../img/blue-check-mark.svg");
  background-color: white;
  background-size: 1em 1em;
  content: "";
  display: block;
  width: 1.6em;
  height: 1.6em;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  padding: 0.15em;
}
.cities-we-serve .container .content ul li a {
  color: #496676 !important;
  text-decoration: none;
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Poppins", "Arial";
  line-height: 2.6rem;
}
.cities-we-serve .container .content > a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  background: #aaac59;
  color: white;
  padding: 0.4em 2em;
  border-radius: 3em;
}

.state-header {
  padding: 3em 0 0;
}
@media screen and (min-width: 1024px) {
  .state-header {
    padding: 5em 0 0;
  }
}
.state-header .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  font-family: "Poppins", "Arial";
  line-height: 4.35rem;
  line-height: 1;
  background-size: auto 100%;
  text-align: center;
  margin-bottom: 3rem;
}
@media screen and (min-width: 1024px) {
  .state-header .container .content h1 {
    margin-bottom: 5rem;
    color: #281204;
    font-style: normal;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.88125rem;
  }
}
.state-header .container .content h1 span {
  background-image: url("../img/location-pin.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 3.5rem;
}
.state-header .container .content figure figcaption {
  background: #9eb2cd;
  color: white;
  padding: 2em;
  display: flex;
  flex-direction: column;
  gap: 2em;
  border-radius: 2em;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
}
@media screen and (min-width: 1024px) {
  .state-header .container .content figure figcaption {
    flex-direction: row;
    align-items: center;
    padding: 4em 3em;
  }
}
.state-header .container .content figure figcaption h2 {
  color: #281204;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  font-family: "Poppins", "Arial";
  line-height: 3.625rem;
  color: white;
}
@media screen and (min-width: 1024px) {
  .state-header .container .content figure figcaption h2 {
    flex: 1.2;
    color: #281204;
    font-style: normal;
    font-weight: 400;
    font-size: 4.4375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.88125rem;
    color: white;
  }
}
.state-header .container .content figure figcaption h2 span {
  font-family: "the-seasons", sans-serif;
}
@media screen and (min-width: 1024px) {
  .state-header .container .content figure figcaption h2 span {
    display: block;
  }
}
.state-header .container .content figure figcaption p {
  font-size: 1.25em;
  font-family: "Poppins", "Arial";
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media screen and (min-width: 1024px) {
  .state-header .container .content figure figcaption p {
    flex: 1;
  }
}
.state-header .container .content figure figcaption p a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  border: 1px solid white;
  align-self: flex-start;
  padding: 0.5em 2em;
  border-radius: 2em;
}
.state-header .container .content figure img {
  width: 100%;
  height: auto;
  border-radius: 2em;
  position: relative;
  top: -4em;
}

.city-state-intro.city {
  margin: 3em 0;
}
.city-state-intro .container {
  max-width: 1024px;
}
.city-state-intro .container .content {
  text-align: center;
  background-image: url("../img/blue-cursive-logo.svg");
  background-repeat: no-repeat;
  background-size: 3.125rem 3.125rem;
  background-position: center bottom;
  padding-bottom: 5rem;
  color: #281204;
  font-style: normal;
  font-weight: 300;
  font-size: 2.25rem;
  font-family: "Poppins", "Arial";
  line-height: 2.925rem;
}

.cities-we-serve-alt {
  padding: 2em 0;
}
@media screen and (min-width: 1024px) {
  .cities-we-serve-alt {
    padding: 4em 0;
  }
}
.cities-we-serve-alt .container .content h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  text-align: center;
}
.cities-we-serve-alt .container .content ul {
  margin: 2em 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .cities-we-serve-alt .container .content ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.cities-we-serve-alt .container .content ul li {
  list-style-type: none;
}
@media screen and (min-width: 1024px) {
  .cities-we-serve-alt .container .content ul li {
    width: calc(50% - 0.5em);
  }
}
.cities-we-serve-alt .container .content ul li a {
  border-radius: 1em;
  background: #aaac59;
  display: flex;
  padding: 2rem;
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
  line-height: 1;
  color: white;
  background-image: url("../img/arrow-circle.svg");
  background-repeat: no-repeat;
  background-position: right 2rem center;
}

/* Custom Page Templates */
.our-location-header {
  padding: 3em 0;
}
@media screen and (min-width: 760px) {
  .our-location-header {
    padding: 5em 0;
  }
}
.our-location-header .container .content {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  align-items: center;
}
.our-location-header .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 4.4375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.88125rem;
}
.our-location-header .container .content a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  background: #9eb2cd;
  color: white;
  padding: 0.5em 2em;
  border-radius: 2rem;
  border: 1.5px solid white;
}
.our-location-header .container .content .subtitle {
  background-color: #9eb2cd;
  padding: 2.5rem 4rem;
  border-radius: 3.125rem;
  text-align: center;
  margin-top: 1rem;
}
.our-location-header .container .content .subtitle p {
  color: white;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  font-family: "Poppins", "Arial";
  line-height: 3.625rem;
  font-weight: 300;
}
.our-location-header .container .content .subtitle p span {
  color: white;
  font-style: italic;
  font-weight: 400;
  font-size: 2.5rem;
  font-family: "the-seasons", sans-serif;
  line-height: 3.25rem;
}

.our-location.locations .container .content {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media screen and (min-width: 1024px) {
  .our-location.locations .container .content {
    flex-direction: row-reverse;
  }
}
.our-location.locations .container .content .location-list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media screen and (min-width: 1024px) {
  .our-location.locations .container .content .location-list {
    width: calc(50% - 1em);
  }
}
.our-location.locations .container .content .location-list .location-tile {
  background: #aaac59;
  border-radius: 2em;
  padding: 1.5em;
}
@media screen and (min-width: 1024px) {
  .our-location.locations .container .content .location-list .location-tile {
    height: 20%;
    padding-top: 2.5em;
  }
}
.our-location.locations .container .content .location-list .location-tile .lt-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5rem;
}
@media screen and (min-width: 760px) {
  .our-location.locations .container .content .location-list .location-tile .lt-header {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }
}
.our-location.locations .container .content .location-list .location-tile .lt-header h3 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
}
.our-location.locations .container .content .location-list .location-tile .lt-header h3 a {
  color: white;
  text-decoration: none;
}
.our-location.locations .container .content .location-list .location-tile .lt-header > a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  color: white;
  border: 1px solid white;
  padding: 0.5em 2em;
  border-radius: 2em;
}
.our-location.locations .container .content .location-list .location-tile .lt-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 0.9625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  padding-top: 0.75em;
  border-top: 1px solid #676834;
  margin-top: 1em;
}
.our-location.locations .container .content .location-list .location-tile .lt-footer address {
  font-style: normal;
}
.our-location.locations .container .content .location-list .location-tile .lt-footer p {
  display: flex;
  flex-direction: column;
  text-align: right;
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
}
.our-location.locations .container .content .location-list .location-tile .lt-footer p a {
  color: inherit;
}
@media screen and (min-width: 1024px) {
  .our-location.locations .container .content aside {
    width: calc(50% - 2em);
  }
}
.our-location.locations .container .content aside figure {
  margin: 0;
  position: relative;
}
.our-location.locations .container .content aside figure:before {
  aspect-ratio: 1/1;
  display: block;
  content: "";
  width: 10rem;
  height: 10rem;
  background-image: url("../img/pearl-cursive-logo.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}
.our-location.locations .container .content aside figure img {
  border-radius: 2em;
  width: 100%;
  height: auto;
}

.our-location.states {
  padding: 4em 0;
}
.our-location.states .container {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .our-location.states .container {
    flex-direction: row;
    align-items: center;
    column-gap: 1em;
    flex-wrap: wrap;
  }
}
.our-location.states .container h2 {
  text-align: center;
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  margin-bottom: 2rem;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .our-location.states .container .content {
    flex: 1;
  }
}
.our-location.states .container .content ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5em;
}
.our-location.states .container .content ul li {
  width: 50%;
  list-style-type: none;
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.our-location.states .container .content ul li:before {
  content: "";
  display: flex;
  width: 1em;
  height: 1em;
  background-image: url("../img/blue-check-mark.svg");
  background-repeat: no-repeat;
  background-size: 0.5em 0.5em;
  background-color: white;
  background-position: center center;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.our-location.states .container aside {
  margin-top: 2rem;
}
@media screen and (min-width: 1024px) {
  .our-location.states .container aside {
    flex: 1.75;
    margin-top: 0;
  }
}
.our-location.states .container aside figure {
  margin: 0;
}
.our-location.states .container aside figure img {
  width: 100%;
  height: auto;
}

.simple-callout.blue .container {
  background: #9eb2cd;
  border-radius: 2em;
}
.simple-callout .content {
  padding: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1em;
}
@media screen and (min-width: 760px) {
  .simple-callout .content {
    padding: 3em 2em;
    flex-direction: row;
    gap: 3em;
  }
}
.simple-callout .content strong {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  color: white;
  line-height: 1.1;
  text-align: center;
}
.simple-callout .content strong span {
  font-family: "the-seasons", sans-serif;
  display: block;
}
@media screen and (min-width: 760px) {
  .simple-callout .content strong span {
    display: inline;
  }
}
.simple-callout .content a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  font-family: "Inter", "Arial";
  line-height: 1.4625rem;
  letter-spacing: 0.0625rem;
  color: white;
  border: 1px solid white;
  padding: 0.5em 2em;
  border-radius: 2em;
}

.our-location.city-state {
  padding: 4em 0;
}
.our-location.city-state .container h2 {
  text-align: center;
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  margin-bottom: 2rem;
}
.our-location.city-state .container .content {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
@media screen and (min-width: 760px) {
  .our-location.city-state .container .content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5em;
    justify-content: space-between;
  }
}
.our-location.city-state .container .content .state-box {
  background: #496676;
  padding: 1.25em;
  border-radius: 2em;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.our-location.city-state .container .content .state-box.green {
  background-color: #aaac59;
}
.our-location.city-state .container .content .state-box.green h3,
.our-location.city-state .container .content .state-box.green p.nmls {
  margin-bottom: 0.83rem;
}
.our-location.city-state .container .content .state-box.green p.nmls {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  font-family: "Poppins", "Arial";
  line-height: 1.453125rem;
  font-weight: 600;
}
.our-location.city-state .container .content .state-box.green p.regulation {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 760px) {
  .our-location.city-state .container .content .state-box {
    width: calc(50% - 0.75em);
  }
}
@media screen and (min-width: 1024px) {
  .our-location.city-state .container .content .state-box {
    width: calc(33% - 0.8em);
    padding: 3em;
  }
}
.our-location.city-state .container .content .state-box figure {
  background: white;
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 5em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media screen and (min-width: 760px) {
  .our-location.city-state .container .content .state-box figure {
    margin-bottom: 1rem;
  }
}
.our-location.city-state .container .content .state-box h3 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
  margin: 0;
}
.our-location.city-state .container .content .state-box h3 a {
  color: white;
}
.our-location.city-state .container .content .state-box ul {
  margin: 0;
  padding: 0 0 0 1.15em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 760px) {
  .our-location.city-state .container .content .state-box ul {
    row-gap: 0.5rem;
  }
}
.our-location.city-state .container .content .state-box ul li {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  color: white;
  width: 50%;
}
@media screen and (min-width: 760px) {
  .our-location.city-state .container .content .state-box ul li {
    font-size: 1.2em;
  }
}
.our-location.city-state .container .content .state-box ul li a {
  color: inherit;
}
.our-location.city-state .container .content .state-box > a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  color: white;
  padding: 0.5em 2em;
  border: 1px solid white;
  border-radius: 2em;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: auto;
}
@media screen and (min-width: 760px) {
  .our-location.city-state .container .content .state-box > a {
    padding: 1em 2em;
  }
}

figure.full-width img {
  border-radius: 2em;
  width: 100%;
  height: auto;
}

.terms-section .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  text-align: center;
  margin-top: 4rem;
}
.terms-section .container .content p {
  max-width: 688px;
  margin: 0 auto;
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  font-family: "Poppins", "Arial";
  line-height: 0.975rem;
  font-weight: 600;
}
.terms-section .container .content .content-card {
  display: flex;
  flex-direction: column;
  padding: 2.5rem 0.75rem;
  border-radius: 3.125rem;
  background-color: #aaac59;
  gap: 1.25rem;
  margin: 2.5rem 0;
}
.terms-section .container .content .content-card div {
  color: white;
  font-style: normal;
  font-weight: 300;
  font-size: 2.25rem;
  font-family: "Poppins", "Arial";
  line-height: 2.925rem;
}
@media only screen and (min-width: 1024px) {
  .terms-section .container .content .content-card div {
    flex: 1;
  }
}
.terms-section .container .content .content-card aside {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
@media only screen and (min-width: 1024px) {
  .terms-section .container .content .content-card aside {
    flex: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .terms-section .container .content .content-card {
    flex-direction: row;
    padding: 3.375rem 2.5rem;
  }
}
@media only screen and (min-width: 1440px) {
  .terms-section .container .content .content-card {
    padding: 3.375rem 5rem;
    margin: 5rem 3.75rem;
  }
}
.terms-section .container .content .legal-container {
  max-width: 688px;
  margin: 0 auto;
}
.terms-section .container .content .legal-container .legal-toggle-box {
  display: flex;
  flex-direction: column;
}
.terms-section .container .content .legal-container .legal-toggle-box.active {
  gap: 1.5rem;
}
.terms-section .container .content .legal-container .legal-toggle-box.active .toggle-content {
  height: auto;
  /* Expand to fit the content */
}
.terms-section .container .content .legal-container .legal-toggle-box .toggle-title {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
  position: relative;
}
.terms-section .container .content .legal-container .legal-toggle-box .toggle-title svg {
  position: absolute;
  top: 4px;
  right: 0;
}
@media only screen and (min-width: 1024px) {
  .terms-section .container .content .legal-container .legal-toggle-box .toggle-title {
    color: #281204;
    font-style: normal;
    font-weight: 600;
    font-size: 1.5rem;
    font-family: "Poppins", "Arial";
    line-height: 2.175rem;
  }
}
.terms-section .container .content .legal-container .legal-toggle-box .toggle-content {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  height: 0;
  /* Initially collapsed */
  overflow: hidden;
  /* Hide content that exceeds the height */
  transition: height 1s ease;
  /* Smooth transition */
  display: flex;
  flex-direction: column;
}
.terms-section .container .content .legal-container .legal-toggle-box .toggle-content ul {
  margin-left: 2rem;
  list-style: outside;
  margin-top: 1rem;
}
.terms-section .container .content .legal-container .legal-toggle-box .toggle-content ul li {
  margin-bottom: 1rem;
}
.terms-section .container .content .legal-container .legal-toggle-box .toggle-content.terms-content {
  gap: 1rem;
}
.terms-section .container .content .legal-container .legal-toggle-box:after {
  content: "";
  width: 100%;
  height: 1px;
  margin: 2.5rem 0;
  display: block;
  background-color: #cbc0af;
}

#thank-you {
  margin: 4rem 0.74rem 0;
}
#thank-you .container {
  max-width: 1400px;
  margin: 0 auto;
}
#thank-you .container .content p {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
  text-align: center;
}

#bp-home-feed-section .container {
  background: #fff;
  border: 1px #d9d9d9;
  border-radius: 1.25rem;
  position: relative;
  box-shadow: 6px 4px 34px rgba(0, 0, 0, 0.1490196078);
  margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
  #bp-home-feed-section .container {
    margin-bottom: 8rem;
  }
}
#bp-home-feed-section .container .content {
  text-align: center;
  flex-direction: column;
  gap: 3rem;
  padding: 2.19rem 0 6.19rem;
  display: flex;
}
#bp-home-feed-section .container .content h2 {
  color: #281204;
  text-align: center;
  font-family: Poppins, Arial;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 4.35rem;
  text-wrap: balance;
  line-height: 1.15;
}
#bp-home-feed-section .container .content .bp-homes-location-filter select {
  color: #496676;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  min-width: 200px;
  background: white;
  cursor: pointer;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 1.25rem;
  margin: 0 2rem;
  display: flex;
  overflow-x: scroll;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper::-webkit-scrollbar {
  display: none;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile {
  text-align: start;
  flex-direction: column;
  gap: 0.85rem;
  height: 33.875rem;
  display: flex;
  filter: blur(4.5px);
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile img {
  object-fit: cover;
  border-radius: 0.9375rem;
  align-self: center;
  width: 100%;
  max-width: 17.5625rem;
  height: 220px;
  display: block;
  vertical-align: middle;
  aspect-ratio: 4/2.5;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-monthly-payment {
  flex-direction: column;
  gap: 0.5rem;
  display: flex;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-monthly-payment p:first-child {
  color: #000;
  text-wrap: nowrap;
  font-family: Poppins, Arial;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8125rem;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-monthly-payment p:nth-child(2) {
  color: #000;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-monthly-payment p span {
  color: #20cb6f;
  margin-left: 1rem;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-seperator {
  background-color: #bbc9dc;
  width: 100%;
  height: 2px;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-home-value {
  justify-content: space-between;
  display: flex;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-home-value p {
  color: #000;
  font-family: Poppins, Arial;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45313rem;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-interest-rate {
  justify-content: space-between;
  display: flex;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-interest-rate p {
  color: #000;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.55rem;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-feed-tile-interest-rate p:nth-child(2) {
  color: #20cb6f;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-tile-cta {
  color: #9eb2cd;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border: 3px solid #9eb2cd;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 16.3125rem;
  margin-top: 0.45rem;
  padding: 1.25rem 1.625rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  display: flex;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-tile-cta:hover {
  color: #fff;
  background-color: #9eb2cd;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile .home-tile-cta.disabled {
  opacity: 0.5;
  cursor: pointer;
}
#bp-home-feed-section .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile.first-tile {
  filter: none;
}

#bp-home-feed-section.quiz-page .container .content .bp-home-feed-wrapper .builder-portal-home-feed-tile.first-tile {
  filter: blur(4.5px);
}

.builder-portal-home-feed-tile {
  border: 2px solid #bbc9dc;
  border-radius: 0.9375rem;
  padding: 0.75rem;
}

.bp-home-feed-controls {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  margin: 0 auto;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
}
.bp-home-feed-controls p {
  color: #281204;
  text-transform: capitalize;
  font-family: Poppins, Arial;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  padding: 0 1rem;
}

.bp-no-homes-message {
  text-align: center;
  padding: 3rem 2rem;
}
.bp-no-homes-message p {
  color: #496676;
  font-family: Poppins, Arial;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.bp-no-homes-message a {
  color: #aaac59;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: underline;
}
.bp-no-homes-message a:hover {
  color: #496676;
}

.homes-unlock {
  position: absolute;
  bottom: 1.5rem;
  left: 2rem;
  background: RGBA(170, 171, 99, 0.75);
  border-radius: 0.5rem;
  padding: 1em;
  width: 85%;
}
@media screen and (min-width: 760px) {
  .homes-unlock {
    left: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .homes-unlock {
    padding: 3em 4rem;
    left: auto;
    right: 2rem;
    width: calc(100% - 290px - 5rem);
    height: 565px;
    bottom: 5.5rem;
  }
}
.homes-unlock form#unlock-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .homes-unlock form#unlock-form {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.homes-unlock form#unlock-form p {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.homes-unlock form#unlock-form p label {
  font-family: "Poppins", "Arial";
  text-align: right;
}
.homes-unlock form#unlock-form p input {
  color: #496676;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  width: 47%;
}
.homes-unlock form#unlock-form p select {
  color: #496676;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  width: 47%;
}
@media screen and (min-width: 1024px) {
  .homes-unlock form#unlock-form p {
    width: calc(50% - 1rem);
  }
}
.homes-unlock form#unlock-form p label {
  text-align: left;
}
.homes-unlock form#unlock-form p input, .homes-unlock form#unlock-form p select {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .homes-unlock form#unlock-form p:last-of-type {
    width: 100%;
  }
}
.homes-unlock form#unlock-form button[type=submit] {
  margin-top: 1rem;
  color: white;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  width: 100%;
  background: #496676;
}
.homes-unlock form#unlock-form button[type=submit]:hover {
  cursor: pointer;
}

#quiz-section .container {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  #quiz-section .container {
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
  }
}
#quiz-section .container .content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 2rem 0 0 0;
}
@media only screen and (min-width: 1024px) {
  #quiz-section .container .content {
    width: 57%;
  }
}
#quiz-section .container aside {
  background-color: #f0ede8;
  position: relative;
  width: 100vw;
  margin-left: -2vw;
  padding: 3rem 1.5vw;
}
#quiz-section .container aside .quiz-rate {
  border: 2px solid #496676;
  border-radius: 0.9375rem;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem;
  display: flex;
  position: relative;
  top: 50%;
  background: white;
}
@media screen and (min-width: 1024px) {
  #quiz-section .container aside .quiz-rate {
    transform: translateY(-50%);
    padding: 7rem 2rem;
  }
}
#quiz-section .container aside .quiz-rate .quiz-rate-eyebrow {
  color: #496676;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
#quiz-section .container aside .quiz-rate .quiz-rate-min {
  color: #aaac59;
  font-family: Poppins;
  font-size: 20vw;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
}
@media screen and (min-width: 760px) {
  #quiz-section .container aside .quiz-rate .quiz-rate-min {
    font-size: 6.5rem;
  }
}
@media screen and (min-width: 1280px) {
  #quiz-section .container aside .quiz-rate .quiz-rate-min {
    font-size: 7.25rem;
  }
}
#quiz-section .container aside .quiz-rate .quiz-rate-sub {
  color: #496676;
  text-wrap: balance;
  max-width: 22.375rem;
  font-family: Poppins, Arial;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5375rem;
}
#quiz-section .container aside .quiz-rate .quiz-rate-dropdown {
  background: #f0ede8;
  border-radius: 1.5rem;
  padding: 1rem 1.5rem 1rem 3.5rem;
  position: relative;
  cursor: pointer;
}
#quiz-section .container aside .quiz-rate .quiz-rate-dropdown .quiz-rate-dropdown-title {
  color: #626262;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  font-family: Poppins, Arial;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
#quiz-section .container aside .quiz-rate .quiz-rate-dropdown svg {
  position: absolute;
  top: 1.15rem;
  left: 1.25rem;
  transition: transform 0.2s ease;
}
#quiz-section .container aside .quiz-rate .quiz-rate-dropdown.active svg {
  transform: rotate(180deg);
}
#quiz-section .container aside .quiz-rate .quiz-rate-dropdown .quiz-rate-dropdown-content {
  margin-top: 1rem;
  display: none;
  font-family: Poppins, Arial;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #626262;
}
@media only screen and (min-width: 1024px) {
  #quiz-section .container aside {
    width: 40%;
    margin-left: 0;
  }
}

#quiz-form {
  width: 100%;
}
#quiz-form .quiz-step {
  display: none;
  width: 100%;
}
#quiz-form .quiz-step:first-child {
  display: block;
}
#quiz-form .quiz-step h1 {
  margin-bottom: 2rem;
  font-family: "Poppins", "Arial";
  font-weight: 400;
  color: #676834;
}
#quiz-form .quiz-step small {
  font-size: 1rem;
  line-height: 1.3;
  display: block;
  font-style: italic;
  margin-top: 0.25em;
}
#quiz-form .quiz-step .results-button-group {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  gap: 1rem;
}
#quiz-form .quiz-step .results-button-group a {
  color: #676834;
}
#quiz-form .quiz-step .results-button-group a.showresults {
  display: block;
  max-width: 230px;
  text-align: center;
  color: #676834;
  cursor: pointer;
  border: 2px solid #aaac59;
  border-radius: 0.625rem;
  padding: 0.4rem 1.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
}
#quiz-form .quiz-step .agent-name {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
#quiz-form .quiz-step .agent-name label {
  font-family: "Poppins", "Arial";
  text-align: right;
}
#quiz-form .quiz-step .agent-name input {
  color: #496676;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  width: 47%;
}
#quiz-form .quiz-step .agent-name select {
  color: #496676;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  width: 47%;
}
#quiz-form .quiz-step .quiz-text-small {
  color: #000;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
#quiz-form .quiz-step .quiz-question {
  color: #281204;
  text-wrap: balance;
  display: block;
  font-family: Poppins, Arial;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 4.35rem;
}
#quiz-form .quiz-step .quiz-input-styles {
  color: #496676;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
}
#quiz-form .quiz-step .quiz-input-styles:active {
  background-color: #bbc9dc;
}
#quiz-form .quiz-step .radio-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0;
}
@media screen and (min-width: 760px) {
  #quiz-form .quiz-step .radio-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.25rem;
    display: grid;
  }
}
#quiz-form .quiz-step .radio-grid label {
  color: #496676;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  padding: 1.6rem 2.9rem;
  font-family: Poppins, Arial;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
}
#quiz-form .quiz-step .radio-grid label:has(input[type=radio]:checked) {
  background-color: #bbc9dc;
}
#quiz-form .quiz-step .radio-grid label:hover {
  background: #bbc9dc;
  cursor: pointer;
}
#quiz-form .quiz-step .radio-grid label input {
  opacity: 0;
  pointer-events: none;
  position: fixed;
}
#quiz-form .sortable-list {
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
  display: flex;
}
#quiz-form .sortable-list .sortable-item {
  color: #496676;
  cursor: grab;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  padding: 1rem 1.5rem 1rem 3.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  position: relative;
  max-width: 18rem;
  transition: all 0.2s ease;
  user-select: none;
  touch-action: none;
}
#quiz-form .sortable-list .sortable-item:hover {
  background-color: #f5f7f8;
  transform: translateX(4px);
}
#quiz-form .sortable-list .sortable-item.dragging {
  opacity: 0.5;
  cursor: grabbing;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
#quiz-form .sortable-list .sortable-item .rank-number {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: #496676;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
}
#quiz-form .sortable-list .sortable-item:before {
  position: absolute;
  top: 1.25rem;
  left: 3rem;
  content: "";
  display: block;
  width: 0.875em;
  height: 0.875em;
}
#quiz-form #budget-slider {
  width: 100%;
  margin-top: 1rem;
}
#quiz-form #budget-value {
  margin: 1rem 0 0;
  font-weight: 700;
  display: block;
}
#quiz-form button.prev-step,
#quiz-form button.next-step,
#quiz-form button[type=submit] {
  margin-top: 2rem;
  color: #676834;
  cursor: pointer;
  border: 2px solid #aaac59;
  border-radius: 0.625rem;
  padding: 0.4rem 1.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  background: transparent;
}
#quiz-form .toggle-group {
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 1rem 0;
  display: flex;
}
#quiz-form .toggle-group .toggle-option {
  color: #496676;
  border: 2px solid #496676;
  padding: 1rem 1.5rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
#quiz-form .toggle-group .toggle-option:first-child {
  border-radius: 0.625rem 0 0 0.625rem;
  border-right: none;
}
#quiz-form .toggle-group .toggle-option:last-child {
  border-radius: 0 0.625rem 0.625rem 0;
}
#quiz-form .toggle-group .toggle-option input {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
#quiz-form .toggle-group .toggle-option.active {
  background-color: #bbc9dc;
}
#quiz-form .toggle-group .toggle-option:hover {
  background-color: #bbc9dc;
}
#quiz-form #price-slider-group,
#quiz-form #monthly-slider-group {
  margin-top: 1rem;
}
#quiz-form #price-slider-group .range-values,
#quiz-form #monthly-slider-group .range-values {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1.25rem;
}
#quiz-form #price-slider-group .range-inputs,
#quiz-form #monthly-slider-group .range-inputs {
  position: relative;
  height: 24px;
}
#quiz-form #price-slider-group .range-inputs::before,
#quiz-form #monthly-slider-group .range-inputs::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 8px;
  background: #ddd;
  border-radius: 4px;
  transform: translateY(-50%);
}
#quiz-form #price-slider-group .range-inputs input[type=range],
#quiz-form #monthly-slider-group .range-inputs input[type=range] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  margin: 0;
  padding: 0;
}
#quiz-form #price-slider-group .range-inputs input[type=range]::-webkit-slider-runnable-track,
#quiz-form #monthly-slider-group .range-inputs input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: transparent;
  border-radius: 4px;
}
#quiz-form #price-slider-group .range-inputs input[type=range]::-webkit-slider-thumb,
#quiz-form #monthly-slider-group .range-inputs input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #496676;
  cursor: pointer;
  margin-top: -8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
}
#quiz-form #price-slider-group .range-inputs input[type=range]::-moz-range-track,
#quiz-form #monthly-slider-group .range-inputs input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  background: transparent;
  border-radius: 4px;
}
#quiz-form #price-slider-group .range-inputs input[type=range]::-moz-range-thumb,
#quiz-form #monthly-slider-group .range-inputs input[type=range]::-moz-range-thumb {
  pointer-events: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #496676;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
}
#quiz-form #price-slider-group .range-inputs input[type=range]:last-child::-webkit-slider-thumb,
#quiz-form #monthly-slider-group .range-inputs input[type=range]:last-child::-webkit-slider-thumb {
  background: #aaac59;
}
#quiz-form #price-slider-group .range-inputs input[type=range]:last-child::-moz-range-thumb,
#quiz-form #monthly-slider-group .range-inputs input[type=range]:last-child::-moz-range-thumb {
  background: #aaac59;
}

#modal-overlay-calculation {
  position: fixed;
  top: -110vh;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  transition: all 0.2s ease-in-out;
  z-index: 1000;
}
#modal-overlay-calculation.showing {
  top: 0;
  transition: all 0.2s ease-in-out;
}
#modal-overlay-calculation .modal-calculation {
  background: white;
  margin: auto;
  display: flex;
  flex-direction: column;
  width: 80%;
  border: 0.2rem solid #aaac59;
  border-radius: 0.35rem;
  max-width: 600px;
}
#modal-overlay-calculation .modal-calculation strong {
  background: #aaac59;
  padding: 1em;
  font-family: "the-seasons", sans-serif;
  font-style: italic;
  color: white;
  font-size: 1.5rem;
  font-weight: 400;
  background-image: url("../img/calculating.svg");
  background-repeat: no-repeat;
  background-size: 3rem 3rem;
  background-position: 1rem center;
  padding-left: 4.5rem;
}
@media screen and (min-width: 760px) {
  #modal-overlay-calculation .modal-calculation strong {
    font-size: 2rem;
    background-size: 4rem 4rem;
    padding-left: 5.5rem;
  }
}
#modal-overlay-calculation .modal-calculation ul {
  padding: 1rem;
  margin: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#modal-overlay-calculation .modal-calculation ul li {
  list-style-type: none;
  font-size: 3vw;
  font-family: "Poppins", "Arial";
  background-image: url("../img/calculating-checkmark.svg");
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  padding-left: 2.75rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 760px) {
  #modal-overlay-calculation .modal-calculation ul li {
    font-size: 1.5rem;
  }
}

#show-rates {
  margin-bottom: 3rem;
}
#show-rates .container .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-family: "Poppins", "Arial";
}
@media screen and (min-width: 1024px) {
  #show-rates .container .content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    column-gap: 4rem;
  }
}
#show-rates .container .content h2 {
  text-align: center;
  font-weight: 400;
  font-size: 3rem;
}
@media screen and (min-width: 1024px) {
  #show-rates .container .content h2 {
    width: 100%;
  }
}
#show-rates .container .content .rates-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  #show-rates .container .content .rates-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    column-gap: 4rem;
  }
}
#show-rates .container .content .rates-wrapper .rate-container:not(:first-child) {
  filter: blur(6.5px);
  pointer-events: none;
}
#show-rates .container .content .rates-wrapper .rate-container:first-child .rate-card:not(:first-of-type) {
  filter: blur(6.5px);
  pointer-events: none;
}
#show-rates .container .content .rates-wrapper.unlocked .rate-container,
#show-rates .container .content .rates-wrapper.unlocked .rate-container .rate-card,
#show-rates .container .content .rates-wrapper.unlocked .rate-container:first-child .rate-card:not(:first-of-type) {
  filter: none;
  pointer-events: auto;
}
#show-rates .container .content .rates-wrapper.unlocked .rates-unlock {
  display: none;
}
#show-rates .container .content .rates-unlock {
  position: absolute;
  z-index: 10;
  background: RGBA(170, 171, 99, 0.75);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#show-rates .container .content .rates-unlock button {
  color: white;
  border: 2px solid #496676;
  border-radius: 0.625rem;
  box-sizing: border-box;
  padding: 1rem 2rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55rem;
  background: #496676;
  cursor: pointer;
  white-space: nowrap;
}
#show-rates .container .content .rates-unlock button:hover {
  background: rgb(53.5078534031, 74.7643979058, 86.4921465969);
}
#show-rates .container .content .rate-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 550px) {
  #show-rates .container .content .rate-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  #show-rates .container .content .rate-container {
    flex: 1;
  }
}
#show-rates .container .content .rate-container > strong {
  font-family: "Poppins", "Arial";
  font-weight: 400;
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (min-width: 550px) {
  #show-rates .container .content .rate-container > strong {
    width: 100%;
  }
}
#show-rates .container .content .rate-container .rate-card {
  background: white;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 0.1rem solid #2c3d47;
  flex: 1;
}
#show-rates .container .content .rate-container .rate-card.selected, #show-rates .container .content .rate-container .rate-card:hover {
  background: #aaac59;
  cursor: pointer;
}
#show-rates .container .content .rate-container .rate-card.selected > strong, #show-rates .container .content .rate-container .rate-card:hover > strong {
  color: white;
}
#show-rates .container .content .rate-container .rate-card.selected > strong span, #show-rates .container .content .rate-container .rate-card:hover > strong span {
  color: white;
}
#show-rates .container .content .rate-container .rate-card.selected a, #show-rates .container .content .rate-container .rate-card:hover a {
  border-color: white;
  color: white;
}
#show-rates .container .content .rate-container .rate-card > span {
  background: #2c3d47;
  color: white;
  width: 100%;
  text-align: center;
  padding: 0.5rem 1rem;
}
#show-rates .container .content .rate-container .rate-card > strong {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  text-align: center;
}
#show-rates .container .content .rate-container .rate-card > strong span {
  font-size: 4rem;
  color: #aaac59;
}
@media screen and (min-width: 1024px) {
  #show-rates .container .content .rate-container .rate-card > strong span {
    font-size: 3.25rem;
  }
}
#show-rates .container .content .rate-container .rate-card a {
  display: flex;
  padding: 1rem;
  border: 0.1rem solid #2c3d47;
  margin-bottom: 1rem;
  color: #2c3d47;
}
#show-rates .container .content .rate-container .rate-card a:hover {
  background: #2c3d47;
  color: white;
}
#show-rates .container .content > span {
  display: block;
  text-align: center;
  font-style: italic;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
#show-rates .container .content .no-homes-message {
  color: #496676;
  font-weight: 500;
  padding: 4rem 2rem;
  background: #f5f5f5;
  border-radius: 0.5rem;
  text-align: center;
  max-width: 1024px;
  margin: 1rem auto 0;
}
#show-rates .container .content .no-homes-message p {
  font-size: 1.25rem;
  margin: 0 0 1.5rem 0;
  text-wrap: balance;
}
#show-rates .container .content .no-homes-message a.adjust-budget-btn {
  display: inline-block;
  color: #676834;
  border: 2px solid #aaac59;
  border-radius: 0.625rem;
  padding: 1rem 2rem;
  font-family: Poppins, Arial;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}
#show-rates .container .content .no-homes-message a.adjust-budget-btn:hover {
  background: #aaac59;
  color: #fff;
}

#partners-section .container {
  max-width: none;
  margin: 0;
}
#partners-section .container .content {
  display: flex;
  flex-direction: row;
  box-shadow: 0px 3.111px 18.667px 0px rgba(0, 0, 0, 0.06);
  width: fit-content;
}
#partners-section .container .content p {
  display: flex;
  color: white;
  text-align: center;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 1.05rem */
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  padding: 0.875rem 1.5625rem;
  justify-content: center;
  align-items: center;
  background-color: #496676;
  flex: 1;
}
@media only screen and (min-width: 1024px) {
  #partners-section .container .content p {
    padding: 0.75rem 4.8125rem;
    max-width: fit-content;
  }
}
#partners-section .container .content div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 0.9375rem;
  justify-content: center;
  align-items: center;
  background-color: white;
}
#partners-section .container .content div img {
  width: 100%;
  max-width: 100px;
  height: auto;
}
@media screen and (min-width: 768px) {
  #partners-section .container .content div img {
    max-width: 10rem;
  }
}
@media screen and (min-width: 1024px) {
  #partners-section .container .content div img {
    max-width: none;
    width: 13rem;
  }
}
@media only screen and (min-width: 1024px) {
  #partners-section .container .content div {
    padding: 0.75rem 1.38125rem;
  }
}
@media only screen and (min-width: 1024px) {
  #partners-section .container {
    max-width: 1400px;
    margin: 0;
  }
}

#calculator-hero-section {
  padding: 2rem 0 2rem;
}
#calculator-hero-section .container .content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#calculator-hero-section .container .content .calculator-intro {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  flex: 1;
}
#calculator-hero-section .container .content .calculator-intro .calculator-title {
  color: #aaac59;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.25rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  padding: 0.75rem 1rem;
  border-radius: 5.625rem;
  border: 1px solid #aaac59;
  width: fit-content;
  letter-spacing: 0;
}
@media only screen and (min-width: 1024px) {
  #calculator-hero-section .container .content .calculator-intro .calculator-title {
    padding: 2.56rem 3rem;
    letter-spacing: 0.0625rem;
  }
}
#calculator-hero-section .container .content .calculator-intro .calculator-headline {
  color: black;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
#calculator-hero-section .container .content .calculator-intro .calculator-headline span {
  color: black;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
}
#calculator-hero-section .container .content .calculator-intro .calculator-description {
  color: black;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
  font-weight: 400;
  max-width: 30.1875rem;
}
#calculator-hero-section .container .content .calculator-intro .calculator-start-btn {
  padding: 1.5rem 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #281204;
  width: fit-content;
}
#calculator-hero-section .container .content .calculator-intro .calculator-start-btn span {
  color: white;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
}
#calculator-hero-section .container .content aside {
  flex: 1;
  position: relative;
  background-image: url("../img/home-calc-hero-section.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 350px;
}
#calculator-hero-section .container .content aside .calculator-rate-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.9375rem;
  border: 2px solid #D9D9D9;
  background: rgba(255, 255, 255, 0.75);
  padding: 1.875rem 0.9375rem 1.25rem 0.9375rem;
  text-align: center;
  color: black;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.25rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
#calculator-hero-section .container .content aside .calculator-rate-info span {
  font-family: Poppins;
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 8.25rem */
  text-wrap: nowrap;
}
@media only screen and (min-width: 1024px) {
  #calculator-hero-section .container .content aside .calculator-rate-info span {
    font-size: 7.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  #calculator-hero-section .container .content aside .calculator-rate-info {
    min-width: 500px;
    padding: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 1024px) {
  #calculator-hero-section .container .content {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1024px) {
  #calculator-hero-section {
    padding: 2rem 0 6rem;
  }
}

#premium-rate-section {
  background-color: #281204;
  padding: 2rem 0 7rem;
  margin-bottom: -5rem;
}
#premium-rate-section .container .content .premium-rate-image img {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  #premium-rate-section .container .content .premium-rate-image img {
    width: auto;
  }
}
#premium-rate-section .container .content .premium-rate-info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#premium-rate-section .container .content .premium-rate-info .premium-rate-title {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  font-family: "Poppins", "Arial";
  line-height: 4.35rem;
}
#premium-rate-section .container .content .premium-rate-info div {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#premium-rate-section .container .content .premium-rate-info div .premium-rate-subtitle {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
}
#premium-rate-section .container .content .premium-rate-info div .premium-rate-description {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
#premium-rate-section .container .content .premium-rate-info .premium-rate-note {
  color: white;
  font-family: Poppins;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 400;
  line-height: 145%;
}
@media only screen and (min-width: 1024px) {
  #premium-rate-section .container .content {
    padding: 8.66rem 8.56rem 5.22rem;
    display: flex;
    gap: 3.75rem;
  }
}

#adjust-budget-modal .adjust-field-group {
  margin: 1.25rem 0;
}
#adjust-budget-modal .adjust-field-label {
  display: block;
  font-family: Poppins, Arial;
  font-size: 0.875rem;
  font-weight: 600;
  color: #496676;
  margin-bottom: 0.5rem;
}
#adjust-budget-modal .loan-type-checkboxes {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
#adjust-budget-modal .checkbox-option {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  cursor: pointer;
  font-family: Poppins, Arial;
  font-size: 0.9rem;
  color: #281204;
}
#adjust-budget-modal .checkbox-option input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: #496676;
  cursor: pointer;
}
#adjust-budget-modal .down-payment-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
#adjust-budget-modal .down-payment-input input, #adjust-budget-modal .down-payment-input select {
  height: 38px;
  box-sizing: border-box;
}
#adjust-budget-modal .down-payment-input input {
  width: 100px;
  padding: 0 0.5rem;
  border: 2px solid #bbc9dc;
  border-radius: 0.375rem 0 0 0.375rem;
  border-right: none;
  font-family: Poppins, Arial;
  font-size: 0.9rem;
  text-align: right;
}
#adjust-budget-modal .down-payment-input input:focus {
  outline: none;
  border-color: #496676;
}
#adjust-budget-modal .down-payment-input select {
  padding: 0 0.75rem;
  border: 2px solid #bbc9dc;
  border-radius: 0 0.375rem 0.375rem 0;
  font-family: Poppins, Arial;
  font-size: 0.9rem;
  color: #496676;
  font-weight: 600;
  background: #f5f7f8;
  cursor: pointer;
}
#adjust-budget-modal .down-payment-input select:focus {
  outline: none;
  border-color: #496676;
}
#adjust-budget-modal #adjust-budget-form {
  transition: opacity 0.3s ease;
}
#adjust-budget-modal #adjust-budget-form.loading {
  opacity: 0;
  pointer-events: none;
}
#adjust-budget-modal .adjust-loading {
  text-align: center;
  padding: 2rem;
}
#adjust-budget-modal .adjust-loading p {
  font-family: Poppins, Arial;
  font-size: 1.25rem;
  font-weight: 600;
  color: #496676;
  margin: 1rem 0;
}
#adjust-budget-modal .adjust-loading .loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid #bbc9dc;
  border-top-color: #aaac59;
  border-radius: 50%;
  margin: 0 auto;
  animation: spin 1s linear infinite;
}
#adjust-budget-modal .adjust-loading .loading-steps {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 0;
}
#adjust-budget-modal .adjust-loading .loading-steps li {
  font-family: Poppins, Arial;
  font-size: 0.9rem;
  color: #666;
  padding: 0.5rem 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#adjust-budget-modal .adjust-loading .loading-steps li.visible {
  opacity: 1;
}
#adjust-budget-modal .adjust-loading .loading-steps li::before {
  content: "○ ";
  color: #bbc9dc;
}
#adjust-budget-modal .adjust-loading .loading-steps li.complete::before {
  content: "✓ ";
  color: #20cb6f;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

body.page-id-1230,
body.page-id-1339 {
  overflow-x: hidden;
}

body.page-id-1230 > section,
body.page-id-1339 > section {
  overflow-x: hidden;
}

body.page-id-1230 .standard-page-header,
body.page-id-1339 .standard-page-header {
  margin-top: 4rem;
}

body.page-id-1230 .standard-page-header .container .content .colorbox.color-green,
body.page-id-1339 .standard-page-header .container .content .colorbox.color-green {
  background-color: #9EB2CD;
  position: relative;
  z-index: 2;
}

body.page-id-1230 .standard-page-header .container .content .colorbox.color-green + figure,
body.page-id-1339 .standard-page-header .container .content .colorbox.color-green + figure {
  margin: -5rem 0 0;
  position: relative;
  z-index: 1;
}

body.page-id-1230 .standard-page-header .container .content h1,
body.page-id-1339 .standard-page-header .container .content h1 {
  line-height: 1.41;
}

body.page-id-1230 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content a,
body.page-id-1339 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content a {
  display: inline-flex !important;
  color: #9eb2cd;
  background-color: #fff;
}

body.page-id-1230 .standard-page-header .container .content .colorbox.color-green .copy-columns aside p span,
body.page-id-1339 .standard-page-header .container .content .colorbox.color-green .copy-columns aside p span {
  font-size: 1.25rem;
  line-height: 1.45;
}

body.page-id-1230 section.content-aside-checklist,
body.page-id-1339 section.content-aside-checklist {
  padding-bottom: 0;
}

body.page-id-1230 section.content-aside-checklist .content,
body.page-id-1339 section.content-aside-checklist .content {
  gap: 0.93rem;
}

body.page-id-1230 section.content-aside-checklist .content p:not(:last-child),
body.page-id-1339 section.content-aside-checklist .content p:not(:last-child) {
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 400;
}

body.page-id-1230 section.content-aside-checklist .content p:last-child,
body.page-id-1339 section.content-aside-checklist .content p:last-child {
  font-size: 1.1rem;
  line-height: 1.5em;
}

body.page-id-1230 section.content-aside-checklist .content h2,
body.page-id-1339 section.content-aside-checklist .content h2 {
  margin-bottom: 15px;
}

body.page-id-1230 section.content-aside-checklist aside,
body.page-id-1339 section.content-aside-checklist aside {
  overflow-x: hidden !important;
}

body.page-id-1230 section#bottom-line,
body.page-id-1339 section#bottom-line {
  padding-top: 0;
}

body.page-id-1230 section.why-choose-momentum .container .content .wcm-title .title-section .button-wrapper a,
body.page-id-1339 section.why-choose-momentum .container .content .wcm-title .title-section .button-wrapper a,
body.page-id-1230 section.why-choose-momentum .container .content .wcm-title + .button-wrapper a,
body.page-id-1339 section.why-choose-momentum .container .content .wcm-title + .button-wrapper a {
  background-color: #AAAC59 !important;
}

body.page-id-1230 section.why-choose-momentum .container .content .wcm-title .title-section,
body.page-id-1339 section.why-choose-momentum .container .content .wcm-title .title-section {
  min-height: 500px;
}

body.page-id-1230 .testimonial-carousel .container,
body.page-id-1339 .testimonial-carousel .container {
  padding-bottom: 3rem;
}

body.page-id-1230 .side-by-side .container .sxs-group .content a,
body.page-id-1339 .side-by-side .container .sxs-group .content a,
body.page-id-1230 .side-by-side .container .sxs-group a,
body.page-id-1339 .side-by-side .container .sxs-group a {
  background-color: #AAAC59 !important;
}

body.page-id-1230 .footer-cap .container .content a,
body.page-id-1339 .footer-cap .container .content a {
  background: #AAAC59 !important;
}

@media only screen and (max-width: 400px) {
  body.page-id-1230 .content-aside-checklist .container .content h2,
  body.page-id-1339 .content-aside-checklist .container .content h2 {
    padding-right: 0;
    font-size: 38px;
    line-height: 1.3;
  }
  body.page-id-1230 .content-aside-checklist .container .content h2 > span,
  body.page-id-1339 .content-aside-checklist .container .content h2 > span {
    font-size: 38px;
    line-height: 1.3;
  }
  body.page-id-1230 .why-choose-momentum .container .content .wcm-title .title-section h2,
  body.page-id-1339 .why-choose-momentum .container .content .wcm-title .title-section h2 {
    font-size: 2.5rem;
    line-height: 1.45;
  }
  body.page-id-1230 .why-choose-momentum .container .content .wcm-title .title-section h2 > span,
  body.page-id-1339 .why-choose-momentum .container .content .wcm-title .title-section h2 > span {
    font-size: 2.5rem;
    line-height: 1.3;
  }
  body.page-id-1230 section.why-choose-momentum .container .content .wcm-title .title-section .button-wrapper a,
  body.page-id-1339 section.why-choose-momentum .container .content .wcm-title .title-section .button-wrapper a {
    display: inline-block;
    text-align: center;
  }
  body.page-id-1230 section.why-choose-momentum .container .content ul li:first-of-type,
  body.page-id-1339 section.why-choose-momentum .container .content ul li:first-of-type,
  body.page-id-1230 section.why-choose-momentum .container .content ul li:nth-of-type(2),
  body.page-id-1339 section.why-choose-momentum .container .content ul li:nth-of-type(2) {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.page-id-1230 .side-by-side .container .sxs-group .content,
  body.page-id-1339 .side-by-side .container .sxs-group .content {
    gap: 1.5rem;
  }
  body.page-id-1230 .side-by-side .container .sxs-group .content h2,
  body.page-id-1339 .side-by-side .container .sxs-group .content h2,
  body.page-id-1230 .side-by-side .container .sxs-group .content h2 > span,
  body.page-id-1339 .side-by-side .container .sxs-group .content h2 > span {
    font-size: 2.81rem;
    line-height: 1.45;
  }
  body.page-id-1230 .side-by-side .container .sxs-group .content h2 > span,
  body.page-id-1339 .side-by-side .container .sxs-group .content h2 > span {
    display: block;
  }
}
body.page-id-1518 {
  /* Global Buttons */
  /* Global Side by Side */
  /* Block 1 */
  /* Block 2 */
  /* Block 7 */
  /* Block 8 */
}
body.page-id-1518 section:not(.content-image-overflow) a.button {
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  background-color: #aaac59 !important;
}
body.page-id-1518 section.side-by-side {
  margin-bottom: 6.5rem;
}
body.page-id-1518 section.side-by-side .container {
  padding-bottom: 0;
}
body.page-id-1518 section.side-by-side .container .sxs-group:first-child {
  margin-bottom: 6.5rem;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content {
  gap: 1.5rem;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content > h2 {
  font-size: 3rem;
  line-height: 1.3;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content > h2 > span {
  font-size: 3rem;
  line-height: 1.3;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content p {
  font-size: 1.25rem;
  line-height: 1.45;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content ul {
  list-style: none;
  padding: 0 0 0 1.75rem;
  margin: 0;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content ul li {
  font-size: 1.25rem;
  font-style: italic;
  line-height: 1.45;
  color: #281204;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content ul.circle-check {
  padding: 0;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content ul.circle-check li {
  font-style: normal;
  display: grid;
  grid-template-columns: 1.75625rem auto;
  gap: 0.64rem;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content ul.circle-check li:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-image: url("../img/white-check-on-green.svg");
  width: 1.75625rem;
  height: 1.75625rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
body.page-id-1518 section.side-by-side .container .sxs-group .content .button-group {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1023px) {
  body.page-id-1518 section.side-by-side {
    margin-bottom: 5rem;
  }
  body.page-id-1518 section.side-by-side .container .sxs-group:first-child {
    margin-bottom: 5rem;
  }
  body.page-id-1518 section.side-by-side .container .sxs-group .content > h2 {
    font-size: 2.5rem;
  }
  body.page-id-1518 section.side-by-side .container .sxs-group .content > h2 > span {
    font-size: 2.5rem;
  }
  body.page-id-1518 section.side-by-side .container .sxs-group .content p {
    font-size: 1rem;
    line-height: 1.55;
  }
  body.page-id-1518 section.side-by-side .container .sxs-group .content ul {
    padding: 0 0 0 1rem;
  }
  body.page-id-1518 section.side-by-side .container .sxs-group .content ul li {
    font-size: 1rem;
    line-height: 1.55;
  }
}
body.page-id-1518 section.standard-page-header {
  margin-top: 0;
  margin-bottom: 6.5rem;
}
body.page-id-1518 section.standard-page-header h1 {
  text-wrap: balance;
  line-height: 1.25 !important;
}
body.page-id-1518 section.standard-page-header h1 > span {
  font-family: "The Seasons";
  font-style: italic;
  display: block;
  font-weight: 400;
}
body.page-id-1518 section.standard-page-header .container .content h1 + .button-group {
  top: calc(8rem - 60px);
  position: relative;
  margin-top: 2.5rem;
}
body.page-id-1518 section.standard-page-header .container .content h1 + .button-group > a.button {
  margin-top: 0 !important;
}
body.page-id-1518 section.standard-page-header .container .content .colorbox .copy-columns .colorbox-content h2 {
  font-size: 3.875rem;
  line-height: 1.25;
}
body.page-id-1518 section.standard-page-header .container .content .colorbox .copy-columns .colorbox-content h2 > span {
  display: inline-block;
  font-size: 3.875rem;
  line-height: 1.25;
}
body.page-id-1518 section.standard-page-header .container .content .colorbox .copy-columns aside p {
  font-size: 1.25rem;
  line-height: 1.45;
}
body.page-id-1518 section.standard-page-header .container .content figure img {
  object-position: center !important;
}
@media only screen and (max-width: 1023px) {
  body.page-id-1518 section.standard-page-header {
    margin-bottom: 5rem;
  }
  body.page-id-1518 section.standard-page-header h1 {
    font-size: 3rem !important;
    line-height: 1.3 !important;
  }
  body.page-id-1518 section.standard-page-header h1 > span {
    display: inline;
  }
  body.page-id-1518 section.standard-page-header .container .content .colorbox .copy-columns {
    gap: 1.75rem;
  }
  body.page-id-1518 section.standard-page-header .container .content .colorbox .copy-columns .colorbox-content h2 {
    font-size: 2.5rem;
  }
  body.page-id-1518 section.standard-page-header .container .content .colorbox .copy-columns .colorbox-content h2 > span {
    font-size: 2.5rem;
  }
  body.page-id-1518 section.standard-page-header .container .content .colorbox .copy-columns aside p {
    font-size: 1rem;
    line-height: 1.55;
  }
  body.page-id-1518 section.standard-page-header .container .content figure img {
    object-position: 70% center !important;
  }
}
body.page-id-1518 section.standard-page-header + section.side-by-side .container .sxs-group:last-child {
  align-items: flex-start;
}
body.page-id-1518 section.standard-page-header + section.side-by-side .container .sxs-group:last-child aside h2 {
  font-size: 3.375rem;
  line-height: 1.3;
  padding-left: 5rem;
}
body.page-id-1518 section.standard-page-header + section.side-by-side .container .sxs-group:last-child aside h2 > span {
  font-size: 3.375rem;
  line-height: 1.3;
}
body.page-id-1518 section.standard-page-header + section.side-by-side .container .sxs-group:last-child aside .button-group {
  justify-content: flex-start;
  padding-left: 5rem;
}
@media only screen and (max-width: 1023px) {
  body.page-id-1518 section.standard-page-header + section.side-by-side .container .sxs-group:first-child {
    flex-direction: column;
  }
  body.page-id-1518 section.standard-page-header + section.side-by-side .container .sxs-group:last-child aside h2 {
    font-size: 2.5rem;
    line-height: 1.3;
    padding-left: 0;
  }
  body.page-id-1518 section.standard-page-header + section.side-by-side .container .sxs-group:last-child aside h2 > span {
    font-size: 2.5rem;
    line-height: 1.3;
  }
  body.page-id-1518 section.standard-page-header + section.side-by-side .container .sxs-group:last-child aside .button-group {
    padding-left: 0;
  }
}
body.page-id-1518 section.side-by-side + section.bottom-line {
  padding-top: 0;
}
body.page-id-1518 section.side-by-side + section.bottom-line .container .content h2 > span {
  font-family: "The Seasons";
  font-style: italic;
}
body.page-id-1518 section.footer-cap .container .content a {
  background: #9eb2cd !important;
}

/*
 * 1341 – Refinance Rates vs. Debt Consolidation
 * 1344 – What You Need to Know About Cash-Out Refinancing
 * 1414 - VA Cash-Out Refinance
 * 1242 - What is an FHA cash out refinance 
 */
body.page-id-1341 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content a,
body.page-id-1344 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content a,
body.page-id-1414 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content a,
body.page-id-1242 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content a {
  display: inline-flex !important;
}

body.page-id-1344 .side-by-side-w-divider .side-by-side__image .side-by-side__image-text {
  gap: 1.25rem;
}

body.page-id-1414 .side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy table tbody tr td:first-child {
  font-weight: 800;
}

@media only screen and (max-width: 763px) {
  body.page-id-1341 .standard-page-header .container .content h1,
  body.page-id-1344 .standard-page-header .container .content h1,
  body.page-id-1414 .standard-page-header .container .content h1,
  body.page-id-1242 .standard-page-header .container .content h1 {
    font-size: 2.5rem;
    line-height: 1.3em;
    margin-bottom: 2rem !important;
  }
}
@media only screen and (max-width: 1023px) {
  body.page-id-1341 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content,
  body.page-id-1344 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content,
  body.page-id-1414 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content,
  body.page-id-1242 .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content {
    max-width: unset;
  }
  body.page-id-1341 .side-by-side-w-divider,
  body.page-id-1344 .side-by-side-w-divider,
  body.page-id-1414 .side-by-side-w-divider,
  body.page-id-1242 .side-by-side-w-divider {
    margin-top: 3rem;
  }
  body.page-id-1341 .side-by-side-w-divider .side-by-side__image,
  body.page-id-1344 .side-by-side-w-divider .side-by-side__image,
  body.page-id-1414 .side-by-side-w-divider .side-by-side__image,
  body.page-id-1242 .side-by-side-w-divider .side-by-side__image {
    max-width: 500px;
  }
  body.page-id-1341 .side-by-side-w-divider .side-by-side__image img,
  body.page-id-1344 .side-by-side-w-divider .side-by-side__image img,
  body.page-id-1414 .side-by-side-w-divider .side-by-side__image img,
  body.page-id-1242 .side-by-side-w-divider .side-by-side__image img {
    width: 100%;
  }
  body.page-id-1341 .side-by-side-w-divider .side-by-side__image div a,
  body.page-id-1344 .side-by-side-w-divider .side-by-side__image div a,
  body.page-id-1414 .side-by-side-w-divider .side-by-side__image div a,
  body.page-id-1242 .side-by-side-w-divider .side-by-side__image div a {
    margin-top: 0.75rem;
  }
  body.page-id-1341 #bottom-line .container .content h2,
  body.page-id-1344 #bottom-line .container .content h2,
  body.page-id-1414 #bottom-line .container .content h2,
  body.page-id-1242 #bottom-line .container .content h2 {
    max-width: 52.375rem;
    margin: 0 auto;
    width: 100%;
  }
  body.page-id-1341 .faq-toggle-boxes .container .faq-toggle-boxes__items,
  body.page-id-1344 .faq-toggle-boxes .container .faq-toggle-boxes__items,
  body.page-id-1414 .faq-toggle-boxes .container .faq-toggle-boxes__items,
  body.page-id-1242 .faq-toggle-boxes .container .faq-toggle-boxes__items {
    width: 100%;
  }
  body.page-id-1341 .faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-title p,
  body.page-id-1344 .faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-title p,
  body.page-id-1414 .faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-title p,
  body.page-id-1242 .faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-title p {
    width: 100%;
  }
}
/* Overrides */
/* Contact Page */
body.page-id-20 .standard-page-header .content.position-reverse h1 {
  order: 1;
}

@media screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group .content .button-group {
    justify-content: flex-start !important;
  }
}
a.btn {
  text-align: center;
}

/* Import each block SCSS */
.footer-cap {
  background-size: cover;
  position: relative;
  top: 3rem;
  border-radius: 3.125rem 3.125rem 0rem 0rem;
  margin-top: 7.125rem;
  background: linear-gradient(138deg, rgba(17, 38, 23, 0.35) 26.3%, rgba(53, 43, 27, 0.35) 56.18%, rgba(98, 49, 32, 0.35) 83.21%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
  height: 50rem;
}
.footer-cap .container {
  padding: 15.69rem 0;
  margin: 0 auto;
  position: relative;
}
.footer-cap .container .content {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 2.5rem;
  max-width: 58rem;
  margin: 0 auto;
}
.footer-cap .container .content h2 {
  color: white;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  font-family: "Poppins", "Arial";
  line-height: 3.625rem;
  text-wrap: balance;
}
.footer-cap .container .content h2 span {
  color: white;
  font-style: italic;
  font-weight: 400;
  font-size: 2.5rem;
  font-family: "the-seasons", sans-serif;
  line-height: 3.25rem;
}
@media only screen and (min-width: 1024px) {
  .footer-cap .container .content h2 span {
    color: white;
    font-style: italic;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "the-seasons", sans-serif;
    line-height: 5.61875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-cap .container .content h2 {
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "Poppins", "Arial";
    line-height: 5.61875rem;
  }
}
.footer-cap .container .content img {
  position: absolute;
  width: 12.5rem;
  height: 12.5rem;
  left: calc(50% - 6.25rem);
  top: -6.25rem;
}
@media only screen and (min-width: 1024px) {
  .footer-cap .container .content img {
    width: 17.8125rem;
    height: 17.8125rem;
    left: calc(50% - 8.90625rem);
    top: -7.125rem;
  }
}
.footer-cap .container .content a {
  padding: 0.75rem 1.25rem;
  margin: 0 0.75rem;
  flex: 1 0 0;
  text-align: center;
  justify-self: stretch;
  border-radius: 9.12163rem;
  border: 1.5px solid #f0ede8;
  background-color: #9eb2cd;
  color: #f0ede8;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .footer-cap .container .content a {
    align-self: center;
    width: fit-content;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-cap {
    height: 61rem;
  }
}

#location-card {
  min-height: 500px;
  margin: 8rem 0 4rem;
}
#location-card * {
  max-width: 1400px;
}
#location-card .container .content {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
#location-card .container .content .location-details {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  border-radius: 3.125rem;
  background-color: #aaac59;
}
#location-card .container .content .location-details h4 {
  color: white;
  font-style: normal;
  font-weight: 500;
  font-size: 1.75rem;
  font-family: "Poppins", "Arial";
  line-height: 2.5375rem;
}
#location-card .container .content .location-details .seperator {
  height: 1px;
  width: 100%;
  background-color: #676834;
}
#location-card .container .content .location-details p {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 0.9625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
}
#location-card .container .content .location-details p.address {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-weight: 600;
}
#location-card .container .content .location-details a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
}
#location-card .container .content .location-details div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (min-width: 768px) {
  #location-card .container .content .location-details {
    position: absolute;
    top: 1rem;
    left: 1rem;
    max-width: 23.0625rem;
  }
}
@media only screen and (min-width: 1024px) {
  #location-card .container .content .location-details {
    width: 448px;
  }
}
#location-card .container .content .iframe-wrapper {
  border-radius: 2.28494rem;
  border: 1.097px solid #281204;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #location-card .container .content {
    position: relative;
    flex-direction: row;
  }
}

.image-banner {
  margin: 4rem 0.75rem;
  max-width: 82rem;
}
.image-banner .container {
  min-height: 25.42788rem;
  border-radius: 2.11194rem;
}
.image-banner .container .content img {
  max-width: 4.6875rem;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
@media only screen and (min-width: 1024px) {
  .image-banner .container .content img {
    width: 6.25rem;
    bottom: 2rem;
    left: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .image-banner .container {
    min-height: 28.125rem;
  }
}
@media only screen and (min-width: 1024px) {
  .image-banner .container {
    order-radius: 3.125rem;
    box-shadow: 3px 4px 24px -4px rgba(0, 0, 0, 0);
  }
}
@media only screen and (min-width: 1024px) {
  .image-banner {
    margin: 4rem auto 6rem;
  }
}

.inspirational-quote {
  margin: 2.5rem 0 6rem;
  max-width: 50rem;
  position: relative;
  overflow: visible;
  display: flex;
  justify-self: center;
}
.inspirational-quote::after {
  content: "";
  position: absolute;
  bottom: -5rem;
  /* Offset the background image */
  left: calc(50% - 1.75rem);
  width: 3.125rem;
  height: 3.125rem;
  background: url("/momentum/wp-content/uploads/sites/19/2025/05/green-logo-quote-end.svg") no-repeat center;
  background-size: contain;
  /* Ensure the image scales appropriately */
  z-index: -1;
  /* Place it behind the content */
}
.inspirational-quote .container .content blockquote {
  margin: 0;
}
.inspirational-quote .container .content blockquote p {
  color: #281204;
  font-style: normal;
  font-weight: 300;
  font-size: 2.25rem;
  font-family: "Poppins", "Arial";
  line-height: 2.925rem;
  text-align: center;
}
.inspirational-quote .container .content blockquote p span {
  color: #281204;
  font-style: italic;
  font-weight: 400;
  font-size: 2.25rem;
  font-family: "the-seasons", sans-serif;
  line-height: 2.925rem;
}
.inspirational-quote .container .content blockquote cite {
  display: block;
  text-align: center;
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
  margin-top: 1.5rem;
}

.image-carousel {
  width: 100%;
  overflow: hidden;
  padding: 2em 0;
}
@media screen and (min-width: 1024px) {
  .image-carousel {
    padding: 4em 0;
  }
}
.image-carousel .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}
.image-carousel .splide__track {
  overflow: visible;
}
.image-carousel .splide__slide {
  padding: 3em 10px;
  position: relative;
  transition: transform 0.5s ease, z-index 0.5s ease;
}
.image-carousel .splide__slide img {
  width: 100%;
  height: 20em;
  object-fit: cover;
  border-radius: 20px;
  border: 2px solid #d3d3d3;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.image-carousel .splide__slide.is-active {
  transform: scale(1.2);
  z-index: 2;
  margin: 0 -50px;
}
.testimonial-carousel .container {
  padding: 4rem 0rem 7.5rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 4rem;
}
.testimonial-carousel .container .content h2 {
  text-align: center;
  color: #9eb2cd;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
@media only screen and (min-width: 1024px) {
  .testimonial-carousel .container .content h2 {
    color: #9eb2cd;
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
    font-family: "Poppins", "Arial";
    line-height: 4.35rem;
  }
}
.testimonial-carousel .container .content h2 span {
  color: #9eb2cd;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
}
@media only screen and (min-width: 1024px) {
  .testimonial-carousel .container .content h2 span {
    color: #9eb2cd;
    font-style: italic;
    font-weight: 400;
    font-size: 3rem;
    font-family: "the-seasons", sans-serif;
    line-height: 3.9rem;
  }
}
.testimonial-carousel .container .content .t-carousel-wrapper .t-carousel-track {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-color: #cbc0af transparent;
  scrollbar-gutter: stable;
  gap: 1.5rem;
}
.testimonial-carousel .container .content .t-carousel-wrapper .t-carousel-track blockquote {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  border-radius: 3.125rem;
  border: 1px solid #9eb2cd;
  margin: 0;
  min-width: 17.75rem;
  white-space: normal;
  padding: 2.5rem;
  margin: 4rem 0;
  justify-content: space-between;
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
.testimonial-carousel .container .content .t-carousel-wrapper .t-carousel-track blockquote cite {
  color: #aaac59;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  font-family: "Poppins", "Arial";
  line-height: 0.975rem;
}
.testimonial-carousel .container .content .t-carousel-wrapper .t-carousel-track blockquote cite strong {
  color: #aaac59;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.25rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .testimonial-carousel .container .content .t-carousel-wrapper .t-carousel-track blockquote {
    min-width: 27.75rem;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonial-carousel .container .content .t-carousel-wrapper .t-carousel-track blockquote {
    min-width: 33.5rem;
  }
}
.content-aside-checklist {
  padding: 3rem 0;
}
.content-aside-checklist .container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.content-aside-checklist .container .content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.content-aside-checklist .container .content h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  font-family: "Poppins", "Arial";
  line-height: 4.35rem;
  text-wrap: balance;
}
.content-aside-checklist .container .content h2 span {
  color: #281204;
  font-style: italic;
  font-weight: 400;
  font-size: 3rem;
  font-family: "the-seasons", sans-serif;
  line-height: 3.9rem;
}
@media only screen and (max-width: 425px) {
  .content-aside-checklist .container .content h2 {
    padding-right: 3rem;
  }
}
.content-aside-checklist .container .content p {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
}
.content-aside-checklist .container .content a {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .content-aside-checklist .container .content a {
    display: block;
    align-self: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .content-aside-checklist .container .content {
    flex: 1;
    gap: 2.5rem;
  }
}
.content-aside-checklist .container aside {
  padding: 2.25rem;
  border-radius: 3.125rem;
  background-color: #aaac59;
}
.content-aside-checklist .container aside dl {
  padding-left: 2rem;
}
.content-aside-checklist .container aside dl dt {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.25rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 0.5rem;
}
.content-aside-checklist .container aside dl dt:before {
  content: "";
  display: flex;
  align-items: center;
  /* Center the check mark vertically */
  justify-content: center;
  /* Center the check mark horizontally */
  position: absolute;
  left: -2.5rem;
  border-radius: 50%;
  width: 1.75625rem;
  height: 1.75625rem;
  /* Make the width and height equal for a perfect circle */
  background-color: white;
  /* Add white padding background */
  background-image: url("../img/green-check-on-white.svg");
  background-size: 60%;
  /* Control the size of the check mark */
  background-position: center;
  /* Ensure the check mark is centered */
  background-repeat: no-repeat;
  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
  /* Optional: Add subtle shadow for better visibility */
}
.content-aside-checklist .container aside dl dd {
  margin: 0 0 1rem 0;
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
@media only screen and (min-width: 1024px) {
  .content-aside-checklist .container aside {
    flex: 1;
  }
}
.content-aside-checklist .container a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .content-aside-checklist .container a {
    display: none;
    color: white;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: "Inter", "Arial";
    line-height: 1.625rem;
    letter-spacing: 0.09119rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media only screen and (min-width: 1024px) {
  .content-aside-checklist .container {
    flex-direction: row;
    padding: 0rem 1.75625rem 2.5rem 1.75625rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
}
@media only screen and (min-width: 1440px) {
  .content-aside-checklist .container {
    padding: 0rem 3.5625rem 5rem 3.5625rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
}

.side-by-side .container .sxs-group {
  display: flex;
  flex-direction: column-reverse;
  gap: 2.5rem;
}
.side-by-side .container .sxs-group.solid-light-blue {
  padding-top: 60px;
}
.side-by-side .container .sxs-group.solid-light-blue .content {
  max-width: 586px;
}
.side-by-side .container .sxs-group.solid-light-blue .content h2 {
  font-family: "Poppins", "Arial";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media only screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group.solid-light-blue .content h2 {
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
  }
}
.side-by-side .container .sxs-group.solid-light-blue .content a {
  background-color: #9eb2cd !important;
  border: 1.5px solid #ffffff;
}
.side-by-side .container .sxs-group.solid-light-blue .content p {
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  text-wrap: balance;
}
.side-by-side .container .sxs-group.solid-light-blue .content p span,
.side-by-side .container .sxs-group.solid-light-blue .content p strong {
  font-weight: 600;
}
.side-by-side .container .sxs-group .content, .side-by-side .container .sxs-group aside {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.side-by-side .container .sxs-group .content h2, .side-by-side .container .sxs-group aside h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
.side-by-side .container .sxs-group .content h2 span, .side-by-side .container .sxs-group aside h2 span {
  color: #281204;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
}
@media only screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group .content h2 span, .side-by-side .container .sxs-group aside h2 span {
    color: #281204;
    font-style: italic;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "the-seasons", sans-serif;
    line-height: 5.61875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group .content h2, .side-by-side .container .sxs-group aside h2 {
    color: #281204;
    font-style: normal;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "Poppins", "Arial";
    line-height: 5.61875rem;
  }
}
@media only screen and (min-width: 1440px) {
  .side-by-side .container .sxs-group .content h2, .side-by-side .container .sxs-group aside h2 {
    text-wrap: balance;
  }
}
.side-by-side .container .sxs-group .content p, .side-by-side .container .sxs-group aside p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
.side-by-side .container .sxs-group .content .button-group, .side-by-side .container .sxs-group aside .button-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group .content .button-group, .side-by-side .container .sxs-group aside .button-group {
    flex-direction: row;
    justify-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group .content, .side-by-side .container .sxs-group aside {
    flex: 1;
    gap: 2.5rem;
  }
}
.side-by-side .container .sxs-group aside figure {
  display: flex;
  justify-content: center;
}
.side-by-side .container .sxs-group aside figure img {
  width: 100%;
  border-radius: 2.11194rem;
  max-width: 34rem;
}
@media only screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group aside figure img {
    border-radius: 3.125rem;
  }
}
@media only screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group aside {
    flex: 1;
    gap: 2.5rem;
  }
}
.side-by-side .container .sxs-group a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .side-by-side .container .sxs-group {
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media only screen and (min-width: 1024px) {
  .side-by-side .container {
    flex-direction: row;
    padding: 0rem 1.75625rem 2.5rem 1.75625rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
}
@media only screen and (min-width: 1440px) {
  .side-by-side .container {
    padding: 0rem 3.5625rem 5rem 3.5625rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
}

.standard-page-header {
  margin: 2rem auto 4rem;
}
.standard-page-header .container .content .button-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .standard-page-header .container .content .button-group {
    flex-direction: row;
    justify-content: center;
  }
}
.standard-page-header .container .content .button-group a {
  color: white !important;
}
.standard-page-header .container .content a.button {
  display: flex !important;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
  margin-top: 1rem;
}
.standard-page-header .container .content.position-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.standard-page-header .container .content.position-reverse .colorbox {
  position: relative;
  top: -5rem !important;
}
.standard-page-header .container .content.copy-column.green h1 {
  margin-bottom: 5rem;
}
.standard-page-header .container .content.copy-column h1 {
  text-align: center;
  max-width: 1256px;
  width: fit-content;
  font-size: 54px;
  position: relative;
  top: calc(8rem - 60px);
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content.copy-column h1 {
    font-size: 62px;
  }
}
.standard-page-header .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 4.4375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.88125rem;
  text-align: center;
  max-width: 68.5rem;
  margin: 2rem auto 0;
}
.standard-page-header .container .content h1 span {
  font-weight: 600;
}
.standard-page-header .container .content figure img {
  width: 100%;
  height: 100vh;
  max-height: 40.375rem;
  object-fit: cover;
  border-radius: 3.125rem;
}
.standard-page-header .container .content figure img.homepage-hero {
  max-height: 414px;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content figure img {
    object-position: center top;
  }
}
.standard-page-header .container .content .colorbox {
  padding: 1em 1.5rem;
  border-radius: 3.125rem;
}
.standard-page-header .container .content .colorbox:not(.position-override) {
  position: relative;
  top: 8rem;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox {
    padding: 3rem 3.5625rem;
  }
}
.standard-page-header .container .content .colorbox.color-dark {
  background-color: #496676;
}
.standard-page-header .container .content .colorbox.color-green {
  background-color: #aaac59;
  justify-content: center;
}
.standard-page-header .container .content .colorbox.color-green h3,
.standard-page-header .container .content .colorbox.color-green h1 {
  font-size: 1.7em;
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  margin-bottom: 5rem;
}
@media screen and (min-width: 760px) {
  .standard-page-header .container .content .colorbox.color-green h3,
  .standard-page-header .container .content .colorbox.color-green h1 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green h3,
  .standard-page-header .container .content .colorbox.color-green h1 {
    font-size: 4rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
}
.standard-page-header .container .content .colorbox.color-green h3 span,
.standard-page-header .container .content .colorbox.color-green h1 span {
  font-size: 1.4em;
  color: white;
  font-family: "the-seasons", sans-serif;
  font-weight: 200;
}
@media screen and (min-width: 760px) {
  .standard-page-header .container .content .colorbox.color-green h3 span,
  .standard-page-header .container .content .colorbox.color-green h1 span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green h3 span,
  .standard-page-header .container .content .colorbox.color-green h1 span {
    font-size: 5rem;
  }
}
.standard-page-header .container .content .colorbox.color-green .data-columns {
  display: flex;
  flex-direction: column;
}
.standard-page-header .container .content .colorbox.color-green .data-columns .data-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
}
.standard-page-header .container .content .colorbox.color-green .data-columns .data-column .data-number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  flex-basis: 100%;
}
.standard-page-header .container .content .colorbox.color-green .data-columns .data-column .data-number .number {
  color: white;
  font-style: normal;
  font-weight: 700;
  font-size: 7.5rem;
  font-family: "the-seasons", sans-serif;
  line-height: 8.25rem;
  font-style: normal;
  font-family: the seasons;
}
.standard-page-header .container .content .colorbox.color-green .data-columns .data-column .data-number .label {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 0.9625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green .data-columns .data-column .data-number {
    gap: 2.81rem;
  }
}
.standard-page-header .container .content .colorbox.color-green .data-columns .data-column:not(:last-child):after {
  content: "";
  display: block;
  margin: 2.25rem 0.75rem;
  width: 100%;
  height: 0.0625rem;
  background-color: #676834;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green .data-columns .data-column:not(:last-child):after {
    margin: 0.75rem 2.25rem;
    height: 10rem;
    width: 0.0625rem;
    background-color: #676834;
  }
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green .data-columns .data-column {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green .data-columns {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
}
.standard-page-header .container .content .colorbox.color-green .copy-columns {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  marging-bottom: 4rem;
}
.standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content {
  max-width: 36.25rem;
}
.standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content h2 {
  color: #fff;
  font-weight: 300;
  font-family: "Poppins", "Arial";
  font-size: 2.25rem;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content h2 {
    font-size: 3.375rem;
  }
}
.standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content h2 span {
  color: white;
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content .button-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content .button-group {
    flex-direction: row;
    justify-content: center;
  }
}
.standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content .button-group a {
  color: white !important;
}
.standard-page-header .container .content .colorbox.color-green .copy-columns .colorbox-content a {
  display: flex !important;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #aaac59;
  text-decoration: none;
  margin-top: 1rem;
}
.standard-page-header .container .content .colorbox.color-green .copy-columns aside {
  width: 100%;
}
.standard-page-header .container .content .colorbox.color-green .copy-columns aside p {
  color: #fff;
  /* Body (rebrand)/P1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  /* 1.55rem */
}
.standard-page-header .container .content .colorbox.color-green .copy-columns aside p span {
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-green .copy-columns {
    flex-direction: row;
    gap: 2.5rem;
  }
}
.standard-page-header .container .content .colorbox .copy-columns {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  marging-bottom: 4rem;
}
.standard-page-header .container .content .colorbox .copy-columns .colorbox-content {
  max-width: 36.25rem;
  flex: 1;
}
.standard-page-header .container .content .colorbox .copy-columns .colorbox-content h2 {
  font-family: "Poppins", "Arial";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: white;
  text-align: start;
}
.standard-page-header .container .content .colorbox .copy-columns .colorbox-content h2 span {
  font-family: "The Seasons";
  font-size: 48px;
  font-style: italic;
  font-weight: 400;
  line-height: 130%;
  display: block;
}
.standard-page-header .container .content .colorbox .copy-columns .colorbox-content .button-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox .copy-columns .colorbox-content .button-group {
    flex-direction: row;
    justify-content: center;
  }
}
.standard-page-header .container .content .colorbox .copy-columns .colorbox-content .button-group a {
  color: white !important;
}
.standard-page-header .container .content .colorbox .copy-columns .colorbox-content a {
  display: flex !important;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #9eb2cd;
  text-decoration: none;
  margin-top: 1rem;
}
.standard-page-header .container .content .colorbox .copy-columns aside {
  width: 100%;
  flex: 1.5;
  display: flex;
  justify-content: center;
}
.standard-page-header .container .content .colorbox .copy-columns aside p {
  color: #fff;
  font-family: "Poppins", "Arial";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  text-align: start;
  max-width: 532px;
}
.standard-page-header .container .content .colorbox .copy-columns aside p span {
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox .copy-columns {
    flex-direction: row;
  }
}
.standard-page-header .container .content .colorbox.color-blue {
  background-color: #9eb2cd;
  padding: 2.5rem 3.5625rem;
  text-align: center;
}
.standard-page-header .container .content .colorbox.color-blue h3 {
  color: white;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  font-family: "Poppins", "Arial";
  line-height: 3.625rem;
  max-width: 863px;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-blue h3 {
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "Poppins", "Arial";
    line-height: 5.61875rem;
    margin: 0 auto;
  }
}
.standard-page-header .container .content .colorbox.color-blue h3 span {
  color: white;
  font-style: italic;
  font-weight: 400;
  font-size: 2.5rem;
  font-family: "the-seasons", sans-serif;
  line-height: 3.25rem;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-blue h3 span {
    color: white;
    font-style: italic;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "the-seasons", sans-serif;
    line-height: 5.61875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox.color-blue {
    padding: 4rem 3.5625rem;
  }
}
.standard-page-header .container .content .colorbox .contact-content div h3 {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
}
.standard-page-header .container .content .colorbox .contact-content div p {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
  font-weight: 400;
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: #496676;
  border-radius: 1rem;
  max-width: 39rem;
  margin: 0 auto;
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row .form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row .form-group label {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "Arial";
  line-height: 0.9625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row .form-group input,
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row .form-group textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1.5px solid #2c3d47;
  border-radius: 2rem;
  font-size: 1rem;
  font-family: inherit;
  background-color: #ffffff;
  color: #333333;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row .form-group input:focus,
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row .form-group textarea:focus {
  box-shadow: 0 0 5px rgba(74, 100, 116, 0.8);
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row .form-group textarea {
  resize: none;
}
@media only screen and (min-width: 768px) {
  .standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-row {
    display: flex;
    flex-direction: row;
  }
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .submit-button {
  width: 100%;
  padding: 0.75rem;
  background-color: #4a6474;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 2px solid #ffffff;
  border-radius: 2rem;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .submit-button:hover {
  background-color: #ffffff;
  color: #4a6474;
}
@media only screen and (min-width: 768px) {
  .standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-group.name-group {
    display: flex;
    gap: 1rem;
  }
  .standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-group.name-group input {
    flex: 1;
  }
  .standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-group.contact-group {
    display: flex;
    gap: 1rem;
  }
  .standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .form-group.contact-group input {
    flex: 1;
  }
  .standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .message-group,
  .standard-page-header .container .content .colorbox .contact-content div .contact-form-fake .submit-group {
    width: 100%;
  }
}
.standard-page-header .container .content .colorbox .contact-content div .contact-form-mobile {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox .contact-content div .contact-form-mobile {
    display: none;
  }
}
.standard-page-header .container .content .colorbox .contact-content div .seperator {
  width: 100%;
  background-color: #2c3d47;
  margin: 2.5rem 0;
  height: 0.0625rem;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox .contact-content div .seperator:not(:nth-of-type(1)) {
    display: none;
  }
}
.standard-page-header .container .content .colorbox .contact-content div ul {
  list-style: none;
}
.standard-page-header .container .content .colorbox .contact-content div ul li:first-child {
  margin-bottom: 2rem;
}
.standard-page-header .container .content .colorbox .contact-content div ul li svg {
  margin-right: 1rem;
}
.standard-page-header .container .content .colorbox .contact-content div ul li .cta-wrapper {
  display: inline-block;
  vertical-align: top;
}
.standard-page-header .container .content .colorbox .contact-content div ul li .cta-wrapper strong {
  color: white;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
}
.standard-page-header .container .content .colorbox .contact-content div ul li .cta-wrapper p {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox .contact-content div {
    flex: 1;
  }
}
.standard-page-header .container .content .colorbox .contact-content .contact-form-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox .contact-content .contact-form-desktop {
    display: block;
    flex: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox .contact-content .contact-form-desktop {
    display: block;
    flex: 1.5;
  }
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox .contact-content {
    display: flex;
    gap: 5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .standard-page-header .container .content .colorbox {
    margin: 0 2rem;
  }
}

.home .standard-page-header .content {
  display: flex;
  flex-direction: column;
}
.home .standard-page-header .content .colorbox.color-green {
  order: 2;
  top: -5rem;
}

.prescription-placeholder {
  margin: -3em 0 0 0;
  padding: 0 0 2em;
}
@media screen and (min-width: 1024px) {
  .prescription-placeholder {
    padding: 0 0 4em;
  }
}
.prescription-placeholder h3 {
  color: #281204;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  font-family: "Poppins", "Arial";
  line-height: 3.625rem;
  text-align: center;
  margin: 0;
}
.prescription-placeholder ul {
  margin: 2em 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media screen and (min-width: 760px) {
  .prescription-placeholder ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.prescription-placeholder ul li {
  list-style-type: none;
}
@media screen and (min-width: 760px) {
  .prescription-placeholder ul li {
    width: calc(50% - 1em);
  }
}
@media screen and (min-width: 1024px) {
  .prescription-placeholder ul li {
    width: calc(33% - 0.1em);
  }
}
.prescription-placeholder ul li:first-of-type a {
  background: #9eb2cd;
  border-color: #9eb2cd;
}
.prescription-placeholder ul li:first-of-type a:hover {
  background: #496676;
  border-color: #496676;
}
.prescription-placeholder ul li:last-of-type a {
  background: transparent;
  border: 1.5px solid #496676;
  color: #496676;
}
.prescription-placeholder ul li:last-of-type a:hover {
  color: white;
  background: #aaac59;
  border-color: #aaac59;
}
.prescription-placeholder ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em 1em;
  background: #496676;
  color: white;
  text-decoration: none;
  border-radius: 1em;
  font-size: 1.5em;
  text-align: center;
  font-weight: 600;
  border: 1.5px solid #496676;
}
.prescription-placeholder ul li a:hover {
  background: #9eb2cd;
  border-color: #9eb2cd;
}

.prescription-tool {
  margin: -3em 0 0 0;
  padding: 0 0 2em;
}
@media screen and (min-width: 760px) {
  .prescription-tool {
    padding: 5vh 0;
  }
}
@media screen and (min-width: 1024px) {
  .prescription-tool {
    padding: 5vh 0;
    height: 50vh;
    transition: all 0.5s ease-in-out;
  }
}
@media screen and (min-width: 1024px) {
  .prescription-tool.active-quiz {
    height: 100vh;
    transition: all 0.5s ease-in-out;
  }
  .prescription-tool.active-quiz .container {
    display: flex;
    height: 100%;
  }
  .prescription-tool.active-quiz .container .content {
    margin: auto;
    width: 100%;
  }
}
.prescription-tool .container {
  height: auto;
  max-width: 1380px;
}
@media screen and (min-width: 760px) {
  .prescription-tool .container .content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.prescription-tool .container .content h2 {
  color: #281204;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  font-family: "Poppins", "Arial";
  line-height: 3.625rem;
  text-align: center;
  margin: 0 0 2rem 0;
}
@media screen and (min-width: 1024px) {
  .prescription-tool .container .content h2 {
    font-size: 3.5rem;
  }
}
.prescription-tool .container .content ul {
  margin: 2em 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media screen and (min-width: 760px) {
  .prescription-tool .container .content ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    margin: auto 0;
  }
}
.prescription-tool .container .content ul li {
  list-style-type: none;
}
@media screen and (min-width: 760px) {
  .prescription-tool .container .content ul li {
    width: calc(50% - 1em);
  }
}
@media screen and (min-width: 1024px) {
  .prescription-tool .container .content ul li {
    width: calc(33% - 0.1em);
  }
}
.prescription-tool .container .content .question-container.level-1 li:first-of-type button {
  background: #9eb2cd;
  border-color: #9eb2cd;
}
.prescription-tool .container .content .question-container.level-1 li:first-of-type button:hover {
  background: #496676;
  border-color: #496676;
}
.prescription-tool .container .content .question-container.level-1 li:last-of-type button {
  background: transparent;
  border: 1.5px solid #496676;
  color: #496676;
}
.prescription-tool .container .content .question-container.level-1 li:last-of-type button:hover {
  color: white;
  background: #aaac59;
  border-color: #aaac59;
}
.prescription-tool .container .content .question-container.level-1 button {
  text-wrap: balance;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em 1em;
  background: #496676;
  color: white;
  text-decoration: none;
  border-radius: 1em;
  font-size: 1.5em;
  text-align: center;
  font-weight: 600;
  border: 1.5px solid #496676;
  width: 100%;
}
@media screen and (min-width: 760px) {
  .prescription-tool .container .content .question-container.level-1 button {
    font-size: 1em;
  }
}
@media screen and (min-width: 1024px) {
  .prescription-tool .container .content .question-container.level-1 button {
    font-size: 1.15em;
  }
}
@media screen and (min-width: 1280px) {
  .prescription-tool .container .content .question-container.level-1 button {
    font-size: 1.35em;
  }
}
.prescription-tool .container .content .question-container.level-1 button:hover {
  background: #9eb2cd;
  border-color: #9eb2cd;
  cursor: pointer;
}
.prescription-tool .container .content .question-container.level-2 button, .prescription-tool .container .content .question-container.level-3 button, .prescription-tool .container .content .question-container.level-4 button, .prescription-tool .container .content .question-container.level-5 button {
  text-wrap: balance;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em 1em;
  background: transparent;
  color: white;
  text-decoration: none;
  border-radius: 1em;
  font-size: 1.5em;
  text-align: center;
  font-weight: 600;
  border: 1.5px solid white;
  width: 100%;
}
@media screen and (min-width: 760px) {
  .prescription-tool .container .content .question-container.level-2 button, .prescription-tool .container .content .question-container.level-3 button, .prescription-tool .container .content .question-container.level-4 button, .prescription-tool .container .content .question-container.level-5 button {
    font-size: 1em;
  }
}
@media screen and (min-width: 1024px) {
  .prescription-tool .container .content .question-container.level-2 button, .prescription-tool .container .content .question-container.level-3 button, .prescription-tool .container .content .question-container.level-4 button, .prescription-tool .container .content .question-container.level-5 button {
    font-size: 1.15em;
    height: 6em;
  }
}
@media screen and (min-width: 1280px) {
  .prescription-tool .container .content .question-container.level-2 button, .prescription-tool .container .content .question-container.level-3 button, .prescription-tool .container .content .question-container.level-4 button, .prescription-tool .container .content .question-container.level-5 button {
    font-size: 1.35em;
  }
}
.prescription-tool .container .content .question-container.level-2 button:hover, .prescription-tool .container .content .question-container.level-3 button:hover, .prescription-tool .container .content .question-container.level-4 button:hover, .prescription-tool .container .content .question-container.level-5 button:hover {
  border-color: #281204;
  color: #281204;
  cursor: pointer;
}
.prescription-tool .container .content .question-container.level-2 button.endpoint-action, .prescription-tool .container .content .question-container.level-3 button.endpoint-action, .prescription-tool .container .content .question-container.level-4 button.endpoint-action, .prescription-tool .container .content .question-container.level-5 button.endpoint-action {
  padding: 0;
  border: none;
  width: auto;
  height: auto;
  text-decoration: underline;
}
.prescription-tool .container .content .question-container.level-2 button.endpoint-action:after, .prescription-tool .container .content .question-container.level-3 button.endpoint-action:after, .prescription-tool .container .content .question-container.level-4 button.endpoint-action:after, .prescription-tool .container .content .question-container.level-5 button.endpoint-action:after {
  content: "";
  display: block;
  background-image: url("../img/arrow-circle.svg");
  width: 1.5em;
  height: 1.5em;
  background-size: 100% 100%;
  margin-left: 0.5em;
}
.prescription-tool .container .content .question-container h2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: auto;
  text-wrap: balance;
  font-weight: 500;
}
.prescription-tool .container .content .question-container h2 span {
  font-family: the-seasons, sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 1.35em;
}
.prescription-tool .container .content .endpoint-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-content: center;
  max-width: 760px;
  margin: 0 auto;
}
.prescription-tool .container .content h2.endpoint-message {
  height: auto;
}
.prescription-tool .container .content p.endpoint-message {
  text-align: center;
  font-size: 1.5rem;
  font-style: italic;
  text-wrap: balance;
  margin: -1rem 0 0 0;
}
.why-choose-momentum {
  padding: 2em 0;
}
.why-choose-momentum .container .content {
  display: flex;
  flex-direction: column;
  gap: 2em;
  position: relative;
}
.why-choose-momentum .container .content .wcm-title {
  border-radius: 2rem;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 768px) {
  .why-choose-momentum .container .content .wcm-title {
    aspect-ratio: 2/1;
  }
}
@media screen and (min-width: 1020px) {
  .why-choose-momentum .container .content .wcm-title {
    aspect-ratio: 4/2;
    background-size: 75% auto;
    background-repeat: no-repeat;
  }
}
.why-choose-momentum .container .content .wcm-title:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2rem;
}
.why-choose-momentum .container .content .wcm-title .title-section {
  position: relative;
  z-index: 4;
  padding: 2em;
  height: 40vh;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content .wcm-title .title-section {
    width: 50%;
  }
}
.why-choose-momentum .container .content .wcm-title .title-section h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.875rem;
  font-family: "Poppins", "Arial";
  line-height: 5.61875rem;
  line-height: 1.2;
  color: white;
}
.why-choose-momentum .container .content .wcm-title .title-section h2 span {
  color: #281204;
  font-style: italic;
  font-weight: 400;
  font-size: 3.875rem;
  font-family: "the-seasons", sans-serif;
  line-height: 5.61875rem;
  color: white;
}
@media screen and (min-width: 768px) {
  .why-choose-momentum .container .content .wcm-title .title-section h2 span {
    display: block;
  }
}
.why-choose-momentum .container .content .wcm-title .title-section .button-wrapper {
  margin-top: auto;
}
.why-choose-momentum .container .content .wcm-title .title-section .button-wrapper a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  background-color: #7597aa;
  padding: 0.35em 1.5em;
  border: 1px solid white;
  border-radius: 2em;
  color: white;
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content .wcm-title .title-section .button-wrapper a {
    color: #281204;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: "Inter", "Arial";
    line-height: 1.625rem;
    letter-spacing: 0.09119rem;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
  }
}
.why-choose-momentum .container .content ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
}
@media screen and (min-width: 768px) {
  .why-choose-momentum .container .content ul {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul {
    position: absolute;
    top: 0;
    right: 0.15em;
    width: 50%;
    flex-wrap: wrap;
    justify-content: flex-end;
    z-index: 5;
    gap: 0;
    transform: scaleZ(102%);
  }
}
.why-choose-momentum .container .content ul li {
  list-style-type: none;
  border-radius: 2rem;
  padding: 2em;
  color: white;
  font-family: "Poppins", "Arial";
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .why-choose-momentum .container .content ul li {
    width: calc(33% - 0.5em) !important;
  }
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul li {
    width: calc(50% - 5em) !important;
    aspect-ratio: 1/1;
    border: 0.5em solid #f0ede8;
    box-sizing: content-box;
    position: relative;
  }
}
.why-choose-momentum .container .content ul li:after {
  content: "";
  display: block;
  width: calc(100% + 2em);
  height: calc(100% + 2em);
  background: #f0ede8;
  position: absolute;
  top: -1em;
  left: -1em;
  z-index: -3;
}
.why-choose-momentum .container .content ul li .checkmark-wrapper {
  width: 3em;
  height: 3em;
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul li .checkmark-wrapper {
    width: 5em;
    height: 5em;
  }
}
.why-choose-momentum .container .content ul li .checkmark-wrapper img {
  width: 100%;
  height: auto;
}
.why-choose-momentum .container .content ul li strong, .why-choose-momentum .container .content ul li h3 {
  font-size: 1.5rem;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul li strong, .why-choose-momentum .container .content ul li h3 {
    margin-top: auto;
    font-size: 1.75em;
  }
}
.why-choose-momentum .container .content ul li p {
  margin-top: 1em;
  font-size: 0.8em;
  font-weight: 200;
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul li p {
    margin-top: 0;
    font-size: 1em;
  }
}
.why-choose-momentum .container .content ul li:first-of-type {
  background: #496676;
  width: calc(50% - 0.5em);
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul li:first-of-type:after {
    border-bottom-left-radius: 2em;
  }
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul li:first-of-type:before {
    display: block;
    width: 2em;
    height: 2em;
    content: "";
    background: radial-gradient(circle at 0 0, transparent 70%, #f0ede8 70%);
    transform: rotate(-90deg);
    position: absolute;
    top: -0.5em;
    left: -3em;
  }
}
.why-choose-momentum .container .content ul li:nth-of-type(2) {
  background: #7597aa;
  width: calc(50% - 0.5em);
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul li:nth-of-type(2):before {
    display: block;
    width: 2em;
    height: 2em;
    content: "";
    background: radial-gradient(circle at 0 0, transparent 70%, #f0ede8 70%);
    transform: rotate(-90deg);
    position: absolute;
    top: -0.5em;
    left: -3em;
    top: auto;
    bottom: -3em;
  }
}
.why-choose-momentum .container .content ul li:last-of-type {
  background: #aaac59;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content ul li:last-of-type:before {
    display: block;
    width: 2em;
    height: 2em;
    content: "";
    background: radial-gradient(circle at 0 0, transparent 70%, #f0ede8 70%);
    transform: rotate(0);
    position: absolute;
    top: -0.5em;
    left: -3em;
    top: auto;
    bottom: -0.5em;
  }
}

.why-choose-momentum .container .content.button-right .wcm-title + .button-wrapper {
  display: none;
  position: absolute;
  right: 28%;
  bottom: 5%;
  z-index: 10;
}
.why-choose-momentum .container .content.button-right .wcm-title + .button-wrapper a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  background-color: #7597aa;
  padding: 0.35em 1.5em;
  border: 1px solid white;
  border-radius: 2em;
  color: white;
}
@media screen and (min-width: 1024px) {
  .why-choose-momentum .container .content.button-right .wcm-title + .button-wrapper a {
    color: #281204;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: "Inter", "Arial";
    line-height: 1.625rem;
    letter-spacing: 0.09119rem;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
  }
}

@media only screen and (min-width: 1024px) {
  .why-choose-momentum .container .content.button-right .wcm-title .title-section .button-wrapper {
    display: none;
  }
  .why-choose-momentum .container .content.button-right .wcm-title + .button-wrapper {
    display: block;
  }
}
.loan-officer-search-form {
  max-width: 1400px;
  margin: 0 auto 1rem;
  display: flex;
  flex-direction: column;
}
.loan-officer-search-form .search-input-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.loan-officer-search-form .search-input-wrapper input {
  padding: 0.75rem 1.25rem;
  border-radius: 9.12163rem;
  border: 1.5px solid #281204;
  background-color: #f0ede8;
  align-self: stretch;
  width: 100%;
  font-size: 16px;
}
.loan-officer-search-form .search-input-wrapper input::placeholder {
  color: #281204;
  font-size: 16px;
}
@media only screen and (min-width: 1024px) {
  .loan-officer-search-form .search-input-wrapper input {
    width: 18rem;
  }
}
.loan-officer-search-form .search-input-wrapper svg {
  position: absolute;
  right: 0.25rem;
  top: 0.35rem;
}
@media only screen and (min-width: 1024px) {
  .loan-officer-search-form .search-input-wrapper {
    margin-bottom: 0;
  }
}
.loan-officer-search-form .select-fields {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.loan-officer-search-form .select-fields select {
  padding: 0.75rem 1.25rem;
  border-radius: 9.12163rem;
  border: 1.5px solid #281204;
  background-color: #f0ede8;
  align-self: stretch;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
@media only screen and (min-width: 1024px) {
  .loan-officer-search-form .select-fields select {
    min-width: 17rem;
  }
}
@media only screen and (min-width: 1024px) {
  .loan-officer-search-form {
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto 4rem;
  }
}

.side-by-side-w-divider .side-by-side__image {
  margin-top: 3.75rem;
  position: relative;
}
.side-by-side-w-divider .side-by-side__image:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.7505rem;
  background: linear-gradient(138deg, rgba(17, 38, 23, 0.35) 26.3%, rgba(53, 43, 27, 0.35) 56.18%, rgba(98, 49, 32, 0.35) 83.21%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
}
.side-by-side-w-divider .side-by-side__image img {
  max-width: 100%;
  border-radius: 1.7505rem;
  height: 34rem;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .side-by-side-w-divider .side-by-side__image img {
    max-width: 34.54669rem;
    height: 100%;
    width: auto;
  }
}
.side-by-side-w-divider .side-by-side__image div {
  display: flex;
  flex-direction: column;
  width: fit-content;
  position: absolute;
  bottom: 25%;
  transform: translateY(-25%);
  left: 1rem;
  text-align: center;
  z-index: 999;
}
.side-by-side-w-divider .side-by-side__image div p {
  color: #281204;
  font-style: normal;
  font-weight: 300;
  font-size: 2.25rem;
  font-family: "Poppins", "Arial";
  line-height: 2.925rem;
  font-weight: 600;
  color: #fff;
  text-wrap: balance;
}
.side-by-side-w-divider .side-by-side__image div p + p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  color: #fff;
}
.side-by-side-w-divider .side-by-side__image div a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 1.25rem;
  border-radius: 9.12163rem;
  border: 1.5px solid #f0ede8;
  background: #9eb2cd;
  color: #fff;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .side-by-side-w-divider .side-by-side__image div {
    bottom: 35%;
    transform: translateY(-35%);
    left: 50%;
    transform: translateX(-50%);
    min-width: 27.8125rem;
    gap: 2.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .side-by-side-w-divider .side-by-side__image {
    margin-top: 0;
    position: relative;
  }
}
.side-by-side-w-divider .side-by-side__content {
  display: flex;
  flex-direction: column;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading h2 {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Poppins", "Arial";
  line-height: 2.6rem;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__subtitle {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
  font-weight: 400;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__subtitle span {
  font-weight: 600;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__divider {
  width: 100%;
  height: 2px;
  background-color: #cbc0af;
  margin: 1.5rem 0 1.5rem;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-title {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy span, .side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy strong {
  font-weight: 600;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy p:not(:last-child) {
  margin-bottom: 0.75em;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy table {
  margin-top: 1em;
  border-collapse: collapse;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy table td, .side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy table th {
  border: 1px solid #676834;
  padding: 0.5em;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy ul, .side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy ol {
  padding: 0;
  margin-left: 1.1em;
  margin-top: 0.5em;
}
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy ul + p,
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy ol + p,
.side-by-side-w-divider .side-by-side__content .side-by-side__content__heading .side-by-side__tiles .side-by-side__tile .side-by-side__tile-copy table + p {
  margin-top: 0.75em;
}
@media only screen and (min-width: 1024px) {
  .side-by-side-w-divider .side-by-side__content {
    gap: 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .side-by-side-w-divider {
    padding: 2.5rem;
    max-width: 82rem;
    margin: 0 auto;
  }
  .side-by-side-w-divider.image-right .container .side-by-side__content {
    flex-direction: row;
  }
  .side-by-side-w-divider.image-left .container .side-by-side__content {
    flex-direction: row-reverse;
  }
}

.bottom-line {
  padding: 3.75rem 0;
}
.bottom-line.small .container .content h2 {
  font-family: "Poppins", "Arial";
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  text-align: center;
}
.bottom-line.small .container .content h2 span {
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .bottom-line.small .container .content h2 {
    text-align: start;
  }
}
.bottom-line.small .container .content p {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Poppins", "Arial";
  line-height: 2.175rem;
  font-weight: 400;
}
.bottom-line.small .container .content p span {
  font-weight: 600;
}
.bottom-line.small .container .content a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 1.25rem;
  border-radius: 9.12163rem;
  border: 1.5px solid #fff;
  background-color: #9eb2cd !important;
  color: #fff;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .bottom-line.small .container .content a {
    width: fit-content;
    text-wrap: nowrap;
  }
}
.bottom-line .container .content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  max-width: 68rem;
}
.bottom-line .container .content h2 {
  color: #281204;
  font-style: normal;
  font-weight: 300;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.3875rem;
}
.bottom-line .container .content p {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
  font-weight: 400;
  max-width: 52.375rem;
  margin: 0 auto;
}
.bottom-line .container .content p span {
  font-weight: 600;
}
.bottom-line .container .content .button-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .bottom-line .container .content .button-group {
    flex-direction: row;
    justify-content: center;
  }
}
.bottom-line .container .content a {
  color: #281204;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Inter", "Arial";
  line-height: 1.625rem;
  letter-spacing: 0.09119rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 1.25rem;
  border-radius: 9.12163rem;
  border: 1.5px solid #fff;
  background: #aaac59;
  color: #fff;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .bottom-line .container .content a {
    width: fit-content;
    text-wrap: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .bottom-line .container .content {
    margin: 0 auto;
    text-align: center;
  }
}

.faq-toggle-boxes {
  padding: 3.75rem 0;
}
.faq-toggle-boxes .container {
  display: flex;
  padding: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5rem;
  border-radius: 3.125rem;
}
.faq-toggle-boxes .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5rem;
  align-self: stretch;
}
.faq-toggle-boxes .container .content h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 4.4375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.88125rem;
}
.faq-toggle-boxes .container .content .faq-toggle-boxes__description {
  color: #281204;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Poppins", "Arial";
  line-height: 2.6rem;
}
@media only screen and (min-width: 1024px) {
  .faq-toggle-boxes .container .content .faq-toggle-boxes__description {
    color: #281204;
    font-style: normal;
    font-weight: 300;
    font-size: 3.375rem;
    font-family: "Poppins", "Arial";
    line-height: 4.3875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .faq-toggle-boxes .container .content {
    flex: 1;
  }
}
.faq-toggle-boxes .container .faq-toggle-boxes__items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: #aaac59;
  padding: 1.25rem;
  border-radius: 0.9375rem;
}
.faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item.open .faq-toggle-boxes__item-content {
  display: block;
}
.faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-title p {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: "Poppins", "Arial";
  line-height: 1.8125rem;
  font-weight: 400;
  width: 20rem;
}
@media only screen and (min-width: 1024px) {
  .faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-title p {
    width: 100%;
    max-width: 40rem;
    min-width: 35rem;
  }
}
.faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-content {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  display: none;
}
.faq-toggle-boxes .container .faq-toggle-boxes__items .faq-toggle-boxes__item .faq-toggle-boxes__item-content ul {
  padding: 0;
  margin-left: 1.1em;
}
@media only screen and (min-width: 1024px) {
  .faq-toggle-boxes .container .faq-toggle-boxes__items {
    flex: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .faq-toggle-boxes .container {
    flex-direction: row;
    max-width: 82.5rem;
    padding: 3.375rem 3.75rem;
  }
}

.home-hero {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 20rem;
}
@media screen and (min-width: 1024px) {
  .home-hero {
    margin-bottom: 0;
  }
}
.home-hero .container {
  padding: 4rem 0;
}
@media screen and (min-width: 768px) {
  .home-hero .container {
    max-width: 550px;
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .home-hero .container {
    padding: 5rem 0;
    max-width: 1440px;
  }
}
@media screen and (min-width: 1280px) {
  .home-hero .container {
    padding: 5rem 0;
  }
}
.home-hero .container .content {
  background: #aaac59;
  border-radius: 3rem;
  padding: 1.5rem;
  color: white;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  top: 17rem;
}
@media screen and (min-width: 768px) {
  .home-hero .container .content {
    padding: 2rem;
    top: 15rem;
    width: 600px;
  }
}
@media screen and (min-width: 1024px) {
  .home-hero .container .content {
    top: auto;
  }
}
@media screen and (min-width: 1280px) {
  .home-hero .container .content {
    padding: 4rem 2rem;
  }
}
.home-hero .container .content h1 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 4.4375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.88125rem;
  color: white;
  line-height: 1.4;
  font-size: 14vw;
  font-family: "the-seasons", sans-serif;
  font-style: italic;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .home-hero .container .content h1 {
    font-size: 3rem;
    text-align: center;
  }
}
.home-hero .container .content strong {
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.3rem;
  text-wrap: balance;
}
@media screen and (min-width: 768px) {
  .home-hero .container .content strong {
    text-align: center;
  }
}
.home-hero .container .content .button-group {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .home-hero .container .content .button-group {
    flex-direction: row;
    justify-content: center;
  }
}
.home-hero .container .content .button-group a {
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #496676;
  text-decoration: none;
}

.trusted-builders {
  padding: 90px 0;
}
.trusted-builders .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.trusted-builders .container .content h2 {
  color: #281204;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Poppins", "Arial";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 16px;
}
.trusted-builders .container .content p {
  max-width: 700px;
  color: #281204;
  text-align: center;
  font-family: "Poppins", "Arial";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  /* 34.8px */
}
.trusted-builders .container .content .logo-wrapper {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.trusted-builders .container .content .logo-wrapper img {
  border-radius: 29.806px;
  border: 0.864px solid #9eb2cd;
  padding: 45px 35px;
  max-width: 252.755px;
  height: 174.663px;
  object-fit: contain;
}
@media only screen and (min-width: 1024px) {
  .trusted-builders .container .content .logo-wrapper img {
    width: 252.755px;
    height: 174.663px;
  }
}
@media only screen and (min-width: 1024px) {
  .trusted-builders .container .content .logo-wrapper {
    flex-direction: row;
    padding: 0 59.6px;
  }
}

.sell-your-home-faster {
  padding: 90px 0.75rem;
}
.sell-your-home-faster .container .content {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.sell-your-home-faster .container .content .info-card {
  padding: 35px;
  border-radius: 50px;
  background: #aaac59;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sell-your-home-faster .container .content .info-card.has-background {
  grid-column: 1/4;
}
.sell-your-home-faster .container .content .info-card.has-background h2 {
  font-family: "Poppins", "Arial";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .sell-your-home-faster .container .content .info-card.has-background h2 {
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
  }
}
.sell-your-home-faster .container .content .info-card.has-background a {
  display: flex !important;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  max-width: 235px;
  padding: 12px 20px;
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  border-radius: 9.12163rem;
  border: 1.5px solid white;
  background-color: #9eb2cd;
  text-decoration: none;
  margin-top: 1rem;
}
.sell-your-home-faster .container .content .info-card h3 {
  color: #fff;
  font-family: "Poppins", "Arial";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  margin-bottom: 12px;
}
.sell-your-home-faster .container .content .info-card p {
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: "Poppins", "Arial";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  /* 24.8px */
}
.sell-your-home-faster .container .content .info-card img {
  max-width: 65px;
  max-height: 65px;
  aspect-ratio: 1/1;
}
@media only screen and (min-width: 1024px) {
  .sell-your-home-faster .container .content .info-card {
    min-height: 325px;
  }
}
@media only screen and (min-width: 1024px) {
  .sell-your-home-faster .container .content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 11px;
    row-gap: 11px;
  }
}

.content-image-overflow[data-color=pearl] {
  --local-module-background: #cbc0af;
  --local-module-text-color: #281204;
  --local-module-link-color: #281204;
  --local-module-link-hover-color: #1d0d03;
  --local-module-button-text-color: #fff;
  --local-module-button-color: #aaac59;
}
.content-image-overflow[data-color=pearl] .button-group[data-alternate-button-style=outline] a.button-alt,
.content-image-overflow[data-color=pearl] .button-group[data-main-button-style=outline] a.button:not(.button-alt) {
  --local-module-button-color: transparent;
  --local-module-button-text-color: #281204;
}
.content-image-overflow[data-color=earth] {
  --local-module-background: #281204;
  --local-module-text-color: #f9f8f6;
  --local-module-link-color: #f9f8f6;
  --local-module-link-hover-color: #f9f8f6;
  --local-module-button-text-color: #fff;
  --local-module-button-color: #496676;
}
.content-image-overflow[data-color=earth] .button-group[data-alternate-button-style=outline] a.button-alt,
.content-image-overflow[data-color=earth] .button-group[data-main-button-style=outline] a.button:not(.button-alt) {
  --local-module-button-color: transparent;
  --local-module-button-text-color: #fff;
}
.content-image-overflow[data-color=moss] {
  --local-module-background: #aaac59;
  --local-module-text-color: #fff;
  --local-module-link-color: #fff;
  --local-module-link-hover-color: #f9f8f6;
  --local-module-button-text-color: #fff;
  --local-module-button-color: #676834;
}
.content-image-overflow[data-color=moss] .button-group[data-alternate-button-style=outline] a.button-alt,
.content-image-overflow[data-color=moss] .button-group[data-main-button-style=outline] a.button:not(.button-alt) {
  --local-module-button-color: transparent;
  --local-module-button-text-color: #fff;
}
.content-image-overflow[data-color=ocean] {
  --local-module-background: #496676;
  --local-module-text-color: #fff;
  --local-module-link-color: #fff;
  --local-module-link-hover-color: #f9f8f6;
  --local-module-button-text-color: #fff;
  --local-module-button-color: #7597aa;
}
.content-image-overflow[data-color=ocean] .button-group[data-alternate-button-style=outline] a.button-alt,
.content-image-overflow[data-color=ocean] .button-group[data-main-button-style=outline] a.button:not(.button-alt) {
  --local-module-button-color: transparent;
  --local-module-button-text-color: #fff;
}
.content-image-overflow[data-color=sky] {
  --local-module-background: #9eb2cd;
  --local-module-text-color: #fff;
  --local-module-link-color: #fff;
  --local-module-link-hover-color: #f9f8f6;
  --local-module-button-text-color: #fff;
  --local-module-button-color: #6e8cb4;
}
.content-image-overflow[data-color=sky] .button-group[data-alternate-button-style=outline] a.button-alt,
.content-image-overflow[data-color=sky] .button-group[data-main-button-style=outline] a.button:not(.button-alt) {
  --local-module-button-color: transparent;
  --local-module-button-text-color: #fff;
}
.content-image-overflow[data-color=sand] {
  --local-module-background: #cbc0af;
  --local-module-text-color: #281204;
  --local-module-link-color: #281204;
  --local-module-link-hover-color: #1d0d03;
  --local-module-button-text-color: #fff;
  --local-module-button-color: #aaac59;
}
.content-image-overflow[data-color=sand] .button-group[data-alternate-button-style=outline] a.button-alt,
.content-image-overflow[data-color=sand] .button-group[data-main-button-style=outline] a.button:not(.button-alt) {
  --local-module-button-color: transparent;
  --local-module-button-text-color: #281204;
}
.content-image-overflow[mobile-order=image_last] {
  --local-module-content-order: 1;
  --local-module-image-order: 2;
}
.content-image-overflow[mobile-order=image_first] {
  --local-module-content-order: 2;
  --local-module-image-order: 1;
}
@media only screen and (min-width: 1024px) {
  .content-image-overflow[desktop-order=image_last] {
    --local-module-content-order: 1;
    --local-module-image-order: 2;
  }
  .content-image-overflow[desktop-order=image_first] {
    --local-module-content-order: 2;
    --local-module-image-order: 1;
  }
  .content-image-overflow[desktop-order=image_first] .content-image-overflow__wrap {
    grid-template-columns: 30rem auto;
  }
}
.content-image-overflow .container {
  max-width: 1225px;
}
.content-image-overflow a.button {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Inter", "Arial";
  line-height: 1.3rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  display: flex;
  padding: 0.75rem 1.25rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 9.12163rem;
  border: 1.5px solid var(--local-module-button-text-color, #fff) !important;
  background-color: var(--local-module-button-color, #aaac59) !important;
  color: var(--local-module-button-text-color, #fff) !important;
  text-decoration: none;
}
.content-image-overflow .button-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start !important;
}
@media screen and (min-width: 1024px) {
  .content-image-overflow .button-group {
    flex-direction: row;
    justify-content: center;
  }
}
.content-image-overflow__wrap {
  background: var(--local-module-background, #cbc0af);
  padding: 2.5rem 0.75rem;
  border-radius: 3rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 1024px) {
  .content-image-overflow__wrap {
    grid-template-columns: auto 30rem;
    padding: 3rem;
    position: relative;
    margin-bottom: 6.5rem;
  }
}
.content-image-overflow__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  order: var(--local-module-content-order, 1);
}
.content-image-overflow__content > h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  font-size: 2.5rem;
  line-height: 1.3 !important;
  font-weight: 300;
  color: var(--local-module-text-color, #281204);
}
.content-image-overflow__content > h2 > span {
  color: #281204;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 400 !important;
  color: inherit !important;
}
@media only screen and (min-width: 1024px) {
  .content-image-overflow__content > h2 {
    color: #281204;
    font-style: normal;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "Poppins", "Arial";
    line-height: 5.61875rem;
  }
  .content-image-overflow__content > h2 > span {
    color: #281204;
    font-style: italic;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "the-seasons", sans-serif;
    line-height: 5.61875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .content-image-overflow__content > h2 {
    font-size: 3rem;
    color: var(--local-module-text-color, #281204);
  }
}
.content-image-overflow__text {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.content-image-overflow__text > p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--local-module-text-color, #281204);
}
.content-image-overflow__text > p a {
  color: var(--local-module-link-color, #281204);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-weight: 600;
}
.content-image-overflow__text > p a:hover {
  color: var(--local-module-link-hover-color, #1d0d03);
  text-decoration: none;
}
.content-image-overflow__text > p:first-child strong {
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 600;
  leading-trim: both;
  text-edge: cap;
  margin: 0 0 0.5rem;
  display: block;
}
.content-image-overflow__image {
  order: var(--local-module-image-order, 2);
  text-align: center;
}
.content-image-overflow__image > img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
@media only screen and (min-width: 1024px) {
  .content-image-overflow__image {
    position: relative;
  }
  .content-image-overflow__image > img {
    position: absolute;
    width: 34rem;
    height: auto;
    aspect-ratio: 611.28/695;
    top: -5rem;
    right: 0;
    max-width: none;
  }
}

.boxed-content-checklist[data-color=pearl] {
  --local-module-background: #cbc0af;
  --local-module-text-color: #281204;
  --local-module-link-color: #281204;
  --local-module-link-hover-color: #1d0d03;
  --local-module-svg-circle-color: #1d0d03;
  --local-module-svg-check-color: #cbc0af;
}
.boxed-content-checklist[data-color=earth] {
  --local-module-background: #281204;
  --local-module-text-color: #f9f8f6;
  --local-module-link-color: #f9f8f6;
  --local-module-link-hover-color: #f9f8f6;
  --local-module-svg-circle-color: #fff;
  --local-module-svg-check-color: #1d0d03;
}
.boxed-content-checklist[data-color=moss] {
  --local-module-background: #aaac59;
  --local-module-text-color: #fff;
  --local-module-link-color: #fff;
  --local-module-link-hover-color: #f9f8f6;
  --local-module-svg-circle-color: #fff;
  --local-module-svg-check-color: #aaac59;
}
.boxed-content-checklist[data-color=ocean] {
  --local-module-background: #496676;
  --local-module-text-color: #fff;
  --local-module-link-color: #fff;
  --local-module-link-hover-color: #f9f8f6;
  --local-module-svg-circle-color: #fff;
  --local-module-svg-check-color: #496676;
}
.boxed-content-checklist[data-color=sky] {
  --local-module-background: #9eb2cd;
  --local-module-text-color: #fff;
  --local-module-link-color: #fff;
  --local-module-link-hover-color: #f9f8f6;
  --local-module-svg-circle-color: #fff;
  --local-module-svg-check-color: #9eb2cd;
}
.boxed-content-checklist[data-color=sand] {
  --local-module-background: #cbc0af;
  --local-module-text-color: #281204;
  --local-module-link-color: #281204;
  --local-module-link-hover-color: #1d0d03;
  --local-module-svg-circle-color: #1d0d03;
  --local-module-svg-check-color: #cbc0af;
}
.boxed-content-checklist .container {
  max-width: 1225px;
}
.boxed-content-checklist__wrap {
  background: var(--local-module-background, #cbc0af);
  padding: 2.5rem 0.75rem;
  border-radius: 3rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  margin-bottom: 5rem;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .boxed-content-checklist__wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 5.44rem;
    padding: 3rem;
    position: relative;
    margin-bottom: 6.5rem;
  }
}
.boxed-content-checklist__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-content: flex-start;
}
.boxed-content-checklist__content > h2 {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "Poppins", "Arial";
  line-height: 4.89375rem;
  font-size: 2.5rem;
  line-height: 1.3 !important;
  font-weight: 300;
  color: var(--local-module-text-color, #281204);
}
.boxed-content-checklist__content > h2 > span {
  color: #281204;
  font-style: italic;
  font-weight: 400;
  font-size: 3.375rem;
  font-family: "the-seasons", sans-serif;
  line-height: 4.89375rem;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 400 !important;
  color: inherit !important;
}
@media only screen and (min-width: 1024px) {
  .boxed-content-checklist__content > h2 {
    font-size: 3rem;
  }
  .boxed-content-checklist__content > h2 > span {
    color: #281204;
    font-style: italic;
    font-weight: 400;
    font-size: 3.875rem;
    font-family: "the-seasons", sans-serif;
    line-height: 5.61875rem;
  }
}
.boxed-content-checklist__text {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.boxed-content-checklist__text > p {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--local-module-text-color, #281204);
}
.boxed-content-checklist__text > p a {
  color: var(--local-module-link-color, #281204);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-weight: 600;
}
.boxed-content-checklist__text > p a:hover {
  color: var(--local-module-link-hover-color, #1d0d03);
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .boxed-content-checklist__text > p {
    font-size: 1.25rem;
  }
}
.boxed-content-checklist__before, .boxed-content-checklist__after {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--local-module-text-color, #281204);
}
.boxed-content-checklist__list {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.boxed-content-checklist__list > li {
  color: #281204;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", "Arial";
  line-height: 1.55rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--local-module-text-color, #281204);
  display: grid;
  grid-template-columns: 25px auto;
  gap: 0.64rem;
  align-items: flex-start;
}
.boxed-content-checklist__list > li svg circle {
  fill: var(--local-module-svg-circle-color, #1d0d03);
}
.boxed-content-checklist__list > li svg path {
  fill: var(--local-module-svg-check-color, #cbc0af);
}
@media only screen and (min-width: 1024px) {
  .boxed-content-checklist__list li {
    font-size: 1.25rem;
  }
}
.boxed-content-checklist__list-text span {
  display: block;
}
.boxed-content-checklist__list-text span:first-child {
  font-weight: 600;
}