/* ------------------------- Lenis -------------------------------------------------- */

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
  height: 100vh;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}


/* ------------------------- Variables -------------------------------------------------- */

:root {
  --title-size: clamp(4.5em, 6.666vw, 6em);
  --section-padding: calc(var(--title-size) * 1.25);
  --header-padding-top: calc(var(--vh) * 22.5);
}

@media screen and (max-width: 991px) {
  :root {
    --title-size: calc((100vw - (var(--container-padding) * 2)) * 0.1);
    --container-padding: calc(var(--gap-small) * 2);
    --header-padding-top: calc(var(--nav-bar-height) + var(--gap));
  }
}

@media screen and (max-width: 479px) {
  :root {
    --title-size: calc((100vw - (var(--container-padding) * 2)) * 0.15);
    --container-padding: var(--gap-small);
    --container-padding-card: calc(var(--gap-small) * 2);
    --section-padding: calc(var(--gap) * 1.5);
  }
}


/* ------------------------- Viewport Height -------------------------------------------------- */

:root {
  --vh-in-px: 8px;
  --vh: var(--vh-in-px);
  --animation-primary: 0.5s cubic-bezier(.3, 1, .3, 1);
  --animation-smooth: 0.75s cubic-bezier(.3, 1, .3, 1);
  --animation-bounce: 0.5s cubic-bezier(.5, 1.5, .5, 1);
  --animation-bounce-smooth: 0.75s cubic-bezier(.5, 1.5, .5, 1);
}

@media (hover: hover) {
  :root {
    --vh: 1vh;
  }

  @supports (height: 1svh) {
    :root {
      --vh: 1svh;
    }
  }
}


/* ------------------------- Hide Scrollbar -------------------------------------------------- */

body::-webkit-scrollbar {
  display: none;
}

body {
  -ms-overflow-style: none;
}

html {
  scrollbar-width: none;
}


/* ------------------------- Body -------------------------------------------------- */

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: initial;
}

body {
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
  font-size: 16px;
  font-size: clamp(16px, 1.2vw, 20px);
  color: var(--color-dark);
  background-color: var(--color-primary-200);
}

html,
body {
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

main {
  box-sizing: border-box;
  background-color: var(--color-light);
  overscroll-behavior: none;
}

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


/* Selection */

::selection {
  background-color: var(--color-secondary);
  color: var(--color-light);
  text-shadow: none;
}

::-moz-selection {
  background-color: var(--color-secondary);
  color: var(--color-light);
  text-shadow: none;
}


/* General */

canvas,
img,
video,
picture,
figure {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  display: block;
  width: 100%;
}

svg {
  max-width: none;
  height: auto;
  box-sizing: border-box;
}

audio,
canvas,
iframe,
img,
svg,
video,
picture,
figure {
  vertical-align: middle;
}

form input,
form textarea,
form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
strong,
em,
figure,
figcaption {
  padding: 0;
  margin: 0;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-family: inherit;
  font-weight: inherit;
}

span {
  font-weight: inherit;
  color: inherit;
}

a {
  color: unset;
  text-decoration: none;
}

.bullet-list .bullet-list-li::before {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  background-color: var(--color-light);
  opacity: 0.5;
  border-radius: 50%;
  position: absolute;
  left: 0;
  transform: translateY(0.25em);
}

.bullet-list.dark .bullet-list-li::before {
  background-color: var(--color-secondary-300);
  opacity: 1;
}

/* Location of the navigation elements */

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 100;
  pointer-events: none;
}


/* Floating Elements */

.floating-elements {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 300;
  pointer-events: none;
}


/* Button */

.btn .btn-click .btn-background {
  transition: var(--animation-primary);
  transform: translateY(100%) scale(1) rotate(0.001deg);
  border-radius: 50%;
}

.btn .btn-click:hover .btn-background {
  transform: translateY(0%) scale(1) rotate(0.001deg);
  border-radius: var(--border-radius);
}

.btn .btn-click .btn-content .btn-content-inner {
  transition: var(--animation-primary);
  transform: translateY(0%) rotate(0.001deg);
}

.btn .btn-click:hover .btn-content .btn-content-inner {
  transform: translateY(-100%) rotate(0.001deg);
}

.btn .btn-click .btn-content.duplicate .btn-content-inner {
  transition: var(--animation-primary);
  transform: translateY(100%) rotate(0.001deg);
}

.btn .btn-click:hover .btn-content.duplicate .btn-content-inner {
  transform: translateY(0%) rotate(0.001deg);
}


/* Button Theme */

.btn[data-btn-theme="light"] .btn-click {
  background-color: var(--color-light);
}

.btn[data-btn-theme="light"] .btn-content {
  color: var(--color-dark);
}

.btn[data-btn-theme="light"] .btn-click .btn-background {
  background-color: #D3FFE5;
}

.btn[data-btn-theme="secondary"] .btn-click {
  background-color: var(--color-primary-400);
}

.btn[data-btn-theme="secondary"] .btn-content {
  color: var(--color-dark);
}

.btn[data-btn-theme="secondary"] .btn-click .btn-background {
  background-color: #D3FFE5;
}


/* Mega BTN Hover */

.mega-btn-link .mega-btn-line {
  transition: transform var(--animation-primary);
  transform-origin: right;
  transform: scale(0, 1) rotate(0.001deg);
}

.mega-btn-link:hover .mega-btn-line {
  transition: transform var(--animation-primary);
  transform-origin: left;
  transform: scale(1, 1) rotate(0.001deg);
}


/* Text Link Underline Hover */

[data-underline-link] {
  text-decoration: none;
  position: relative;
}

[data-underline-link]::before,
[data-underline-link="alt"]::before,
[data-underline-link="alt"]::after{
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: currentColor;
  transition: transform var(--animation-primary);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

[data-underline-link="alt"]::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

[data-underline-link="alt"]::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

@media (hover: hover) and (pointer: fine) {
  [data-hover]:hover [data-underline-link]::before,
  [data-underline-link]:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }  
  
  [data-hover]:hover [data-underline-link="alt"]::before,
  [data-underline-link="alt"]:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  
  [data-hover]:hover [data-underline-link="alt"]::after,
  [data-underline-link="alt"]:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}


/* Style the draw navigation */

.draw-nav .draw-nav-toggle {
  transition: var(--animation-primary);
}

.draw-nav .draw-nav-toggle:hover {
  background-color: var(--color-secondary-700);
}


/* Select SVG */

.elipse-draw-svg {
  display: none;
}

[data-cycle-select-status="active"] .elipse-draw-svg,
[data-cycle-select-status]:hover .elipse-draw-svg {
  display: block;
}

.elipse-draw-svg path {
  stroke-width: 1;
}


/* Select Background */

.draw-nav [data-cycle-select-status="active"] .draw-nav-select-background {
  transition: var(--animation-primary);
  background: var(--color-primary-700);
}


/* Select Text */

.draw-nav .draw-nav-select-text {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out;
}

.draw-nav [data-cycle-select-status="active"] .draw-nav-select-text,
.draw-nav [data-cycle-select-status]:hover .draw-nav-select-text {
  opacity: 1;
  visibility: visible;
}

.draw-nav [data-cycle-select-status="not-active"] .draw-nav-select-text.light {
  color: var(--color-dark);
}

.wf-design-mode .draw-nav .draw-nav-select-text {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 992px) {
  .draw-nav .draw-nav-select > *:first-child .draw-nav-select-background,
  .draw-nav .draw-nav-select > *:first-child .draw-nav-select-hover {
    width: calc(100% + (var(--btn-height) * 0.5));
    right: 0;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
  }

  .draw-nav .draw-nav-select > *:last-child .draw-nav-select-background,
  .draw-nav .draw-nav-select > *:last-child .draw-nav-select-hover {
    width: calc(100% + (var(--btn-height) * 0.5));
    left: 0;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
  }

  .draw-nav .draw-nav-select .draw-nav-select-btn .draw-nav-select-hover {
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
  }

  .draw-nav .draw-nav-select .draw-nav-select-btn[data-cycle-select-status="not-active"]:hover .draw-nav-select-hover {
    opacity: 0.5;
  }

  .draw-nav .draw-nav-select-hover {
    display: none;
  }
}


/* Form Info */

.form-info .form-info-hover {
  transition: var(--animation-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.5em) rotate(0.001deg);
}

.form-info:hover .form-info-hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0em) rotate(0.001deg);
}


/* Blog Pagination */

:is(.wf-design-mode, .w-editor) .blog-pagination {
  display: none;
}

.blog-pagination:not(:has(a[aria-label])) {
  display: none;
}

.blog-pagination-numbers:empty {
  display: none;
}


/* Blog Cards */

.blog-card {
  transition: border-color 0.2s linear;
}

.blog-card:hover {
  border-color: var(--color-primary-400);
}

.blog-card .blog-card-plus {
  transition: var(--animation-bounce);
  transform: scale(0) rotate(0.001deg);
}

.blog-card:hover .blog-card-plus {
  transform: scale(1) rotate(90deg);
}

.blog-card .blog-image-img {
  transition: var(--animation-bounce);
  transform: scale(1) rotate(0.001deg);
}

.blog-card:hover .blog-image-img {
  transform: scale(1.025) rotate(0.001deg);
}

.blog-card .blog-title-h {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

.blog-card .blog-title-h.is--featured {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: calc(2em * 1.3);
}

.blog-card .blog-text-p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  min-height: calc(3em * 1.5);
  overflow: hidden;
}

.blog-card .blog-text-p.is--featured {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: calc(2em * 1.5);
}


/* Blog Tags */

.tag-card .tag-bg {
  transition: var(--animation-bounce);
  opacity: 0;
}

.tag-card.w--current .tag-bg,
.tag-card:hover .tag-bg {
  opacity: 1;
}

.tag-card .tag-card-plus {
  transition: var(--animation-bounce);
  transform: scale(0) rotate(0.001deg);
}

.tag-card:hover .tag-card-plus {
  transform: scale(1) rotate(90deg);
}

.tag-card .tag-card-close {
  transition: var(--animation-bounce);
  transform: scale(0) rotate(0.001deg);
}

.tag-card.w--current .tag-card-close {
  transform: scale(1) rotate(90deg);
}

.tag-card.w--current:hover .tag-card-close {
  transform: scale(1.1) rotate(90deg);
}


/* Blog Tags is-filtered */

.row-blog-tags.is--filtered .col-blog-featured {
  display: none;
}

.row-blog-tags.is--filtered .tag-card-plus {
  display: none;
}

.row-blog-tags.is--filtered + .row-blog-grid-title {
  display: none;
}

@media screen and (min-width: 992px) {
  .row-blog-tags.is--filtered .blog-tags-list {
    flex-direction: row;
    justify-content: center;
  }

  .row-blog-tags.is--filtered .tag-card {
    padding: 0.75em 1.5em;
    justify-content: center;
    border-radius: var(--border-radius);
  }

  .row-blog-tags.is--filtered .tag-card .tag-card-p {
    font-size: 1.15em;
  }
}


/* Blog Sticky */

.article-side-sticky {
  transition: top var(--animation-smooth);
  top: calc(var(--nav-bar-height) - 2em);
}

[data-scrolling-started="true"][data-scrolling-direction="down"] .article-side-sticky {
  top: 0;
}

.article-side-sticky-link {
  transition: all 0.1s linear;
}

.article-side-sticky-link:hover {
  background-color: var(--color-primary-200);
}


/* Blog Content */

.article-rich p {
  color: var(--color-black);
  margin-bottom: 1em;
}

.article-rich figure + p:has(strong:first-child),
.article-rich image + p:has(strong:first-child),
.article-rich p + p:has(strong:first-child) {
  margin-top: 2em;
}

.article-rich p + ul,
.article-rich p + ol {
  margin-top: -0.5em;
}

.article-rich ul,
.article-rich ol {
  color: var(--color-black);
  margin-bottom: 1em;
  font-size: 1em;
}

.article-rich a,
.article-rich p a {
  text-decoration: underline;
}

.article-rich strong,
.article-rich p strong {
  font-weight: 700;
  font-family: Helvetica Neue LT Pro Bold, sans-serif;
}

.article-rich h1,
.article-rich h2 {
  font-size: 1.75em;
  color: var(--color-primary);
  margin-bottom: 0.5em;
  line-height: 1.25;
  margin-top: 2em;
  font-weight: 700;
  font-family: larken, sans-serif;
}

.article-rich h3 {
  font-size: 1.75em;
  color: var(--color-dark);
  margin-bottom: 0.5em;
  line-height: 1.25;
  margin-top: 2em;
  font-weight: 700;
  font-family: larken, sans-serif;
}

.article-rich h1 strong,
.article-rich h2 strong,
.article-rich h3 strong {
  font-family: inherit;
  font-weight: inherit;
}

.article-rich h4 {
  font-size: 1.25em;
  color: var(--color-dark);
  margin-bottom: 0.5em;
  line-height: 1.4;
}

.article-rich h5,
.article-rich h6 {
  font-size: 1em;
  color: var(--color-dark);
  margin-bottom: 0.25em;
  font-weight: 700;
  line-height: 1.5;
  font-family: Helvetica Neue LT Pro Bold, sans-serif;
}

.article-rich h6 {
  color: var(--color-primary);
}

.article-rich figure.w-richtext-align-fullwidth,
.article-rich figure,
.article-rich image,
.article-rich video,
.article-rich embed,
.article-rich blockquote {
  width: 85%;
  max-width: 85%;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 991px) {
  .article-rich figure.w-richtext-align-fullwidth,
  .article-rich figure,
  .article-rich image,
  .article-rich video,
  .article-rich embed,
  .article-rich blockquote {
    width: 100%;
    max-width: 100%;
  }
}


/* Pagebuilder Default Row Title */

.default-row-title .col-row:has(.h-medium:empty),
.default-row-title .col-row:has(.p-large:empty) {
  display: none;
}

.default-row-title .col-row + .col-row:has(.p-large) {
  margin-top: calc(var(--gap) * -1);
}


/* Bullet */

.bullet-list.is--green-dot .bullet-list-li::before {
  background-color: var(--color-primary-400);
}

.bullet-list.is--yellow-dot .bullet-list-li::before {
  background-color: var(--color-yellow-400);
}

.bullet-list.is--lightpurple-dot .bullet-list-li::before {
  background-color: #C36DE0;
}


/* Show small scrolled version in designer */

.wf-design-mode .transition-screen {
  opacity: 0;
  visibility: hidden;
}

.wf-design-mode .nav-height {
  height: var(--nav-height);
}

.wf-design-mode header .nav-bar {
  padding: 0;
  background-color: var(--color-primary-200);
  transform: translateY(0) rotate(0.001deg);
}

.wf-design-mode header {
  position: absolute;
}


/* Logo */

header .nav-bar .logo svg {
  transition: var(--animation-bounce);
  transform: scale(1) rotate(0.001deg);
}

header .nav-bar .logo:hover svg {
  transform: scale(0.95) rotate(0.001deg);
}


/* Nav Bar */

header .nav-bar {
  transition:
    background-color var(--animation-primary) 0s,
    box-shadow var(--animation-primary) 0s,
    padding var(--animation-smooth) 0s,
    transform var(--animation-smooth) 0s;
}

[data-scrolling-started="false"] header .nav-bar {
  padding: calc(var(--gap) - var(--gap-small)) 0;
  background-color: transparent;
  transform: translateY(0) rotate(0.001deg);
}

[data-scrolling-started="true"] header .nav-bar {
  transition:
    background-color var(--animation-smooth) 0.5s,
    box-shadow var(--animation-smooth) 0.5s,
    padding var(--animation-smooth) 0s,
    transform var(--animation-smooth) 0s;
  padding: 0;
  background-color: var(--color-light);
  transform: translateY(0) rotate(0.001deg);
}

[data-scrolling-started="true"][data-scrolling-direction="down"] header .nav-bar {
  padding: 0;
  transform: translateY(-100%) rotate(0.001deg);
}

[data-navigation-status="active"] header .nav-bar {
  transition:
    background-color var(--animation-primary) 0s,
    box-shadow var(--animation-primary) 0s,
    padding var(--animation-smooth) 0s,
    transform var(--animation-smooth) 0s;
  background-color: transparent;
}

@media screen and (max-width: 991px) {
  [data-scrolling-started="false"] header .nav-bar,
  [data-scrolling-started="true"] header .nav-bar {
    padding: var(--gap-small) 0;
  }
}

@media screen and (max-width: 479px) {
  [data-scrolling-started="false"] header .nav-bar,
  [data-scrolling-started="true"] header .nav-bar {
    padding: 0;
  }
}

header .nav-bar .nav-bar-link-indicator {
  transition: var(--animation-bounce);
  transform: scale(0) rotate(0.001deg);
}

header .nav-bar .nav-bar-link.w--current .nav-bar-link-indicator {
  transform: scale(1) rotate(0.001deg);
}

header .nav-bar ul:hover .nav-bar-link .nav-bar-link-indicator {
  transform: scale(0) rotate(0.001deg);
}

header .nav-bar ul:hover .nav-bar-link:hover .nav-bar-link-indicator {
  transform: scale(1) rotate(0.001deg);
}

.dropdown__cat-sub + .dropdown__cat-sub .dropdown__cat-title {
  padding-top: 0.0625em;
}


/* Dropdown */

.nav-bar-li .dropdown {
  transition: all var(--animation-primary);
  transform: translate(-50%, 1em) rotate(0.001deg);
  opacity: 0;
  visibility: hidden;
}

.nav-bar-li:hover .dropdown {
  transform: translate(-50%, 0em) rotate(0.001deg);
  opacity: 1;
  visibility: visible;
}

.nav-bar-link__chevron-svg {
  transition: transform var(--animation-primary);
  transform: rotate(0.001deg);
}

.nav-bar-li:hover .nav-bar-link__chevron-svg {
  transform: rotate(-180deg);
}

.dropdown__a {
  transition: background-color var(--animation-primary);
}

.dropdown__a:hover {
  background-color: var(--color-secondary-275);
}


/* Nav Bar Close */

header .nav-bar-close .nav-bar-close-bar {
  transition: var(--animation-primary);
  transform: translateY(0%) scaleX(1) rotate(0.001deg);
}

header .nav-bar-close .top {
  transform: translateY(-300%) scaleX(1) rotate(0.001deg);
}

header .nav-bar-close .bottom {
  transform: translateY(300%) scaleX(1) rotate(0.001deg);
}

[data-navigation-status="active"] header .nav-bar-close .top {
  transform: translateY(0%) scaleX(1) rotate(-45deg);
}

[data-navigation-status="active"] header .nav-bar-close .center {
  transform: translateY(0%) scaleX(0) rotate(0.001deg);
}

[data-navigation-status="active"] header .nav-bar-close .bottom {
  transform: translateY(0%) scaleX(1) rotate(45deg);
}


/* Nav Mobile */

header .nav-mobile {
  transition: var(--animation-primary);
  opacity: 0;
  visibility: hidden;
}

[data-navigation-status="active"] header .nav-mobile {
  transition: var(--animation-smooth);
  opacity: 1;
  visibility: visible;
}

header .nav-mobile-li {
  transition: opacity var(--animation-smooth) 0s, transform 0s linear 0.5s;
  opacity: 0;
  transform: translateY(101%) rotate(0.001deg);
}

[data-navigation-status="active"] header .nav-mobile-li {
  transition: opacity var(--animation-smooth) 0s, transform var(--animation-smooth) 0s;
  opacity: 1;
  transform: translateY(0%) rotate(0.001deg);
}

[data-navigation-status="active"] header .nav-mobile-li:nth-child(2) {
  transition-delay: 0.05s;
}

[data-navigation-status="active"] header .nav-mobile-li:nth-child(3) {
  transition-delay: 0.1s;
}

[data-navigation-status="active"] header .nav-mobile-li:nth-child(4) {
  transition-delay: 0.15s;
}

[data-navigation-status="active"] header .nav-mobile-li:nth-child(5) {
  transition-delay: 0.2s;
}

[data-navigation-status="active"] header .nav-mobile-li:nth-child(6) {
  transition-delay: 0.25s;
}

.nav-mobile-link__grid {
  transition: grid-template-rows var(--animation-primary);
}

[data-nav-accordion-status="active"] > .nav-mobile-link__grid,
.wf-design-mode [data-nav-accordion-status] > .nav-mobile-link__grid {
  grid-template-rows: 1fr;
}

.nav-mobile-li__chevron-svg {
  transition: transform var(--animation-primary);
}

[data-nav-accordion-status="active"] > [data-nav-accordion-toggle] .nav-mobile-li__chevron-svg {
  transform: rotate(180deg);
}

.nav-mobile .btn-group .btn {
  flex-grow: 1;
}


/* ------------------------- Footer -------------------------------------------------- */

@media screen and (min-width: 992px) {
  .section-footer .footer-card-link .footer-card-link-bottom {
    transition: transform var(--animation-bounce);
    transform: translateY(-100%) rotate(0.001deg);
  }

  .section-footer .footer-card-link:hover .footer-card-link-bottom,
  .wf-design-mode .section-footer .footer-card-link .footer-card-link-bottom {
    transform: translateY(0%) rotate(0.001deg);
  }

  .section-footer .footer-card-link .footer-card-link-top {
    transition: background-color var(--animation-primary);
    background-color: var(--color-secondary);
  }

  .section-footer .footer-card-link:hover .footer-card-link-top,
  .wf-design-mode .section-footer .footer-card-link .footer-card-link-top {
    background-color: var(--color-secondary-700);
  }
}


/* ------------------------- Canvas Coins -------------------------------------------------- */

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

.canvas-coins .canvas-container::before {
  content: "";
  position: absolute;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  left: -0.5px;
  top: -0.5px;
  border: 1px solid var(--color-primary-200);
  pointer-events: none;
  z-index: 2;
}

.canvas-coins canvas {
  position: relative;
  top: -1px;
  left: -1px;
  right: -1px;
  max-width: unset;
  pointer-events: all;
  max-width: calc(100% + 2px);
  max-height: calc(100% + 2px);
  min-width: calc(100% + 2px);
  min-height: calc(100% + 2px);
}

@media (hover: none) {
  .canvas-coins canvas {
    pointer-events: none;
  }
}

svg g#rotate {
  transform-origin: center center;
  animation: rotate360 12s linear infinite;
}

@keyframes rotate360 {
  to {
    transform: rotate(-360deg);
  }
}


/* ------------------------- Stack -------------------------------------------------- */

/* Make the biggest relative */

.section-stack .single-stack[data-cycle-largest="false"] {
  position: absolute;
  top: 0;
  height: 100%;
}

.section-stack .single-stack[data-cycle-largest="true"] {
  position: relative;
}

[data-cycle-status="not-active"] {
  cursor: pointer;
}


/* Style the stack */

.section-stack {
  --stack-card-gap: 3%;
}

.section-stack .single-stack {
  width: calc(100% - (var(--stack-card-gap) * 3));
  transition: transform var(--animation-bounce) 0.1s;
}

.section-stack .single-stack[data-cycle-z-index="4"] {
  transform: translateX(0) rotate(0.001deg);
  z-index: 4;
}

.section-stack .single-stack[data-cycle-z-index="3"] {
  transform: translateX(calc(var(--stack-card-gap) * 1)) rotate(0.001deg);
  z-index: 3;
}

.section-stack .single-stack[data-cycle-z-index="2"] {
  transform: translateX(calc(var(--stack-card-gap) * 2)) rotate(0.001deg);
  z-index: 2;
}

.section-stack .single-stack[data-cycle-z-index="1"] {
  transform: translateX(calc(var(--stack-card-gap) * 3)) rotate(0.001deg);
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .section-stack .single-stack[data-cycle-z-index="4"] {
    z-index: 4;
  }

  .section-stack .single-stack[data-cycle-z-index="3"] {
    z-index: 3;
  }

  .section-stack .single-stack[data-cycle-z-index="2"] {
    z-index: 1;
  }

  .section-stack .single-stack[data-cycle-z-index="1"] {
    transform: translateX(calc(var(--stack-card-gap) * -1)) rotate(0.001deg);
    z-index: 2;
  }
}

@media screen and (max-width: 767px) {
  .section-stack {
    --stack-card-gap: calc(100% + var(--container-padding));
  }

  .section-stack .single-stack {
    width: calc(100% - var(--container-padding));
    transition: transform var(--animation-primary), border-radius var(--animation-primary);
  }

  .section-stack .single-stack[data-cycle-status="active"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}


/* Custom for this stack */

.section-stack .draw-nav [data-cycle-select-status="active"][data-cycle-select="1"] .draw-nav-select-background {
  background: var(--color-secondary);
}

.section-stack .draw-nav [data-cycle-select-status="active"][data-cycle-select="2"] .draw-nav-select-background {
  background: var(--color-melon-400);
}

.section-stack .draw-nav [data-cycle-select-status="active"][data-cycle-select="3"] .draw-nav-select-background {
  background: var(--color-blue-400);
}


/* Show small scrolled version in designer */

.wf-design-mode .section-stack .single-stack[data-cycle-largest="false"] {
  position: relative;
}

.wf-design-mode .section-stack .single-stack[data-cycle-index] {
  width: 100%;
  transform: translateX(0);
}


/* ------------------------- Scroll Cards -------------------------------------------------- */

.section-scroll-cards .scroll-background-inner {
  transition: background-color var(--animation-primary);
}

.section-scroll-cards .scroll-background-inner .single-scroll-card {
  position: absolute;
  top: 0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all var(--animation-primary);
  pointer-events: none;
  user-select: none;
}

.section-scroll-cards .scroll-background-inner .single-scroll-card[data-scroll-card-status="active"] {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  user-select: auto;
}

.section-scroll-cards .scroll-background-inner .single-scroll-card .scroll-card-col-right {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 992px) {
  .section-scroll-cards .single-scroll-card {
    background-color: transparent;
  }

  .section-scroll-cards .scroll-cards-group .single-scroll-card .scroll-card-col-left {
    opacity: 0;
    visibility: hidden;
  }
}


/* Show small scrolled version in designer */

.wf-design-mode .section-scroll-cards .single-scroll-card {
  height: unset;
}

.wf-design-mode .scroll-cards-group .single-scroll-card .scroll-card-col-left {
  opacity: 1;
  visibility: visible;
}

.wf-design-mode .section-scroll-cards .scroll-cards-group {
  pointer-events: all;
}


/* ------------------------- Testimonials -------------------------------------------------- */

/* Draw Navigation */

@media screen and (min-width: 992px) {
  .section-testimonials .draw-nav {
    background-color: var(--color-blue-200);
  }
}

.section-testimonials .draw-nav-select-btn {
  background-color: var(--color-blue-200);
}

.section-testimonials .draw-nav-select-hover {
  background-color: var(--color-light);
}

.section-testimonials .draw-nav [data-cycle-select-status="active"] .draw-nav-select-background {
  background-color: var(--color-primary-400);
}


/* Make the biggest relative */

.section-testimonials .single-testimonial[data-cycle-largest="false"] {
  position: absolute;
  top: 0;
  height: 100%;
}

.section-testimonials .single-testimonial[data-cycle-largest="true"] {
  position: relative;
}


/* Active state */

.section-testimonials .single-testimonial .testimonial-col-left {
  opacity: 0;
  visibility: hidden;
  transition: var(--animation-primary);
}

.section-testimonials .single-testimonial[data-cycle-status="active"] .testimonial-col-left {
  opacity: 1;
  visibility: visible;
}


/* Style the stack */

.section-testimonials {
  --stack-card-gap: 1.5em;
}

@media screen and (max-width: 991px) {
  .section-testimonials {
    --stack-card-gap: 5vw;
  }
}

.section-testimonials .single-testimonial .testimonial-card {
  width: calc(100% - (var(--stack-card-gap) * 3));
  transition: transform var(--animation-bounce) 0.1s;
}

.section-testimonials .single-testimonial[data-cycle-z-index="4"] .testimonial-card {
  transform: translate(0, calc(var(--stack-card-gap) * 2)) rotate(-6deg);
  z-index: 4;
}

.section-testimonials .single-testimonial[data-cycle-z-index="3"] .testimonial-card {
  transform: translate(calc(var(--stack-card-gap) * 1.2), calc(var(--stack-card-gap) * 1.3)) rotate(-1deg);
  z-index: 3;
}

.section-testimonials .single-testimonial[data-cycle-z-index="2"] .testimonial-card {
  transform: translate(calc(var(--stack-card-gap) * 2), calc(var(--stack-card-gap) * 1.2)) rotate(-10deg);
  z-index: 2;
}

.section-testimonials .single-testimonial[data-cycle-z-index="1"] .testimonial-card {
  transform: translate(calc(var(--stack-card-gap) * 3), 0) rotate(-6deg);
  z-index: 1;
}


/* Show small scrolled version in designer */

.wf-design-mode .section-testimonials .single-testimonial[data-cycle-largest="false"] {
  position: relative;
}

.wf-design-mode .section-testimonials .single-testimonial .testimonial-col-left {
  opacity: 1;
  visibility: visible;
}


/* ------------------------- Calendar -------------------------------------------------- */

/* Make the biggest relative */

.section-calendar .calendar-wrap-content-single[data-cycle-largest="false"] {
  position: absolute;
  top: 0;
  height: 100%;
}

.section-calendar .calendar-wrap-content-single[data-cycle-largest="true"] {
  position: relative;
}


/* Active state */

.section-calendar .calendar-wrap-content-single {
  opacity: 0;
  visibility: hidden;
  transition: var(--animation-primary);
}

.section-calendar .calendar-wrap-content-single[data-cycle-status="active"] {
  opacity: 1;
  visibility: visible;
}


/* Hover Calendar */

.calendar-module .calendar-module-number .circle {
  transition: var(--animation-primary);
  transform: scale(1) rotate(0.001deg);
}

.calendar-module .calendar-module-number:hover .circle {
  transform: scale(0.9) rotate(0.001deg);
}


/* Inactive Calendar */

.calendar-module .calendar-module-number.inactive {
  cursor: auto;
}

.calendar-module .calendar-module-number.inactive .circle {
  background-color: transparent;
}

.calendar-module .calendar-module-number.inactive:hover .circle {
  transform: scale(1) rotate(0.001deg);
}

@media screen and (max-width: 1300px) {
  .section-calendar .container {
    max-width: 100%;
  }
}

@media screen and (max-width: 1060px) {
  .calendar-module .calendar-module-wrap {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 991px) {
  .section-calendar .draw-nav-calendar .draw-nav-toggle {
    display: flex;
  }

  .calendar-module .calendar-module-wrap {
    font-size: 2.25vw;
  }
}

@media screen and (max-width: 479px) {
  .calendar-module .calendar-module-wrap {
    font-size: 2.75vw;
  }
}


/* Show small scrolled version in designer */

.wf-design-mode .section-calendar .calendar-wrap-content-group {
  gap: 2em;
}

.wf-design-mode .section-calendar .calendar-wrap-content-single[data-cycle-largest="false"] {
  position: relative;
}

.wf-design-mode .section-calendar .calendar-wrap-content-single {
  opacity: 1;
  visibility: visible;
}


/* ------------------------- Steps -------------------------------------------------- */

/* Navigation */

@media screen and (min-width: 992px) {
  .section-steps .draw-nav {
    background-color: #964DC3;
  }
}

.section-steps .draw-nav .draw-nav-select-btn {
  background-color: #964DC3;
}

.section-steps .draw-nav .draw-nav-select-btn[data-cycle-select-status="active"] .draw-nav-select-background {
  background-color: var(--color-primary-400);
}

.section-steps .draw-nav .draw-nav-select-hover {
  background-color: var(--color-secondary-200);
}

.section-steps .draw-nav .draw-nav-toggle {
  background-color: var(--color-light);
  color: var(--color-dark);
}

.section-steps .draw-nav .draw-nav-toggle:hover {
  background-color: var(--color-lightgray);
}

.section-steps .draw-nav .elipse-draw-svg {
  color: var(--color-light);
}


/* Make the biggest relative */

.section-steps .steps-single-step[data-cycle-largest="false"] {
  position: absolute;
  top: 0;
  height: 100%;
}

.section-steps .steps-single-step[data-cycle-largest="true"] {
  position: relative;
}


/* Active state */

.section-steps .steps-single-step {
  opacity: 0;
  visibility: hidden;
  transition: var(--animation-primary);
}

.section-steps .steps-single-step[data-cycle-status="active"] {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 992px) {
  .section-steps .steps-single-step:nth-child(odd) .steps-single-col-left {
    order: 2;
  }
}


/* Show small scrolled version in designer */

.wf-design-mode .section-steps .steps-wrap {
  gap: 2em;
}

.wf-design-mode .section-steps .steps-single-step[data-cycle-largest="false"] {
  position: relative;
}

.wf-design-mode .section-steps .steps-single-step {
  opacity: 1;
  visibility: visible;
}


/* ------------------------- Accordion -------------------------------------------------- */

.accordion .single-accordion-item .single-accordion-item-bottom {
  display: grid;
  grid-template-rows: 0fr;
  transition: var(--animation-primary);
}

.accordion .single-accordion-item[data-accordion-status="active"] .single-accordion-item-bottom,
:is(.wf-design-mode, .w-editor) .accordion .single-accordion-item[data-accordion-status] .single-accordion-item-bottom {
  grid-template-rows: 1fr;
}


/* Plus */

.accordion .single-accordion-item .single-accordion-item-plus-bg,
:is(.wf-design-mode, .w-editor) .accordion .single-accordion-item[data-accordion-status="not-active"] .single-accordion-item-plus-bg {
  transform: scale(0.4) rotate(0.001deg);
  transition: var(--animation-bounce);
}

.accordion .single-accordion-item[data-accordion-status="not-active"] .single-accordion-item-plus-bg {
  transform: scale(1) rotate(-90deg);
}

.accordion .single-accordion-item .single-accordion-item-plus-bar {
  transform: rotate(-90deg);
  transition: var(--animation-primary);
}

.accordion .single-accordion-item[data-accordion-status="active"] .single-accordion-item-plus-bar,
:is(.wf-design-mode, .w-editor) .accordion .single-accordion-item .single-accordion-item-plus-bar {
  transform: rotate(0.001deg);
}

.accordion .single-accordion-item .single-accordion-item-plus-bar.duplicate {
  transform: rotate(-180deg);
}

.accordion .single-accordion-item[data-accordion-status="active"] .single-accordion-item-plus-bar.duplicate,
:is(.wf-design-mode, .w-editor) .accordion .single-accordion-item .single-accordion-item-plus-bar.duplicate {
  transform: rotate(0.001deg);
}

.accordion .single-accordion-item-top .single-accordion-item-plus {
  transform: scale(1) rotate(0.001deg);
  transition: var(--animation-bounce);
}

.accordion .single-accordion-item-top:hover .single-accordion-item-plus {
  transform: scale(0.95) rotate(0.001deg);
}


/* ------------------------- 404 Header -------------------------------------------------- */

.section-error-header .error-cloud-house {
  transform-origin: center center;
  animation: cloudBounce 6s ease-in-out infinite;
  animation-delay: -2s;
}

.section-error-header .error-cloud-small {
  transform-origin: center center;
  animation: cloudBounce 6s ease-in-out infinite;
}


/* ------------------------- Retire Header -------------------------------------------------- */

.section-retire-header .retire-cloud-house {
  transform-origin: center center;
  animation: cloudBounce 6s ease-in-out infinite;
  animation-delay: -2s;
}

.section-retire-header .retire-cloud-small {
  transform-origin: center center;
  animation: cloudBounce 6s ease-in-out infinite;
}

@keyframes cloudBounce {
  0%,
  100% {
    transform: translateY(0em) rotate(0.001deg);
  }

  50% {
    transform: translateY(-3em) rotate(0.001deg);
  }
}


/* ------------------------- Retirement How -------------------------------------------------- */

.retirement-drag-house {
  --retirement-drag-house-percent: 57%;
}

.retirement-coins-falling-content {
  animation: coinsFalling 4s linear infinite;
}

[data-retirement-coins-status="top"] .hide-coin-2 {
  opacity: 1;
  transition: 0.3s ease;
}

[data-retirement-coins-status="bottom"] .hide-coin {
  opacity: 0;
  transition: 0.3s ease;
}

@keyframes coinsFalling {
  0% {
    transform: translateY(0%) rotate(0.001deg);
  }

  100% {
    transform: translateY(100%) rotate(0.001deg);
  }
}

.retirement-single-coin {
  transform-origin: center center;
  animation: coinsRotate 4s linear infinite;
}

.retirement-single-coin:nth-child(2) {
  animation-delay: -4s;
}

.retirement-single-coin:nth-child(3) {
  animation-delay: -1s;
}

.retirement-single-coin:nth-child(4) {
  animation-delay: -2s;
}

.retirement-single-coin:nth-child(5) {
  animation-delay: -3s;
}

@keyframes coinsRotate {
  0% {
    transform: rotate(45deg);
  }

  100% {
    transform: rotate(225deg);
  }
}


/* ------------------------- Realtors -------------------------------------------------- */

.section-copilot-header .col-copilot-header-image-star {
  transform-origin: center center;
  animation: rotate8 0.5s linear infinite;
}

@keyframes rotate8 {
  to {
    transform: rotate(-8deg);
  }
}

.sound-waves .sound-wave-line {
  animation: bounceBar 0.8s infinite;
  animation-timing-function: ease;
  transform-origin: center center;
}

.sound-waves .sound-wave-line:nth-child(2),
.sound-waves .sound-wave-line:nth-child(4),
.sound-waves .sound-wave-line:nth-child(6),
.sound-waves .sound-wave-line:nth-child(8) {
  animation-delay: -0.2s;
}

.sound-waves .sound-wave-line:nth-child(3),
.sound-waves .sound-wave-line:nth-child(7) {
  animation-delay: -0.4s;
}

@keyframes bounceBar {
  0% {
    transform: scaleY(1) rotate(0.001deg);
  }

  15% {
    transform: scaleY(0.9) rotate(0.001deg);
  }

  50% {
    transform: scaleY(0.3) rotate(0.001deg);
  }

  85% {
    transform: scaleY(0.9) rotate(0.001deg);
  }

  100% {
    transform: scaleY(1) rotate(0.001deg);
  }
}


/* ------------------------- Section Themes -------------------------------------------------- */

[data-section-theme="blue"] {
  background-color: var(--color-blue-200);
}

[data-section-theme="green"] {
  background-color: var(--color-apple-200);
}

[data-section-theme="yellow"] {
  background-color: var(--color-yellow-200);
}

[data-section-theme="purple"] {
  background-color: var(--color-secondary-200);
}

[data-section-theme="aqua"] {
  background-color: var(--color-aqua-200);
}

[data-section-theme="pink"] {
  background-color: var(--color-pink-200);
}


/* ------------------------- Pagebuilder -------------------------------------------------- */

.pagebuilder .section-footer {
  margin-top: var(--section-padding);
}

.pagebuilder .section-content-split + .section-content-split {
  padding-top: calc(var(--section-padding) * 0.5);
}

.pagebuilder .section-scroll-cards + section:not(.section-article-recent) {
  padding-top: calc(var(--section-padding) - var(--container-padding));
}

.pagebuilder .section-scroll-cards + .section-steps,
.pagebuilder .section-scroll-cards + .section-article-recent {
  margin-top: calc(var(--section-padding) - var(--container-padding));
}

.pagebuilder:has(.section-card-save + .section-article-recent) .section-card-save .back-card-save-half {
  opacity: 1;
}

.pagebuilder .section-card-save + .section-article-recent {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.pagebuilder .section-article-recent:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: calc(var(--section-padding) * -1);
}

.pagebuilder .section-article-recent + .section-faq {
  background-color: var(--color-primary-200);
  padding-top: 0;
  padding-bottom: var(--section-padding);
  border-bottom-left-radius: var(--border-radius-xl);
  border-bottom-right-radius: var(--border-radius-xl);
}

.pagebuilder:has(.section-article-recent + .section-faq) .section-article-recent {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.pagebuilder .section-article-recent + .section-faq:last-child {
  margin-bottom: calc(var(--section-padding) * -1);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: var(--section-padding);
}

.pagebuilder .section-article-recent + .section-faq .single-accordion-item {
  background-color: var(--color-light);
}


/* ------------------------- Section Content Split -------------------------------------------------- */

.section-content-split .col-row:has(.eyebrow:empty),
.section-content-split .bullet-list-li:empty {
  display: none;
}

@media screen and (min-width: 992px) {
  .section-content-split[data-flip="true"] .default-split-col-image {
    order: 2 !important;
  }
}

@media screen and (max-width: 991px) {
  .section-content-split .default-split-col-text {
    order: 2 !important;
  }
}


/* ------------------------- Flickity Slider Setup -------------------------------------------------- */

.flickity-slider-group {
  width: 100%;
  position: relative;
  --grid-gap: 1.5em;
  --columns: 3;
}

.flickity-slider-group .flickity-carousel {
  display: block;
}

.flickity-slider-group .flickity-slide {
  width: calc((99.99% / var(--columns)) - (var(--grid-gap) * ((var(--columns) - 1) / var(--columns))));
  margin-right: var(--grid-gap);
  flex-shrink: 0;
  display: block;
}

.flickity-slider-group .flickity-carousel::after {
  content: "flickity";
  display: none;
}

.flickity-slider-group .flickity-viewport {
  overflow: visible;
  width: 100%;
}


/* Flickity Controls */

.flickity-slider-group .flickity-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--grid-gap);
}

.flickity-slider-group .flickity-controls .flickity-arrow {
  position: relative;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--color-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  transform: scale(1) rotate(0.001deg);
  transition: transform var(--animation-primary);
}

.flickity-slider-group .flickity-controls .flickity-arrow svg {
  width: 40%;
}

.flickity-slider-group .flickity-controls .flickity-arrow svg :is(polyline, line, path) {
  stroke: var(--color-dark);
  stroke-width: 2px;
}

.flickity-slider-group .flickity-controls .flickity-arrow[data-flickity-control="prev"] svg {
  transform: scaleX(-1);
}

.flickity-slider-group .flickity-controls .flickity-arrow[disabled] {
  transform: scale(0) rotate(0.001deg);
  pointer-events: none;
}

@media screen and (min-width: 992px) {
  .flickity-slider-group:is(.count-1, .count-2, .count-3, .count-4) .flickity-carousel::after {
    content: "";
    display: block;
  }

  .flickity-slider-group:is(.count-1, .count-2, .count-3, .count-4) .flickity-carousel {
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-gap);
  }

  .flickity-slider-group:is(.count-1, .count-2, .count-3, .count-4) .flickity-controls {
    display: none;
  }

  .flickity-slider-group:is(.count-1, .count-2, .count-3, .count-4) .flickity-carousel .flickity-slide {
    margin: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .flickity-slider-group:is(.count-1, .count-2) .flickity-carousel::after {
    content: "";
    display: block;
  }

  .flickity-slider-group:is(.count-1, .count-2) .flickity-carousel {
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-gap);
  }

  .flickity-slider-group:is(.count-1, .count-2) .flickity-controls {
    display: none;
  }

  .flickity-slider-group:is(.count-1, .count-2) .flickity-carousel .flickity-slide {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .flickity-slider-group:is(.count-1) .flickity-carousel::after {
    content: "";
    display: block;
  }

  .flickity-slider-group:is(.count-1) .flickity-carousel {
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-gap);
  }

  .flickity-slider-group:is(.count-1) .flickity-controls {
    display: none;
  }

  .flickity-slider-group:is(.count-1) .flickity-carousel .flickity-slide {
    margin: 0;
  }
}


/* Webflow Fix */

:is(.wf-design-mode, .w-editor) .flickity-carousel {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gap);
}

:is(.wf-design-mode, .w-editor) .flickity-carousel .flickity-slide {
  margin: 0;
}


/* ------------------------- Link Cards -------------------------------------------------- */

.flickity-slider-group[data-flickity-slider-type="cards"] {
  --grid-gap: 1.5em;
  --columns: 4;
}

@media (min-width: 768px) and (max-width: 991px) {
  .flickity-slider-group[data-flickity-slider-type="cards"] {
    --grid-gap: 1.5em;
    --columns: 2;
  }
}

@media screen and (max-width: 767px) {
  .flickity-slider-group[data-flickity-slider-type="cards"] {
    --grid-gap: var(--container-padding);
    --columns: 1.2;
  }
}

.link-card img[src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg"] {
  display: none;
}

.link-card .link-card__text-bottom:has(a[href="#"]) {
  display: none;
}

[data-card-theme="green"] {
  background-color: var(--color-primary-700);
}

[data-card-theme="light-green"] {
  background-color: var(--color-apple-200);
  color: var(--color-dark);
}

[data-card-theme="orange"] {
  background-color: var(--color-melon-400);
}

[data-card-theme="yellow"] {
  background-color: var(--color-yellow-200);
  color: var(--color-dark);
}

[data-card-theme="purple"] {
  background-color: var(--color-secondary-300);
}

[data-card-theme="aqua"] {
  background-color: var(--color-aqua-200);
  color: var(--color-dark);
}

[data-card-theme="pink"] {
  background-color: var(--color-pink-200);
  color: var(--color-dark);
}

[data-card-theme="light-purple"] {
  background-color: var(--color-secondary-200);
  color: var(--color-dark);
}


/* ------------------------- Bento Tiles -------------------------------------------------- */

.section-bento-tiles .bullet-list-li:empty {
  display: none;
}

/* ------------------------- Heloc Benefits Scroll -------------------------------------------------- */

.benefits-scroll svg {
  transform-origin: center center;
  animation: arrowBounce 2s ease-in-out infinite;
  animation-delay: -1s;
}

@keyframes arrowBounce {
  0%,
  100% {
    transform: translateY(0em) rotate(0.001deg);
  }

  50% {
    transform: translateY(-1em) rotate(0.001deg);
  }
}

[data-house-shape-target] {
  visibility: hidden;
}

.wf-design-mode :is([data-house-line="2"], [data-house-line="3"]) {
  display: none;
}

/* ------------------------- Credit Boost Header -------------------------------------------------- */

.cb-header-visual__dot-text {
  transform-origin: center center;
  animation: rotate360 9s linear infinite;
}

.cb-header-visual__star {
  transform-origin: center center;
  animation: rotate360 36s linear infinite;
}

/* ------------------------- FICO -------------------------------------------------- */

@media screen and (min-width: 992px) {
  .cb-fico__steps .cb-fico__step {
    transition: 0.3s ease;
    opacity: 0.4;
  }
  
  [data-fico-active="1"] [data-fico-step="1"],
  [data-fico-active="2"] [data-fico-step="2"],
  [data-fico-active="3"] [data-fico-step="3"],
  [data-fico-active="4"] [data-fico-step="4"],
  [data-fico-active="5"] [data-fico-step="5"] {
    opacity: 1;
  }
  
  [data-fico-active]:has([data-fico-step]:hover) [data-fico-step] {
    opacity: 0.4;
  }
  
  [data-fico-active]:has([data-fico-step]:hover) [data-fico-step]:hover {
    opacity: 1;
  }
  
  .cb-fico__focus {
    transition: left 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  
  [data-fico-active="1"] .cb-fico__focus,
  [data-fico-active]:has([data-fico-step="1"]:hover) .cb-fico__focus {
    left: 0%;
  }
  
  [data-fico-active="2"] .cb-fico__focus,
  [data-fico-active]:has([data-fico-step="2"]:hover) .cb-fico__focus {
    left: 25%;
  }
  
  [data-fico-active="3"] .cb-fico__focus,
  [data-fico-active]:has([data-fico-step="3"]:hover) .cb-fico__focus {
    left: 50%;
  }
  
  [data-fico-active="4"] .cb-fico__focus,
  [data-fico-active]:has([data-fico-step="4"]:hover) .cb-fico__focus {
    left: 75%;
  }
  
  [data-fico-active="5"] .cb-fico__focus,
  [data-fico-active]:has([data-fico-step="5"]:hover) .cb-fico__focus {
    left: 100%;
  }
}


/* ------------------------- Default -------------------------------------------------- */

/* ------------------------- Default -------------------------------------------------- */

/* ------------------------- Default -------------------------------------------------- */

/* ------------------------- Default -------------------------------------------------- */

/* ------------------------- Default -------------------------------------------------- */

/* ------------------------- Default -------------------------------------------------- */

/* ------------------------- Default -------------------------------------------------- */