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

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Open Sans, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

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

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

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

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

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

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

  .\!container {
    max-width: 768px !important;
  }

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

  .\!container {
    max-width: 1024px !important;
  }

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

  .\!container {
    max-width: 1280px !important;
  }

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

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
.header-container-simple {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 50;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(34 59 89 / var(--tw-bg-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
        .phone-number{
           
            a {
      display: flex;
    }
           
            a {
      flex-direction: row;
    }
           
            a {
      align-items: center;
    }
           
            a {
      gap: 0.5rem;
    }
           
            a {
      font-size: 1rem;
      line-height: 1.5rem;
    }
           
            a {
      font-weight: 600;
    }
           
            a {
      line-height: 1.5rem;
    }
           
            a {
      letter-spacing: -0.16px;
    }
           
            a {
      --tw-text-opacity: 1;
      color: rgb(250 253 255 / var(--tw-text-opacity, 1));
    }
        }
        /* Logo */
    .header-logo {
    flex: 1 1 0%;
  }
    .header-logo {
        
        .logo-mark {
      height: 2rem;
    }
        
        .logo-mark {
      width: auto;
    }
    }
}
@media (max-width: 960px) {
        .header-container-simple{
            .phone-number{
                span{
                    display:none;
                }
            }
        }
    }
/* Main Header Styles */
.main-header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 50;
}
/* Utility Bar - Desktop Only */
.header-utility-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(30 45 72 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        
        .header-utility-container {
    display: flex;
  }
        
        .header-utility-container {
    width: 100%;
  }
        
        .header-utility-container {
    flex-direction: row;
  }
        
        .header-utility-container {
    justify-content: flex-end;
  }
        
        .header-utility-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
        
        .header-utility-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .header-utility-links {
    display: flex;
  }
        
        .header-utility-links {
    align-items: center;
  }
        
        .header-utility-links {
    justify-content: flex-end;
  }
        
        .header-utility-links {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
        
        .utility-link {
    font-weight: 600;
  }
        
        .utility-link {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
        
        .utility-link {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .utility-link {
    transition-duration: 200ms;
  }
        
        .utility-link:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
        
        .utility-divider {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
        
        .utility-divider {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
/* Main Header */
.header-main {
  --tw-bg-opacity: 1;
  background-color: rgb(34 59 89 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        
        .header-container {
    display: flex;
  }
        
        .header-container {
    width: 100%;
  }
        
        .header-container {
    align-items: center;
  }
        
        .header-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .header-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
/* Logo */
.header-logo {
  flex: 1 1 0%;
        
        .logo-image {
    height: 2rem;
  }
        
        .logo-image {
    width: auto;
  }
}
/* Desktop Navigation */
.desktop-nav {
  display: flex;
  justify-content: center;
        
        .nav-menu {
    display: flex;
  }
        
        .nav-menu {
    align-items: center;
  }
        
        .nav-menu {
    justify-content: center;
  }
        
        .nav-menu > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
.nav-link {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.nav-link:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.nav-link {
        
        &.active {
    --tw-text-opacity: 1;
    color: rgb(123 179 232 / var(--tw-text-opacity, 1));
  }
    }
/* Navigation Dropdown Styles - Based on Figma Design */
.nav-item-dropdown {
  position: relative;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        padding-bottom: 20px; /* Extend white background down */
        margin-bottom: -20px; /* Compensate to maintain layout */
}
.nav-item-dropdown:hover {
  position: relative;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        padding-top: 10px; /* Add white padding above */
        padding-bottom: 30px; /* Extend white background down */
        margin-top: -10px; /* Compensate for top padding */
        margin-bottom: -30px; /* Compensate for bottom padding */
        z-index: 51; /* Above dropdown to connect */
}
.nav-item-dropdown:hover .nav-link {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.nav-item-dropdown:hover .nav-dropdown {
  visibility: visible;
  opacity: 1;
        transform: translateY(0);
        left: auto; /* Use auto positioning */
}
.nav-dropdown {
        position: fixed;
        visibility: hidden;
        z-index: 50;
        opacity: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        transition-duration: 0s;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 
        top: 100px; /* Desktop header height (utility bar + main nav) */
        left: inherit;
        transform: translateY(5px);
        width: auto;
        min-width: 600px;
        margin-left: -40px; /* Align content with nav item */
    }
/* Prevent dropdowns from going off-screen on the right - only for last 2 items (research, contact) */
.nav-item:nth-last-child(-n+2) .nav-dropdown,
    .nav-item-dropdown:nth-last-child(-n+2) .nav-dropdown {
        right: 0;
        left: auto;
        margin-left: 0;
        margin-right: 20px; /* Add some margin from the right edge */
    }
/* Ensure dropdown content remains left-aligned even when dropdown is positioned from right */
.nav-item:nth-last-child(-n+2) .nav-dropdown .dropdown-inner,
    .nav-item-dropdown:nth-last-child(-n+2) .nav-dropdown .dropdown-inner {
        text-align: left;
    }
.nav-item:nth-last-child(-n+2) .nav-dropdown .dropdown-inner .dropdown-column,
    .nav-item-dropdown:nth-last-child(-n+2) .nav-dropdown .dropdown-inner .dropdown-column {
        text-align: left;
    }
.dropdown-inner {
        display: inline-flex;
        padding: 32px 40px; /* spacing-4xl spacing-5xl */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
        border-radius: 16px; /* radius-2xl */
        background: #FFFFFF; /* Colors/Background/bg-primary */
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    }
/* Header section */
.dropdown-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
        height: 42px;
        margin-bottom: 48px; /* spacing-6xl */
}
.dropdown-logo-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dropdown-logo {
        height: 25px;
        width: auto;
    }
.dropdown-divider {
  height: 18px;
  width: 2px;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(237 28 36 / var(--tw-bg-opacity, 1));
}
/* .dropdown-title {*/
/*     font-family: 'Interstate-Regular', 'Open Sans', sans-serif;*/
/*     font-size: 21.375px;*/
/*     font-weight: 400;*/
/*     letter-spacing: -0.855px;*/
/*     text-transform: uppercase;*/
/*     color: #002952; *//* fg-brand-primary *//**/
/* }*/
.dropdown-title {
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.855px;
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
        /*transform: translateY(1px);*/
}
.dropdown-logo-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.dropdown-logo {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.dropdown-logo .dropdown-logo-image {
  height: 100%;
  width: 145px;
  -o-object-fit: contain;
     object-fit: contain;
        vertical-align: middle;
        transform: translateY(6px);
}
.dropdown-arrow {
  margin-left: 0.5rem;
  height: 1rem;
  width: 1rem;
}
/* Content sections */
.dropdown-sections {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
}
/* Left navigation */
.dropdown-nav-sections {
  display: flex;
  flex-direction: column;
        width: 250px;
}
.section-nav-item {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: flex-start;
        padding: 20px 16px; /* spacing-2xl spacing-xl */
        height: 60px;
      
        font-size: 14px; /* text-sm */
        font-weight: 600; /* semibold */
        line-height: 20px;
        color: #181d27; /* text-primary */
        background: transparent;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08); /* border-secondary_alt */
        text-align: left;
        transition: background-color 0.2s;
}
.section-nav-item:last-child {
        border-bottom: none;
    }
.section-nav-item.active {
        background: #f0f6fc; /* bg-brand-primary */
        border-radius: 8px; /* radius-md */
        border-bottom: none; /* Remove bottom border on active */
    }
/* Hover state - change text color only */
.section-nav-item:hover:not(.active) {
        color: #002952; /* fg-brand-primary - blue text on hover */
    }
/* Hide border on item before active item */
.section-nav-item:has(+ .active) {
        border-bottom: none;
    }
/* Right content links */
.dropdown-links-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
        width: 250px;
}
.dropdown-content {
        display: none;
    }
.dropdown-content.active {
        display: flex;
        flex-direction: column;
       /*gap: 16px; *//* spacing-xl *//**/
    }
.dropdown-content-title {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}
.dropdown-content-title-arrow {
        display: inline-flex;
        align-items: center;
        margin-bottom: 1.5rem;
        gap: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(24 29 39 / var(--tw-text-opacity, 1));
       
    }
.dropdown-content-subtitle {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity, 1));
}
.dropdown-items {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.dropdown-item {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity, 1));  
        
        
        text-decoration: none;
        transition: color 0.2s;
}
.dropdown-item:hover {
        color: #002952; /* fg-brand-primary */
    }
/* Desktop Search */
.header-search {
  display: flex;
  flex: 1 1 0%;
  justify-content: flex-end;
            
            &.active {
    border-bottom-width: 2px;
  }
            
            &.active {
    --tw-border-opacity: 1;
    border-color: rgb(123 179 232 / var(--tw-border-opacity, 1));
  }
            
            &.active {
    --tw-text-opacity: 1;
    color: rgb(123 179 232 / var(--tw-text-opacity, 1));
  }
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.-top-3 {
  top: -0.75rem;
}
.-top-6 {
  top: -1.5rem;
}
.-top-\[42px\] {
  top: -42px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-\[-10px\] {
  bottom: -10px;
}
.bottom-\[-20px\] {
  bottom: -20px;
}
.bottom-\[116px\] {
  bottom: 116px;
}
.bottom-\[118px\] {
  bottom: 118px;
}
.bottom-\[60px\] {
  bottom: 60px;
}
.bottom-\[80px\] {
  bottom: 80px;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-12 {
  left: 3rem;
}
.left-16 {
  left: 4rem;
}
.left-6 {
  left: 1.5rem;
}
.left-8 {
  left: 2rem;
}
.left-\[353px\] {
  left: 353px;
}
.right-0 {
  right: 0px;
}
.right-12 {
  right: 3rem;
}
.right-\[-10px\] {
  right: -10px;
}
.right-\[-200px\] {
  right: -200px;
}
.right-\[-20px\] {
  right: -20px;
}
.right-\[114px\] {
  right: 114px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-3 {
  top: 0.75rem;
}
.top-5 {
  top: 1.25rem;
}
.top-6 {
  top: 1.5rem;
}
.top-\[117px\] {
  top: 117px;
}
.top-full {
  top: 100%;
}
.z-0 {
  z-index: 0;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-first {
  order: -9999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.row-span-1 {
  grid-row: span 1 / span 1;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-start-3 {
  grid-row-start: 3;
}
.row-start-4 {
  grid-row-start: 4;
}
.m-0 {
  margin: 0px;
}
.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[178px\] {
  height: 178px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[199px\] {
  height: 199px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[210px\] {
  height: 210px;
}
.h-\[251px\] {
  height: 251px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[260px\] {
  height: 260px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[326px\] {
  height: 326px;
}
.h-\[340px\] {
  height: 340px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[352px\] {
  height: 352px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[37px\] {
  height: 37px;
}
.h-\[39px\] {
  height: 39px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[450px\] {
  height: 450px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[536px\] {
  height: 536px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[636px\] {
  height: 636px;
}
.h-\[643px\] {
  height: 643px;
}
.h-\[653px\] {
  height: 653px;
}
.h-\[676px\] {
  height: 676px;
}
.h-\[700px\] {
  height: 700px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[846px\] {
  height: 846px;
}
.h-\[85px\] {
  height: 85px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[1px\] {
  min-height: 1px;
}
.min-h-\[90vh\] {
  min-height: 90vh;
}
.min-h-px {
  min-height: 1px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[111px\] {
  width: 111px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[145px\] {
  width: 145px;
}
.w-\[161px\] {
  width: 161px;
}
.w-\[195px\] {
  width: 195px;
}
.w-\[211px\] {
  width: 211px;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[271px\] {
  width: 271px;
}
.w-\[290px\] {
  width: 290px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[373px\] {
  width: 373px;
}
.w-\[376px\] {
  width: 376px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[456px\] {
  width: 456px;
}
.w-\[479px\] {
  width: 479px;
}
.w-\[487px\] {
  width: 487px;
}
.w-\[493px\] {
  width: 493px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[528px\] {
  width: 528px;
}
.w-\[560px\] {
  width: 560px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[657px\] {
  width: 657px;
}
.w-\[66px\] {
  width: 66px;
}
.w-\[676px\] {
  width: 676px;
}
.w-\[68px\] {
  width: 68px;
}
.w-\[720px\] {
  width: 720px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[85px\] {
  width: 85px;
}
.w-\[872px\] {
  width: 872px;
}
.w-\[87px\] {
  width: 87px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[96px\] {
  width: 96px;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[1px\] {
  min-width: 1px;
}
.min-w-\[230px\] {
  min-width: 230px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-px {
  min-width: 1px;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[1280px\] {
  max-width: 1280px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[304px\] {
  max-width: 304px;
}
.max-w-\[584px\] {
  max-width: 584px;
}
.max-w-\[657px\] {
  max-width: 657px;
}
.max-w-\[659px\] {
  max-width: 659px;
}
.max-w-\[793px\] {
  max-width: 793px;
}
.max-w-\[862px\] {
  max-width: 862px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0 {
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[479px_minmax\(0px\2c _1fr\)\] {
  grid-template-columns: 479px minmax(0px, 1fr);
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-24 {
  gap: 6rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-40 {
  gap: 10rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[151px\] {
  gap: 151px;
}
.gap-\[153px\] {
  gap: 153px;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-\[19px\] {
  gap: 19px;
}
.gap-\[22px\] {
  gap: 22px;
}
.gap-\[26px\] {
  gap: 26px;
}
.gap-\[48px\] {
  gap: 48px;
}
.gap-y-8 {
  row-gap: 2rem;
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.self-stretch {
  align-self: stretch;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[60\.48px\] {
  border-radius: 60.48px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}
.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-none {
  border-style: none;
}
.border-\[\#074482\] {
  --tw-border-opacity: 1;
  border-color: rgb(7 68 130 / var(--tw-border-opacity, 1));
}
.border-\[\#1878D9\] {
  --tw-border-opacity: 1;
  border-color: rgb(24 120 217 / var(--tw-border-opacity, 1));
}
.border-\[\#1a3a6b\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 58 107 / var(--tw-border-opacity, 1));
}
.border-\[\#7BB3E8\] {
  --tw-border-opacity: 1;
  border-color: rgb(123 179 232 / var(--tw-border-opacity, 1));
}
.border-\[\#ADD2F7\] {
  --tw-border-opacity: 1;
  border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
}
.border-\[\#a4a7ae\] {
  --tw-border-opacity: 1;
  border-color: rgb(164 167 174 / var(--tw-border-opacity, 1));
}
.border-\[\#add2f7\] {
  --tw-border-opacity: 1;
  border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
}
.border-\[\#d5d7da\] {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity, 1));
}
.border-\[\#e1edfa\] {
  --tw-border-opacity: 1;
  border-color: rgb(225 237 250 / var(--tw-border-opacity, 1));
}
.border-\[\#e9eaeb\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 234 235 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(164 167 174 / var(--tw-border-opacity, 1));
}
.border-brand-blue-alt {
  --tw-border-opacity: 1;
  border-color: rgb(10 92 173 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-info-border {
  --tw-border-opacity: 1;
  border-color: rgb(24 120 217 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-t-brand-blue {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 41 82 / var(--tw-border-opacity, 1));
}
.bg-\[\#002952\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
}
.bg-\[\#063a75\] {
  --tw-bg-opacity: 1;
  background-color: rgb(6 58 117 / var(--tw-bg-opacity, 1));
}
.bg-\[\#074482\] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a5cad\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 92 173 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f4482\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 68 130 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a3a6b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 58 107 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3f5274\] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 82 116 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7BB3E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(123 179 232 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F9FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 249 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d0e4f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 228 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e1edfa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e8f4fd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 244 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f0f6fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-bg-blue-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(204 227 255 / var(--tw-bg-opacity, 1));
}
.bg-bg-blue-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(235 241 247 / var(--tw-bg-opacity, 1));
}
.bg-bg-brand-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
}
.bg-bg-brand-secondary-alt {
  --tw-bg-opacity: 1;
  background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-header {
  --tw-bg-opacity: 1;
  background-color: rgb(30 45 72 / var(--tw-bg-opacity, 1));
}
.bg-blue-nav {
  --tw-bg-opacity: 1;
  background-color: rgb(34 59 89 / var(--tw-bg-opacity, 1));
}
.bg-brand-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
}
.bg-brand-blue-solid {
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
}
.bg-brand-red {
  --tw-bg-opacity: 1;
  background-color: rgb(237 28 36 / var(--tw-bg-opacity, 1));
}
.bg-brand-secondary-button {
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
}
.bg-btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(120 182 245 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(152 145 217 / var(--tw-bg-opacity, 1));
}
.bg-light-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(212 230 255 / var(--tw-bg-opacity, 1));
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-soft-green {
  --tw-bg-opacity: 1;
  background-color: rgb(187 250 245 / var(--tw-bg-opacity, 1));
}
.bg-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-text-paper-white {
  --tw-bg-opacity: 1;
  background-color: rgb(250 253 255 / var(--tw-bg-opacity, 1));
}
.bg-text-secondary-white {
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[rgba\(0\2c 0\2c 0\2c 0\.63\)\] {
  --tw-gradient-from: rgba(0,0,0,0.63) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[18px\] {
  padding: 18px;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-40 {
  padding-bottom: 10rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-20 {
  padding-left: 5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-48 {
  padding-top: 12rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-center {
  text-align: center;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[21px\] {
  font-size: 21px;
}
.text-\[29px\] {
  font-size: 29px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[50px\] {
  font-size: 50px;
}
.text-\[60px\] {
  font-size: 60px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[0\] {
  line-height: 0;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-\[32px\] {
  line-height: 32px;
}
.leading-\[38px\] {
  line-height: 38px;
}
.leading-\[44px\] {
  line-height: 44px;
}
.leading-\[48px\] {
  line-height: 48px;
}
.leading-\[50px\] {
  line-height: 50px;
}
.leading-\[56px\] {
  line-height: 56px;
}
.leading-\[58px\] {
  line-height: 58px;
}
.leading-\[68px\] {
  line-height: 68px;
}
.leading-\[80px\] {
  line-height: 80px;
}
.leading-\[85px\] {
  line-height: 85px;
}
.leading-none {
  line-height: 1;
}
.tracking-\[-0\.16px\] {
  letter-spacing: -0.16px;
}
.tracking-\[-0\.18px\] {
  letter-spacing: -0.18px;
}
.tracking-\[-0\.2px\] {
  letter-spacing: -0.2px;
}
.tracking-\[-0\.72px\] {
  letter-spacing: -0.72px;
}
.tracking-\[-0\.9px\] {
  letter-spacing: -0.9px;
}
.tracking-\[-1\.44px\] {
  letter-spacing: -1.44px;
}
.tracking-\[-2\.4px\] {
  letter-spacing: -2.4px;
}
.tracking-\[-2\.88px\] {
  letter-spacing: -2.88px;
}
.tracking-\[-3\.6px\] {
  letter-spacing: -3.6px;
}
.tracking-\[-3px\] {
  letter-spacing: -3px;
}
.tracking-\[0px\] {
  letter-spacing: 0px;
}
.tracking-tight-2xl {
  letter-spacing: -3.6px;
}
.tracking-tight-body {
  letter-spacing: -0.18px;
}
.tracking-tight-btn {
  letter-spacing: -0.16px;
}
.tracking-tight-hero {
  letter-spacing: -1.8px;
}
.tracking-tight-kicker {
  letter-spacing: -0.16px;
}
.tracking-tight-lg {
  letter-spacing: -2.4px;
}
.tracking-tight-mortgage {
  letter-spacing: -0.855px;
}
.tracking-tight-sm {
  letter-spacing: -0.9px;
}
.tracking-tight-sub {
  letter-spacing: -0.2px;
}
.tracking-tight-three {
  letter-spacing: -3px;
}
.tracking-tight-xl {
  letter-spacing: -3px;
}
.tracking-tight-xs {
  letter-spacing: -0.48px;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.text-\[\#00070d\] {
  --tw-text-opacity: 1;
  color: rgb(0 7 13 / var(--tw-text-opacity, 1));
}
.text-\[\#002952\] {
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}
.text-\[\#074482\] {
  --tw-text-opacity: 1;
  color: rgb(7 68 130 / var(--tw-text-opacity, 1));
}
.text-\[\#0A5CAD\] {
  --tw-text-opacity: 1;
  color: rgb(10 92 173 / var(--tw-text-opacity, 1));
}
.text-\[\#0a5cad\] {
  --tw-text-opacity: 1;
  color: rgb(10 92 173 / var(--tw-text-opacity, 1));
}
.text-\[\#181d27\] {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}
.text-\[\#1878d9\] {
  --tw-text-opacity: 1;
  color: rgb(24 120 217 / var(--tw-text-opacity, 1));
}
.text-\[\#224e82\] {
  --tw-text-opacity: 1;
  color: rgb(34 78 130 / var(--tw-text-opacity, 1));
}
.text-\[\#252b37\] {
  --tw-text-opacity: 1;
  color: rgb(37 43 55 / var(--tw-text-opacity, 1));
}
.text-\[\#414651\] {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity, 1));
}
.text-\[\#717680\] {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity, 1));
}
.text-\[\#7BB3E8\] {
  --tw-text-opacity: 1;
  color: rgb(123 179 232 / var(--tw-text-opacity, 1));
}
.text-\[\#ad0a1d\] {
  --tw-text-opacity: 1;
  color: rgb(173 10 29 / var(--tw-text-opacity, 1));
}
.text-\[\#d5d7da\] {
  --tw-text-opacity: 1;
  color: rgb(213 215 218 / var(--tw-text-opacity, 1));
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  color: rgba(0,0,0,0.8);
}
.text-brand-blue {
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}
.text-brand-blue-alt {
  --tw-text-opacity: 1;
  color: rgb(10 92 173 / var(--tw-text-opacity, 1));
}
.text-brand-blue-solid {
  --tw-text-opacity: 1;
  color: rgb(7 68 130 / var(--tw-text-opacity, 1));
}
.text-brand-dark {
  --tw-text-opacity: 1;
  color: rgb(0 7 13 / var(--tw-text-opacity, 1));
}
.text-brand-red-dark {
  --tw-text-opacity: 1;
  color: rgb(173 10 29 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-lavender {
  --tw-text-opacity: 1;
  color: rgb(152 145 217 / var(--tw-text-opacity, 1));
}
.text-lavender-dark {
  --tw-text-opacity: 1;
  color: rgb(5 2 38 / var(--tw-text-opacity, 1));
}
.text-lavender-light {
  --tw-text-opacity: 1;
  color: rgb(246 245 255 / var(--tw-text-opacity, 1));
}
.text-text-dark {
  --tw-text-opacity: 1;
  color: rgb(0 7 13 / var(--tw-text-opacity, 1));
}
.text-text-paper-white {
  --tw-text-opacity: 1;
  color: rgb(250 253 255 / var(--tw-text-opacity, 1));
}
.text-text-primary {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}
.text-text-primary-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-text-secondary {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity, 1));
}
.text-text-secondary-white {
  --tw-text-opacity: 1;
  color: rgb(225 237 250 / var(--tw-text-opacity, 1));
}
.text-text-tertiary {
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity, 1));
}
.text-text-tertiary-white {
  --tw-text-opacity: 1;
  color: rgb(173 210 247 / var(--tw-text-opacity, 1));
}
.text-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-40 {
  opacity: 0.4;
}
.shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 20px 40px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.0\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.0);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-0 {
  transition-duration: 0s;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

html {
   
  }

body{
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;   /* WebKit browsers (Chrome, Safari) */
    -moz-osx-font-smoothing: grayscale;    /* Firefox on macOS */
    padding-top: 100px; /* Account for utility bar + main header */
}

@media (max-width: 960px) {
    body{
        padding-top: 65px; /* Mobile header height */
    }
}

/* Your custom components go here*/
    
    /* Desktop Search */
    .header-search {
        .search-container {
    display: flex;
  }
        .search-container {
    align-items: center;
  }
        .search-container {
    overflow: hidden;
  }
        .search-container {
    border-radius: 9999px;
  }
        .search-container {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .search-input {
    width: 12rem;
  }
        
        .search-input {
    padding-left: 1rem;
    padding-right: 1rem;
  }
        
        .search-input {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
        
        .search-input {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
        
        .search-input {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
        
        .search-input::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
        
        .search-input::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
        
        .search-input {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
        
        .search-button {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .search-button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
        
        .search-button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
        
        .search-button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .search-button {
    transition-duration: 200ms;
  }
        
        .search-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
        
        .search-icon {
    height: 1rem;
  }
        
        .search-icon {
    width: 1rem;
  }
    }
    
    /* Mobile Navigation */
    .mobile-nav {
  display: flex;
  align-items: center;
        
        .mobile-nav-content {
    display: flex;
  }
        
        .mobile-nav-content {
    align-items: center;
  }
        
        .mobile-nav-content > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
        
        .phone-link {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
        
        .phone-link {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .phone-link {
    transition-duration: 200ms;
  }
        
        .phone-link:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
        
        .phone-icon {
    height: 1.5rem;
  }
        
        .phone-icon {
    width: 1.5rem;
  }
        
        .mobile-menu-toggle {
    display: flex;
  }
        
        .mobile-menu-toggle {
    align-items: center;
  }
        
        .mobile-menu-toggle {
            background-color: #7BB3E8; /* Light blue background */
            color: white;
            border: none;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 500;
            transition: background-color 0.2s;
        }
        
        .mobile-menu-toggle:hover {
            background-color: #6aa3d8;
        }
        
        .menu-text {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
}
    
    /* Mobile Menu Overlay */
    .mobile-menu-overlay {
  position: fixed;
  inset: 0px;
  z-index: 50;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(34 59 89 / var(--tw-bg-opacity, 1));
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        
        &.active {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
        
        .mobile-menu-content {
    display: flex;
  }
        
        .mobile-menu-content {
    height: 100%;
  }
        
        .mobile-menu-content {
    width: 100%;
  }
        
        .mobile-menu-content {
    flex-direction: column;
  }
        
        .mobile-menu-header {
    display: flex;
  }
        
        .mobile-menu-header {
    width: 100%;
  }
        
        .mobile-menu-header {
    align-items: center;
  }
        
        .mobile-menu-header {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  }
        
        .mobile-menu-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .mobile-menu-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
        
        .mobile-menu-header {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
        
        .mobile-menu-header {
            /* Exact same styling as .header-main .header-container */
        }
        
        .mobile-menu-logo {
    flex: 1 1 0%;
  }
        
        .mobile-menu-logo {
            /* Exact same as .header-logo */
        }
        
        .mobile-menu-logo img {
    height: 2rem;
  }
        
        .mobile-menu-logo img {
    width: auto;
  }
        
        .mobile-menu-logo img {
            /* Exact same as .logo-image */
        }
        
        .mobile-menu-phone {
    display: flex;
  }
        
        .mobile-menu-phone {
    align-items: center;
  }
        
        .mobile-menu-phone {
            margin-right: 24px; /* Same as space-x-6 to match main mobile nav */
        }
        
        .mobile-phone-link {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
        
        .mobile-phone-link {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .mobile-phone-link {
    transition-duration: 200ms;
  }
        
        .mobile-phone-link:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
        
        .phone-icon-white {
    height: 1.5rem;
  }
        
        .phone-icon-white {
    width: 1.5rem;
  }
        
        .mobile-menu-close {
    display: flex;
  }
        
        .mobile-menu-close {
    align-items: center;
  }
        
        .mobile-menu-close {
            background-color: #7BB3E8; /* Light blue background */
            color: white;
            border: none;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 500;
            transition: background-color 0.2s;
            /* Exact same styling as .mobile-menu-toggle */
        }
        
        .mobile-menu-close:hover {
            background-color: #6aa3d8;
        }
        
        .close-text {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        
        .close-text {
            /* Exact same as .menu-text */
        }
}
    
    .mobile-menu-nav {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  overflow-y: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        transition: transform 0.3s ease-in-out;

        .mobile-nav-menu {
    flex: 1 1 0%;
  }

        .mobile-nav-menu {
    padding-top: 0px;
    padding-bottom: 0px;
  }
        
        .mobile-nav-item {
    border-bottom-width: 1px;
  }
        
        .mobile-nav-item {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
        
        .mobile-nav-item:last-child {
    border-bottom-width: 0px;
  }
        
        .mobile-nav-link {
    display: flex;
  }
        
        .mobile-nav-link {
    align-items: center;
  }
        
        .mobile-nav-link {
    justify-content: space-between;
  }
        
        .mobile-nav-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
        
        .mobile-nav-link {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
        
        .mobile-nav-link {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .mobile-nav-link {
    font-weight: 500;
  }
        
        .mobile-nav-link {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
        
        .mobile-nav-link {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .mobile-nav-link {
    transition-duration: 200ms;
  }
        
        .mobile-nav-link {
            
            &.active {
      --tw-text-opacity: 1;
      color: rgb(0 41 82 / var(--tw-text-opacity, 1));
    }
        }
        
        .mobile-nav-link::after {
            content: "";
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23002952' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
        }
        
        .mobile-menu-footer {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .mobile-menu-footer {
            padding: 24px 0;
        }
        
        .mobile-footer-item {
    display: flex;
  }
        
        .mobile-footer-item {
    align-items: center;
  }
        
        .mobile-footer-item {
    border-bottom-width: 1px;
  }
        
        .mobile-footer-item {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
        
        .mobile-footer-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
        
        .mobile-footer-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
        
        .mobile-footer-item:last-child {
    border-bottom-width: 0px;
  }
        
        .mobile-footer-icon {
    margin-right: 1rem;
  }
        
        .mobile-footer-text {
    flex: 1 1 0%;
  }
        
        .mobile-footer-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .mobile-footer-text {
    font-weight: 500;
  }
        
        .mobile-footer-text {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
        
        .mobile-footer-arrow {
    margin-left: auto;
  }
}

    /* Mobile Menu Container and Sliding Panels */
    .mobile-menu-container {
  position: relative;
  flex: 1 1 0%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        width: 100%;
        height: 100%;
}

    .mobile-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        transform: translateX(100%); /* Start panels off-screen to the right */
        transition: transform 0.3s ease-in-out;
}

    /* Main panel is always visible */
    .mobile-menu-nav {
        transform: translateX(0);
    }

    /* Hide the checkbox */
    .mobile-nav-checkbox {
        display: none;
    }

    /* ===== GENERIC MOBILE SUBMENU CSS ===== */
   
    /* Base panel setup */
    .mobile-panel {
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 10;
    }
    
    .mobile-menu-nav {
        transform: translateX(0);
        transition: transform 0.3s ease-in-out;
        position: relative;
        z-index: 1;
    }
    
    /* GENERIC JAVASCRIPT-ENHANCED SOLUTION (Recommended) */
    /* No ID-specific rules needed! Just add data attributes and let JS handle it */
    
    /* When JavaScript adds active states */
    .mobile-menu-container[data-active-level="1"] .mobile-menu-nav {
        transform: translateX(-100%);
    }
    
    .mobile-menu-container[data-active-level="2"] .mobile-panel[data-level="1"][data-active="true"] {
        transform: translateX(-100%);
    }
    
    /* Show active panels */
    .mobile-panel[data-active="true"] {
        transform: translateX(0) !important;
    }
    
    /* Alternative class-based approach */
    .mobile-panel.panel-active {
        transform: translateX(0) !important;
    }
    
    /* Old ID-based rules removed - now using generic JavaScript system with data attributes */

    /* Style the trigger as a normal nav link */
    .mobile-nav-trigger {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

    .mobile-nav-trigger::after {
        content: "";
        width: 16px;
        height: 16px;
        background-image: url('../images/blue_arrow.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    /* Submenu Panel Styles */
    .mobile-submenu-panel {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

    .mobile-submenu-header {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

    .submenu-back-btn {
  margin-right: 1rem;
  cursor: pointer;
}

    .submenu-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
    .submenu-arrow {
  margin-left: 1rem;
  height: 0.75rem;
  width: 0.75rem;
}

    .submenu-brand {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}

    .submenu-divider {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

    .submenu-section {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}

    .submenu-arrow {
  margin-left: 0.5rem;
}

    .mobile-submenu-list {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

    .mobile-submenu-item {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

    .mobile-submenu-item:last-child {
  border-bottom-width: 0px;
}

    .mobile-submenu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

    .mobile-submenu-link::after {
        content: "";
        width: 10px;
        height: 10px;
         background-image: url('../images/blue_arrow.svg');
        background-repeat: no-repeat;
        background-position: center;
    }


    /* Featured item styling */
    .mobile-submenu-featured .mobile-submenu-link {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}

    /* Category title styling */
    .mobile-submenu-category {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
        border: none;
}

    .mobile-submenu-category-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

    /* Mobile Mortgages Panel */
    .mobile-mortgages-panel {
  position: fixed;
  inset: 0px;
  z-index: 50;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        
        &.active {
            transform: translateX(0);
        }
        
        .mobile-panel-header {
    display: flex;
  }
        
        .mobile-panel-header {
    align-items: center;
  }
        
        .mobile-panel-header {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  }
        
        .mobile-panel-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
        
        .mobile-panel-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
        
        .mobile-panel-header {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
        
        .mobile-panel-header {
            min-height: 80px; /* Match main header height */
        }
        
        .panel-back-btn {
    margin-right: 1rem;
  }
        
        .panel-back-btn {
    padding: 0.5rem;
  }
        
        .panel-back-btn {
            background: none;
            border: none;
        }
        
        .panel-title {
    display: flex;
  }
        
        .panel-title {
    align-items: center;
  }
        
        .panel-brand {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
        
        .panel-brand {
    font-weight: 700;
  }
        
        .panel-brand {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
        
        .panel-divider {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
        
        .panel-divider {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
        
        .panel-section {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
        
        .panel-section {
    font-weight: 700;
  }
        
        .panel-section {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
        
        .panel-arrow {
    margin-left: 0.5rem;
  }
        
        .mobile-panel-content {
    flex: 1 1 0%;
  }
        
        .mobile-panel-content {
    overflow-y: auto;
  }
        
        .mobile-panel-content {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .mobile-panel-content {
            padding-top: 20px;
        }
        
        .mobile-panel-menu {
    margin: 0px;
  }
        
        .mobile-panel-menu {
    list-style-type: none;
  }
        
        .mobile-panel-menu {
    padding: 0px;
  }
        
        .mobile-panel-item {
    border-bottom-width: 1px;
  }
        
        .mobile-panel-item {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
        
        .mobile-panel-item:last-child {
    border-bottom-width: 0px;
  }
        
        .mobile-panel-link {
    display: flex;
  }
        
        .mobile-panel-link {
    align-items: center;
  }
        
        .mobile-panel-link {
    justify-content: space-between;
  }
        
        .mobile-panel-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
        
        .mobile-panel-link {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
        
        .mobile-panel-link {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .mobile-panel-link {
    font-weight: 500;
  }
        
        .mobile-panel-link {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
        
        .mobile-panel-link {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .mobile-panel-link {
    transition-duration: 200ms;
  }
        
        .mobile-panel-link::after {
            content: "";
            width: 10px;
            height: 10px;
             background-image: url('../images/blue_arrow.svg');  
             background-repeat: no-repeat;
            background-position: center;
        }
        
        .mobile-menu-search {
    margin-bottom: 1.5rem;
  }
        
        .mobile-menu-search {
    display: flex;
  }
        
        .mobile-menu-search {
            
            .mobile-search-input {
      flex: 1 1 0%;
    }
            
            .mobile-search-input {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
            
            .mobile-search-input {
      padding-left: 1rem;
      padding-right: 1rem;
    }
            
            .mobile-search-input {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
            
            .mobile-search-input {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
            
            .mobile-search-input {
      --tw-text-opacity: 1;
      color: rgb(55 65 81 / var(--tw-text-opacity, 1));
    }
            
            .mobile-search-input::-moz-placeholder {
      --tw-placeholder-opacity: 1;
      color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
    }
            
            .mobile-search-input::placeholder {
      --tw-placeholder-opacity: 1;
      color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
    }
            
            .mobile-search-input {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
            
            .mobile-search-button {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
    }
            
            .mobile-search-button {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
            
            .mobile-search-button {
      padding-left: 1rem;
      padding-right: 1rem;
    }
            
            .mobile-search-button {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
            
            .mobile-search-button {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
            
            .mobile-search-button {
      transition-duration: 200ms;
    }
            
            .mobile-search-button:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    }
            
            .mobile-search-button img {
      height: 1rem;
    }
            
            .mobile-search-button img {
      width: 1rem;
    }
        }
        
        .mobile-utility-links > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
        
        .mobile-utility-link {
    display: block;
  }
        
        .mobile-utility-link {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
        
        .mobile-utility-link {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
        
        .mobile-utility-link {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .mobile-utility-link {
    transition-duration: 200ms;
  }
        
        .mobile-utility-link:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
    
    /* Responsive Visibility */
    .desktop-only {
        display: none;
    }
    
    .mobile-only {
        display: flex;
    }
    
    @media (min-width: 960px) {
        .desktop-only {
            display: flex;
        }
        
        .mobile-only {
            display: none;
        }
    }
    /* buttons*/

    .btn-primary {
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(250 253 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        &:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  }
        &:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  }
}
    
    .btn-secondary {
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        text-align: center;
        &:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(173 210 247 / var(--tw-bg-opacity, 1));
  }
}

    .btn-primary-inverted {
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(120 182 245 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(0 7 13 / var(--tw-text-opacity, 1));
        transition: all 0.3s ease;
       
        &:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(98 148 231 / var(--tw-bg-opacity, 1));
  }
} 
    
    .btn-secondary-inverted {
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(250 253 255 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(0 7 13 / var(--tw-text-opacity, 1));
        transition: all 0.3s ease;
        &:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(228 236 249 / var(--tw-bg-opacity, 1));
  }
}

    .btn-secondary-white {
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(0 7 13 / var(--tw-text-opacity, 1));
        transition: all 0.3s ease;
        &:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(228 236 249 / var(--tw-bg-opacity, 1));
  }
}

   

    /* bento section*/

    .bento-section {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

        .bento-container {
    display: flex;
  }

        .bento-container {
    width: 100%;
  }

        .bento-container {
    max-width: 1280px;
  }

        .bento-container {
    flex-direction: column;
  }

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

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

        .bento-container {
    gap: 6rem;
  }

        .bento-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

        .bento-container {
    padding-top: 0px;
    padding-bottom: 0px;
  }
        
        .section-header {
    display: flex;
  }
        
        .section-header {
    width: 100%;
  }
        
        .section-header {
    flex-direction: column;
  }
        
        .section-header {
    align-items: flex-start;
  }
        
        .section-header {
    justify-content: flex-start;
  }
        
        .section-header {
    gap: 2rem;
  }
        
        .section-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .section-kicker {
    font-weight: 700;
  }
        
        .section-kicker {
    line-height: 1.5rem;
  }
        
        .section-kicker {
    letter-spacing: -0.16px;
  }
        
        .section-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
        
        .section-title {
    width: 100%;
  }
        
        .section-title {
    font-size: 3.75rem;
    line-height: 1;
  }
        
        .section-title {
    font-weight: 700;
  }
        
        .section-title {
    line-height: 68px;
  }
        
        .section-title {
    letter-spacing: -3px;
  }
        
        .section-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
        
        .bento-grid {
    display: grid;
  }
        
        .bento-grid {
    height: 846px;
  }
        
        .bento-grid {
    width: 100%;
  }
        
        .bento-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
        
        .bento-grid {
    gap: 1.5rem;
  }
        
        .bento-grid {
    overflow: visible;
  }
        
        .bento-grid {
            grid-template-rows: repeat(3, minmax(0, 1fr));
        }
        
        .bento-card {
    display: flex;
  }
        
        .bento-card {
    cursor: pointer;
  }
        
        .bento-card {
    flex-direction: column;
  }
        
        .bento-card {
    align-items: flex-start;
  }
        
        .bento-card {
    justify-content: space-between;
  }
        
        .bento-card {
    border-radius: 1.5rem;
  }
        
        .bento-card {
    padding: 3rem;
  }
        
        .bento-card {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .bento-card:hover {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
        
        .bento-card {
            text-decoration: none;
            color: inherit;
        }
        
        .card-content {
    display: flex;
  }
        
        .card-content {
    width: 100%;
  }
        
        .card-content {
    flex: 1 1 0%;
  }
        
        .card-content {
    flex-direction: column;
  }
        
        .card-content {
    align-items: flex-start;
  }
        
        .card-content {
    justify-content: space-between;
  }
        
        .card-header {
    display: flex;
  }
        
        .card-header {
    width: 100%;
  }
        
        .card-header {
    flex-direction: column;
  }
        
        .card-header {
    align-items: flex-start;
  }
        
        .card-header {
    justify-content: center;
  }
        
        .card-header {
    gap: 0.375rem;
  }
        
        .card-title {
    font-size: 30px;
  }
        
        .card-title {
    font-weight: 700;
  }
        
        .card-title {
    line-height: 38px;
  }
        
        .card-title {
    letter-spacing: -0.9px;
  }
        
        .card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        
        .card-arrow {
    display: flex;
  }
        
        .card-arrow {
    height: 60px;
  }
        
        .card-arrow {
    width: 60px;
  }
        
        .card-arrow {
    align-items: center;
  }
        
        .card-arrow {
    justify-content: center;
  }
        
        .card-arrow {
    border-radius: 9999px;
  }
        
        .card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-arrow {
            img {
      height: 1rem;
    }
            img {
      width: 1rem;
    }
        }
        
        /* Bento Grid Layout */
        .card-first-home {
    --tw-bg-opacity: 1;
    background-color: rgb(161 197 247 / var(--tw-bg-opacity, 1));
  }
        .card-first-home {
            grid-area: 1 / 1 / auto / span 2;
        }
        
        .card-switch {
    --tw-bg-opacity: 1;
    background-color: rgb(144 240 195 / var(--tw-bg-opacity, 1));
  }
        
        .card-switch {
            grid-area: 1 / 3 / span 2 / auto;
        }
        
        .card-next-home {
    --tw-bg-opacity: 1;
    background-color: rgb(212 230 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-next-home {
            grid-area: 2 / 1 / span 2 / auto;
        }
        
        .card-downsize {
    --tw-bg-opacity: 1;
    background-color: rgb(255 229 232 / var(--tw-bg-opacity, 1));
  }
        
        .card-downsize {
            grid-area: 2 / 2;
        }
        
        .card-invest {
    --tw-bg-opacity: 1;
    background-color: rgb(232 230 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-invest {
            grid-area: 3 / 2 / auto / span 2;
        }
}
    
    
    
    /* Mobile Responsive */
    @media (max-width: 960px) {
        .bento-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .bento-container {
      gap: 3rem;
    }

            .bento-container {
      padding-left: 0px;
      padding-right: 0px;
    }
            .section-header {
      gap: 1rem;
    }
            .section-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
            .section-kicker {
      letter-spacing: 0px;
    }
            .section-title {
                /*@apply text-4xl leading-[48px];*/
            }
            .section-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
            .section-title {
      line-height: 38px;
    }
            .section-title {
      letter-spacing: -0.9px;
    }
            
            .bento-grid {
      height: auto;
    }
            
            .bento-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
            
            .bento-grid {
      gap: 1rem;
    }
            
            .bento-grid {
                grid-template-rows: repeat(5, auto);
            }
            
            .bento-card {
      grid-column: span 1 / span 1;
    }
            
            .bento-card {
      grid-row: span 1 / span 1;
    }
            
            .bento-card {
      flex-direction: row;
    }
            
            .bento-card {
      align-items: center;
    }
            
            .bento-card {
      justify-content: space-between;
    }
            
            .bento-card {
      padding: 1.5rem;
    }
            
            .bento-card:hover {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
            
            .card-first-home,
            .card-switch,
            .card-next-home,
            .card-downsize,
            .card-invest {
                grid-area: auto;
            }
            
            .card-content {
      flex-direction: row;
    }
            
            .card-content {
      align-items: center;
    }
            
            .card-content {
      justify-content: space-between;
    }
            
            .card-header {
      flex: 1 1 0%;
    }
            
            .card-title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
            
            .card-title {
      line-height: 1.5rem;
    }
            
            .card-title {
      letter-spacing: -0.18px;
    }
            
            .card-arrow {
      margin-left: 1rem;
    }
            
            .card-arrow {
      height: 3rem;
    }
            
            .card-arrow {
      width: 3rem;
    }
  }
        
        
    }

    /* about section*/

    .about-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 2rem;
  padding-right: 2rem;

        .about-container {
    display: flex;
  }

        .about-container {
    width: 100%;
  }

        .about-container {
    max-width: 1280px;
  }

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

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

        .about-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .about-wrapper {
    display: flex;
  }
        
        .about-wrapper {
    flex: 1 1 0%;
  }
        
        .about-wrapper {
    flex-direction: row;
  }
        
        .about-wrapper {
    align-items: center;
  }
        
        .about-wrapper {
    align-self: stretch;
  }
        
        .content-block {
    position: relative;
  }
        
        .content-block {
    order: 2;
  }
        
        .content-block {
    display: flex;
  }
        
        .content-block {
    height: 100%;
  }
        
        .content-block {
    flex: 1 1 0%;
  }
        
        .content-block {
    flex-direction: column;
  }
        
        .content-block {
    align-items: center;
  }
        
        .content-block {
    justify-content: center;
  }
        
        .content-block {
    overflow: hidden;
  }
        
        .content-block {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
        
        .content-block {
    --tw-bg-opacity: 1;
    background-color: rgb(152 145 217 / var(--tw-bg-opacity, 1));
  }
        
        .content-block {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
        
        .content-block {
    padding-left: 5rem;
  }
        
        .content-block {
    padding-right: 4rem;
  }
        
        .content-inner {
    display: flex;
  }
        
        .content-inner {
    width: 100%;
  }
        
        .content-inner {
    flex: 1 1 0%;
  }
        
        .content-inner {
    flex-direction: column;
  }
        
        .content-inner {
    align-items: flex-start;
  }
        
        .content-inner {
    justify-content: space-between;
  }
        
        .content-header {
    position: relative;
  }
        
        .content-header {
    display: flex;
  }
        
        .content-header {
    width: 100%;
  }
        
        .content-header {
    flex-direction: column;
  }
        
        .content-header {
    align-items: flex-start;
  }
        
        .content-header {
    justify-content: flex-start;
  }
        
        .content-header {
    gap: 4rem;
  }
        
        .kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .kicker {
    font-weight: 700;
  }
        
        .kicker {
    line-height: 1.5rem;
  }
        
        .kicker {
    letter-spacing: -0.16px;
  }
        
        .kicker {
    --tw-text-opacity: 1;
    color: rgb(5 2 38 / var(--tw-text-opacity, 1));
  } 
        
        .main-heading {
    width: 100%;
  } 
        
        .main-heading {
    font-size: 3rem;
    line-height: 1;
  } 
        
        .main-heading {
    font-weight: 600;
  } 
        
        .main-heading {
    line-height: 56px;
  } 
        
        .main-heading {
    letter-spacing: -2.4px;
  } 
        
        .main-heading {
    --tw-text-opacity: 1;
    color: rgb(5 2 38 / var(--tw-text-opacity, 1));
  }
        
        .quote-mark {
    position: absolute;
  }
        
        .quote-mark {
    white-space: nowrap;
  }
        
        .quote-mark {
    font-size: 4.5rem;
    line-height: 1;
  }
        
        .quote-mark {
    font-weight: 400;
  }
        
        .quote-mark {
    line-height: 80px;
  }
        
        .quote-mark {
    letter-spacing: -3.6px;
  }
        
        .quote-mark {
    --tw-text-opacity: 1;
    color: rgb(246 245 255 / var(--tw-text-opacity, 1));
  }
        
        .quote-mark {
            left: -50px;
            top: 82px;
        }
        
        .cta-button {
    display: flex;
  }
        
        .cta-button {
    align-items: center;
  }
        
        .cta-button {
    justify-content: center;
  }
        
        .cta-button {
    gap: 0.375rem;
  }
        
        .cta-button {
    border-radius: 9999px;
  }
        
        .cta-button {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .cta-button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .cta-button {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
        
        .cta-text {
    white-space: nowrap;
  }
        
        .cta-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .cta-text {
    font-weight: 600;
  }
        
        .cta-text {
    line-height: 1.5rem;
  }
        
        .cta-text {
    letter-spacing: -0.16px;
  }
        
        .cta-text {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
        
        .image-container {
    position: relative;
  }
        
        .image-container {
    display: flex;
  }
        
        .image-container {
    height: 636px;
  }
        
        .image-container {
    width: 528px;
  }
        
        .image-container {
    flex-shrink: 0;
  }
        
        .image-container {
    align-items: center;
  }
        
        .image-container {
    justify-content: flex-start;
  }
        
        .image-container {
    gap: 0.625rem;
  }
        
        .image-container {
    overflow: hidden;
  }
        
        .image-container {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
        
        .image-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
        
        .main-image {
    position: absolute;
  }
        
        .main-image {
    height: 676px;
  }
        
        .main-image {
    width: 676px;
  }
        
        .main-image {
    background-size: cover;
  }
        
        .main-image {
    background-position: center;
  }
        
        .main-image {
    background-repeat: no-repeat;
  }
        
        .main-image {
            left: -48px;
            top: -25px;
            
        }
        
        .image-gradient {
    position: absolute;
  }
        
        .image-gradient {
    bottom: 0px;
  }
        
        .image-gradient {
    left: 0px;
  }
        
        .image-gradient {
    height: 199px;
  }
        
        .image-gradient {
    width: 528px;
  }
        
        .image-gradient {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }
        
        .image-gradient {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
        
        .image-gradient {
    --tw-gradient-to: #000 var(--tw-gradient-to-position);
  }
        
        .person-info {
    position: absolute;
  }
        
        .person-info {
    left: 0px;
  }
        
        .person-info {
    display: flex;
  }
        
        .person-info {
    flex-direction: column;
  }
        
        .person-info {
    align-items: flex-start;
  }
        
        .person-info {
    justify-content: center;
  }
        
        .person-info {
    gap: 0.125rem;
  }
        
        .person-info {
    white-space: nowrap;
  }
        
        .person-info {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
        
        .person-info {
            top: 546px;
        }
        
        .person-name {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
        
        .person-name {
    font-weight: 700;
  }
        
        .person-name {
    line-height: 1.75rem;
  }
        
        .person-name {
    letter-spacing: -0.9px;
  }
        
        .person-name {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
        
        .person-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
        
        .person-title {
    font-weight: 600;
  }
        
        .person-title {
    line-height: 1.25rem;
  }
        
        .person-title {
    --tw-text-opacity: 1;
    color: rgb(152 145 217 / var(--tw-text-opacity, 1));
  }
        .right-image{
            .content-block {
      order: 1;
    }
            .content-block {
      border-top-left-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
    }
            .content-block {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    }
            .image-container {
      order: 2;
    }
            .image-container {
      border-top-right-radius: 1.5rem;
      border-bottom-right-radius: 1.5rem;
    }
            .image-container {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }
        }
}
    
    

    @media (max-width: 1200px) {
        .about-section .main-heading {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
        .about-section .kicker {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0px;
  }
    }
    
    /* Mobile Responsive */
    @media (max-width: 960px) {
        .about-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .about-container {
      flex-direction: column;
    }

            .about-container {
      padding-left: 0px;
      padding-right: 0px;
    }
            
            .about-wrapper {
      flex-direction: column;
    }
            
            .content-block {
      order: 2;
    }
            
            .content-block {
      border-bottom-right-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
    }
            
            .content-block {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }
            
            .content-block {
      padding-left: 2rem;
      padding-right: 2rem;
    }
            
            .content-block {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
            
            .main-heading {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
            
            .main-heading {
      line-height: 2.5rem;
    }
            
            .quote-mark {
      font-size: 3rem;
      line-height: 1;
    }
            
            .quote-mark {
                left: -20px;
                top: 60px;
                display: none;
            }
            
            .content-header {
      gap: 2rem;
    }
            
            .cta-button {
      margin-top: 2rem;
    }
            
            .image-container {
      order: 1;
    }
            
            .image-container {
      height: 400px;
    }
            
            .image-container {
      width: 100%;
    }
            
            .image-container {
      border-top-left-radius: 1.5rem;
      border-top-right-radius: 1.5rem;
    }
            
            .image-container {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }
            
            .main-image {
      left: 0px;
    }
            
            .main-image {
      top: 0px;
    }
            
            .main-image {
      height: 100%;
    }
            
            .main-image {
      width: 100%;
    }
            
            .image-gradient {
      width: 100%;
    }
            
            .person-info {
      bottom: 1.25rem;
    }
            
            .person-info {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
            
            .person-info {
                top: auto;
            }
            .person-name {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
            .person-name {
      font-weight: 700;
    }
            .person-name {
      line-height: 1.75rem;
    }
            .person-name {
      letter-spacing: -0.16px;
    }
            .person-name {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
            .person-title {
      letter-spacing: -0.16px;
    }
            .main-heading {
      font-size: 1.5rem;
      line-height: 2rem;
    }
            .main-heading {
      line-height: 2rem;
    }
            .main-heading {
      letter-spacing: -0.9px;
    }
            .right-image{
                .content-block {
        order: 2;
      }
                .content-block {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
      }
                .content-block {
        border-bottom-right-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
      }
                .image-container {
        order: 1;
      }
                .image-container {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
      }
                .image-container {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
      }
            }
  }
        
        
    }

    /* mortgage services section*/

    .services-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

        .services-container {
    width: 100%;
  }

        .services-container {
    max-width: 1280px;
  }

        .services-container {
    overflow: hidden;
  }

        .services-container {
    border-radius: 1.5rem;
  }

        .services-container {
    --tw-bg-opacity: 1;
    background-color: rgb(235 241 247 / var(--tw-bg-opacity, 1));
  }

        .services-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
        
        .services-content {
    display: flex;
  }
        
        .services-content {
    flex-direction: column;
  }
        
        .services-content {
    gap: 5rem;
  }
        
        .services-header {
    display: flex;
  }
        
        .services-header {
    width: 100%;
  }
        
        .services-header {
    align-items: flex-end;
  }
        
        .services-header {
    justify-content: space-between;
  }
        
        .services-header {
    padding-left: 4rem;
    padding-right: 4rem;
  }
        
        .header-left {
    display: flex;
  }
        
        .header-left {
    flex: 1 1 0%;
  }
        
        .header-left {
    flex-direction: column;
  }
        
        .header-left {
    gap: 3rem;
  }
        
        .services-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .services-kicker {
    font-weight: 700;
  }
        
        .services-kicker {
    line-height: 1.5rem;
  }
        
        .services-kicker {
    letter-spacing: -0.16px;
  }
        
        .services-kicker {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
        
        .header-grid {
    display: grid;
  }
        
        .header-grid {
    height: 178px;
  }
        
        .header-grid {
    width: 100%;
  }
        
        .header-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
        
        .header-grid {
    gap: 3rem;
  }
        
        .services-title {
    font-size: 3.75rem;
    line-height: 1;
  }
        
        .services-title {
    font-weight: 700;
  }
        
        .services-title {
    line-height: 68px;
  }
        
        .services-title {
    letter-spacing: -3px;
  }
        
        .services-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
        
        .header-right {
    display: flex;
  }
        
        .header-right {
    flex-direction: column;
  }
        
        .header-right {
    gap: 1.5rem;
  }
        
        .services-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
        
        .services-description {
    font-weight: 500;
  }
        
        .services-description {
    line-height: 1.75rem;
  }
        
        .services-description {
    letter-spacing: -0.2px;
  }
        
        .services-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
        
        .header-controls {
    display: flex;
  }
        
        .header-controls {
    width: 100%;
  }
        
        .header-controls {
    align-items: center;
  }
        
        .header-controls {
    justify-content: space-between;
  }
        
        .cta-button {
    border-radius: 9999px;
  }
        
        .cta-button {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
        
        .cta-button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .cta-button {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
        
        .cta-button {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .cta-button {
    font-weight: 600;
  }
        
        .cta-button {
    line-height: 1.5rem;
  }
        
        .cta-button {
    letter-spacing: -0.48px;
  }
        
        .cta-button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
        
        .nav-arrows {
    display: flex;
  }
        
        .nav-arrows {
    align-items: center;
  }
        
        .nav-arrows {
    gap: 0.5rem;
  }
        
        .nav-arrow {
    position: relative;
  }
        
        .nav-arrow {
    display: flex;
  }
        
        .nav-arrow {
    height: 60px;
  }
        
        .nav-arrow {
    width: 60px;
  }
        
        .nav-arrow {
    cursor: pointer;
  }
        
        .nav-arrow {
    align-items: center;
  }
        
        .nav-arrow {
    justify-content: center;
  }
        
        .nav-arrow {
    border-radius: 9999px;
  }
        
        .nav-arrow {
    border-width: 1px;
  }
        
        .nav-arrow {
    --tw-border-opacity: 1;
    border-color: rgb(164 167 174 / var(--tw-border-opacity, 1));
  }
        
        .nav-arrow {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .nav-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .nav-arrow {
    transition-duration: 300ms;
  }
        
        .nav-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .nav-arrow svg {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .nav-arrow svg {
    transition-duration: 300ms;
  }
        
        .nav-arrow svg {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .nav-arrow svg {
            display: block;
            flex-shrink: 0;
        }

        .nav-arrow:hover {
    --tw-border-opacity: 1;
    border-color: rgb(65 70 81 / var(--tw-border-opacity, 1));
  }

        .nav-arrow:hover{
            svg{
                transition: all 0.3s ease;
                path{
                    transition: all 0.3s ease;
                    stroke: #414651;
                }
            }
        }
        
        .cards-wrapper {
    display: flex;
  }
        
        .cards-wrapper {
    width: 100%;
  }
        
        .cards-wrapper {
    flex-direction: column;
  }
        
        .cards-wrapper {
    gap: 4rem;
  }
        
        .cards-container {
    position: relative;
  }
        
        .cards-container {
    overflow: hidden;
  }
        
        .cards-scroll {
    display: flex;
  }
        
        .cards-scroll {
    gap: 1.75rem;
  }
        
        .cards-scroll {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .cards-scroll {
    transition-duration: 300ms;
  }
        
        .cards-scroll {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .service-card {
    display: flex;
  }
        
        .service-card {
    height: 500px;
  }
        
        .service-card {
    width: 400px;
  }
        
        .service-card {
    flex-shrink: 0;
  }
        
        .service-card {
    flex-direction: column;
  }
        
        .service-card {
    justify-content: space-between;
  }
        
        .service-card {
    border-radius: 1.5rem;
  }
        
        .service-card {
    padding: 3rem;
  }
        
        .service-card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .service-card {
    transition-duration: 300ms;
  }
        
        .service-card {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        .service-card:nth-child(1) {
    margin-left: 4rem;
  }
       
        
        .card-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(245 249 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(245 249 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-icon {
    height: 72px;
  }
        
        .card-icon {
    width: 72px;
  }
        
        .card-icon {
    flex-shrink: 0;
  }
        
        .card-icon img {
            width: auto;
            height: 100%;
            max-width: 100%;
            -o-object-fit: contain;
               object-fit: contain;
        }
        
        .card-content {
    display: flex;
  }
        
        .card-content {
    width: 100%;
  }
        
        .card-content {
    flex-direction: column;
  }
        
        .card-content {
    gap: 2rem;
  }
        
        .card-text {
    display: flex;
  }
        
        .card-text {
    width: 100%;
  }
        
        .card-text {
    flex-direction: column;
  }
        
        .card-text {
    gap: 1.5rem;
  }
        
        .card-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
        
        .card-title {
    font-weight: 700;
  }
        
        .card-title {
    line-height: 38px;
  }
        
        .card-title {
    letter-spacing: -0.9px;
  }
        
        .card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        
        .card-footer {
    display: flex;
  }
        
        .card-footer {
    width: 100%;
  }
        
        .card-footer {
    align-items: flex-end;
  }
        
        .card-footer {
    justify-content: flex-end;
  }
        
        .card-footer {
    gap: 2rem;
  }
        
        .card-description {
    flex: 1 1 0%;
  }
        
        .card-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .card-description {
    font-weight: 400;
  }
        
        .card-description {
    line-height: 1.5rem;
  }
        
        .card-description {
    letter-spacing: -0.16px;
  }
        
        .card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
        
        .card-arrow {
    display: flex;
  }
        
        .card-arrow {
    height: 60px;
  }
        
        .card-arrow {
    width: 60px;
  }
        
        .card-arrow {
    flex-shrink: 0;
  }
        
        .card-arrow {
    align-items: center;
  }
        
        .card-arrow {
    justify-content: center;
  }
        
        .card-arrow {
    border-radius: 9999px;
  }
        
        .card-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .card-arrow {
    transition-duration: 300ms;
  }
        
        .card-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        .card-arrow img {
    height: 1rem;
  }
        .card-arrow img {
    width: 1rem;
  }
        
        .card-arrow-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-arrow-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        /* Hover effects */
        .service-card:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .service-card:hover .card-icon svg {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .service-card:hover .card-icon svg {
    transition-duration: 300ms;
  }
        
        .service-card:hover .card-icon svg {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .service-card:hover .card-icon svg {
           /*filter: brightness(0) saturate(100%) invert(27%) sepia(67%) saturate(1776%) hue-rotate(202deg) brightness(95%) contrast(95%);*/
          path {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
          path {
      transition-duration: 300ms;
    }
          path {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
          path{
            stroke: #224E82;
          }
        }
        
        .service-card:hover .card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
        
        .service-card:hover .card-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .service-card:hover .card-arrow {
    transition-duration: 300ms;
  }
        
        .service-card:hover .card-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .service-card:hover .card-arrow img {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .service-card:hover .card-arrow img {
    transition-duration: 300ms;
  }
        
        .service-card:hover .card-arrow img {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .service-card:hover .card-arrow img {
            filter: brightness(0) invert(1);
        }
        
        .card-special {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-special .card-icon {
    display: flex;
  }
        
        .card-special .card-icon {
    height: 85px;
  }
        
        .card-special .card-icon {
    width: 85px;
  }
        
        .card-special .card-icon {
    align-items: center;
  }
        
        .card-special .card-icon {
    justify-content: center;
  }
        
        .card-special .card-icon {
    border-radius: 9999px;
  }
        
        .card-special .card-icon {
    --tw-bg-opacity: 1;
    background-color: rgb(204 227 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-special .card-icon img {
    height: 3rem;
  }
        
        .card-special .card-icon img {
    width: 3rem;
  }
        
        .card-special .card-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
        
        .card-special .card-title {
    font-weight: 600;
  }
        
        .card-special .card-title {
    line-height: 44px;
  }
        
        .card-special .card-title {
    letter-spacing: -3.6px;
  }
        
        .card-special .card-content {
    gap: 3.5rem;
  }
}
    
    
    
    /* Mobile Responsive */
    @media (max-width: 960px) {
        .services-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .services-container {
      padding: 2rem;
    }
            .header-left {
      gap: 1.5rem;
    }
            .services-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
            .services-kicker {
      letter-spacing: 0px;
    }
            .services-content {
      gap: 5rem;
    }
           
            .services-header {
      flex-direction: column;
    }
           
            .services-header {
      align-items: flex-start;
    }
           
            .services-header {
      gap: 2rem;
    }
           
            .services-header {
      padding-left: 0px;
      padding-right: 0px;
    }
            
            .header-grid {
      height: auto;
    }
            
            .header-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
            
            .header-grid {
      gap: 2rem;
    }
            
            .services-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
            
            .services-title {
      line-height: 38px;
    }
            
            .services-title {
      letter-spacing: -0.9px;
    }
            .services-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
            .services-description {
      line-height: 1.5rem;
    }
            .services-description {
      letter-spacing: -0.16px;
    }
            .header-right {
      gap: 2rem;
    }
            .header-controls {
      flex-direction: column;
    }
            .header-controls {
      align-items: flex-start;
    }
            .header-controls {
      justify-content: flex-start;
    }
            .header-controls {
      gap: 1rem;
    }
            
            .cta-button {
               /* @apply w-full text-center;*/
            }
            
            .nav-arrows {
               display: none;
            }
            
            .cards-scroll {
      gap: 1rem;
    }
            
            .service-card {
      height: auto;
    }
            
            .service-card {
      width: 230px;
    }
            
            .service-card {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
            
            .service-card {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
            
            .service-card {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }

            
             .card-arrow {
                /*@apply bg-brand-blue-solid ;*/
            }
            
             .card-arrow img {
                
                filter: brightness(0) invert(0);
            }
            
            .service-card:nth-child(1) {
      margin-left: 0px;
    }

            .service-card .card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(98 148 231 / var(--tw-bg-opacity, 1));
    }
            .service-card:hover .card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(98 148 231 / var(--tw-bg-opacity, 1));
    }
            .service-card:hover .card-arrow img {
                filter: brightness(0) invert(0);
            }
           
          
            .card-footer {
      flex-direction: column;
    }


            .card-icon{
                svg {
        height: 36px;
      }
                svg {
        width: 36px;
      }
                svg{
                    path{
                        
                        stroke: #224E82;
                      }
                }
                
                
            }
            .card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
            .card-title {
      line-height: 2rem;
    }
            
            .card-special .card-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
            
            .card-special .card-title {
      line-height: 2.5rem;
    }
  }
        
        
    }


    /* cta section*/

    .cta-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

        .cta-container {
    display: flex;
  }

        .cta-container {
    width: 100%;
  }

        .cta-container {
    max-width: 1280px;
  }

        .cta-container {
    flex-direction: column;
  }

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

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

        .cta-container {
    gap: 5rem;
  }

        .cta-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
     
    .cta-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
     
    .cta-kicker {
    font-weight: 700;
  }
     
    .cta-kicker {
    line-height: 1.5rem;
  }
     
    .cta-kicker {
    letter-spacing: -0.16px;
  }
     
    .cta-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 210 247 / var(--tw-text-opacity, 1));
  }
     
    .cta-content {
    display: flex;
  }
     
    .cta-content {
    width: 100%;
  }
     
    .cta-content {
    flex-direction: column;
  }
     
    .cta-content {
    align-items: center;
  }
     
    .cta-content {
    justify-content: flex-start;
  }
     
    .cta-content {
    gap: 26px;
  }
    
    .cta-title {
    width: 100%;
  }
    
    .cta-title {
    text-align: center;
  }
    
    .cta-title {
    font-size: 4.5rem;
    line-height: 1;
  }
    
    .cta-title {
    font-weight: 600;
  }
    
    .cta-title {
    line-height: 85px;
  }
    
    .cta-title {
    letter-spacing: -3.6px;
  }
    
    .cta-title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .cta-title-regular {
    font-weight: 400;
  }
    
    .cta-title-bold {
    font-weight: 700;
  }
    
    .cta-subtitle-wrapper {
    width: 560px;
  }
    
    .cta-subtitle {
    width: 100%;
  }
    
    .cta-subtitle {
    text-align: center;
  }
    
    .cta-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .cta-subtitle {
    font-weight: 500;
  }
    
    .cta-subtitle {
    line-height: 30px;
  }
    
    .cta-subtitle {
    letter-spacing: -0.2px;
  }
    
    .cta-subtitle {
    --tw-text-opacity: 1;
    color: rgb(225 237 250 / var(--tw-text-opacity, 1));
  }
     
    .cta-buttons {
    display: flex;
  }
     
    .cta-buttons {
    align-items: center;
  }
     
    .cta-buttons {
    justify-content: center;
  }
     
    .cta-buttons {
    gap: 1rem;
  }
}
     
    
    
    /* Mobile Responsive */
    @media (max-width: 960px) {
        .cta-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .cta-container {
      gap: 2rem;
    }

            .cta-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        .cta-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        .cta-kicker {
      letter-spacing: 0px;
    }
        .cta-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        .cta-title {
      line-height: 44px;
    }
        .cta-title {
      letter-spacing: -1.8px;
    }
        
        .cta-subtitle-wrapper {
      width: 100%;
    }
        
        .cta-subtitle {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .cta-subtitle {
      line-height: 1.25rem;
    }
        
        .cta-subtitle {
      letter-spacing: -0.16px;
    }
        
        .cta-buttons {
      width: 100%;
    }
        
        .cta-buttons {
      flex-direction: column;
    }
        
        .cta-buttons {
      gap: 1rem;
    }
        
        .btn-primary-inverted,
        .btn-secondary-inverted {
      width: 100%;
    }
        
        .btn-primary-inverted,
        .btn-secondary-inverted {
      text-align: center;
    }
  }
        
        
    }

    /* footer section*/

    .footer-section .logo-mark svg {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
        vertical-align: middle;
        transform: translateY(6px);
}
  /* Footer components*/
  .footer-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 6rem;
  padding-bottom: 6rem;
  padding-left: 5rem;
  padding-right: 5rem;
}

  .footer-section-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
}
  
  .footer-section .footer-container {
  display: flex;
  width: 100%;
  max-width: 1280px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
  
  .footer-section .footer-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
  
  .footer-section .logo-mark {
  position: relative;
  display: flex;
  height: 34px;
  width: 195px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
  
  .footer-section .logo-mark svg {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
  
  .footer-section .logo-divider {
  height: 25px;
  width: 3px;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(237 28 36 / var(--tw-bg-opacity, 1));
}
  
  .footer-section .logo-text {
  font-size: 29px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.855px;
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}
  
  .footer-section .footer-navigation {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3rem;
}
  
  .footer-section .nav-column {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
  
  .footer-section .nav-header {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
  
  .footer-section .nav-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}
  
  .footer-section .nav-subtitle {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity, 1));
}
  
  .footer-section .nav-items {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}
  
  .footer-section .nav-item {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
  
  .footer-section .nav-item:hover {
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}
  
  .footer-section .nav-calculators .nav-items {
  white-space: nowrap;
}

  .footer-bottom-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 0px;
  padding-right: 0px;
} 
  
  /* Mobile responsive*/
  @media (max-width: 960px) {
    .footer-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
        .footer-container {
      gap: 2rem;
    }
        .footer-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        .footer-logo {
      flex-direction: column;
    }
        .footer-logo {
      align-items: flex-start;
    }
        .footer-logo {
      gap: 0.5rem;
    }
        .logo-text {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        .footer-navigation {
      flex-direction: column;
    }
        .footer-navigation {
      gap: 2rem;
    }
        .logo-divider {
            height: 2px;
            width: 195px;
            flex-shrink: 0;
            --tw-bg-opacity: 1;
            background-color: rgb(237 28 36 / var(--tw-bg-opacity, 1));
        }
        .nav-column {
      gap: 1rem;
    }
        .nav-calculators .nav-items {
      white-space: normal;
    }
  } 
    
   
  }


  /* stacking cards new css version*/
  
.sticky-process-section {
  position: relative;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    .sticky-process-container {
    position: sticky;
  }

    .sticky-process-container {
    top: 1.25rem;
  }

    .sticky-process-container {
    margin-left: auto;
    margin-right: auto;
  }

    .sticky-process-container {
    display: flex;
  }

    .sticky-process-container {
    max-width: 1280px;
  }

    .sticky-process-container {
    align-items: flex-start;
  }

    .sticky-process-container {
    gap: 48px;
  }

    .sticky-process-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

    .sticky-process-container {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
    
    .sticky-process-header {
    position: relative;
  }
    
    .sticky-process-header {
    display: flex;
  }
    
    .sticky-process-header {
    width: 487px;
  }
    
    .sticky-process-header {
    flex-shrink: 0;
  }
    
    .sticky-process-header {
    flex-direction: column;
  }
    
    .sticky-process-header {
    align-items: flex-start;
  }
    
    .sticky-process-header {
    justify-content: flex-start;
  }
    
    .sticky-process-header {
    gap: 2rem;
  }

    .sticky-process-cta {
    margin-top: 4rem;
  }

    .sticky-process-cta {
    display: flex;
  }

    .sticky-process-cta {
    align-items: center;
  }

    .sticky-process-cta {
    justify-content: flex-start;
  }

    .sticky-process-cta {
    gap: 1rem;
  }
    .btn-secondary-inverted:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  }
    
    .sticky-process-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .sticky-process-kicker {
    font-weight: 700;
  }
    
    .sticky-process-kicker {
    line-height: 1.5rem;
  }
    
    .sticky-process-kicker {
    letter-spacing: -0.16px;
  }
    
    .sticky-process-kicker {
    --tw-text-opacity: 1;
    color: rgb(10 92 173 / var(--tw-text-opacity, 1));
  }
    
    .sticky-process-title {
    font-size: 3.75rem;
    line-height: 1;
  }
    
    .sticky-process-title {
    font-weight: 700;
  }
    
    .sticky-process-title {
    line-height: 68px;
  }
    
    .sticky-process-title {
    letter-spacing: -3px;
  }
    
    .sticky-process-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .sticky-cards-wrapper {
    position: relative;
  }
    
    .sticky-cards-wrapper {
    flex: 1 1 0%;
  }
    
    .sticky-card {
    position: absolute;
  }
    
    .sticky-card {
    top: 0px;
  }
    
    .sticky-card {
    left: 0px;
  }
    
    .sticky-card {
    width: 100%;
  }
    
    .sticky-card {
    transform-origin: top;
  }
    
    .sticky-card {
    overflow: hidden;
  }
    
    .sticky-card {
    border-radius: 1.5rem;
  }
    
    .sticky-card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .sticky-card {
       /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);*/
    }
    
    .sticky-card-image {
    position: relative;
  }
    
    .sticky-card-image {
    height: 352px;
  }
    
    .sticky-card-image {
    overflow: hidden;
  }
    
    .sticky-card-image img {
    height: 100%;
  }
    
    .sticky-card-image img {
    width: 100%;
  }
    
    .sticky-card-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
    
    .sticky-card-content {
    position: relative;
  }
    
    .sticky-card-content {
    display: flex;
  }
    
    .sticky-card-content {
    flex-direction: column;
  }
    
    .sticky-card-content {
    gap: 0px;
  }
    
    .sticky-card-content {
    padding: 4rem;
  }
    
    .sticky-card-text {
    display: flex;
  }
    
    .sticky-card-text {
    flex: 1 1 0%;
  }
    
    .sticky-card-text {
    flex-direction: column;
  }
    
    .sticky-card-text {
    gap: 2rem;
  }
    
    .sticky-card-title {
    font-size: 3rem;
    line-height: 1;
  }
    
    .sticky-card-title {
    font-weight: 600;
  }
    
    .sticky-card-title {
    line-height: 56px;
  }
    
    .sticky-card-title {
    letter-spacing: -2.4px;
  }
    
    .sticky-card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .sticky-card-description {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .sticky-card-description {
    font-weight: 500;
  }
    
    .sticky-card-description {
    line-height: 30px;
  }
    
    .sticky-card-description {
    letter-spacing: -0.2px;
  }
    
    .sticky-card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .sticky-card-number {
    position: absolute;
  }
    
    .sticky-card-number {
    top: -42px;
  }
    
    .sticky-card-number {
    left: 4rem;
  }
    
    .sticky-card-number {
    display: flex;
  }
    
    .sticky-card-number {
    height: 85px;
  }
    
    .sticky-card-number {
    width: 85px;
  }
    
    .sticky-card-number {
    align-items: center;
  }
    
    .sticky-card-number {
    justify-content: center;
  }
    
    .sticky-card-number {
    border-radius: 9999px;
  }
    
    .sticky-card-number-text {
    font-size: 50px;
  }
    
    .sticky-card-number-text {
    font-weight: 400;
  }
}

/* Mobile adjustments */
@media (max-width: 960px) {
    .sticky-process-section {
    min-height: 0px;

        .sticky-process-container {
      position: sticky;
    }

        .sticky-process-container {
      top: 1.25rem;
    }

        .sticky-process-container {
      flex-direction: column;
    }

        .sticky-process-container {
      gap: 4rem;
    }

        .sticky-process-container {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }

        .sticky-process-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }

        .sticky-process-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }

        .sticky-process-kicker {
      letter-spacing: 0px;
    }

        .sticky-process-cta{
            display: none;
        }
        
        .sticky-process-header {
      position: relative;
    }
        
        .sticky-process-header {
      width: 100%;
    }
        
        .sticky-process-header {
      gap: 1rem;
    }
        
        .sticky-process-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .sticky-process-title {
      line-height: 38px;
    }
        
        .sticky-process-title {
      letter-spacing: -0.9px;
    }
        
        .sticky-cards-wrapper {
      position: relative;
    }
        
        .sticky-cards-wrapper {
      width: 100%;
    }
        
        .sticky-card-content {
      padding: 2rem;
    }
        
        .sticky-card-title {
      padding-top: 0.5rem;
    }
        
        .sticky-card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .sticky-card-title {
      line-height: 2rem;
    }
        
        .sticky-card-title {
      letter-spacing: -0.48px;
    }
        
        .sticky-card-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .sticky-card-description {
      line-height: 1.5rem;
    }
        
        .sticky-card-description {
      letter-spacing: -0.16px;
    }
        
        .sticky-card-image {
      height: 16rem;
    }
        .sticky-card-text {
      gap: 1.5rem;
    }
        
        .sticky-card-number {
      top: -1.5rem;
    }
        
        .sticky-card-number {
      left: 1.5rem;
    }
        
        .sticky-card-number {
      height: 3rem;
    }
        
        .sticky-card-number {
      width: 3rem;
    }
        
        .sticky-card-number-text {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }
}

  /* mortgage cards section*/

  .process-section {
  position: relative;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    min-height: auto; /* Enough height for scroll animation */

    .process-container {
    position: relative;
  }

    .process-container {
    margin-left: auto;
    margin-right: auto;
  }

    .process-container {
    max-width: 1280px;
  }

    .process-container {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

    .process-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .process-layout {
    display: flex;
  }
    
    .process-layout {
    align-items: flex-start;
  }
    
    .process-layout {
    gap: 151px;
  }
    
    .process-layout {
        min-height: auto;
    }
    
    /* *//* Fix for pinning issue *//**/
    /* .pin-spacer .process-layout {*/
    /*     transform: none !important;*/
    /* }*/
    
    .process-header {
    display: flex;
  }
    
    .process-header {
    height: -moz-fit-content;
    height: fit-content;
  }
    
    .process-header {
    width: 376px;
  }
    
    .process-header {
    flex-shrink: 0;
  }
    
    .process-header {
    flex-direction: column;
  }
    
    .process-header {
    align-items: flex-start;
  }
    
    .process-header {
    justify-content: flex-start;
  }
    
    .process-header {
    gap: 2rem;
  }
    
    .process-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .process-kicker {
    font-weight: 700;
  }
    
    .process-kicker {
    line-height: 1.5rem;
  }
    
    .process-kicker {
    letter-spacing: -0.16px;
  }
    
    .process-kicker {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .process-title {
    font-size: 3.75rem;
    line-height: 1;
  }
    
    .process-title {
    font-weight: 700;
  }
    
    .process-title {
    line-height: 68px;
  }
    
    .process-title {
    letter-spacing: -3px;
  }
    
    .process-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .process-steps {
    position: relative;
  }
    
    .process-steps {
    flex: 1 1 0%;
  }
    
    .process-step {
    position: absolute;
  }
    
    .process-step {
    top: 0px;
  }
    
    .process-step {
    left: 0px;
  }
    
    .process-step {
    right: 0px;
  }
    
    .process-step {
    overflow: hidden;
  }
    
    .process-step {
    border-radius: 1.5rem;
  }
    
    .process-step {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .step-image-container {
    position: relative;
  }
    
    .step-image-container {
    height: 352px;
  }
    
    .step-image-container {
    overflow: hidden;
  }
    
    .step-image-container img {
    height: 100%;
  }
    
    .step-image-container img {
    width: 100%;
  }
    
    .step-image-container img {
    -o-object-fit: cover;
       object-fit: cover;
  }
    
    .step-content {
    position: relative;
  }
    
    .step-content {
    padding: 4rem;
  }
    
    .step-content {
     /*   min-height: 280px; // Adjust based on your tallest content*/
    }
    .step-content-wrapper {
    display: flex;
  }
    .step-content-wrapper {
    flex-direction: column;
  }
    .step-content-wrapper {
    align-items: flex-start;
  }
    .step-content-wrapper {
    justify-content: flex-start;
  }
    .step-content-wrapper {
    gap: 2rem;
  }
    .step-title {
    padding-right: 5rem;
  }
    .step-title {
    font-size: 3rem;
    line-height: 1;
  }
    .step-title {
    font-weight: 600;
  }
    .step-title {
    line-height: 56px;
  }
    .step-title {
    letter-spacing: -2.4px;
  }
    .step-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .step-description {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .step-description {
    font-weight: 500;
  }
    
    .step-description {
    line-height: 30px;
  }
    
    .step-description {
    letter-spacing: -0.2px;
  }
    
    .step-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .step-number {
    position: absolute;
  }
    
    .step-number {
    top: -42px;
  }
    
    .step-number {
    left: 4rem;
  }
    
    .step-number {
    display: flex;
  }
    
    .step-number {
    height: 85px;
  }
    
    .step-number {
    width: 85px;
  }
    
    .step-number {
    align-items: center;
  }
    
    .step-number {
    justify-content: center;
  }
    
    .step-number {
    border-radius: 9999px;
  }
    
    .step-number-text {
    font-size: 50px;
  }
    
    .step-number-text {
    font-weight: 400;
  }
    
    /* Step colors */
    /* .step-1 .step-number { @apply bg-bg-brand-secondary; }*/
    /* .step-1 .step-number-text { @apply text-brand-blue-light; }*/
    /* .step-2 .step-number { @apply bg-sage-green-light; }*/
    /* .step-2 .step-number-text { @apply text-sage-green-card; }*/
    /* .step-3 .step-number { @apply bg-royal-blue-light; }*/
    /* .step-3 .step-number-text { @apply text-royal-blue; }*/
    /* .step-4 .step-number { @apply bg-periwinkle-light; }*/
    /* .step-4 .step-number-text { @apply text-periwinkle-card; }*/
    /* .step-5 .step-number { @apply bg-lavender-light-card; }*/
    /* .step-5 .step-number-text { @apply text-lavender-card; }*/
}



/* Mobile adjustments */
@media (max-width: 960px) {
    .process-section {
          
        .process-container {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
          
        .process-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }
        .process-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        .process-kicker {
      letter-spacing: 0px;
    } 
        .process-layout {
      flex-direction: column;
    } 
        .process-layout {
      gap: 4rem;
    } 
        .process-layout {
            min-height: auto;
        }
        
        .process-header {
      width: 100%;
    }
        
        .process-header {
      gap: 1rem;
    }
        
        .process-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .process-title {
      line-height: 38px;
    }
        
        .process-title {
      letter-spacing: -0.9px;
    }
        
        .process-steps {
      position: relative;
    }
        
        .process-steps {
      display: flex;
    }
        
        .process-steps {
      width: 100%;
    }
        
        .process-steps {
      flex-direction: column;
    }
        
        .process-steps {
      gap: 1.5rem;
    }
        
        .process-step {
      position: absolute;
    }
        
        .process-step {
      top: 0px;
    }
        
        .process-step {
      left: 0px;
    }
        
        .process-step {
      right: 0px;
    }
        
        .process-step {
      border-radius: 1.5rem;
    }
        
        .process-step {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
       
        
        .step-content {
      padding: 2rem;
    }

        .step-content-wrapper {
      display: flex;
    }

        .step-content-wrapper {
      flex-direction: column;
    }

        .step-content-wrapper {
      align-items: flex-start;
    }

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

        .step-content-wrapper {
      gap: 1rem;
    }
        
        .step-title {
      padding-top: 0.5rem;
    }
        
        .step-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .step-title {
      line-height: 2rem;
    }
        
        .step-title {
      letter-spacing: -0.48px;
    }
        
        .step-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .step-description {
      line-height: 1.5rem;
    }
        
        .step-image-container {
      height: 16rem;
    }
        
        .step-number {
      top: -1.5rem;
    }
        
        .step-number {
      left: 2rem;
    }
        
        .step-number {
      height: 3rem;
    }
        
        .step-number {
      width: 3rem;
    }
        
        .step-number-text {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .step-number-text {
      font-weight: 600;
    }
    }
}

    /* mortgage lenders section*/

    .lenders-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;
        .lenders-container {
    display: flex;
  }
        .lenders-container {
    width: 100%;
  }
        .lenders-container {
    max-width: 1280px;
  }
        .lenders-container {
    flex-direction: column;
  }
        .lenders-container {
    align-items: center;
  }
        .lenders-container {
    justify-content: flex-start;
  }
        .lenders-container {
    gap: 4rem;
  }
        .lenders-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .lenders-header {
    display: flex;
  }
        
        .lenders-header {
    width: 100%;
  }
        
        .lenders-header {
    flex-direction: column;
  }
        
        .lenders-header {
    align-items: flex-start;
  }
        
        .lenders-header {
    justify-content: flex-start;
  }
        
        .lenders-header {
    gap: 2rem;
  }
        
        .header-content {
    display: flex;
  }
        
        .header-content {
    flex-direction: column;
  }
        
        .header-content {
    align-items: flex-start;
  }
        
        .header-content {
    justify-content: flex-start;
  }
        
        .header-content {
    gap: 2rem;
  }
        
        .lenders-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .lenders-kicker {
    font-weight: 700;
  }
        
        .lenders-kicker {
    line-height: 1.5rem;
  }
        
        .lenders-kicker {
    letter-spacing: -0.16px;
  }
        
        .lenders-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
        
        .lenders-title {
    font-size: 3.75rem;
    line-height: 1;
  }
        
        .lenders-title {
    font-weight: 700;
  }
        
        .lenders-title {
    line-height: 68px;
  }
        
        .lenders-title {
    letter-spacing: -3.6px;
  }
        
        .lenders-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
        
        .lenders-description {
    width: 50%;
  }
        
        .lenders-description {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
        
        .lenders-description {
    font-weight: 400;
  }
        
        .lenders-description {
    line-height: 30px;
  }
        
        .lenders-description {
    letter-spacing: -0.2px;
  }
        
        .lenders-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
        
        .logo-grid {
    display: grid;
  }
        
        .logo-grid {
    height: 251px;
  }
        
        .logo-grid {
    width: 100%;
  }
        
        .logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
        
        .logo-grid {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
        
        .logo-grid {
    place-items: center;
  }
        
        .logo-grid {
    row-gap: 2rem;
  }
        
        .logo-grid {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
        
        .logo-grid {
    border-radius: 0.5rem;
  }
        
        .logo-grid {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
        
        .logo-grid {
    padding-left: 0px;
    padding-right: 0px;
  }
        
        .logo-item {
    display: flex;
  }
        
        .logo-item {
    align-items: center;
  }
        
        .logo-item {
    justify-content: center;
  }
        
        .logo-item img {
    max-height: 100%;
  }
        
        .logo-item img {
    max-width: 100%;
  }
        
        .logo-item img {
    -o-object-fit: contain;
       object-fit: contain;
  }
        
        /* Specific logo positioning */
        .logo-moco {
    grid-column-start: 1;
  }
        .logo-moco {
    grid-row-start: 1;
  }
        
        .logo-boi {
    grid-column-start: 2;
  }
        
        .logo-boi {
    grid-row-start: 1;
  }
        
        .logo-ics {
    grid-column-start: 3;
  }
        
        .logo-ics {
    grid-row-start: 1;
  }
        
        .logo-spry {
    grid-column-start: 4;
  }
        
        .logo-spry {
    grid-row-start: 1;
  }
        
        .logo-haven {
    grid-column-start: 1;
  }
        
        .logo-haven {
    grid-row-start: 2;
  }
        
        .logo-ptsb {
    grid-column-start: 2;
  }
        
        .logo-ptsb {
    grid-row-start: 2;
  }
        
        .logo-nua {
    grid-column-start: 3;
  }
        
        .logo-nua {
    grid-row-start: 2;
  }
        
        .logo-avant {
    grid-column-start: 4;
  }
        
        .logo-avant {
    grid-row-start: 2;
  }
}
    
    
    
    /* Mobile Responsive */
    @media (max-width: 960px) {
        .lenders-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .lenders-container {
      gap: 3rem;
    }

            .lenders-container {
      padding-left: 0px;
      padding-right: 0px;
    }
            .header-header {
      gap: 2rem;
    }
            .header-content {
      gap: 2rem;
    }
            .lenders-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
            .lenders-kicker {
      letter-spacing: 0px;
    }
            
            .lenders-title {
      white-space: normal;
    }
            
            .lenders-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
            
            .lenders-title {
      line-height: 38px;
    }
            
            .lenders-title {
      letter-spacing: -0.9px;
    }
            
            .lenders-description {
      width: 100%;
    }
            
            .lenders-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
            
            .lenders-description {
      line-height: 1.5rem;
    }
            
            .logo-grid {
      height: auto;
    }
            
            .logo-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
            
            .logo-grid {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
            
            .logo-grid {
      place-items: center;
    }
            
            .logo-grid {
      gap: 2.5rem;
    }
            
            .logo-grid {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
            
            .logo-moco {
      grid-column-start: 2;
    }
            
            .logo-moco {
      grid-row-start: 1;
    }
            
            .logo-moco {
      height: 36px;
    }
            
            .logo-moco {
      width: 111px;
    }
            
            .logo-boi {
      grid-column-start: 1;
    }
            
            .logo-boi {
      grid-row-start: 2;
    }
            
            .logo-boi {
      height: 39px;
    }
            
            .logo-boi {
      width: 50px;
    }
            
            .logo-ics {
      grid-column-start: 1;
    }
            
            .logo-ics {
      grid-row-start: 4;
    }
            
            .logo-ics {
      height: 27px;
    }
            
            .logo-ics {
      width: 140px;
    }
            
            .logo-spry {
      grid-column-start: 1;
    }
            
            .logo-spry {
      grid-row-start: 1;
    }
            
            .logo-spry {
      height: 37px;
    }
            
            .logo-spry {
      width: 68px;
    }
            
            .logo-haven {
      grid-column-start: 2;
    }
            
            .logo-haven {
      grid-row-start: 4;
    }
            
            .logo-haven {
      height: 39px;
    }
            
            .logo-haven {
      width: 40px;
    }
            
            .logo-ptsb {
      grid-column-start: 2;
    }
            
            .logo-ptsb {
      grid-row-start: 2;
    }
            
            .logo-ptsb {
      height: 39px;
    }
            
            .logo-ptsb {
      width: 72px;
    }
            
            .logo-nua {
      grid-column-start: 2;
    }
            
            .logo-nua {
      grid-row-start: 3;
    }
            
            .logo-nua {
      height: 35px;
    }
            
            .logo-nua {
      width: 87px;
    }
            
            .logo-avant {
      grid-column-start: 1;
    }
            
            .logo-avant {
      grid-row-start: 3;
    }
            
            .logo-avant {
      height: 35px;
    }
            
            .logo-avant {
      width: 140px;
    }
  }
        
        
    }


    /* hero section*/

    .hero-section {
  position: relative;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 12rem;
  padding-bottom: 8rem;
}
    
    .hero-container {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1280px;
  padding-left: 2rem;
  padding-right: 2rem;
}
    
    .hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5rem;
}
    
    .hero-kicker {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
    
    .hero-main {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3rem;
}
    
    .hero-title {
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 400;
  line-height: 85px;
  letter-spacing: -3.6px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
    
    .hero-title-regular {
  font-weight: 400;
}
    
    .hero-title-bold {
  font-weight: 700;
}
    
    .hero-subtitle {
  width: 560px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.9px;
  --tw-text-opacity: 1;
  color: rgb(225 237 250 / var(--tw-text-opacity, 1));
}
    
    .hero-cta {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
    
    .hero-images {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
  height: 100%;
  width: 720px;
  overflow: hidden;
}
    
    .image-column-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  width: 340px;
  flex-direction: column;
  gap: 0.75rem;
        animation: scrollUp 120s linear infinite;
        height: calc(10 * 340px + 9 * 12px); /* 10 images + 9 gaps */
}
    
    .image-column-2 {
  position: absolute;
  left: 353px;
  top: 117px;
  display: flex;
  width: 340px;
  flex-direction: column;
  gap: 0.75rem;
        animation: scrollDown 120s linear infinite;
        height: calc(10 * 340px + 9 * 12px); /* 10 images + 9 gaps */
}
    
    /* Animation keyframes */
    @keyframes scrollUp {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(-50%);
        }
    }
    
    @keyframes scrollDown {
        0% {
            transform: translateY(-50%);
        }
        100% {
            transform: translateY(0);
        }
    }
    
    .hero-image {
  position: relative;
  height: 340px;
  width: 340px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 1rem;
}
    
    .hero-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
    
    /* Hide mobile image on desktop */
    .hero-mobile-image {
       display: none; 
    }
    
    /* Mobile Responsive */
    @media (max-width: 960px) {
        .hero-section {
    min-height: 90vh;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
        
        .hero-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .hero-content {
    margin-top: 3rem;
    gap: 2rem;
  }
        .hero-main {
    gap: 2rem;
  }
        .hero-kicker {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0px;
            border-bottom: 4px solid #ed1c24;
            padding-bottom: 8px;
  }
        .hero-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 44px;
    letter-spacing: -1.8px;
  }
        
        .hero-subtitle {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: -0.16px;
  }
        
        .hero-cta {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
        
        .btn-primary-inverted,
        .btn-secondary-inverted {
    width: 100%;
    text-align: center;
  }
        
        .hero-images {
            display: none;
        }
        
        .hero-mobile-image {
            display: block;
            margin-top: 1rem;
            width: 100%;
            aspect-ratio: 16/9;
            min-height: 200px; /* Fallback height */
        }
        
        .hero-mobile-image img {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
       object-fit: cover;
            
            min-height: 200px; /* Ensures image is visible even without aspect-ratio support */
  }
    }
    
    @media (min-width: 961px) and (max-width: 1280px) {
        .hero-images {
    right: -200px;
  }
    }

    /* learn section*/

    .learn-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

        .learn-container {
    display: flex;
  }

        .learn-container {
    width: 100%;
  }

        .learn-container {
    max-width: 1280px;
  }

        .learn-container {
    flex-direction: column;
  }

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

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

        .learn-container {
    gap: 4rem;
  }

        .learn-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .learn-header {
    display: flex;
  }
        
        .learn-header {
    width: 100%;
  }
        
        .learn-header {
    width: 75%;
  }
        
        .learn-header {
    flex-direction: column;
  }
        
        .learn-header {
    align-items: flex-start;
  }
        
        .learn-header {
    justify-content: flex-start;
  }
        
        .learn-header {
    gap: 2rem;
  }
        
        .learn-kicker {
    white-space: nowrap;
  }
        
        .learn-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .learn-kicker {
    font-weight: 700;
  }
        
        .learn-kicker {
    line-height: 1.5rem;
  }
        
        .learn-kicker {
    letter-spacing: -0.16px;
  }
        
        .learn-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
        
        .learn-title {
    width: 66.666667%;
  }
        
        .learn-title {
    font-size: 3.75rem;
    line-height: 1;
  }
        
        .learn-title {
    font-weight: 700;
  }
        
        .learn-title {
    line-height: 68px;
  }
        
        .learn-title {
    letter-spacing: -3px;
  }
        
        .learn-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
        
        .learn-cards {
    display: flex;
  }
        
        .learn-cards {
    width: 100%;
  }
        
        .learn-cards {
    align-items: stretch;
  }
        
        .learn-cards {
    justify-content: flex-start;
  }
        
        .learn-cards {
    gap: 3rem;
  }
        
        .learn-cards {
    border-radius: 0.5rem;
  }
        
        .learn-cards {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
        
        .learn-cards {
    padding-left: 0px;
    padding-right: 0px;
  }
        
        .learn-card {
    display: flex;
  }
        
        .learn-card {
    flex: 1 1 0%;
  }
        
        .learn-card {
    flex-direction: column;
  }
        
        .learn-card {
    align-items: flex-start;
  }
        
        .learn-card {
    justify-content: flex-start;
  }
        
        .learn-card {
    overflow: hidden;
  }
        
        .learn-card {
    border-radius: 1.5rem;
  }
        
        .learn-card {
    --tw-bg-opacity: 1;
    background-color: rgb(235 241 247 / var(--tw-bg-opacity, 1));
  }
        
        .card-image {
    position: relative;
  }
        
        .card-image {
    height: 200px;
  }
        
        .card-image {
    width: 100%;
  }
        
        .card-image {
    overflow: hidden;
  }
        
        .card-image img {
    height: 100%;
  }
        
        .card-image img {
    width: 100%;
  }
        
        .card-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
        
        .card-content {
    display: flex;
  }
        
        .card-content {
    width: 100%;
  }
        
        .card-content {
    flex: 1 1 0%;
  }
        
        .card-content {
    flex-direction: column;
  }
        
        .card-content {
    align-items: flex-start;
  }
        
        .card-content {
    justify-content: space-between;
  }
        
        .card-content {
    padding-left: 3rem;
    padding-right: 3rem;
  }
        
        .card-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
        
        .card-text {
    margin-bottom: 2rem;
  }
        
        .card-text {
    display: flex;
  }
        
        .card-text {
    width: 100%;
  }
        
        .card-text {
    flex-direction: column;
  }
        
        .card-text {
    align-items: flex-start;
  }
        
        .card-text {
    justify-content: flex-start;
  }
        
        .card-text {
    gap: 1.5rem;
  }
        
        .card-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
        
        .card-title {
    font-weight: 700;
  }
        
        .card-title {
    line-height: 38px;
  }
        
        .card-title {
    letter-spacing: -0.9px;
  }
        
        .card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        
        .card-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .card-description {
    font-weight: 400;
  }
        
        .card-description {
    line-height: 1.5rem;
  }
        
        .card-description {
    letter-spacing: -0.48px;
  }
        
        .card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
        
        .card-arrow {
    display: flex;
  }
        
        .card-arrow {
    height: 2.75rem;
  }
        
        .card-arrow {
    width: 2.75rem;
  }
        
        .card-arrow {
    cursor: pointer;
  }
        
        .card-arrow {
    align-items: center;
  }
        
        .card-arrow {
    justify-content: center;
  }
        
        .card-arrow {
    border-radius: 9999px;
  }
        
        .card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-arrow {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        .card-arrow img {
    height: 0.75rem;
  }
        .card-arrow img {
    width: 0.75rem;
  }
        
        .card-arrow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
        
        .card-arrow:hover {
            img {
                filter: brightness(0) invert(1);
            }
        }
        
        .card-arrow:hover svg path {
    stroke: #fff;
  }
        
        .card-arrow svg {
    --tw-text-opacity: 1;
    color: rgb(7 68 130 / var(--tw-text-opacity, 1));
  }
        
        .learn-cta {
    display: flex;
  }
        
        .learn-cta {
    width: 100%;
  }
        
        .learn-cta {
    flex-wrap: wrap;
  }
        
        .learn-cta {
    align-items: center;
  }
        
        .learn-cta {
    justify-content: flex-start;
  }
        
        .learn-cta {
    gap: 1rem;
  }
}

    /* Mobile Responsive */
    @media (max-width: 960px) {
        .learn-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .learn-container {
      gap: 4rem;
    }

            .learn-container {
      padding-left: 0px;
      padding-right: 0px;
    }
            .learn-header {
      gap: 1rem;
    }
            .learn-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
            .learn-kicker {
      letter-spacing: 0px;
    }
            .learn-title {
      width: 100%;
    }
            .learn-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
            .learn-title {
      line-height: 44px;
    }
            .learn-title {
      letter-spacing: -1.8px;
    }
            
            .learn-cards {
      display: flex;
    }
            
            .learn-cards {
      gap: 1rem;
    }
            
            .learn-cards {
      overflow-x: auto;
    }
            
            .learn-cards {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
            
            .learn-cards {
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                -ms-overflow-style: none;
                
                &::-webkit-scrollbar {
                    display: none;
                }
            }
            
            .learn-card {
      min-width: 230px;
    }
            
            .learn-card {
      flex-shrink: 0;
    }
            
            .learn-card {
                scroll-snap-align: start;
            }
            
            .card-content {
      padding-left: 2rem;
      padding-right: 2rem;
    }
            
            .card-content {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
            
            .card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
            
            .card-title {
      line-height: 2rem;
    }
            
            .card-description {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
            
            .card-description {
      letter-spacing: 0px;
    }
  }
    }

    /* faq section*/

    .faq-section {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

        .faq-container {
    display: flex;
  }

        .faq-container {
    width: 100%;
  }

        .faq-container {
    max-width: 1280px;
  }

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

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

        .faq-container {
    gap: 3rem;
  }

        .faq-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .faq-header {
    display: flex;
  }
        
        .faq-header {
    width: 479px;
  }
        
        .faq-header {
    flex-shrink: 0;
  }
        
        .faq-header {
    flex-direction: column;
  }
        
        .faq-header {
    align-items: flex-start;
  }
        
        .faq-header {
    justify-content: flex-start;
  }
        
        .faq-header {
    gap: 2rem;
  }
        
        .faq-title {
    font-size: 3.75rem;
    line-height: 1;
  }
        
        .faq-title {
    font-weight: 700;
  }
        
        .faq-title {
    line-height: 68px;
  }
        
        .faq-title {
    letter-spacing: -3px;
  }
        
        .faq-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
        
        .faq-items {
    display: flex;
  }
        
        .faq-items {
    flex: 1 1 0%;
  }
        
        .faq-items {
    flex-direction: column;
  }
        
        .faq-items {
    align-items: flex-start;
  }
        
        .faq-items {
    justify-content: flex-start;
  }
        
        .faq-items {
    gap: 2rem;
  }
        
        .faq-item {
    display: flex;
  }
        
        .faq-item {
    width: 100%;
  }
        
        .faq-item {
    flex-direction: column;
  }
        
        .faq-item {
    align-items: flex-start;
  }
        
        .faq-item {
    justify-content: center;
  }
        
        .faq-item {
    overflow: hidden;
  }
        
        .faq-item {
    border-radius: 1.5rem;
  }
        
        .faq-item {
    --tw-bg-opacity: 1;
    background-color: rgb(235 241 247 / var(--tw-bg-opacity, 1));
  }
        
        .faq-item {
    padding-left: 3rem;
    padding-right: 3rem;
  }
        
        .faq-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
        
        .faq-item {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .faq-item {
    transition-duration: 300ms;
  }
        
        .faq-item {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

        .about-faq-cta {
    display: flex;
  }

        .about-faq-cta {
    width: 100%;
  }

        .about-faq-cta {
    flex-wrap: wrap;
  }

        .about-faq-cta {
    align-items: center;
  }

        .about-faq-cta {
    justify-content: flex-start;
  }

        .about-faq-cta {
    gap: 1rem;
  }
        
        /* .faq-item:hover {*/
        /*     @apply bg-white shadow-[0_8px_32px_rgba(0,0,0,0.08)]; */
        /* }*/
        
        /* .faq-item.expanded {*/
        /*     @apply bg-white shadow-[0_8px_32px_rgba(0,0,0,0.08)];*/
        /* }*/
        
        .faq-question {
    display: flex;
  }
        
        .faq-question {
    width: 100%;
  }
        
        .faq-question {
    cursor: pointer;
  }
        
        .faq-question {
    align-items: center;
  }
        
        .faq-question {
    justify-content: flex-start;
  }
        
        .faq-question {
    gap: 1.5rem;
  }
        
        .question-text {
    flex: 1 1 0%;
  }
        
        .question-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
        
        .question-text {
    font-weight: 600;
  }
        
        .question-text {
    line-height: 30px;
  }
        
        .question-text {
    letter-spacing: -0.2px;
  }
        
        .question-text {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        
        .question-toggle {
    display: flex;
  }
        
        .question-toggle {
    height: 2.75rem;
  }
        
        .question-toggle {
    width: 2.75rem;
  }
        
        .question-toggle {
    flex-shrink: 0;
  }
        
        .question-toggle {
    align-items: center;
  }
        
        .question-toggle {
    justify-content: center;
  }
        
        .question-toggle {
    border-radius: 9999px;
  }
        
        .question-toggle {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .question-toggle {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .question-toggle {
    transition-duration: 300ms;
  }
        
        .question-toggle {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .question-toggle:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
        
        .question-toggle:hover svg path {
    stroke: #fff;
  }
        
        .question-toggle svg {
    --tw-text-opacity: 1;
    color: rgb(7 68 130 / var(--tw-text-opacity, 1));
  }
        
        .faq-answer {
    max-height: 0px;
  }
        
        .faq-answer {
    width: 100%;
  }
        
        .faq-answer {
    overflow: hidden;
  }
        
        .faq-answer {
    padding-top: 0px;
  }
        
        .faq-answer {
    opacity: 0;
  }
        
        .faq-answer {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .faq-answer {
    transition-duration: 300ms;
  }
        
        .faq-answer {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .faq-item.expanded .faq-answer {
    padding-top: 1.5rem;
  }
        
        .faq-item.expanded .faq-answer {
    opacity: 1;
  }
        
        .faq-item.expanded .faq-answer { /* 24px - equivalent to pt-6 */
        }
        
        .answer-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .answer-text {
    font-weight: 400;
  }
        
        .answer-text {
    line-height: 1.5rem;
  }
        
        .answer-text {
    letter-spacing: -0.16px;
  }
        
        .answer-text {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
        
        .answer-text {
            p {
      margin-bottom: 1rem;
    }
        }
        
        .hidden { 
            display: none;
        }
}

    /* Mobile Responsive */
    @media (max-width: 960px) {
        .faq-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .faq-container {
      flex-direction: column;
    }

            .faq-container {
      gap: 2rem;
    }

            .faq-container {
      padding-left: 0px;
      padding-right: 0px;
    }
            
            .faq-header {
      width: 100%;
    }

            .about-faq-cta{
                display: none;
            }
            
            .faq-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
            
            .faq-title {
      line-height: 38px;
    }
            
            .faq-title {
      letter-spacing: -0.9px;
    }
            
            .faq-item {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
            
            .faq-item {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
            
            .question-text {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
            
            .question-text {
      line-height: 1.75rem;
    }
            .answer-text {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
            .answer-text {
      font-weight: 400;
    }
            .answer-text {
      letter-spacing: 0px;
    }
            .answer-text {
      --tw-text-opacity: 1;
      color: rgb(65 70 81 / var(--tw-text-opacity, 1));
    }
            .answer-text {
                p {
        margin-bottom: 1rem;
      }
            }
  }
    }

    /* get-started section*/

    .get-started-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

        .get-started-container {
    display: flex;
  }

        .get-started-container {
    width: 100%;
  }

        .get-started-container {
    max-width: 1280px;
  }

        .get-started-container {
    flex-direction: column;
  }

        .get-started-container {
    align-items: flex-start;
  }

        .get-started-container {
    justify-content: flex-start;
  }

        .get-started-container {
    gap: 5rem;
  }

        .get-started-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
        
        .get-started-header {
    display: flex;
  }
        
        .get-started-header {
    width: 100%;
  }
        
        .get-started-header {
    flex-direction: column;
  }
        
        .get-started-header {
    align-items: flex-start;
  }
        
        .get-started-header {
    justify-content: flex-start;
  }
        
        .get-started-header {
    gap: 3rem;
  }
        
        .get-started-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .get-started-kicker {
    font-weight: 700;
  }
        
        .get-started-kicker {
    line-height: 1.5rem;
  }
        
        .get-started-kicker {
    letter-spacing: -0.16px;
  }
        
        .get-started-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
        
        .get-started-title {
    max-width: 659px;
  }
        
        .get-started-title {
    font-size: 3.75rem;
    line-height: 1;
  }
        
        .get-started-title {
    font-weight: 700;
  }
        
        .get-started-title {
    line-height: 68px;
  }
        
        .get-started-title {
    letter-spacing: -3px;
  }
        
        .get-started-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
        
        .get-started-cards {
    display: flex;
  }
        
        .get-started-cards {
    width: 100%;
  }
        
        .get-started-cards {
    align-items: center;
  }
        
        .get-started-cards {
    justify-content: flex-start;
  }
        
        .get-started-cards {
    gap: 3rem;
  }
        
        .get-started-cards {
    overflow: visible;
  }
        
        .get-started-card {
    display: flex;
  }
        
        .get-started-card {
    height: 450px;
  }
        
        .get-started-card {
    flex: 1 1 0%;
  }
        
        .get-started-card {
    flex-direction: column;
  }
        
        .get-started-card {
    align-items: flex-start;
  }
        
        .get-started-card {
    justify-content: space-between;
  }
        
        .get-started-card {
    overflow: hidden;
  }
        
        .get-started-card {
    border-radius: 1.5rem;
  }
        
        .get-started-card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .get-started-card {
    padding: 3rem;
  }
        
        .get-started-card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .get-started-card {
    transition-duration: 300ms;
  }
        
        .get-started-card {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .get-started-card:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
        
        .get-started-card:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
        
        .get-started-card:hover {
    --tw-shadow: 0 20px 40px rgba(0,0,0,0.1);
    --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
        
        .card-content {
    display: flex;
  }
        
        .card-content {
    width: 100%;
  }
        
        .card-content {
    flex: 1 1 0%;
  }
        
        .card-content {
    flex-direction: column;
  }
        
        .card-content {
    align-items: flex-start;
  }
        
        .card-content {
    justify-content: flex-start;
  }
        
        .card-content {
    gap: 3rem;
  }
        
        .card-icon {
    height: 3rem;
  }
        
        .card-icon {
    width: 3rem;
  }
        
        .card-icon {
    flex-shrink: 0;
  }
        
        .card-icon {
    --tw-text-opacity: 1;
    color: rgb(7 68 130 / var(--tw-text-opacity, 1));
  }
        
        .card-icon svg {
    height: 100%;
  }
        
        .card-icon svg {
    width: 100%;
  }
        
        .card-text {
    display: flex;
  }
        
        .card-text {
    width: 100%;
  }
        
        .card-text {
    flex: 1 1 0%;
  }
        
        .card-text {
    flex-direction: column;
  }
        
        .card-text {
    align-items: flex-start;
  }
        
        .card-text {
    justify-content: flex-start;
  }
        
        .card-text {
    gap: 1.5rem;
  }
        
        .card-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
        
        .card-title {
    font-weight: 700;
  }
        
        .card-title {
    line-height: 38px;
  }
        
        .card-title {
    letter-spacing: -0.9px;
  }
        
        .card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        
        .card-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .card-description {
    font-weight: 500;
  }
        
        .card-description {
    letter-spacing: -0.16px;
  }
        
        .card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
        
        .card-cta {
    display: flex;
  }
        
        .card-cta {
    cursor: pointer;
  }
        
        .card-cta {
    align-items: center;
  }
        
        .card-cta {
    justify-content: center;
  }
        
        .card-cta {
    gap: 0.375rem;
  }
        
        .card-cta {
    --tw-text-opacity: 1;
    color: rgb(7 68 130 / var(--tw-text-opacity, 1));
  }
        
        .card-cta {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .card-cta {
    transition-duration: 300ms;
  }
        
        .card-cta {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
        
        .card-cta:hover {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
        
        .cta-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .cta-text {
    font-weight: 600;
  }
        
        .cta-text {
    line-height: 1.5rem;
  }
        
        .cta-text {
    letter-spacing: -0.16px;
  }
        
        .card-cta img {
    margin-left: 0.25rem;
  }
        
        .card-cta img {
    height: 0.75rem;
  }
        
        .card-cta img {
    width: 0.75rem;
  }
}

    /* Mobile Responsive */
    @media (max-width: 960px) {
        .get-started-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .get-started-container {
      gap: 3rem;
    }

            .get-started-container {
      padding-left: 0px;
      padding-right: 0px;
    }
            .get-started-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
            .get-started-kicker {
      letter-spacing: 0px;
    }
            .get-started-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
            .get-started-title {
      line-height: 44px;
    }
            .get-started-title {
      letter-spacing: -1.8px;
    }
            .get-started-header {
      gap: 1rem;
    }
            
            .get-started-cards {
      flex-direction: column;
    }
            
            .get-started-cards {
      gap: 2rem;
    }
            
            .get-started-card {
      height: auto;
    }
            
            .get-started-card {
      width: 100%;
    }
            
            .get-started-card {
      padding: 2rem;
    }
            
            .card-content {
      gap: 2rem;
    }
            
            .card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
            
            .card-title {
      line-height: 2rem;
    }
            
            .card-description {
      margin-bottom: 1.5rem;
    }
            
            .card-description {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
            
            .card-description {
      line-height: 1.25rem;
    }
  }
    }

    /* Animation classes for scroll-triggered animations*/
    .fade-in { 
        opacity: 0;
        transition: opacity 0.6s ease-in-out;
        
        &.animate {
            opacity: 1;
        }
    }
    
    .fade-up {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .fade-down {
        opacity: 0;
        transform: translateY(-30px);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .fade-left {
        opacity: 0;
        transform: translateX(-30px);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    .fade-right {
        opacity: 0;
        transform: translateX(30px);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    .scale-in {
        opacity: 0;
        transform: scale(0.8);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: scale(1);
        }
    }
    
    .fade-up {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .fade-down {
        opacity: 0;
        transform: translateY(-30px);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .fade-left {
        opacity: 0;
        transform: translateX(-30px);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    .fade-right {
        opacity: 0;
        transform: translateX(30px);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    .scale-in {
        opacity: 0;
        transform: scale(0.8);
        transition: all 0.6s ease-out;
        
        &.animate {
            opacity: 1;
            transform: scale(1);
        }
    }

/* calculator tools section*/

.calculator-tools-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;
    
    .calculator-container {
    width: 100%;
  }
    
    .calculator-container {
    max-width: 1280px;
  }
    
    .calculator-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-grid {
    display: grid;
  }
    
    .calculator-grid {
    grid-template-columns: 479px minmax(0px, 1fr);
  }
    
    .calculator-grid {
    align-items: flex-start;
  }
    
    .calculator-grid {
    gap: 153px;
  }
    
    .calculator-title-wrapper {
    display: flex;
  }
    
    .calculator-title-wrapper {
    flex-direction: column;
  }
    
    .calculator-title-wrapper {
    align-items: flex-start;
  }
    
    .calculator-title-wrapper {
    justify-content: flex-start;
  }
    
    .calculator-title-wrapper {
    gap: 3rem;
  }
    
    .calculator-title-content {
    display: flex;
  }
    
    .calculator-title-content {
    max-width: 793px;
  }
    
    .calculator-title-content {
    flex-direction: column;
  }
    
    .calculator-title-content {
    align-items: flex-start;
  }
    
    .calculator-title-content {
    justify-content: flex-start;
  }
    
    .calculator-title-content {
    gap: 2rem;
  }
    
    .calculator-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-kicker {
    font-weight: 700;
  }
    
    .calculator-kicker {
    line-height: 1.5rem;
  }
    
    .calculator-kicker {
    letter-spacing: -0.16px;
  }
    
    .calculator-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
    
    .calculator-title {
    width: 100%;
  }
    
    .calculator-title {
    font-size: 60px;
  }
    
    .calculator-title {
    font-weight: 700;
  }
    
    .calculator-title {
    line-height: 68px;
  }
    
    .calculator-title {
    letter-spacing: -3px;
  }
    
    .calculator-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-cards {
    display: flex;
  }
    
    .calculator-cards {
    flex-direction: column;
  }
    
    .calculator-cards {
    align-items: flex-start;
  }
    
    .calculator-cards {
    justify-content: flex-start;
  }
    
    .calculator-cards {
    gap: 3rem;
  }
    
    .calculator-cards {
        
        a {
            cursor: pointer !important;
        }
    }
    
    .calculator-card {
    display: flex;
  }
    
    .calculator-card {
    width: 100%;
  }
    
    .calculator-card {
    align-items: flex-end;
  }
    
    .calculator-card {
    justify-content: space-between;
  }
    
    .calculator-card {
    gap: 2rem;
  }
    
    .calculator-card {
    border-radius: 1.5rem;
  }
    
    .calculator-card {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-card {
    padding: 3rem;
  }
    
    .calculator-card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-card {
    transition-duration: 300ms;
  }
    
    .calculator-card {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .calculator-card {
        text-decoration: none;
        color: inherit;
        cursor: pointer !important;
        display: flex;
        
        &:hover {
      --tw-scale-x: 1.02;
      --tw-scale-y: 1.02;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
        
        &:hover {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
        
        &:hover {
      --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    }
    
    .calculator-card-content {
    display: flex;
  }
    
    .calculator-card-content {
    flex: 1 1 0%;
  }
    
    .calculator-card-content {
    flex-direction: column;
  }
    
    .calculator-card-content {
    align-items: flex-start;
  }
    
    .calculator-card-content {
    justify-content: flex-start;
  }
    
    .calculator-card-content {
    gap: 2.5rem;
  }
    
    .calculator-card-icon {
    height: 3.5rem;
  }
    
    .calculator-card-icon {
    width: 3.5rem;
  }
    
    .calculator-card-text {
    display: flex;
  }
    
    .calculator-card-text {
    flex-direction: column;
  }
    
    .calculator-card-text {
    align-items: flex-start;
  }
    
    .calculator-card-text {
    justify-content: flex-start;
  }
    
    .calculator-card-text {
    gap: 0.75rem;
  }
    
    .calculator-card-title {
    font-size: 30px;
  }
    
    .calculator-card-title {
    font-weight: 700;
  }
    
    .calculator-card-title {
    line-height: 38px;
  }
    
    .calculator-card-title {
    letter-spacing: -0.9px;
  }
    
    .calculator-card-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-card-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-card-description {
    font-weight: 400;
  }
    
    .calculator-card-description {
    line-height: 1.75rem;
  }
    
    .calculator-card-description {
    letter-spacing: -0.18px;
  }
    
    .calculator-card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-card-arrow {
    display: flex;
  }
    
    .calculator-card-arrow {
    height: 60px;
  }
    
    .calculator-card-arrow {
    width: 60px;
  }
    
    .calculator-card-arrow {
    align-items: center;
  }
    
    .calculator-card-arrow {
    justify-content: center;
  }
    
    .calculator-card-arrow {
    border-radius: 9999px;
  }
    
    .calculator-card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-card-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-card-arrow {
    transition-duration: 300ms;
  }
    
    .calculator-card-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .calculator-card-arrow {
        
        img {
      height: 1rem;
    }
        
        img {
      width: 1rem;
    }
    }
    
    .calculator-card:hover .calculator-card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(10 92 173 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-card:hover .calculator-card-arrow {
        
        img {
            filter: brightness(0) invert(1);
        }
    }
}

/* Mobile Responsive */
@media (max-width: 960px) {
    .calculator-tools-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
        
        .calculator-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .calculator-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
        
        .calculator-grid {
      gap: 3rem;
    }
        .calculator-title-content {
      gap: 1.5rem;
    }
        .calculator-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        .calculator-kicker {
      letter-spacing: 0px;
    }
        
        .calculator-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .calculator-title {
      line-height: 38px;
    }
        
        .calculator-title {
      letter-spacing: -0.9px;
    }
        
        .calculator-cards {
      gap: 1rem;
    }
        
        .calculator-card {
      gap: 1rem;
    }
        
        .calculator-card {
      padding: 1.5rem;
    }
        
        .calculator-card {
            
            &:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
            
            &:hover {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
            
            &:hover {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
        }
        
        .calculator-card-content {
      gap: 1.5rem;
    }
        
        .calculator-card-icon {
      height: 3rem;
    }
        
        .calculator-card-icon {
      width: 3rem;
    }
        
        .calculator-card-text {
      gap: 0.5rem;
    }
        
        .calculator-card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .calculator-card-title {
      line-height: 2rem;
    }
        
        .calculator-card-title {
      letter-spacing: -0.72px;
    }
        
        .calculator-card-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .calculator-card-description {
      line-height: 1.5rem;
    }
        
        .calculator-card-arrow {
      height: 3rem;
    }
        
        .calculator-card-arrow {
      width: 3rem;
    }
  }
}

/* persona hero section*/

.persona-hero-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8rem;
  padding-bottom: 1.5rem;

    .persona-hero-container {
    display: flex;
  }

    .persona-hero-container {
    width: 100%;
  }

    .persona-hero-container {
    max-width: 1280px;
  }

    .persona-hero-container {
    flex-direction: column;
  }

    .persona-hero-container {
    align-items: flex-start;
  }

    .persona-hero-container {
    justify-content: flex-start;
  }

    .persona-hero-container {
    gap: 5rem;
  }

    .persona-hero-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .persona-breadcrumb {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .persona-breadcrumb {
    line-height: 1.5rem;
  }
    
    .persona-breadcrumb {
    letter-spacing: -0.16px;
  }
    
    .persona-breadcrumb {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .mobile-breadcrumb {
        display: none; /* Hidden on desktop by default*/
    }
    
    .desktop-breadcrumb {
        display: block; /* Shown on desktop by default*/
    }
    
    .breadcrumb-text {
    font-weight: 400;
  }
    
    .breadcrumb-active {
    font-weight: 700;
  }
    
    .persona-main-content {
    display: flex;
  }
    
    .persona-main-content {
    width: 100%;
  }
    
    .persona-main-content {
    align-items: flex-start;
  }
    
    .persona-main-content {
    justify-content: flex-start;
  }
    
    .persona-main-content {
    gap: 5rem;
  }
    
    .persona-content-wrapper {
    display: flex;
  }
    
    .persona-content-wrapper {
    flex: 1 1 0%;
  }
    
    .persona-content-wrapper {
    flex-direction: column;
  }
    
    .persona-content-wrapper {
    align-items: flex-start;
  }
    
    .persona-content-wrapper {
    justify-content: flex-start;
  }
    
    .persona-content-wrapper {
    gap: 5rem;
  }
    
    .persona-hero-text {
    display: flex;
  }
    
    .persona-hero-text {
    width: 100%;
  }
    
    .persona-hero-text {
    flex-direction: column;
  }
    
    .persona-hero-text {
    align-items: flex-start;
  }
    
    .persona-hero-text {
    justify-content: flex-start;
  }
    
    .persona-hero-text {
    gap: 3rem;
  }
    
    .persona-hero-title {
    font-size: 4.5rem;
    line-height: 1;
  }
    
    .persona-hero-title {
    font-weight: 700;
  }
    
    .persona-hero-title {
    line-height: 80px;
  }
    
    .persona-hero-title {
    letter-spacing: -3.6px;
  }
    
    .persona-hero-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    .persona-hero-subtitle-blue {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    .persona-hero-subtitle-blue {
    font-weight: 700;
  }
    .persona-hero-subtitle-blue {
    line-height: 30px;
  }
    .persona-hero-subtitle-blue {
    letter-spacing: -0.2px;
  }
    .persona-hero-subtitle-blue {
    --tw-text-opacity: 1;
    color: rgb(10 92 173 / var(--tw-text-opacity, 1));
  }
    
    .persona-hero-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .persona-hero-subtitle {
    font-weight: 400;
  }
    
    .persona-hero-subtitle {
    line-height: 30px;
  }
    
    .persona-hero-subtitle {
    letter-spacing: -0.2px;
  }
    
    .persona-hero-subtitle {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .persona-hero-subtitle {
        p {
      margin-bottom: 1rem;
    }
    }
    
    .persona-hero-cta {
    display: flex;
  }
    
    .persona-hero-cta {
    align-items: center;
  }
    
    .persona-hero-cta {
    justify-content: flex-start;
  }
    
    .persona-hero-cta {
    gap: 1rem;
  }
    
    .persona-image-wrapper {
    width: 560px;
  }
    
    .persona-image-wrapper {
    flex-shrink: 0;
  }
    
    .persona-hero-image {
    position: relative;
  }
    
    .persona-hero-image {
    height: 643px;
  }
    
    .persona-hero-image {
    width: 100%;
  }
    
    .persona-hero-image {
    overflow: hidden;
  }
    
    .persona-hero-image {
    border-radius: 1.5rem;
  }
    .financial-hero-image {
    height: 653px;
  }
    
    .persona-hero-image img {
    height: 100%;
  }
    
    .persona-hero-image img {
    width: 100%;
  }
    
    .persona-hero-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
    .persona-hero-section {
    .persona-hero-image {
        /*height: 643px;*/
    }
    
    }
}
.financial-hero-section {
  padding-bottom: 8rem;
}

.financial-inner-hero-section {
  padding-bottom: 8rem;
  padding-top: 4rem;
}

/* Mobile Responsive */
@media (max-width: 960px) {
    .persona-hero-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .persona-hero-container {
      gap: 3rem;
    }

        .persona-hero-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .persona-breadcrumb {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .persona-breadcrumb {
      letter-spacing: 0px;
    }
        
        .mobile-breadcrumb {
            display: block; /* Show on mobile*/
        }
        
        .desktop-breadcrumb {
            display: none; /* Hide on mobile*/
        }
        
        .persona-main-content {
      flex-direction: column;
    }
        
        .persona-main-content {
      gap: 2rem;
    }
        
        .persona-content-wrapper {
      order: 2;
    }
        
        .persona-content-wrapper {
      gap: 2rem;
    }
        
        .persona-hero-text {
      gap: 1.5rem;
    }
        
        .persona-hero-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        
        .persona-hero-title {
      line-height: 44px;
    }
        
        .persona-hero-title {
      letter-spacing: -1.8px;
    }
        
        .persona-hero-subtitle {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .persona-hero-cta {
      width: 100%;
    }
        
        .persona-hero-cta {
      flex-direction: column;
    }
        
        .persona-hero-cta {
      gap: 1rem;
    }
        
        .btn-primary,
        .btn-secondary {
      width: 100%;
    }
        
        .btn-primary,
        .btn-secondary {
      text-align: center;
    }
        
        .persona-image-wrapper {
      order: 1;
    }
        
        .persona-image-wrapper {
      width: 100%;
    }
        
        .persona-hero-image {
      height: 400px;
    }
  }
} 

/* persona calculator section*/

.persona-cal-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

    .persona-cal-container {
    display: flex;
  }

    .persona-cal-container {
    width: 100%;
  }

    .persona-cal-container {
    max-width: 1280px;
  }

    .persona-cal-container {
    flex-direction: column;
  }

    .persona-cal-container {
    align-items: flex-start;
  }

    .persona-cal-container {
    justify-content: flex-start;
  }

    .persona-cal-container {
    gap: 4rem;
  }

    .persona-cal-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .persona-cal-header {
    display: flex;
  }
    
    .persona-cal-header {
    width: 100%;
  }
    
    .persona-cal-header {
    max-width: 793px;
  }
    
    .persona-cal-header {
    flex-direction: column;
  }
    
    .persona-cal-header {
    align-items: flex-start;
  }
    
    .persona-cal-header {
    justify-content: flex-start;
  }
    
    .persona-cal-header {
    gap: 2rem;
  }
    
    .persona-cal-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .persona-cal-kicker {
    font-weight: 700;
  }
    
    .persona-cal-kicker {
    line-height: 1.5rem;
  }
    
    .persona-cal-kicker {
    letter-spacing: -0.16px;
  }
    
    .persona-cal-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
    
    .persona-cal-title {
    width: 100%;
  }
    
    .persona-cal-title {
    font-size: 3.75rem;
    line-height: 1;
  }
    
    .persona-cal-title {
    font-weight: 700;
  }
    
    .persona-cal-title {
    line-height: 68px;
  }
    
    .persona-cal-title {
    letter-spacing: -3.6px;
  }
    
    .persona-cal-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .persona-cal-description {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .persona-cal-description {
    font-weight: 400;
  }
    
    .persona-cal-description {
    line-height: 30px;
  }
    
    .persona-cal-description {
    letter-spacing: -0.2px;
  }
    
    .persona-cal-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .persona-cal-description {
        display: none; /* Hidden on desktop*/
    }
    
    .persona-cal-wrapper {
    width: 100%;
  }
    
    .persona-cal-grid {
    display: flex;
  }
    
    .persona-cal-grid {
    height: 450px;
  }
    
    .persona-cal-grid {
    width: 100%;
  }
    
    .persona-cal-grid {
    align-items: flex-start;
  }
    
    .persona-cal-grid {
    justify-content: flex-start;
  }
    
    .persona-cal-grid {
    gap: 3rem;
  }
    
    .persona-cal-grid a {
    display: flex;
  }
    
    .persona-cal-grid a {
    height: 100%;
  }
    
    .persona-cal-grid a {
    flex: 1 1 0%;
  }
    
    .persona-cal-grid a {
        text-decoration: none;
        color: inherit;
    }
    
    .persona-cal-card {
    display: flex;
  }
    
    .persona-cal-card {
    height: 100%;
  }
    
    .persona-cal-card {
    width: 100%;
  }
    
    .persona-cal-card {
    flex: 1 1 0%;
  }
    
    .persona-cal-card {
    flex-direction: column;
  }
    
    .persona-cal-card {
    align-items: flex-start;
  }
    
    .persona-cal-card {
    justify-content: space-between;
  }
    
    .persona-cal-card {
    border-radius: 1.5rem;
  }
    
    .persona-cal-card {
    --tw-bg-opacity: 1;
    background-color: rgb(235 241 247 / var(--tw-bg-opacity, 1));
  }
    
    .persona-cal-card {
    padding: 3rem;
  }
    
    .persona-cal-card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .persona-cal-card {
    transition-duration: 300ms;
  }
    
    .persona-cal-card {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .persona-cal-card:hover {
       /* @apply bg-white shadow-[0_8px_32px_rgba(0,0,0,0.08)];*/
    }
    
    .cal-card-content {
    display: flex;
  }
    
    .cal-card-content {
    width: 100%;
  }
    
    .cal-card-content {
    flex-direction: column;
  }
    
    .cal-card-content {
    align-items: flex-start;
  }
    
    .cal-card-content {
    justify-content: flex-start;
  }
    
    .cal-card-content {
    gap: 2rem;
  }
    
    .cal-card-icon {
    height: 4rem;
  }
    
    .cal-card-icon {
    width: 4rem;
  }
    
    .cal-card-icon {
    flex-shrink: 0;
  }
    
    .cal-card-icon img {
    height: 100%;
  }
    
    .cal-card-icon img {
    width: 100%;
  }
    
    .cal-card-icon img {
    -o-object-fit: contain;
       object-fit: contain;
  }
    
    .cal-card-text {
    display: flex;
  }
    
    .cal-card-text {
    width: 100%;
  }
    
    .cal-card-text {
    flex-direction: column;
  }
    
    .cal-card-text {
    align-items: flex-start;
  }
    
    .cal-card-text {
    justify-content: flex-start;
  }
    
    .cal-card-text {
    gap: 1.5rem;
  }
    
    .cal-card-title {
    font-size: 30px;
  }
    
    .cal-card-title {
    font-weight: 700;
  }
    
    .cal-card-title {
    line-height: 38px;
  }
    
    .cal-card-title {
    letter-spacing: -0.9px;
  }
    
    .cal-card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .cal-card-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .cal-card-description {
    font-weight: 400;
  }
    
    .cal-card-description {
    line-height: 1.5rem;
  }
    
    .cal-card-description {
    letter-spacing: -0.16px;
  }
    
    .cal-card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .cal-card-arrow {
    display: flex;
  }
    
    .cal-card-arrow {
    height: 2.75rem;
  }
    
    .cal-card-arrow {
    width: 2.75rem;
  }
    
    .cal-card-arrow {
    flex-shrink: 0;
  }
    
    .cal-card-arrow {
    cursor: pointer;
  }
    
    .cal-card-arrow {
    align-items: center;
  }
    
    .cal-card-arrow {
    justify-content: center;
  }
    
    .cal-card-arrow {
    border-radius: 9999px;
  }
    
    .cal-card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .cal-card-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .cal-card-arrow {
    transition-duration: 300ms;
  }
    
    .cal-card-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .cal-card-arrow img {
    height: 0.75rem;
  }
    
    .cal-card-arrow img {
    width: 0.75rem;
  }
    
    .persona-cal-card:hover .cal-card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .persona-cal-card:hover .cal-card-arrow img {
        filter: brightness(0) invert(1);
    }
}

/* Mobile Responsive */
@media (max-width: 960px) {
    .persona-cal-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .persona-cal-container {
      gap: 3rem;
    }

        .persona-cal-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .persona-cal-header {
      max-width: none;
    }
        
        .persona-cal-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        
        .persona-cal-kicker {
      letter-spacing: 0px;
    }
        
        .persona-cal-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        
        .persona-cal-title {
      line-height: 48px;
    }
        
        .persona-cal-title {
      letter-spacing: -0.9px;
    }
        
        .persona-cal-description {
            display: block;
        }
        
        .persona-cal-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .persona-cal-description {
      line-height: 1.5rem;
    }
        
        .persona-cal-description {
      letter-spacing: -0.16px;
    }
        
        .persona-cal-wrapper {
      width: 100%;
    }
        
        .persona-cal-wrapper {
      overflow: hidden;
    }
        
        .persona-cal-grid {
      display: flex;
    }
        
        .persona-cal-grid {
      height: auto;
    }
        
        .persona-cal-grid {
      gap: 1rem;
    }
        
        .persona-cal-grid {
      overflow-x: auto;
    }
        
        .persona-cal-grid {
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
            
            &::-webkit-scrollbar {
                display: none;
            }
        }
        
        .persona-cal-grid a {
      display: flex;
    }
        
        .persona-cal-grid a {
      height: 350px;
    }
        
        .persona-cal-grid a {
      flex-shrink: 0;
    }
        
        .persona-cal-grid a {
            text-decoration: none;
            color: inherit;
            scroll-snap-align: start;
        }
        
        .persona-cal-card {
      height: 100%;
    }
        
        .persona-cal-card {
      width: 100%;
    }
        
        .persona-cal-card {
      min-width: 230px;
    }
        
        .persona-cal-card {
      padding: 2rem;
    }
        .persona-cal-card:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(235 241 247 / var(--tw-bg-opacity, 1));
    }
        .persona-cal-card:hover {
      --tw-shadow: 0 8px 32px rgba(0,0,0,0.0);
      --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
        
        .cal-card-content {
      gap: 1.5rem;
    }
        
        .cal-card-icon {
      height: 3rem;
    }
        
        .cal-card-icon {
      width: 3rem;
    }
        
        .cal-card-text {
      gap: 1rem;
    }
        
        .cal-card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .cal-card-title {
      line-height: 2rem;
    }
        
        .cal-card-title {
      letter-spacing: -0.48px;
    }
        
        .cal-card-description {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .cal-card-description {
      line-height: 1.25rem;
    }
        
        .cal-card-arrow {
          /*  @apply bg-brand-secondary-button-hover;*/
        }
        
        .persona-cal-card:hover .cal-card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        
        .persona-cal-card:hover .cal-card-arrow img {
            filter: inherit;
        }
  }
}

/* about hero section*/

.about-hero-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8rem;
  padding-bottom: 8rem;

    .about-hero-container {
    display: flex;
  }

    .about-hero-container {
    width: 100%;
  }

    .about-hero-container {
    max-width: 1280px;
  }

    .about-hero-container {
    flex-direction: column;
  }

    .about-hero-container {
    align-items: flex-start;
  }

    .about-hero-container {
    justify-content: flex-start;
  }

    .about-hero-container {
    gap: 5rem;
  }

    .about-hero-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .about-breadcrumb {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .about-breadcrumb {
    line-height: 1.5rem;
  }
    
    .about-breadcrumb {
    letter-spacing: -0.16px;
  }
    
    .about-breadcrumb {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    
    
    .breadcrumb-text {
    font-weight: 400;
  }
    
    .breadcrumb-active {
    font-weight: 700;
  }
    
    .about-main-content {
    display: flex;
  }
    
    .about-main-content {
    width: 100%;
  }
    
    .about-main-content {
    align-items: flex-start;
  }
    
    .about-main-content {
    justify-content: flex-start;
  }
    
    .about-main-content {
    gap: 5rem;
  }
    
    .about-content-wrapper {
    display: flex;
  }
    
    .about-content-wrapper {
    flex: 1 1 0%;
  }
    
    .about-content-wrapper {
    flex-direction: column;
  }
    
    .about-content-wrapper {
    align-items: flex-start;
  }
    
    .about-content-wrapper {
    justify-content: flex-start;
  }
    
    .about-content-wrapper {
    gap: 5rem;
  }
    
    .about-hero-text {
    display: flex;
  }
    
    .about-hero-text {
    width: 100%;
  }
    
    .about-hero-text {
    flex-direction: column;
  }
    
    .about-hero-text {
    align-items: flex-start;
  }
    
    .about-hero-text {
    justify-content: flex-start;
  }
    
    .about-hero-text {
    gap: 3rem;
  }
    
    .about-hero-title {
    font-size: 4.5rem;
    line-height: 1;
  }
    
    .about-hero-title {
    font-weight: 700;
  }
    
    .about-hero-title {
    line-height: 80px;
  }
    
    .about-hero-title {
    letter-spacing: -3.6px;
  }
    
    .about-hero-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .about-hero-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .about-hero-subtitle {
    font-weight: 400;
  }
    
    .about-hero-subtitle {
    line-height: 30px;
  }
    
    .about-hero-subtitle {
    letter-spacing: -0.2px;
  }
    
    .about-hero-subtitle {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .about-hero-cta {
    display: flex;
  }
    
    .about-hero-cta {
    align-items: center;
  }
    
    .about-hero-cta {
    justify-content: flex-start;
  }
    
    .about-hero-cta {
    gap: 1rem;
  }
    
    .about-image-wrapper {
    width: 560px;
  }
    
    .about-image-wrapper {
    flex-shrink: 0;
  }
    
    .about-hero-image {
    position: relative;
  }
    
    .about-hero-image {
    height: 643px;
  }
    
    .about-hero-image {
    width: 100%;
  }
    
    .about-hero-image {
    overflow: hidden;
  }
    
    .about-hero-image {
    padding-right: 4rem;
  }
    
    .about-hero-image img {
    height: 100%;
  }
    
    .about-hero-image img {
    width: 100%;
  }
    
    .about-hero-image img {
    border-radius: 1.5rem;
  }
    
    .about-hero-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* Mobile Responsive */
@media (max-width: 960px) {
    .about-hero-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .about-hero-container {
      gap: 3rem;
    }

        .about-hero-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .about-breadcrumb {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .about-breadcrumb {
      letter-spacing: 0px;
    }
        
       
        
        .about-main-content {
      flex-direction: column;
    }
        
       
        
        .about-main-content {
      gap: 2rem;
    }
        
        .about-content-wrapper {
      order: 2;
    }
        
        .about-content-wrapper {
      gap: 2rem;
    }
        
        .about-hero-text {
      gap: 1.5rem;
    }
        
        .about-hero-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        
        .about-hero-title {
      line-height: 44px;
    }
        
        .about-hero-title {
      letter-spacing: -1.8px;
    }
        
        .about-hero-subtitle {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .about-hero-cta {
      width: 100%;
    }
        
        .about-hero-cta {
      flex-direction: column;
    }
        
        .about-hero-cta {
      gap: 1rem;
    }
        
        .btn-primary,
        .btn-secondary {
      width: 100%;
    }
        
        .btn-primary,
        .btn-secondary {
      text-align: center;
    }
        
        .about-image-wrapper {
      order: 1;
    }
        
        .about-image-wrapper {
      width: 100%;
    }
        
        .about-hero-image {
      height: 400px;
    }
        
        .about-hero-image {
      padding-right: 0px;
    }
  }
}

/* mortgage experts section */

.mortgage-experts-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

    .mortgage-experts-container {
    display: flex;
  }

    .mortgage-experts-container {
    width: 100%;
  }

    .mortgage-experts-container {
    max-width: 1280px;
  }

    .mortgage-experts-container {
    flex-direction: column;
  }

    .mortgage-experts-container {
    align-items: flex-start;
  }

    .mortgage-experts-container {
    justify-content: flex-start;
  }

    .mortgage-experts-container {
    gap: 4rem;
  }

    .mortgage-experts-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .mortgage-experts-header {
    display: flex;
  }
    
    .mortgage-experts-header {
    width: 100%;
  }
    
    .mortgage-experts-header {
    flex-direction: column;
  }
    
    .mortgage-experts-header {
    align-items: flex-start;
  }
    
    .mortgage-experts-header {
    justify-content: flex-start;
  }
    
    .mortgage-experts-header {
    gap: 2rem;
  }
    
    .mortgage-experts-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .mortgage-experts-kicker {
    font-weight: 700;
  }
    
    .mortgage-experts-kicker {
    line-height: 1.5rem;
  }
    
    .mortgage-experts-kicker {
    letter-spacing: -0.16px;
  }
    
    .mortgage-experts-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
    
    .mortgage-experts-title {
    width: 657px;
  }
    
    .mortgage-experts-title {
    font-size: 3.75rem;
    line-height: 1;
  }
    
    .mortgage-experts-title {
    font-weight: 700;
  }
    
    .mortgage-experts-title {
    line-height: 68px;
  }
    
    .mortgage-experts-title {
    letter-spacing: -3px;
  }
    
    .mortgage-experts-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .mortgage-experts-subtitle {
    width: 872px;
  }
    
    .mortgage-experts-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .mortgage-experts-subtitle {
    font-weight: 400;
  }
    
    .mortgage-experts-subtitle {
    line-height: 30px;
  }
    
    .mortgage-experts-subtitle {
    letter-spacing: -0.2px;
  }
    
    .mortgage-experts-subtitle {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    .mobile-subtitle {
        display: none;
    }
    .desktop-subtitle {
        display: block;
    }
    
    .mortgage-experts-cards {
    display: flex;
  }
    
    .mortgage-experts-cards {
    width: 100%;
  }
    
    .mortgage-experts-cards {
    align-items: stretch;
  }
    
    .mortgage-experts-cards {
    justify-content: flex-start;
  }
    
    .mortgage-experts-cards {
    gap: 1.5rem;
  }
    
    .mortgage-expert-card {
    display: flex;
  }
    
    .mortgage-expert-card {
    flex: 1 1 0%;
  }
    
    .mortgage-expert-card {
    flex-direction: column;
  }
    
    .mortgage-expert-card {
    align-items: flex-start;
  }
    
    .mortgage-expert-card {
    justify-content: flex-start;
  }
    
    .mortgage-expert-card {
    gap: 2rem;
  }
    
    .mortgage-expert-card {
    border-radius: 1.5rem;
  }
    
    .mortgage-expert-card {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }
    
    .mortgage-expert-card {
    padding: 3rem;
  }
    
    .expert-card-icon {
    display: flex;
  }
    
    .expert-card-icon {
    height: 3.5rem;
  }
    
    .expert-card-icon {
    width: 3.5rem;
  }
    
    .expert-card-icon {
    align-items: center;
  }
    
    .expert-card-icon {
    justify-content: center;
  } 
    .expert-card-icon img {
    height: 3.5rem;
  } 
    .expert-card-icon img {
    width: 3.5rem;
  }
    
    .expert-card-content {
    display: flex;
  }
    
    .expert-card-content {
    width: 100%;
  }
    
    .expert-card-content {
    flex-direction: column;
  }
    
    .expert-card-content {
    align-items: flex-start;
  }
    
    .expert-card-content {
    justify-content: flex-start;
  }
    
    .expert-card-content {
    gap: 2rem;
  }
    
    .expert-card-titles {
    display: flex;
  }
    
    .expert-card-titles {
    width: 100%;
  }
    
    .expert-card-titles {
    flex-direction: column;
  }
    
    .expert-card-titles {
    align-items: flex-start;
  }
    
    .expert-card-titles {
    justify-content: flex-start;
  }
    
    .expert-card-titles {
    gap: 0.5rem;
  }
    
    .expert-card-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
    
    .expert-card-title {
    font-weight: 700;
  }
    
    .expert-card-title {
    line-height: 38px;
  }
    
    .expert-card-title {
    letter-spacing: -0.9px;
  }
    
    .expert-card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .expert-card-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .expert-card-subtitle {
    font-weight: 600;
  }
    
    .expert-card-subtitle {
    line-height: 1.75rem;
  }
    
    .expert-card-subtitle {
    letter-spacing: -0.48px;
  }
    
    .expert-card-subtitle {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .expert-card-description {
    width: 100%;
  }
    
    .expert-card-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .expert-card-description {
    font-weight: 400;
  }
    
    .expert-card-description {
    line-height: 1.5rem;
  }
    
    .expert-card-description {
    letter-spacing: -0.16px;
  }
    
    .expert-card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
}

/* Mobile adjustments */
@media (max-width: 960px) {
    .mortgage-experts-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .mortgage-experts-container {
      gap: 3rem;
    }

        .mortgage-experts-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .mortgage-experts-header {
      gap: 1.5rem;
    }
        
        .mortgage-experts-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        
        .mortgage-experts-kicker {
      letter-spacing: 0px;
    }
        
        .mortgage-experts-title {
      width: 100%;
    }
        
        .mortgage-experts-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .mortgage-experts-title {
      line-height: 38px;
    }
        
        .mortgage-experts-title {
      letter-spacing: -0.9px;
    }
        
        .mortgage-experts-subtitle {
      width: 100%;
    }
        
        .mortgage-experts-subtitle {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .mortgage-experts-subtitle {
      letter-spacing: -0.16px;
    }

        .mobile-subtitle {
            display: block;
        }
        .desktop-subtitle {
            display: none;
        }
        
        .mortgage-experts-cards {
      flex-direction: column;
    }
        
        .mortgage-experts-cards {
      gap: 1.5rem;
    }
        
        .mortgage-expert-card {
      gap: 1.5rem;
    }
        
        .mortgage-expert-card {
      padding: 2rem;
    }
        
        .expert-card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .expert-card-title {
      letter-spacing: -0.48px;
    }
        
        .expert-card-subtitle {
            display: none;
        }

        .expert-card-content {
      gap: 1.5rem;
    }
        
        .expert-card-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .expert-card-description {
      letter-spacing: -0.16px;
    }
        .expert-card-icon {
      height: 2rem;
    }
        .expert-card-icon {
      width: 2rem;
    }
        .expert-card-icon img {
      height: 2rem;
    }
        .expert-card-icon img {
      width: 2rem;
    }
  }
}

/* team section*/

.team-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;
    overflow: hidden;

    .team-container {
    display: flex;
  }

    .team-container {
    width: 100%;
  }

    .team-container {
    max-width: 1280px;
  }

    .team-container {
    flex-direction: column;
  }

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

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

    .team-container {
    gap: 4rem;
  }

    .team-container {
    overflow: visible;
  }

    .team-container {
    padding-left: 2rem;
  }

    .team-container {
        padding-right: 0; /* Remove right padding to allow cards to overflow */
    }
    
    .team-header {
    display: flex;
  }
    
    .team-header {
    width: 100%;
  }
    
    .team-header {
    align-items: center;
  }
    
    .team-header {
    justify-content: space-between;
  }
    
    .team-title {
    font-size: 3.75rem;
    line-height: 1;
  }
    
    .team-title {
    font-weight: 700;
  }
    
    .team-title {
    line-height: 68px;
  }
    
    .team-title {
    letter-spacing: -3px;
  }
    
    .team-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .team-nav {
    display: flex;
  }
    
    .team-nav {
    align-items: center;
  }
    
    .team-nav {
    gap: 0.5rem;
  }
    
    .nav-arrow {
    display: flex;
  }
    
    .nav-arrow {
    height: 44px;
  }
    
    .nav-arrow {
    width: 44px;
  }
    
    .nav-arrow {
    cursor: pointer;
  }
    
    .nav-arrow {
    align-items: center;
  }
    
    .nav-arrow {
    justify-content: center;
  }
    
    .nav-arrow {
    border-radius: 9999px;
  }
    
    .nav-arrow {
    border-width: 1px;
  }
    
    .nav-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .nav-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .nav-arrow {
    transition-duration: 300ms;
  }
    
    .nav-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    
    
    .nav-arrow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .arrow-icon {
    height: 1.25rem;
  }
    
    .arrow-icon {
    width: 1.25rem;
  }
    
    .team-cards-wrapper {
    width: 100%;
  }
    
    .team-cards-wrapper {
        overflow: visible; /* Allow cards to overflow on the right */
    }
    
    .team-cards-container {
    display: flex;
  }
    
    .team-cards-container {
    gap: 1.75rem;
  }
    
    .team-cards-container {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .team-cards-container {
    transition-duration: 300ms;
  }
    
    .team-cards-container {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .team-cards-container {
        /* Ensure cards are visible initially before JavaScript kicks in */
        transform: translateX(0px);
        /* Allow cards to overflow on the right */
        padding-right: 50vw;
    }
    
    .team-card {
    position: relative;
  }
    
    .team-card {
    height: 500px;
  }
    
    .team-card {
    width: 400px;
  }
    
    .team-card {
    flex-shrink: 0;
  }
    
    .team-card {
    border-radius: 1.5rem;
  }
    
    .team-card {
        /* Enable 3D space for flip animation */
        perspective: 1000px;
        /* Make sure cards are visible */
        opacity: 1;
        visibility: visible;
        /* Add smooth transitions for both transform and opacity */
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        /* Changed from hidden to allow 3D rotation */
        overflow: visible;
    }

    .team-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    .team-card.flipped .team-card-inner {
        transform: rotateY(180deg);
    }

    .team-card-front,
    .team-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    .team-card-front,
    .team-card-back {
    border-radius: 1.5rem;
  }

    .team-card-front,
    .team-card-back {
        overflow: hidden;
    }

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

    .team-card-front {
        z-index: 2;
        transform: rotateY(0deg);
    }

    .team-card-back {
    --tw-bg-opacity: 1;
    background-color: rgb(245 249 255 / var(--tw-bg-opacity, 1));
  }

    .team-card-back {
    padding: 2rem;
  }

    .team-card-back {
        transform: rotateY(180deg);
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap:30px;
    }

    .team-card-back-content {
    display: flex;
  }

    .team-card-back-content {
    flex-direction: column;
  }

    .team-card-back-content {
    gap: 2rem;
  }

    

    .team-card-title {
    font-weight: 700;
  }

    .team-card-contact {
    display: flex;
  }

    .team-card-contact {
    flex-direction: column;
  }

    .team-card-contact {
    gap: 1rem;
  }

    .team-card-contact {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

    .team-card-contact {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }

    .team-card-contact p {
    margin-bottom: 0.25rem;
  }

    .team-card-close {
    position: relative;
  }

    .team-card-close {
    display: flex;
  }

    .team-card-close {
    height: 2.5rem;
  }

    .team-card-close {
    width: 2.5rem;
  }

    .team-card-close {
    cursor: pointer;
  }

    .team-card-close {
    align-items: center;
  }

    .team-card-close {
    justify-content: center;
  }

    .team-card-close {
    border-radius: 9999px;
  }

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

    .team-card-close {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

    .team-card-close {
    transition-duration: 300ms;
  }

    .team-card-close {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

    .team-card-close {
        z-index: 10;
    }


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


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


    .team-card-close:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(15 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .team-card-close:hover img {
        filter: brightness(0) invert(1);
    }

    .team-card-close img {
       /* filter: brightness(0) invert(1);*/
    }
    
    .team-card:hover {
        
    }
    
    .team-card-image {
    position: absolute;
  }
    
    .team-card-image {
    bottom: -20px;
  }
    
    .team-card-image {
    right: -10px;
  }
    
    .team-card-image {
    height: 326px;
  }
    
    .team-card-image {
    width: 290px;
  }
    
    .team-card-image {
        z-index: 1;
    }
    
    .team-card-image img {
    height: 100%;
  }
    
    .team-card-image img {
    width: 100%;
  }
    
    .team-card-image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
    
    .team-card-image img {
    -o-object-position: bottom;
       object-position: bottom;
  }
    
    .team-card-content {
    position: relative;
  }
    
    .team-card-content {
    z-index: 10;
  }
    
    .team-card-content {
    display: flex;
  }
    
    .team-card-content {
    height: 100%;
  }
    
    .team-card-content {
    flex-direction: column;
  }
    
    .team-card-content {
    gap: 1.5rem;
  }
    
    .team-card-content {
    padding: 3rem;
  }
    
    .team-card-text {
    display: flex;
  }
    
    .team-card-text {
    flex-direction: column;
  }
    
    .team-card-text {
    gap: 1.5rem;
  }
    
    .team-card-name {
    max-width: 200px;
  }
    
    .team-card-name {
    font-size: 30px;
  }
    
    .team-card-name {
    font-weight: 700;
  }
    
    .team-card-name {
    line-height: 38px;
  }
    
    .team-card-name {
    letter-spacing: -0.9px;
  }
    
    .team-card-name {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .team-card-title {
    max-width: 304px;
  }
    
    .team-card-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .team-card-title {
    font-weight: 500;
  }
    
    .team-card-title {
    line-height: 1.5rem;
  }
    
    .team-card-title {
    letter-spacing: -0.16px;
  }
    
    .team-card-title {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .team-card-footer {
    flex: 1 1 0%;
  }
    
    .team-card-footer { /* Push arrow to bottom */
    }
    
    .team-card-arrow {
    position: absolute;
  }
    
    .team-card-arrow {
    left: 3rem;
  }
    
    .team-card-arrow {
    bottom: 60px;
  }
    
    .team-card-arrow {
    display: flex;
  }
    
    .team-card-arrow {
    height: 2.5rem;
  }
    
    .team-card-arrow {
    width: 2.5rem;
  }
    
    .team-card-arrow {
    cursor: pointer;
  }
    
    .team-card-arrow {
    align-items: center;
  }
    
    .team-card-arrow {
    justify-content: center;
  }
    
    .team-card-arrow {
    border-radius: 9999px;
  }
    
    .team-card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .team-card-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .team-card-arrow {
    transition-duration: 300ms;
  }
    
    .team-card-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .team-card-arrow {
        z-index: 10;
    }
    
    .team-card-arrow img {
    height: 1rem;
  }
    
    .team-card-arrow img {
    width: 1rem;
  }
    
    .team-card-arrow:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    
    .team-card-arrow:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    
    .team-card-arrow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(15 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .team-card-arrow:hover img {
        filter: brightness(0) invert(1);
    }
}

/* Mobile adjustments */
@media (max-width: 960px) {
    .team-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .team-container {
      gap: 3rem;
    }

        .team-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .team-header {
      flex-direction: column;
    }
        
        .team-header {
      align-items: flex-start;
    }
        
        .team-header {
      gap: 1.5rem;
    }
        
        .team-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .team-title {
      line-height: 38px;
    }
        
        .team-title {
      letter-spacing: -0.9px;
    }
        
        .team-nav {
      width: 100%;
    }
        
        .team-nav {
      justify-content: center;
    }
        
        .nav-arrow {
            /*@apply w-12 h-12;*/
            display: none;
        }
        
        .arrow-icon {
      height: 0.75rem;
    }
        
        .arrow-icon {
      width: 0.75rem;
    }
        
        .team-cards-container {
      gap: 1rem;
    }
        
        .team-card {
      height: 400px;
    }
        
        .team-card {
      width: 230px;
    }
        
        .team-card {
            /* Ensure mobile cards also have smooth opacity transitions */
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
            perspective: 1000px;
            overflow: visible;
        }

        .team-card-back {
      padding: 1.5rem;
    }

        .team-card-back-content {
      gap: 0.75rem;
    }

        .team-card-bio {
      font-size: 0.75rem;
      line-height: 1rem;
    }

        .team-card-qualifications {
      font-size: 0.75rem;
      line-height: 1rem;
    }

        .team-card-contact {
      margin-top: 0.5rem;
    }

        .team-card-contact {
      font-size: 0.75rem;
      line-height: 1rem;
    }

        .team-card-close {
      top: 0.75rem;
    }

        .team-card-close {
      right: 0.75rem;
    }

        .team-card-close {
      height: 2.25rem;
    }

        .team-card-close {
      width: 2.25rem;
    }
        
        .team-card-image {
      bottom: -10px;
    }
        
        .team-card-image {
      right: -20px;
    }
        
        .team-card-image {
      height: 200px;
    }
        
        .team-card-image {
      width: auto;
    }
        
        .team-card-content {
      gap: 1.5rem;
    }
        
        .team-card-content {
      padding: 2rem;
    }
        
        .team-card-name {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .team-card-name {
      line-height: 2rem;
    }
        
        .team-card-name {
      letter-spacing: -0.48px;
    }
        
        .team-card-title {
          /*  @apply text-sm leading-5;*/
        }
        
        .team-card-arrow {
      left: 2rem;
    }
        
        .team-card-arrow {
      bottom: 2.5rem;
    }
        
        .team-card-arrow {
      height: 2.25rem;
    }
        
        .team-card-arrow {
      width: 2.25rem;
    }
        
        .team-card-arrow img {
      height: 1rem;
    }
        
        .team-card-arrow img {
      width: 1rem;
    }
  }
}



    /* about bento section*/

    .about-bento-section {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

        .about-bento-container {
    display: flex;
  }

        .about-bento-container {
    width: 100%;
  }

        .about-bento-container {
    max-width: 1280px;
  }

        .about-bento-container {
    flex-direction: row;
  }

        .about-bento-container {
    align-items: flex-start;
  }

        .about-bento-container {
    justify-content: space-between;
  }

        .about-bento-container {
    gap: 6rem;
  }

        .about-bento-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

        .about-bento-container {
    padding-top: 0px;
    padding-bottom: 0px;
  }
        
        .section-header {
    display: flex;
  }
        
        .section-header {
    flex-shrink: 0;
  }
        
        .section-header {
    flex-direction: column;
  }
        
        .section-header {
    align-items: flex-start;
  }
        
        .section-header {
    justify-content: flex-start;
  }
        
        .section-header {
    gap: 2rem;
  }
        
        .section-header {
            width: 373px;
        }
        
        .section-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        
        .section-kicker {
    font-weight: 700;
  }
        
        .section-kicker {
    line-height: 1.5rem;
  }
        
        .section-kicker {
    letter-spacing: -0.16px;
  }
        
        .section-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
        
        .section-title {
    width: 100%;
  }
        
        .section-title {
    font-size: 3.75rem;
    line-height: 1;
  }
        
        .section-title {
    font-weight: 700;
  }
        
        .section-title {
    line-height: 68px;
  }
        
        .section-title {
    letter-spacing: -3px;
  }
        
        .section-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
        
        .bento-grid {
    display: grid;
  }
        
        .bento-grid {
    height: 846px;
  }
        
        .bento-grid {
    flex: 1 1 0%;
  }
        
        .bento-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
        
        .bento-grid {
    gap: 1.5rem;
  }
        
        .bento-grid {
    overflow: visible;
  }
        
        .bento-grid {
            grid-template-rows: repeat(3, minmax(0, 1fr));
        }
        
        .bento-card {
    display: flex;
  }
        
        .bento-card {
    cursor: pointer;
  }
        
        .bento-card {
    flex-direction: column;
  }
        
        .bento-card {
    align-items: flex-start;
  }
        
        .bento-card {
    justify-content: space-between;
  }
        
        .bento-card {
    border-radius: 1.5rem;
  }
        
        .bento-card {
    padding: 3rem;
  }
        
        .bento-card {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
        
        .bento-card:hover {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
        
        .bento-card {
            text-decoration: none;
            color: inherit;
        }
        
        .card-content {
    display: flex;
  }
        
        .card-content {
    width: 100%;
  }
        
        .card-content {
    flex: 1 1 0%;
  }
        
        .card-content {
    flex-direction: column;
  }
        
        .card-content {
    align-items: flex-start;
  }
        
        .card-content {
    justify-content: space-between;
  }
        
        .card-header {
    display: flex;
  }
        
        .card-header {
    width: 100%;
  }
        
        .card-header {
    flex-direction: column;
  }
        
        .card-header {
    align-items: flex-start;
  }
        
        .card-header {
    justify-content: center;
  }
        
        .card-header {
    gap: 0.375rem;
  }
        
        .card-title {
    font-size: 30px;
  }
        
        .card-title {
    font-weight: 700;
  }
        
        .card-title {
    line-height: 38px;
  }
        
        .card-title {
    letter-spacing: -0.9px;
  }
        
        .card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        
        .card-arrow {
    display: flex;
  }
        
        .card-arrow {
    height: 60px;
  }
        
        .card-arrow {
    width: 60px;
  }
        
        .card-arrow {
    align-items: center;
  }
        
        .card-arrow {
    justify-content: center;
  }
        
        .card-arrow {
    border-radius: 9999px;
  }
        
        .card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-arrow {
            img {
      height: 1rem;
    }
            img {
      width: 1rem;
    }
        }
        
        /* Bento Grid Layout */
        .card-first-home {
    --tw-bg-opacity: 1;
    background-color: rgb(161 197 247 / var(--tw-bg-opacity, 1));
  }
        .card-first-home {
            grid-area: 1 / 1 / auto / span 2;
        }
        
        .card-switch {
    --tw-bg-opacity: 1;
    background-color: rgb(144 240 195 / var(--tw-bg-opacity, 1));
  }
        
        .card-switch {
            grid-area: 1 / 3 / span 2 / auto;
        }
        
        .card-next-home {
    --tw-bg-opacity: 1;
    background-color: rgb(212 230 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-next-home {
            grid-area: 2 / 1 / span 2 / auto;
        }
        
        .card-downsize {
    --tw-bg-opacity: 1;
    background-color: rgb(255 229 232 / var(--tw-bg-opacity, 1));
  }
        
        .card-downsize {
            grid-area: 2 / 2;
        }
        
        .card-invest {
    --tw-bg-opacity: 1;
    background-color: rgb(232 230 255 / var(--tw-bg-opacity, 1));
  }
        
        .card-invest {
            grid-area: 3 / 2 / auto / span 2;
        }
}
    
    
    
    /* Mobile Responsive */
    @media (max-width: 960px) {
        .about-bento-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

            .about-bento-container {
      flex-direction: column;
    }

            .about-bento-container {
      align-items: flex-start;
    }

            .about-bento-container {
      gap: 3rem;
    }

            .about-bento-container {
      padding-left: 0px;
      padding-right: 0px;
    }
            .section-header {
      width: 100%;
    }
            .section-header {
      gap: 1rem;
    }
            .section-header {
                width: auto;
            }
            .section-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
            .section-kicker {
      letter-spacing: 0px;
    }
            .section-title {
                /*@apply text-4xl leading-[48px];*/
            }
            .section-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
            .section-title {
      line-height: 38px;
    }
            .section-title {
      letter-spacing: -0.9px;
    }
            
            .bento-grid {
      height: auto;
    }
            
            .bento-grid {
      width: 100%;
    }
            
            .bento-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
            
            .bento-grid {
      gap: 1rem;
    }
            
            .bento-grid {
                grid-template-rows: repeat(5, auto);
            }
            
            .bento-card {
      grid-column: span 1 / span 1;
    }
            
            .bento-card {
      grid-row: span 1 / span 1;
    }
            
            .bento-card {
      flex-direction: row;
    }
            
            .bento-card {
      align-items: center;
    }
            
            .bento-card {
      justify-content: space-between;
    }
            
            .bento-card {
      padding: 1.5rem;
    }
            
            .bento-card:hover {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
            
            .card-first-home,
            .card-switch,
            .card-next-home,
            .card-downsize,
            .card-invest {
                grid-area: auto;
            }
            
            .card-content {
      flex-direction: row;
    }
            
            .card-content {
      align-items: center;
    }
            
            .card-content {
      justify-content: space-between;
    }
            
            .card-header {
      flex: 1 1 0%;
    }
            
            .card-title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
            
            .card-title {
      line-height: 1.5rem;
    }
            
            .card-title {
      letter-spacing: -0.18px;
    }
            
            .card-arrow {
      margin-left: 1rem;
    }
            
            .card-arrow {
      height: 3rem;
    }
            
            .card-arrow {
      width: 3rem;
    }
  }
        
        
    }




    /* calculator hero section*/

.calculator-hero-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8rem;
  padding-bottom: 4rem;

    .calculator-hero-container {
    display: flex;
  }

    .calculator-hero-container {
    width: 100%;
  }

    .calculator-hero-container {
    max-width: 1280px;
  }

    .calculator-hero-container {
    flex-direction: column;
  }

    .calculator-hero-container {
    align-items: flex-start;
  }

    .calculator-hero-container {
    justify-content: flex-start;
  }

    .calculator-hero-container {
    gap: 5rem;
  }

    .calculator-hero-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-breadcrumb {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-breadcrumb {
    line-height: 1.5rem;
  }
    
    .calculator-breadcrumb {
    letter-spacing: -0.16px;
  }
    
    .calculator-breadcrumb {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .mobile-breadcrumb {
        display: none; /* Hidden on desktop by default*/
    }
    
    .desktop-breadcrumb {
        display: block; /* Shown on desktop by default*/
    }
    
    .breadcrumb-text {
    font-weight: 400;
  }
    
    .breadcrumb-active {
    font-weight: 700;
  }
    
    .calculator-main-content {
    display: flex;
  }
    
    .calculator-main-content {
    width: 100%;
  }
    
    .calculator-main-content {
    align-items: flex-start;
  }
    
    .calculator-main-content {
    justify-content: flex-start;
  }
    
    .calculator-main-content {
    gap: 5rem;
  }
    
    .calculator-content-wrapper {
    display: flex;
  }
    
    .calculator-content-wrapper {
    flex: 1 1 0%;
  }
    
    .calculator-content-wrapper {
    flex-direction: column;
  }
    
    .calculator-content-wrapper {
    align-items: flex-start;
  }
    
    .calculator-content-wrapper {
    justify-content: flex-start;
  }
    
    .calculator-content-wrapper {
    gap: 5rem;
  }
    
    .calculator-hero-text {
    display: flex;
  }
    
    .calculator-hero-text {
    width: 100%;
  }
    
    .calculator-hero-text {
    flex-direction: column;
  }
    
    .calculator-hero-text {
    align-items: flex-start;
  }
    
    .calculator-hero-text {
    justify-content: flex-start;
  }
    
    .calculator-hero-text {
    gap: 3rem;
  }
    
    .calculator-hero-title {
    font-size: 4.5rem;
    line-height: 1;
  }
    
    .calculator-hero-title {
    font-weight: 700;
  }
    
    .calculator-hero-title {
    line-height: 80px;
  }
    
    .calculator-hero-title {
    letter-spacing: -3.6px;
  }
    
    .calculator-hero-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-hero-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .calculator-hero-subtitle {
    font-weight: 400;
  }
    
    .calculator-hero-subtitle {
    line-height: 30px;
  }
    
    .calculator-hero-subtitle {
    letter-spacing: -0.2px;
  }
    
    .calculator-hero-subtitle {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-hero-cta {
    display: flex;
  }
    
    .calculator-hero-cta {
    align-items: center;
  }
    
    .calculator-hero-cta {
    justify-content: flex-start;
  }
    
    .calculator-hero-cta {
    gap: 1rem;
  }
    
    .calculator-image-wrapper {
    width: 560px;
  }
    
    .calculator-image-wrapper {
    flex-shrink: 0;
  }
    
    .calculator-hero-image {
    position: relative;
  }
    
    .calculator-hero-image {
    height: 643px;
  }
    
    .calculator-hero-image {
    width: 100%;
  }
    
    .calculator-hero-image {
    overflow: hidden;
  }
    
    .calculator-hero-image {
    border-radius: 1.5rem;
  }
    
    .calculator-hero-image img {
    height: 100%;
  }
    
    .calculator-hero-image img {
    width: 100%;
  }
    
    .calculator-hero-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* Mobile Responsive */
@media (max-width: 960px) {
    .calculator-hero-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .calculator-hero-container {
      gap: 3rem;
    }

        .calculator-hero-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .calculator-breadcrumb {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-breadcrumb {
      letter-spacing: 0px;
    }
        
        .mobile-breadcrumb {
            display: block; /* Show on mobile*/
        }
        
        .desktop-breadcrumb {
            display: none; /* Hide on mobile*/
        }
        
        .calculator-main-content {
      flex-direction: column;
    }
        
        .calculator-main-content {
      gap: 2rem;
    }
        
        .calculator-content-wrapper {
      order: 2;
    }
        
        .calculator-content-wrapper {
      gap: 2rem;
    }
        
        .calculator-hero-text {
      gap: 1.5rem;
    }
        
        .calculator-hero-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        
        .calculator-hero-title {
      line-height: 44px;
    }
        
        .calculator-hero-title {
      letter-spacing: -1.8px;
    }
        
        .calculator-hero-subtitle {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-hero-cta {
      width: 100%;
    }
        
        .calculator-hero-cta {
      flex-direction: column;
    }
        
        .calculator-hero-cta {
      gap: 1rem;
    }
        
        .btn-primary,
        .btn-secondary {
      width: 100%;
    }
        
        .btn-primary,
        .btn-secondary {
      text-align: center;
    }
        
        .calculator-image-wrapper {
      order: 1;
    }
        
        .calculator-image-wrapper {
      width: 100%;
    }
        
        .calculator-hero-image {
      height: 400px;
    }
  }
} 


/* calculator learn  section*/

.calculator-learn-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

    .calculator-learn-container {
    width: 100%;
  }

    .calculator-learn-container {
    max-width: 1280px;
  }

    .calculator-learn-container {
    overflow: hidden;
  }

    .calculator-learn-container {
    border-radius: 1.5rem;
  }

    .calculator-learn-container {
    --tw-bg-opacity: 1;
    background-color: rgb(187 250 245 / var(--tw-bg-opacity, 1));
  }

    .calculator-learn-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
     
    .calculator-learn-content {
    display: flex;
  }
     
    .calculator-learn-content {
    flex-direction: column;
  }
     
    .calculator-learn-content {
    gap: 5rem;
  }
    
    .calculator-learn-header {
    display: flex;
  }
    
    .calculator-learn-header {
    width: 100%;
  }
    
    .calculator-learn-header {
    align-items: center;
  }
    
    .calculator-learn-header {
    justify-content: space-between;
  }
    
    .calculator-learn-header {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    
    .header-left {
    display: flex;
  }
    
    .header-left {
    width: 100%;
  }
    
    .header-left {
    flex-direction: column;
  }
    
    .header-left {
    gap: 2rem;
  }
    
    .calculator-learn-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-learn-kicker {
    font-weight: 700;
  }
    
    .calculator-learn-kicker {
    line-height: 1.5rem;
  }
    
    .calculator-learn-kicker {
    letter-spacing: -0.16px;
  }
    
    .calculator-learn-kicker {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .header-grid {
    display: flex;
  }
    
    .header-grid {
    flex: 1 1 0%;
  }
    
    .header-grid {
    align-items: flex-end;
  }
    
    .header-grid {
    justify-content: space-between;
  }
    
    .calculator-learn-title {
    width: 493px;
  }
    
    .calculator-learn-title {
    font-size: 3.75rem;
    line-height: 1;
  }
    
    .calculator-learn-title {
    font-weight: 700;
  }
    
    .calculator-learn-title {
    line-height: 68px;
  }
    
    .calculator-learn-title {
    letter-spacing: -3px;
  }
    
    .calculator-learn-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .header-right {
    display: flex;
  }
    
    .header-right {
    flex-direction: column;
  }
    
    .header-right {
    gap: 1.5rem;
  }
    
    .calculator-learn-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-learn-description {
    font-weight: 500;
  }
    
    .calculator-learn-description {
    line-height: 1.75rem;
  }
    
    .calculator-learn-description {
    letter-spacing: -0.2px;
  }
    
    .calculator-learn-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .header-controls {
    display: flex;
  }
    
    .header-controls {
    align-items: center;
  }
    
    .header-controls {
    justify-content: flex-end;
  }
    
    .cta-button {
    border-radius: 9999px;
  }
    
    .cta-button {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .cta-button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .cta-button {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .cta-button {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .cta-button {
    font-weight: 600;
  }
    
    .cta-button {
    line-height: 1.5rem;
  }
    
    .cta-button {
    letter-spacing: -0.48px;
  }
    
    .cta-button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .nav-arrows {
    display: flex;
  }
    
    .nav-arrows {
    align-items: center;
  }
    
    .nav-arrows {
    gap: 0.5rem;
  }
    
    .nav-arrow {
    position: relative;
  }
    
    .nav-arrow {
    display: flex;
  }
    
    .nav-arrow {
    height: 60px;
  }
    
    .nav-arrow {
    width: 60px;
  }
    
    .nav-arrow {
    cursor: pointer;
  }
    
    .nav-arrow {
    align-items: center;
  }
    
    .nav-arrow {
    justify-content: center;
  }
    
    .nav-arrow {
    border-radius: 9999px;
  }
    
    .nav-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .nav-arrow {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .nav-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .nav-arrow {
    transition-duration: 300ms;
  }
    
    .nav-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .nav-arrow svg {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .nav-arrow svg {
    transition-duration: 300ms;
  }
    
    .nav-arrow svg {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .nav-arrow svg {
        display: block;
        flex-shrink: 0;
    }

    .nav-arrow:hover{
      
        svg{
            transition: all 0.3s ease;
            path{
                transition: all 0.3s ease;
                stroke: #414651;
            }
        }
    }
    
    .cards-wrapper {
    display: flex;
  }
    
    .cards-wrapper {
    width: 100%;
  }
    
    .cards-wrapper {
    flex-direction: column;
  }
    
    .cards-wrapper {
    gap: 4rem;
  }
    
    .cards-container {
    position: relative;
  }
    
    .cards-container {
    overflow: hidden;
  }
    
    .cards-scroll {
    display: flex;
  }
    
    .cards-scroll {
    gap: 1.75rem;
  }
    
    .cards-scroll {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .cards-scroll {
    transition-duration: 300ms;
  }
    
    .cards-scroll {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .calculator-learn-card {
    display: flex;
  }
    
    .calculator-learn-card {
    height: auto;
  }
    
    .calculator-learn-card {
    width: 400px;
  }
    
    .calculator-learn-card {
    flex-shrink: 0;
  }
    
    .calculator-learn-card {
    flex-direction: column;
  }
    
    .calculator-learn-card {
    overflow: hidden;
  }
    
    .calculator-learn-card {
    border-radius: 1.5rem;
  }
    
    .calculator-learn-card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-learn-card {
    padding: 0px;
  }
    
    .calculator-learn-card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-learn-card {
    transition-duration: 300ms;
  }
    
    .calculator-learn-card {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .card-image {
    display: flex;
  }
    
    .card-image {
    height: 200px;
  }
    
    .card-image {
    width: 100%;
  }
    
    .card-image {
    align-items: center;
  }
    
    .card-image {
    justify-content: center;
  }
    
    .card-image {
    overflow: hidden;
  }
    
    .card-image {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
    
    .card-image {
        
        img {
      height: 100%;
    }
        
        img {
      width: 100%;
    }
        
        img {
      -o-object-fit: cover;
         object-fit: cover;
    }
    }
    
    .card-content-wrapper {
    display: flex;
  }
    
    .card-content-wrapper {
    flex-direction: column;
  }
    
    .card-content-wrapper {
    padding: 2.5rem;
  }
    
    .card-content {
    position: relative;
  }
    
    .card-content {
    display: flex;
  }
    
    .card-content {
    flex-direction: column;
  }
    
    .card-content {
    gap: 1.5rem;
  }
    
    .card-title-wrapper {
    display: flex;
  }
    
    .card-title-wrapper {
    width: 100%;
  }
    
    .card-title-wrapper {
    align-items: flex-start;
  }
    
    .card-title-wrapper {
    justify-content: space-between;
  }
    .calculator-learn-card:nth-child(1) {
    margin-left: 4rem;
  }
   
    
    .card-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .card-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(245 249 255 / var(--tw-bg-opacity, 1));
  }
    
    
    
    .card-content {
    display: flex;
  }
    
    
    
    .card-content {
    width: 100%;
  }
    
    
    
    .card-content {
    flex-direction: column;
  }
    
    
    
    .card-content {
    gap: 2rem;
  }
    
    .card-text {
    display: flex;
  }
    
    .card-text {
    width: 100%;
  }
    
    .card-text {
    flex-direction: column;
  }
    
    .card-text {
    gap: 1.5rem;
  }
    
    .card-title-wrapper {
    display: flex;
  }
    
    .card-title-wrapper {
    width: 100%;
  }
    
    .card-title-wrapper {
    align-items: flex-end;
  }
    
    .card-title-wrapper {
    justify-content: space-between;
  }
    
    .card-title {
    flex: 1 1 0%;
  }
    
    .card-title {
    font-weight: 700;
  }
    
    .card-title {
    line-height: 38px;
  }
    
    .card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .card-title {
        font-family: 'Open Sans', sans-serif;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: -0.9px;
        margin: 0;
    }
    
    .card-footer {
    display: flex;
  }
    
    .card-footer {
    width: 100%;
  }
    
    .card-footer {
    align-items: flex-end;
  }
    
    .card-footer {
    justify-content: flex-end;
  }
    
    .card-footer {
    gap: 2rem;
  }
    
    .card-description {
    margin: 0px;
  }
    
    .card-description {
    font-weight: 400;
  }
    
    .card-description {
    letter-spacing: -0.16px;
  }
    
    .card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .card-arrow {
    display: flex;
  }
    
    .card-arrow {
    height: 2.75rem;
  }
    
    .card-arrow {
    width: 2.75rem;
  }
    
    .card-arrow {
    cursor: pointer;
  }
    
    .card-arrow {
    align-items: center;
  }
    
    .card-arrow {
    justify-content: center;
  }
    
    .card-arrow {
    border-radius: 9999px;
  }
    
    .card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .card-arrow {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    .card-arrow img {
    height: 1rem;
  }
    .card-arrow img {
    width: 1rem;
  }
    
    
    
    
 
    
    /* Hover effects */
    .calculator-learn-card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-learn-card:hover .card-icon svg {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-learn-card:hover .card-icon svg {
    transition-duration: 300ms;
  }
    
    .calculator-learn-card:hover .card-icon svg {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .calculator-learn-card:hover .card-icon svg {
       /*filter: brightness(0) saturate(100%) invert(27%) sepia(67%) saturate(1776%) hue-rotate(202deg) brightness(95%) contrast(95%);*/
      path {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
      path {
      transition-duration: 300ms;
    }
      path {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
      path{
        stroke: #224E82;
      }
    }
    
    
    
    
    
    .card-special {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .card-special .card-icon {
    display: flex;
  }
    
    .card-special .card-icon {
    height: 85px;
  }
    
    .card-special .card-icon {
    width: 85px;
  }
    
    .card-special .card-icon {
    align-items: center;
  }
    
    .card-special .card-icon {
    justify-content: center;
  }
    
    .card-special .card-icon {
    border-radius: 9999px;
  }
    
    .card-special .card-icon {
    --tw-bg-opacity: 1;
    background-color: rgb(204 227 255 / var(--tw-bg-opacity, 1));
  }
    
    .card-special .card-icon img {
    height: 3rem;
  }
    
    .card-special .card-icon img {
    width: 3rem;
  }
    
    .card-special .card-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
    
    .card-special .card-title {
    font-weight: 600;
  }
    
    .card-special .card-title {
    line-height: 44px;
  }
    
    .card-special .card-title {
    letter-spacing: -3.6px;
  }
    
    .card-special .card-content {
    gap: 3.5rem;
  }

    /* Learn CTA Button*/
    .learn-cta-wrapper {
    display: flex;
  }
    .learn-cta-wrapper {
    width: 100%;
  }
    .learn-cta-wrapper {
    justify-content: flex-start;
  }
    .learn-cta-wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    
    .learn-cta-button {
    }
} 



/* Mobile Responsive */
@media (max-width: 960px) {
    .calculator-learn-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .calculator-learn-container {
      padding: 2rem;
    }
        .header-left {
      gap: 1.5rem;
    }
        .calculator-learn-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        .calculator-learn-kicker {
      letter-spacing: 0px;
    }
        .calculator-learn-content {
      gap: 5rem;
    }
        .card-content-wrapper{
            padding:20px 20px; 
        }
       
        .calculator-learn-header {
      flex-direction: column;
    }
       
        .calculator-learn-header {
      align-items: flex-start;
    }
       
        .calculator-learn-header {
      gap: 2rem;
    }
       
        .calculator-learn-header {
      padding-left: 0px;
      padding-right: 0px;
    }
        .learn-cta-wrapper {
            padding-left: 0px;
            padding-right: 0px;
        }
        
        .header-grid {
      height: auto;
    }
        
        .header-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
        
        .header-grid {
      flex-direction: column;
    }
        
        .header-grid {
      gap: 2rem;
    }
        
        .calculator-learn-title {
      width: auto;
    }
        
        .calculator-learn-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .calculator-learn-title {
      line-height: 38px;
    }
        
        .calculator-learn-title {
      letter-spacing: -0.9px;
    }
        .calculator-learn-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        .calculator-learn-description {
      line-height: 1.5rem;
    }
        .calculator-learn-description {
      letter-spacing: -0.16px;
    }
        .header-right {
      gap: 2rem;
    }
        .header-controls {
      flex-direction: column;
    }
        .header-controls {
      align-items: flex-start;
    }
        .header-controls {
      justify-content: flex-start;
    }
        .header-controls {
      gap: 1rem;
    }
        
        .cta-button {
           /* @apply w-full text-center;*/
        }
        
        .nav-arrows {
           /*display: none; */
        }
        
        .cards-scroll {
      gap: 1rem;
    }
        
        .calculator-learn-card {
      height: auto;
    }
        
        .calculator-learn-card {
      width: 230px;
    }
        
        .calculator-learn-card {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        
        .calculator-learn-card {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .calculator-learn-card {
      padding-top: 0px;
      padding-bottom: 0px;
    }

        
         .card-arrow {
            /*@apply bg-brand-blue-solid ;*/
        }
        
         .card-arrow img {
            
            filter: brightness(0) invert(0);
        }
        
        .calculator-learn-card:nth-child(1) {
      margin-left: 0px;
    }

        .calculator-learn-card .card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(98 148 231 / var(--tw-bg-opacity, 1));
    }
        .calculator-learn-card:hover .card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(98 148 231 / var(--tw-bg-opacity, 1));
    }
        .calculator-learn-card:hover .card-arrow img {
            filter: brightness(0) invert(0);
        }
       
      
        


        .card-icon{
            svg {
        height: 36px;
      }
            svg {
        width: 36px;
      }
            svg{
                path{
                    
                    stroke: #224E82;
                  }
            } 
            
            
        }
        .card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        .card-title {
      line-height: 2rem;
    }
        
        .card-special .card-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .card-special .card-title {
      line-height: 2.5rem;
    }
  }
    
    
}




  

/* Mortgage Calculator Section*/
.calculator-mortgage-top-section, .calculator-affordability-top-section, .calculator-readiness-top-section, .calculator-remortgage-top-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 0px;
  padding-right: 0px;
   
    .calculator-breadcrumb {
    font-size: 1rem;
    line-height: 1.5rem;
  }
   
    .calculator-breadcrumb {
    line-height: 1.5rem;
  }
   
    .calculator-breadcrumb {
    letter-spacing: -0.16px;
  }
   
    .calculator-breadcrumb {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }

    .breadcrumb-text {
    font-weight: 400;
  }
    
    .breadcrumb-active {
    font-weight: 700;
  }
    
    .calculator-container {
    display: flex;
  }
    
    .calculator-container {
    width: 100%;
  }
    
    .calculator-container {
    max-width: 1280px;
  }
    
    .calculator-container {
    flex-direction: column;
  }
    
    .calculator-container {
    align-items: flex-start;
  }
    
    .calculator-container {
    justify-content: flex-start;
  }
    
    .calculator-container {
    gap: 4rem;
  }
    
    .calculator-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-wrapper {
    display: flex;
  }
    
    .calculator-wrapper {
    width: 100%;
  }
    
    .calculator-wrapper {
    max-width: 1280px;
  }
    
    .calculator-wrapper {
    align-items: flex-start;
  }
    
    .calculator-wrapper {
    justify-content: flex-start;
  }
    
    .calculator-wrapper {
    gap: 3rem;
  }
    
    .calculator-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
    
    .calculator-column {
    display: flex;
  }
    
    .calculator-column {
    min-height: 0px;
  }
    
    .calculator-column {
    min-width: 0px;
  }
    
    .calculator-column {
    flex: 1 1 0%;
  }
    
    .calculator-column {
    flex-direction: column;
  }
    
    .calculator-column {
    align-items: flex-start;
  }
    
    .calculator-column {
    justify-content: flex-start;
  }
    
    .calculator-column {
    gap: 3rem;
  }
    
    .calculator-column {
    border-radius: 1.5rem;
  }
    
    .calculator-column {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-column {
    padding: 4rem;
  }
    
    .calculator-header {
    display: flex;
  }
    
    .calculator-header {
    width: 100%;
  }
    
    .calculator-header {
    flex-direction: column;
  }
    
    .calculator-header {
    align-items: flex-start;
  }
    
    .calculator-header {
    justify-content: flex-start;
  }
    
    .calculator-header {
    gap: 1.5rem;
  }
    
    .calculator-kicker {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-kicker {
    font-weight: 700;
  }
    
    .calculator-kicker {
    line-height: 1.25rem;
  }
    
    .calculator-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
    
    .calculator-title {
    font-size: 3rem;
    line-height: 1;
  }
    
    .calculator-title {
    font-weight: 700;
  }
    
    .calculator-title {
    line-height: 56px;
  }
    
    .calculator-title {
    letter-spacing: -2.88px;
  }
    
    .calculator-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-description {
    line-height: 1.75rem;
  }
    
    .calculator-description {
    letter-spacing: -0.18px;
  }
    
    .calculator-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-form {
    display: flex;
  }
    
    .calculator-form {
    width: 100%;
  }
    
    .calculator-form {
    flex-direction: column;
  }
    
    .calculator-form {
    align-items: flex-start;
  }
    
    .calculator-form {
    justify-content: flex-start;
  }
    
    .calculator-form {
    gap: 1.5rem;
  }
    
    .calculator-header-content {
    display: flex;
  }
    
    .calculator-header-content {
    width: 100%;
  }
    
    .calculator-header-content {
    flex-direction: column;
  }
    
    .calculator-header-content {
    align-items: flex-start;
  }
    
    .calculator-header-content {
    justify-content: flex-start;
  }
    
    .calculator-header-content {
    gap: 1.5rem;
  }
    
    .calculator-header-content {
    font-weight: 700;
  }
    
    .calculator-label-wrapper {
    display: flex;
  }
    
    .calculator-label-wrapper {
    width: 100%;
  }
    
    .calculator-label-wrapper {
    align-items: center;
  }
    
    .calculator-label-wrapper {
    justify-content: flex-start;
  }
    
    .calculator-label-wrapper {
    gap: 0.5rem;
  }
    
    .calculator-label-wrapper {
        .help-icon {
      margin-top: 0.25rem;
    }
        .help-icon {
      height: 1rem;
    }
        .help-icon {
      width: 1rem;
    }
    }
    
    .calculator-input-content {
    display: flex;
  }
    
    .calculator-input-content {
    flex: 1 1 0%;
  }
    
    .calculator-input-content {
    align-items: center;
  }
    
    .calculator-input-content {
    justify-content: flex-start;
  }
    
    .calculator-input-content {
    gap: 0.5rem;
  }
    
    .calculator-input-text-wrapper {
    flex: 1 1 0%;
  }
    
    .calculator-input-text-wrapper {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-input-text-wrapper {
    font-weight: 600;
  }
    
    .calculator-input-text-wrapper {
    line-height: 1.75rem;
  }
    
    .calculator-input-text-wrapper {
    letter-spacing: -0.18px;
  }
    
    .calculator-input-text-wrapper {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-radio-content {
    display: flex;
  }
    
    .calculator-radio-content {
    flex: 1 1 0%;
  }
    
    .calculator-radio-content {
    align-items: center;
  }
    
    .calculator-radio-content {
    justify-content: flex-start;
  }
    
    .calculator-radio-content {
    gap: 0.5rem;
  }
    
    .calculator-dropdown-wrapper {
    position: relative;
  }
    
    .calculator-dropdown-wrapper {
    display: flex;
  }
    
    .calculator-dropdown-wrapper {
    width: 100%;
  }
    
    .calculator-dropdown-wrapper {
    align-items: center;
  }
    
    .calculator-dropdown-wrapper {
    justify-content: flex-start;
  }
    
    .calculator-dropdown-wrapper {
    gap: 0.5rem;
  }
    
    .calculator-dropdown-wrapper {
    border-radius: 0.25rem;
  }
    
    .calculator-dropdown-content {
    display: flex;
  }
    
    .calculator-dropdown-content {
    flex: 1 1 0%;
  }
    
    .calculator-dropdown-content {
    align-items: center;
  }
    
    .calculator-dropdown-content {
    justify-content: flex-start;
  }
    
    .calculator-dropdown-content {
    gap: 0.5rem;
  }
    
    .calculator-dropdown-select-wrapper {
    position: relative;
  }
    
    .calculator-dropdown-select-wrapper {
    flex: 1 1 0%;
  }
    
    .calculator-dropdown-select-wrapper {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-dropdown-select-wrapper {
    font-weight: 600;
  }
    
    .calculator-dropdown-select-wrapper {
    line-height: 1.75rem;
  }
    
    .calculator-dropdown-select-wrapper {
    letter-spacing: -0.18px;
  }
    
    .calculator-dropdown-select-wrapper {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-dropdown-icon {
    pointer-events: none;
  }
    
    .calculator-dropdown-icon {
    position: absolute;
  }
    
    .calculator-dropdown-icon {
    right: 0px;
  }
    
    .calculator-dropdown-icon {
    top: 50%;
  }
    
    .calculator-dropdown-icon {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    
    .calculator-dropdown-icon {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    
    .calculator-button-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-button-text {
    font-weight: 600;
  }
    
    .calculator-button-text {
    line-height: 1.5rem;
  }
    
    .calculator-button-text {
    letter-spacing: -0.16px;
  }
    
    .calculator-button-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .calculator-results-content {
    display: flex;
  }
    
    .calculator-results-content {
    flex-direction: column;
  }
    
    .calculator-results-content {
    align-items: flex-start;
  }
    
    .calculator-results-content {
    justify-content: flex-start;
  }
    
    .calculator-results-content {
    gap: 1.5rem;
  }
    
    .calculator-result-item {
    display: flex;
  }
    
    .calculator-result-item {
    flex-direction: column;
  }
    
    .calculator-result-item {
    align-items: flex-start;
  }
    
    .calculator-result-item {
    justify-content: flex-start;
  }
    
    .calculator-result-item {
    gap: 0.25rem;
  }
    
    .calculator-get-started-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-get-started-text {
    font-weight: 600;
  }
    
    .calculator-get-started-text {
    line-height: 1.5rem;
  }
    
    .calculator-get-started-text {
    letter-spacing: -0.16px;
  }
    
    .calculator-get-started-text {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    
    .calculator-get-started-icon {
    height: 1.25rem;
  }
    
    .calculator-get-started-icon {
    width: 1.25rem;
  }
    
    .calculator-info-content {
    display: flex;
  }
    
    .calculator-info-content {
    flex-direction: column;
  }
    
    .calculator-info-content {
    align-items: flex-start;
  }
    
    .calculator-info-content {
    justify-content: flex-start;
  }
    
    .calculator-info-content {
    gap: 1.5rem;
  }
    
    .calculator-info-content {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-radio-group {
    display: flex;
  }
    
    .calculator-radio-group {
    width: 100%;
  }
    
    .calculator-radio-group {
    align-items: center;
  }
    
    .calculator-radio-group {
    justify-content: flex-start;
  }
    
    .calculator-radio-group {
    gap: 2rem;
  }
    
    .calculator-radio-group {
    border-radius: 0.75rem;
  }
    
    .calculator-radio-group {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-radio-group {
    padding-left: 1rem;
    padding-right: 1rem;
  }
    
    .calculator-radio-group {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
    
    .calculator-radio-label {
    flex-shrink: 0;
  }
    
    .calculator-radio-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-radio-label {
    font-weight: 600;
  }
    
    .calculator-radio-label {
    line-height: 1.25rem;
  }
    
    .calculator-radio-label {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-radio-options {
    display: flex;
  }
    
    .calculator-radio-options {
    align-items: center;
  }
    
    .calculator-radio-options {
    justify-content: flex-start;
  }
    
    .calculator-radio-options {
    gap: 22px;
  }
    
    .calculator-radio-wrapper {
    cursor: pointer;
  }
    
    .calculator-radio-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-radio-text {
    font-weight: 500;
  }
    
    .calculator-radio-text {
    line-height: 1.25rem;
  }
    
    .calculator-radio-text {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-input-field {
    display: flex;
  }
    
    .calculator-input-field {
    width: 100%;
  }
    
    .calculator-input-field {
    flex-direction: column;
  }
    
    .calculator-input-field {
    align-items: flex-start;
  }
    
    .calculator-input-field {
    justify-content: flex-start;
  }
    
    .calculator-input-field {
    border-radius: 0.75rem;
  }
    
    .calculator-input-field {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-input-field {
    padding-left: 1rem;
    padding-right: 1rem;
  }
    
    .calculator-input-field {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
    
    .calculator-input-field {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
    
    .calculator-input-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-input-label {
    font-weight: 600;
  }
    
    .calculator-input-label {
    line-height: 1.25rem;
  }
    
    .calculator-input-label {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-input-wrapper {
    display: flex;
  }
    
    .calculator-input-wrapper {
    width: 100%;
  }
    
    .calculator-input-wrapper {
    align-items: center;
  }
    
    .calculator-input-wrapper {
    justify-content: flex-start;
  }
    
    .calculator-input-wrapper {
    gap: 0.5rem;
  }
    
    .calculator-input-wrapper {
    border-radius: 0.25rem;
  }
    
    .calculator-currency-symbol {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-currency-symbol {
    font-weight: 600;
  }
    
    .calculator-currency-symbol {
    line-height: 1.75rem;
  }
    
    .calculator-currency-symbol {
    letter-spacing: -0.18px;
  }
    
    .calculator-currency-symbol {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-input {
    width: 100%;
  }
    
    .calculator-input {
    border-style: none;
  }
    
    .calculator-input {
    background-color: transparent;
  }
    
    .calculator-input {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-input {
    font-weight: 600;
  }
    
    .calculator-input {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-input {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
    
    .calculator-dropdown-group {
    display: flex;
  }
    
    .calculator-dropdown-group {
    width: 100%;
  }
    
    .calculator-dropdown-group {
    align-items: flex-start;
  }
    
    .calculator-dropdown-group {
    justify-content: flex-start;
  }
    
    .calculator-dropdown-group {
    gap: 1rem;
  }
    
    .calculator-dropdown {
    display: flex;
  }
    
    .calculator-dropdown {
    flex: 1 1 0%;
  }
    
    .calculator-dropdown {
    flex-direction: column;
  }
    
    .calculator-dropdown {
    align-items: flex-start;
  }
    
    .calculator-dropdown {
    justify-content: flex-start;
  }
    
    .calculator-dropdown {
    border-radius: 0.75rem;
  }
    
    .calculator-dropdown {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-dropdown {
    padding-left: 1rem;
    padding-right: 1rem;
  }
    
    .calculator-dropdown {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
    
    .calculator-dropdown {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
    
    .calculator-select {
    width: 100%;
  }
    
    .calculator-select {
    cursor: pointer;
  }
    
    .calculator-select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
    
    .calculator-select {
    border-style: none;
  }
    
    .calculator-select {
    background-color: transparent;
  }
    
    .calculator-select {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-select {
    font-weight: 600;
  }
    
    .calculator-select {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-select {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
    
    .calculator-button {
    display: flex;
  }
    
    .calculator-button {
    width: 100%;
  }
    
    .calculator-button {
    align-items: center;
  }
    
    .calculator-button {
    justify-content: center;
  }
    
    .calculator-button {
    gap: 0.375rem;
  }
    
    .calculator-button {
    border-radius: 9999px;
  }
    
    .calculator-button {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
    
    .calculator-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
    
    .calculator-button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 58 115 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-results-column {
    display: flex;
  }
    
    .calculator-results-column {
    flex: 1 1 0%;
  }
    
    .calculator-results-column {
    flex-direction: column;
  }
    
    .calculator-results-column {
    align-items: flex-start;
  }
    
    .calculator-results-column {
    justify-content: flex-start;
  }
    
    .calculator-results-column {
    gap: 1.5rem;
  }
    
    .calculator-results-card {
    display: flex;
  }
    
    .calculator-results-card {
    width: 100%;
  }
    
    .calculator-results-card {
    flex-direction: column;
  }
    
    .calculator-results-card {
    align-items: flex-start;
  }
    
    .calculator-results-card {
    justify-content: flex-start;
  }
    
    .calculator-results-card {
    gap: 3rem;
  }
    
    .calculator-results-card {
    border-radius: 1.5rem;
  }
    
    .calculator-results-card {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-results-card {
    padding: 3rem;
  }
    
    .calculator-monthly-payment-label {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-monthly-payment-label {
    font-weight: 600;
  }
    
    .calculator-monthly-payment-label {
    line-height: 1.75rem;
  }
    
    .calculator-monthly-payment-label {
    letter-spacing: -0.18px;
  }
    
    .calculator-monthly-payment-label {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-monthly-payment {
    font-size: 4.5rem;
    line-height: 1;
  }
    
    .calculator-monthly-payment {
    font-weight: 700;
  }
    
    .calculator-monthly-payment {
    line-height: 80px;
  }
    
    .calculator-monthly-payment {
    letter-spacing: -3.6px;
  }
    
    .calculator-monthly-payment {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  } 
    
    .calculator-salary-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  } 
    
    .calculator-salary-label {
    font-weight: 600;
  } 
    
    .calculator-salary-label {
    line-height: 1.25rem;
  } 
    
    .calculator-salary-label {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-salary {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
    
    .calculator-salary {
    font-weight: 700;
  }
    
    .calculator-salary {
    line-height: 38px;
  }
    
    .calculator-salary {
    letter-spacing: -0.9px;
  }
    
    .calculator-salary {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-disclaimer {
    font-size: 0.75rem;
    line-height: 1rem;
  }
    
    .calculator-disclaimer {
    line-height: 18px;
  }
    
    .calculator-disclaimer {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-get-started-btn {
    display: flex;
  }
    
    .calculator-get-started-btn {
    align-items: center;
  }
    
    .calculator-get-started-btn {
    justify-content: center;
  }
    
    .calculator-get-started-btn {
    gap: 0.375rem;
  }
    
    .calculator-get-started-btn {
    border-radius: 9999px;
  }
    
    .calculator-get-started-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-get-started-btn {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-get-started-btn {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .calculator-get-started-btn {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-get-started-btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-info-card {
    display: flex;
  }
    
    .calculator-info-card {
    width: 100%;
  }
    
    .calculator-info-card {
    flex-direction: column;
  }
    
    .calculator-info-card {
    align-items: flex-start;
  }
    
    .calculator-info-card {
    justify-content: flex-start;
  }
    
    .calculator-info-card {
    gap: 2rem;
  }
    
    .calculator-info-card {
    border-radius: 1.5rem;
  }
    
    .calculator-info-card {
    border-width: 2px;
  }
    
    .calculator-info-card {
    --tw-border-opacity: 1;
    border-color: rgb(233 234 235 / var(--tw-border-opacity, 1));
  }
    
    .calculator-info-card {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    
    .calculator-info-card {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
    
    .calculator-info-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-info-title {
    font-weight: 700;
  }
    
    .calculator-info-title {
    line-height: 1.75rem;
  }
    
    .calculator-info-title {
    letter-spacing: -0.18px;
  } 
    
    .calculator-info-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  } 
    
    .calculator-info-text {
    line-height: 1.25rem;
  } 
    
    .calculator-info-text { 
        p {
      margin-bottom: 1rem;
    }
    }
    
    .calculator-info-content {
    display: flex;
  }
    
    .calculator-info-content {
    flex-direction: column;
  }
    
    .calculator-info-content {
    align-items: flex-start;
  }
    
    .calculator-info-content {
    justify-content: flex-start;
  }
    
    .calculator-info-content {
    gap: 1.5rem;
  }
    
    .calculator-info-content {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    /* First time buyer options*/
    .calculator-ftb-options {
    display: flex;
  }
    .calculator-ftb-options {
    width: 100%;
  }
    .calculator-ftb-options {
    flex-direction: column;
  }
    .calculator-ftb-options {
    align-items: flex-start;
  }
    .calculator-ftb-options {
    justify-content: flex-start;
  }
    .calculator-ftb-options {
    gap: 1rem;
  }
    .calculator-ftb-options {
    border-radius: 0.75rem;
  }
    .calculator-ftb-options {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    .calculator-ftb-options {
    padding: 1rem;
  }
    .calculator-ftb-options {
        display: none;
    }
    
    .calculator-ftb-options.show {
        display: flex;
    }
    
    .calculator-ftb-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-ftb-title {
    font-weight: 600;
  }
    
    .calculator-ftb-title {
    line-height: 1.25rem;
  }
    
    .calculator-ftb-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-ftb-checkboxes {
    display: flex;
  }
    
    .calculator-ftb-checkboxes {
    width: 100%;
  }
    
    .calculator-ftb-checkboxes {
    align-items: center;
  }
    
    .calculator-ftb-checkboxes {
    justify-content: flex-start;
  }
    
    .calculator-ftb-checkboxes {
    gap: 2rem;
  }
    
    .calculator-checkbox-item {
    display: flex;
  }
    
    .calculator-checkbox-item {
    align-items: flex-start;
  }
    
    .calculator-checkbox-item {
    justify-content: flex-start;
  }
    
    .calculator-checkbox-item {
    gap: 0.5rem;
  }
    
    .calculator-checkbox-wrapper {
    display: flex;
  }
    
    .calculator-checkbox-wrapper {
    align-items: center;
  }
    
    .calculator-checkbox-wrapper {
    justify-content: center;
  }
    
    .calculator-checkbox-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
    
    .calculator-checkbox-wrapper {
    padding-bottom: 0px;
  }
    
    .calculator-checkbox-wrapper {
    padding-top: 0.125rem;
  }
    
    .calculator-checkbox {
    position: relative;
  }
    
    .calculator-checkbox {
    height: 1rem;
  }
    
    .calculator-checkbox {
    width: 1rem;
  }
    
    .calculator-checkbox {
    cursor: pointer;
  }
    
    .calculator-checkbox {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
    
    .calculator-checkbox {
    border-radius: 0.25rem;
  }
    
    .calculator-checkbox {
    border-width: 1px;
  }
    
    .calculator-checkbox {
    --tw-border-opacity: 1;
    border-color: rgb(164 167 174 / var(--tw-border-opacity, 1));
  }
    
    .calculator-checkbox {
        
        &:checked {
      --tw-border-opacity: 1;
      border-color: rgb(7 68 130 / var(--tw-border-opacity, 1));
    }
        
        &:checked {
      --tw-bg-opacity: 1;
      background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
    }
        
        &:checked {
            
            &::after {
                content: '';
            }
            
            &::after {
        position: absolute;
      }
            
            &::after {
        inset: 0px;
      }
            
            &::after {
        background-position: center;
      }
            
            &::after {
        background-repeat: no-repeat;
      }
            
            &::after {
                background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 .708-.708L6 9.793l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e");
            }
        }
    }
    
    .calculator-checkbox-label {
    cursor: pointer;
  }
    
    .calculator-checkbox-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-checkbox-label {
    font-weight: 500;
  }
    
    .calculator-checkbox-label {
    line-height: 1.25rem;
  }
    
    .calculator-checkbox-label {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    /* Radio button styles*/
    input[type="radio"] {
    position: relative;
  }
    input[type="radio"] {
    height: 1rem;
  }
    input[type="radio"] {
    width: 1rem;
  }
    input[type="radio"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
    input[type="radio"] {
    border-radius: 9999px;
  }
    input[type="radio"] {
    border-width: 1px;
  }
    input[type="radio"] {
    --tw-border-opacity: 1;
    border-color: rgb(164 167 174 / var(--tw-border-opacity, 1));
  }
    input[type="radio"] {
        margin-top: 1px;
        
        &:checked {
      --tw-border-opacity: 1;
      border-color: rgb(7 68 130 / var(--tw-border-opacity, 1));
    }
        
        &:checked {
      --tw-bg-opacity: 1;
      background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
    }
        
        &:checked {
            
            &::after {
                content: '';
            }
            
            &::after {
        position: absolute;
      }
            
            &::after {
        top: 50%;
      }
            
            &::after {
        left: 50%;
      }
            
            &::after {
        height: 0.375rem;
      }
            
            &::after {
        width: 0.375rem;
      }
            
            &::after {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
            
            &::after {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
            
            &::after {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
            
            &::after {
        border-radius: 9999px;
      }
            
            &::after {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
        }
    }
    
    .calculator-radio-item {
    border-width: 2px;
  }
    
    .calculator-radio-item {
    border-color: transparent;
  }
    
    .calculator-radio-item {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-radio-item {
    transition-duration: 200ms;
  }
    
    .calculator-radio-item {
        
        &:has(input[type="radio"]:checked) {
      border-radius: 0.75rem;
    }
        
        &:has(input[type="radio"]:checked) {
      --tw-border-opacity: 1;
      border-color: rgb(7 68 130 / var(--tw-border-opacity, 1));
    }
    }
    
    
    /* Dropdown styles*/
    .calculator-select {
        background-image: none;
    }

    .calculator-negative-card {
    display: flex;
  }

    .calculator-negative-card {
    flex-direction: column;
  }

    .calculator-negative-card {
    gap: 3rem;
  }

    .calculator-negative-card{
        p {
      margin-bottom: 1rem;
    }
        img {
      margin-right: auto;
    }
    }

    .calculator-status-card {
    display: flex;
  }

    .calculator-status-card {
    width: 100%;
  }

    .calculator-status-card {
    flex-direction: column;
  }

    .calculator-status-card {
    gap: 2.5rem;
  }

    .calculator-status-card {
    border-radius: 1rem;
  }

    .calculator-status-card {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }

    .calculator-status-card {
    padding: 2rem;
  }
    
    .calculator-status-title {
    display: flex;
  }
    
    .calculator-status-title {
    flex-direction: column;
  }
    
    .calculator-status-title {
    gap: 0.5rem;
  }
    
    .calculator-status-icon {
    height: 3rem;
  }
    
    .calculator-status-icon {
    width: 3rem;
  }
    
    .calculator-status-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .calculator-status-text {
    font-weight: 700;
  }
    
    .calculator-status-text {
    line-height: 30px;
  }
    
    .calculator-status-text {
    letter-spacing: -0.2px;
  }
    
    .calculator-status-text {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-status-bullets {
    display: flex;
  }
    
    .calculator-status-bullets {
    flex-direction: column;
  }
    
    .calculator-status-bullets {
    gap: 1.25rem;
  }
    
    .calculator-status-bullet {
    display: flex;
  }
    
    .calculator-status-bullet {
    align-items: flex-start;
  }
    
    .calculator-status-bullet {
    gap: 0.5rem;
  }

    .calculator-cta-group {
    display: flex;
  }

    .calculator-cta-group {
    align-items: flex-start;
  }

    .calculator-cta-group {
    gap: 1rem;
  }
    
    .calculator-cta-secondary {
    display: flex;
  }
    
    .calculator-cta-secondary {
    align-items: center;
  }
    
    .calculator-cta-secondary {
    justify-content: center;
  }
    
    .calculator-cta-secondary {
    gap: 0.375rem;
  }
    
    .calculator-cta-secondary {
    border-radius: 9999px;
  }
    
    .calculator-cta-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-cta-secondary {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-cta-secondary {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .calculator-cta-secondary {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-cta-secondary {
    font-weight: 600;
  }
    
    .calculator-cta-secondary {
    line-height: 1.5rem;
  }
    
    .calculator-cta-secondary {
    letter-spacing: -0.16px;
  }
    
    .calculator-cta-secondary {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    
    .calculator-cta-secondary {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-cta-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-cta-primary {
    display: flex;
  }
    
    .calculator-cta-primary {
    align-items: center;
  }
    
    .calculator-cta-primary {
    justify-content: center;
  }
    
    .calculator-cta-primary {
    gap: 0.375rem;
  }
    
    .calculator-cta-primary {
    border-radius: 9999px;
  }
    
    .calculator-cta-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-cta-primary {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-cta-primary {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .calculator-cta-primary {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-cta-primary {
    font-weight: 600;
  }
    
    .calculator-cta-primary {
    line-height: 1.5rem;
  }
    
    .calculator-cta-primary {
    letter-spacing: -0.16px;
  }
    
    .calculator-cta-primary {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .calculator-cta-primary {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-cta-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  }
}

/* Mobile Responsive for Mortgage Calculator */
@media (max-width: 960px) {
    .calculator-mortgage-top-section, .calculator-affordability-top-section, .calculator-readiness-top-section, .calculator-remortgage-top-section {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5rem;
    padding-bottom: 1.5rem;
        
        .calculator-container {
      gap: 2rem;
    }
        
        .calculator-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }

        .calculator-header-content {
      gap: 0.75rem;
    }
        
        .calculator-breadcrumb {
      margin-bottom: 1.5rem;
    }
        
        .calculator-breadcrumb {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .calculator-breadcrumb {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-wrapper {
      flex-direction: column;
    }
        
        .calculator-wrapper {
      gap: 1.5rem;
    }
        
        .calculator-wrapper {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .calculator-column {
      gap: 2rem;
    }
        
        .calculator-column {
      border-radius: 1rem;
    }
        
        .calculator-column {
      padding: 2rem;
    }
        
        .calculator-header {
      gap: 1.5rem;
    }
        
        .calculator-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        
        .calculator-kicker {
      letter-spacing: 0px;
    }
        
        .calculator-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .calculator-title {
      line-height: 38px;
    }
        
        .calculator-title {
      letter-spacing: -0.9px;
    }
        
        .calculator-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .calculator-description {
      line-height: 1.5rem;
    }
        
        .calculator-form {
      gap: 1rem;
    }
        
        .calculator-radio-group {
      display: block;
    }
        .calculator-radio-label{
            
        }
        
        .calculator-radio-options {
      margin-top: 0.5rem;
    }
        
        .calculator-radio-options {
      flex-wrap: wrap;
    }
        
        .calculator-radio-options {
      gap: 1rem;
    }
        
        .calculator-dropdown-group {
      flex-direction: column;
    }
        
        .calculator-dropdown-group {
      gap: 1rem;
    }
        
        .calculator-dropdown {
      width: 100%;
    }
        
        .calculator-button {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .calculator-button {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
        
        .calculator-results-column {
      width: 100%;
    }
        
        .calculator-results-card {
      gap: 2rem;
    }
        
        .calculator-results-card {
      border-radius: 1rem;
    }
        
        .calculator-results-card {
      padding: 2rem;
    }
        
        .calculator-monthly-payment {
      font-size: 3rem;
      line-height: 1;
    }
        
        .calculator-monthly-payment {
      line-height: 56px;
    }
        
        .calculator-monthly-payment {
      letter-spacing: -2.88px;
    }
        
        .calculator-salary {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .calculator-salary {
      line-height: 32px;
    }
        
        .calculator-salary {
      letter-spacing: -0.72px;
    }
        
        .calculator-get-started-btn {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .calculator-get-started-btn {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
        
        .calculator-get-started-btn {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-info-card {
      gap: 1.5rem;
    }
        
        .calculator-info-card {
      border-radius: 1rem;
    }
        
        .calculator-info-card {
      padding-left: 2rem;
      padding-right: 2rem;
    }
        
        .calculator-info-card {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
        
        .calculator-info-title {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .calculator-info-text {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        
        .calculator-info-text {
      line-height: 18px;
    }

        .calculator-cta-group {
      width: 100%;
    }

        .calculator-cta-group {
      flex-direction: column;
    }

        .calculator-cta-group {
      gap: 1rem;
    }
        
        .calculator-cta-secondary,
        .calculator-cta-primary {
      width: 100%;
    }
  }
}

/* Readiness Calculator Specific Styles  */
.calculator-readiness-top-section, .calculator-remortgage-top-section {
    @extend .calculator-mortgage-top-section;
    
    .calculator-column {
      /*  @apply bg-neutral-100 p-16 rounded-3xl;*/
    }
    
    .calculator-kicker {
      /*  @apply text-[#ad0a1d] text-sm font-bold leading-5;*/
    }
    
    .calculator-title {
      /*  @apply text-[#002952] text-5xl font-bold leading-[56px] tracking-[-2.88px];*/
    }
    
    .calculator-description {
      /*  @apply text-[#414651] text-lg leading-7 tracking-[-0.18px];*/
    }
    
    .calculator-form-section {
    display: flex;
  }
    
    .calculator-form-section {
    width: 100%;
  }
    
    .calculator-form-section {
    flex-direction: column;
  }
    
    .calculator-form-section {
    gap: 22px;
  }
    
    .calculator-section-heading {
     /*   @apply font-semibold text-[#181d27] text-lg leading-7 tracking-[-0.18px];*/
    }
    
    .calculator-results-column {
    border-radius: 1.5rem;
  }
    
    .calculator-results-column {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-results-card {
    display: flex;
  }
    
    .calculator-results-card {
    flex-direction: column;
  }
    
    .calculator-results-card {
    gap: 3rem;
  }
    
    .calculator-results-card {
    padding: 3rem;
  }
    
    .calculator-ratio-label {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-ratio-label {
    font-weight: 600;
  }
    
    .calculator-ratio-label {
    line-height: 1.75rem;
  }
    
    .calculator-ratio-label {
    letter-spacing: -0.18px;
  }
    
    .calculator-ratio-label {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-ratio-value {
    font-size: 4.5rem;
    line-height: 1;
  }
    
    .calculator-ratio-value {
    font-weight: 700;
  }
    
    .calculator-ratio-value {
    line-height: 80px;
  }
    
    .calculator-ratio-value {
    letter-spacing: -3.6px;
  }
    
    .calculator-ratio-value {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-ratio-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-ratio-description {
    font-weight: 600;
  }
    
    .calculator-ratio-description {
    line-height: 1.25rem;
  }
    
    .calculator-ratio-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-table-row {
    display: flex;
  }
    
    .calculator-table-row {
    width: 100%;
  }
    
    .calculator-table-row {
    align-items: center;
  }
    
    .calculator-table-row {
    justify-content: space-between;
  }
    
    .calculator-table-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-table-label {
    font-weight: 600;
  }
    
    .calculator-table-label {
    line-height: 1.25rem;
  }
    
    .calculator-table-label {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-table-value {
    font-size: 1.5rem;
    line-height: 2rem;
  }
    
    .calculator-table-value {
    font-weight: 700;
  }
    
    .calculator-table-value {
    line-height: 2rem;
  }
    
    .calculator-table-value {
    letter-spacing: -0.72px;
  }
    
    .calculator-table-value {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-status-card {
    display: flex;
  }
    
    .calculator-status-card {
    width: 100%;
  }
    
    .calculator-status-card {
    flex-direction: column;
  }
    
    .calculator-status-card {
    gap: 2.5rem;
  }
    
    .calculator-status-card {
    border-radius: 1rem;
  }
    
    .calculator-status-card {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-status-card {
    padding: 2rem;
  }
    
    .calculator-status-title {
    display: flex;
  }
    
    .calculator-status-title {
    flex-direction: column;
  }
    
    .calculator-status-title {
    gap: 0.5rem;
  }
    
    .calculator-status-icon {
    height: 3rem;
  }
    
    .calculator-status-icon {
    width: 3rem;
  }
    
    .calculator-status-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .calculator-status-text {
    font-weight: 700;
  }
    
    .calculator-status-text {
    line-height: 30px;
  }
    
    .calculator-status-text {
    letter-spacing: -0.2px;
  }
    
    .calculator-status-text {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-status-bullets {
    display: flex;
  }
    
    .calculator-status-bullets {
    flex-direction: column;
  }
    
    .calculator-status-bullets {
    gap: 1.25rem;
  }
    
    .calculator-status-bullet {
    display: flex;
  }
    
    .calculator-status-bullet {
    align-items: flex-start;
  }
    
    .calculator-status-bullet {
    gap: 0.5rem;
  }
    
    .calculator-bullet-icon {
    height: 1.5rem;
  }
    
    .calculator-bullet-icon {
    width: 1.5rem;
  }
    
    .calculator-bullet-icon {
    flex-shrink: 0;
  }
    
    .calculator-bullet-text {
    max-width: 300px;
  }
    
    .calculator-bullet-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-bullet-text {
    line-height: 1.25rem;
  }
    
    .calculator-bullet-text {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-cta-group {
    display: flex;
  }
    
    .calculator-cta-group {
    align-items: flex-start;
  }
    
    .calculator-cta-group {
    gap: 1rem;
  }
    
    .calculator-cta-secondary {
    display: flex;
  }
    
    .calculator-cta-secondary {
    align-items: center;
  }
    
    .calculator-cta-secondary {
    justify-content: center;
  }
    
    .calculator-cta-secondary {
    gap: 0.375rem;
  }
    
    .calculator-cta-secondary {
    border-radius: 9999px;
  }
    
    .calculator-cta-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-cta-secondary {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-cta-secondary {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .calculator-cta-secondary {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-cta-secondary {
    font-weight: 600;
  }
    
    .calculator-cta-secondary {
    line-height: 1.5rem;
  }
    
    .calculator-cta-secondary {
    letter-spacing: -0.16px;
  }
    
    .calculator-cta-secondary {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    
    .calculator-cta-secondary {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-cta-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-cta-primary {
    display: flex;
  }
    
    .calculator-cta-primary {
    align-items: center;
  }
    
    .calculator-cta-primary {
    justify-content: center;
  }
    
    .calculator-cta-primary {
    gap: 0.375rem;
  }
    
    .calculator-cta-primary {
    border-radius: 9999px;
  }
    
    .calculator-cta-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-cta-primary {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-cta-primary {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .calculator-cta-primary {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-cta-primary {
    font-weight: 600;
  }
    
    .calculator-cta-primary {
    line-height: 1.5rem;
  }
    
    .calculator-cta-primary {
    letter-spacing: -0.16px;
  }
    
    .calculator-cta-primary {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .calculator-cta-primary {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-cta-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-results-summary {
    display: flex;
  }
    
    .calculator-results-summary {
    width: 100%;
  }
    
    .calculator-results-summary {
    flex-direction: column;
  }
    
    .calculator-results-summary {
    align-items: flex-start;
  }
    
    .calculator-results-summary {
    justify-content: flex-start;
  }
    
    .calculator-results-summary {
    gap: 0.75rem;
  }
    
    .calculator-results-summary {
    border-top-width: 1px;
  }
    
    .calculator-results-summary {
    border-bottom-width: 1px;
  }
    
    .calculator-results-summary {
    --tw-border-opacity: 1;
    border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
  }
    
    .calculator-results-summary {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
    
    .calculator-result-item-row {
    display: flex;
  }
    
    .calculator-result-item-row {
    width: 100%;
  }
    
    .calculator-result-item-row {
    align-items: center;
  }
    
    .calculator-result-item-row {
    justify-content: space-between;
  }
}

@media (max-width: 960px) {
    .calculator-readiness-top-section, .calculator-remortgage-top-section {

        .calculator-column {
      border-radius: 1.5rem;
    }

        .calculator-column {
      --tw-bg-opacity: 1;
      background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
    }

        .calculator-column {
      padding: 1.5rem;
    }
        
        .calculator-form-section {
      gap: 1rem;
    }
        .calculator-info-note {
      gap: 0.5rem;
    }
        .calculator-info-note {
      padding: 1rem;
    }
        .calculator-info-note {
            
            .calculator-info-text {
        font-size: 0.75rem;
        line-height: 1rem;
      }
        }

        .calculator-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }

        .calculator-kicker {
      letter-spacing: 0px;
    }
        
        .calculator-section-title {
      margin-top: 1rem;
    }
        
        .calculator-section-title {
      margin-bottom: 0.5rem;
    }
        
        .calculator-section-title {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .calculator-section-title {
            
            h3 {
        font-size: 1rem;
        line-height: 1.5rem;
      }
        }
        
        .calculator-purchase-section {
      padding: 1rem;
    }
        
        .calculator-purchase-section {
            
            .calculator-purchase-amount {
        font-size: 1.875rem;
        line-height: 2.25rem;
      }
            
            .calculator-purchase-amount {
        line-height: 38px;
      }
            
            .calculator-purchase-amount {
        letter-spacing: -0.9px;
      }
            
            .calculator-purchase-label {
        font-size: 0.75rem;
        line-height: 1rem;
      }
        }
        
        .calculator-table-label,
        .calculator-table-value {
      font-size: 0.75rem;
      line-height: 1rem;
    }
    
    }
}

/* Affordability Calculator Specific Styles*/
.calculator-affordability-top-section {
    @extend .calculator-mortgage-top-section;
    
    .calculator-dropdown {
    width: 100%;
  }
    
    .calculator-label-row {
    display: flex;
  }
    
    .calculator-label-row {
    width: 100%;
  }
    
    .calculator-label-row {
    align-items: center;
  }
    
    .calculator-label-row {
    justify-content: flex-start;
  }
    
    .calculator-label-row {
    gap: 0.5rem;
  }
    
    .calculator-input-row {
    display: flex;
  }
    
    .calculator-input-row {
    flex: 1 1 0%;
  }
    
    .calculator-input-row {
    align-items: center;
  }
    
    .calculator-input-row {
    justify-content: flex-start;
  }
    
    .calculator-input-row {
    gap: 0.5rem;
  }
    
    .calculator-input-text-content {
    flex: 1 1 0%;
  }
    
    .calculator-input-text-content {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-input-text-content {
    font-weight: 600;
  }
    
    .calculator-input-text-content {
    line-height: 1.75rem;
  }
    
    .calculator-input-text-content {
    letter-spacing: -0.18px;
  }
    
    .calculator-input-text-content {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-info-row {
    display: flex;
  }
    
    .calculator-info-row {
    width: 100%;
  }
    
    .calculator-info-row {
    align-items: flex-start;
  }
    
    .calculator-info-row {
    justify-content: flex-start;
  }
    
    .calculator-info-row {
    gap: 0.75rem;
  }
    
    .calculator-dropdown-row {
    position: relative;
  }
    
    .calculator-dropdown-row {
    display: flex;
  }
    
    .calculator-dropdown-row {
    width: 100%;
  }
    
    .calculator-dropdown-row {
    align-items: center;
  }
    
    .calculator-dropdown-row {
    justify-content: flex-start;
  }
    
    .calculator-dropdown-row {
    gap: 0.5rem;
  }
    
    .calculator-dropdown-row {
    border-radius: 0.25rem;
  }
    
    .calculator-dropdown-content-row {
    display: flex;
  }
    
    .calculator-dropdown-content-row {
    flex: 1 1 0%;
  }
    
    .calculator-dropdown-content-row {
    align-items: center;
  }
    
    .calculator-dropdown-content-row {
    justify-content: flex-start;
  }
    
    .calculator-dropdown-content-row {
    gap: 0.5rem;
  }
    
    .calculator-dropdown-input-content {
    position: relative;
  }
    
    .calculator-dropdown-input-content {
    flex: 1 1 0%;
  }
    
    .calculator-dropdown-input-content {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-dropdown-input-content {
    font-weight: 600;
  }
    
    .calculator-dropdown-input-content {
    line-height: 1.75rem;
  }
    
    .calculator-dropdown-input-content {
    letter-spacing: -0.18px;
  }
    
    .calculator-dropdown-input-content {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-results-content {
    display: flex;
  }
    
    .calculator-results-content {
    flex-direction: column;
  }
    
    .calculator-results-content {
    align-items: flex-start;
  }
    
    .calculator-results-content {
    justify-content: flex-start;
  }
    
    .calculator-results-content {
    gap: 1.5rem;
  }
    
    .calculator-result-row {
    display: flex;
  }
    
    .calculator-result-row {
    flex-direction: column;
  }
    
    .calculator-result-row {
    align-items: flex-start;
  }
    
    .calculator-result-row {
    justify-content: flex-start;
  }
    
    .calculator-result-row {
    gap: 0.25rem;
  }
    
    .calculator-results-summary {
    display: flex;
  }
    
    .calculator-results-summary {
    width: 100%;
  }
    
    .calculator-results-summary {
    flex-direction: column;
  }
    
    .calculator-results-summary {
    align-items: flex-start;
  }
    
    .calculator-results-summary {
    justify-content: flex-start;
  }
    
    .calculator-results-summary {
    gap: 0.75rem;
  }
    
    .calculator-results-summary {
    border-top-width: 1px;
  }
    
    .calculator-results-summary {
    border-bottom-width: 1px;
  }
    
    .calculator-results-summary {
    --tw-border-opacity: 1;
    border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
  }
    
    .calculator-results-summary {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
    
    .calculator-result-item-row {
    display: flex;
  }
    
    .calculator-result-item-row {
    width: 100%;
  }
    
    .calculator-result-item-row {
    align-items: center;
  }
    
    .calculator-result-item-row {
    justify-content: space-between;
  }
    
    
    .calculator-button-affordability {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    
    .calculator-button-affordability {
    font-weight: 600;
  }
    
    
    .calculator-button-affordability {
    line-height: 1.5rem;
  }
    
    
    .calculator-button-affordability {
    letter-spacing: -0.16px;
  }
    
    
    .calculator-button-affordability {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .calculator-get-started-text-affordability {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-get-started-text-affordability {
    font-weight: 600;
  }
    
    .calculator-get-started-text-affordability {
    line-height: 1.5rem;
  }
    
    .calculator-get-started-text-affordability {
    letter-spacing: -0.16px;
  }
    
    .calculator-get-started-text-affordability {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    
    .calculator-results-card > div {
    width: 100%;
  }
    
    .calculator-info-note {
    display: flex;
  }
    
    .calculator-info-note {
    width: 100%;
  }
    
    .calculator-info-note {
    align-items: flex-start;
  }
    
    .calculator-info-note {
    justify-content: flex-start;
  }
    
    .calculator-info-note {
    border-radius: 0.75rem;
  }
    
    .calculator-info-note {
    border-width: 1px;
  }
    
    .calculator-info-note {
    --tw-border-opacity: 1;
    border-color: rgb(24 120 217 / var(--tw-border-opacity, 1));
  }
    
    .calculator-info-note {
    padding: 1rem;
  }
    
    .calculator-info-note {
        
        .calculator-info-icon {
      flex-shrink: 0;
    }
        
        .calculator-info-text {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-info-text {
      font-weight: 500;
    }
        
        .calculator-info-text {
      line-height: 1.25rem;
    }
        
        .calculator-info-text {
            
            p {
        margin: 0px;
      }
        }
    }
    
    .calculator-section-title {
    margin-top: 0.5rem;
  }
    
    .calculator-section-title {
    margin-bottom: 0.5rem;
  }
    
    .calculator-section-title {
    width: 100%;
  }
    
    .calculator-section-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-section-title {
    font-weight: 600;
  }
    
    .calculator-section-title {
    line-height: 1.5rem;
  }
    
    .calculator-section-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-section-title {
        
        h3 {
      margin: 0px;
    }
        
        h3 {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
        
        h3 {
      font-weight: 600;
    }
    }
    
    .calculator-result-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-result-label {
    font-weight: 500;
  }
    
    .calculator-result-label {
    line-height: 1.25rem;
  }
    
    .calculator-result-label {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-result-value {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-result-value {
    font-weight: 700;
  }
    
    .calculator-result-value {
    line-height: 1.25rem;
  }
    
    .calculator-result-value {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-purchase-section {
    width: 100%;
  }
    
    .calculator-purchase-section {
    border-radius: 0.75rem;
  }
    
    .calculator-purchase-section {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-purchase-section {
    padding: 1.5rem;
  }
    
    .calculator-purchase-section {
        
        .calculator-purchase-header {
      margin-bottom: 1rem;
    }
        
        .calculator-purchase-header {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-purchase-header {
      font-weight: 500;
    }
        
        .calculator-purchase-header {
      line-height: 1.25rem;
    }
        
        .calculator-purchase-header {
      --tw-text-opacity: 1;
      color: rgb(65 70 81 / var(--tw-text-opacity, 1));
    }
        
        .calculator-purchase-header {
            
            p {
        margin: 0px;
      }
            
            span {
        font-weight: 700;
      }
        }
        
        .calculator-purchase-price {
      display: flex;
    }
        
        .calculator-purchase-price {
      align-items: flex-end;
    }
        
        .calculator-purchase-price {
      gap: 0.75rem;
    }
        
        .calculator-purchase-amount {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        
        .calculator-purchase-amount {
      font-weight: 700;
    }
        
        .calculator-purchase-amount {
      line-height: 44px;
    }
        
        .calculator-purchase-amount {
      letter-spacing: -1.44px;
    }
        
        .calculator-purchase-amount {
      --tw-text-opacity: 1;
      color: rgb(0 41 82 / var(--tw-text-opacity, 1));
    }
        
        .calculator-purchase-label {
      padding-bottom: 0.5rem;
    }
        
        .calculator-purchase-label {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-purchase-label {
      font-weight: 500;
    }
        
        .calculator-purchase-label {
      line-height: 1.25rem;
    }
        
        .calculator-purchase-label {
      --tw-text-opacity: 1;
      color: rgb(65 70 81 / var(--tw-text-opacity, 1));
    }
    }
}

/* Mobile Responsive for Readiness Calculator */
@media (max-width: 960px) {
    .calculator-readiness-top-section {
        .calculator-column {
      border-radius: 1rem;
    }
        .calculator-column {
      padding: 2rem;
    }
        
        .calculator-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .calculator-title {
      line-height: 2.25rem;
    }
        
        .calculator-title {
      letter-spacing: -1.44px;
    }
        
        .calculator-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .calculator-description {
      line-height: 1.5rem;
    }
        
        .calculator-results-column {
      border-radius: 1rem;
    }
        
        .calculator-results-card {
      gap: 2rem;
    }
        
        .calculator-results-card {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .calculator-results-card {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
        
        .calculator-ratio-label {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .calculator-ratio-value {
      font-size: 3rem;
      line-height: 1;
    }
        
        .calculator-ratio-value {
      line-height: 56px;
    }
        
        .calculator-ratio-value {
      letter-spacing: -2.4px;
    }
        
        .calculator-table-value {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .calculator-table-value {
      line-height: 1.5rem;
    }
        
        .calculator-table-value {
      letter-spacing: -0.16px;
    }
        
        .calculator-status-card {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .calculator-status-card {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
        
        .calculator-bullet-text {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-cta-group {
      width: 100%;
    }
        
        .calculator-cta-group {
      flex-direction: column;
    }
        
        .calculator-cta-group {
      gap: 1rem;
    }
        
        .calculator-cta-secondary,
        .calculator-cta-primary {
      width: 100%;
    }
    }
}

/* Remortgage Calculator Specific Styles*/
.calculator-remortgage-top-section {
    @extend .calculator-readiness-top-section;
    
    .calculator-results-column {
    display: flex;
  }
    
    .calculator-results-column {
    flex-direction: column;
  }
    
    .calculator-results-column {
    gap: 1.5rem;
  }
    
    .calculator-results-column {
    background-color: transparent;
  }
    
    .calculator-results-column {
    padding: 0px;
  }
    
    .calculator-pre-results {
    display: flex;
  }
    
    .calculator-pre-results {
    height: 260px;
  }
    
    .calculator-pre-results {
    width: 100%;
  }
    
    .calculator-pre-results {
    flex-direction: column;
  }
    
    .calculator-pre-results {
    align-items: center;
  }
    
    .calculator-pre-results {
    justify-content: flex-start;
  }
    
    .calculator-pre-results {
    gap: 1.25rem;
  }
    
    .calculator-pre-results {
    border-radius: 1.5rem;
  }
    
    .calculator-pre-results {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-pre-results {
    padding: 4rem;
  }
    
    .calculator-pre-results-icon {
    height: 3.5rem;
  }
    
    .calculator-pre-results-icon {
    width: 3.5rem;
  }
    
    .calculator-pre-results-text {
    text-align: center;
  }
    
    .calculator-pre-results-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-pre-results-text {
    font-weight: 600;
  }
    
    .calculator-pre-results-text {
    line-height: 1.75rem;
  }
    
    .calculator-pre-results-text {
    letter-spacing: -0.18px;
  }
    
    .calculator-pre-results-text {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-info-card {
    display: flex;
  }
    
    .calculator-info-card {
    width: 100%;
  }
    
    .calculator-info-card {
    flex-direction: column;
  }
    
    .calculator-info-card {
    align-items: flex-start;
  }
    
    .calculator-info-card {
    justify-content: flex-start;
  }
    
    .calculator-info-card {
    gap: 2rem;
  }
    
    .calculator-info-card {
    border-radius: 1.5rem;
  }
    
    .calculator-info-card {
    border-width: 2px;
  }
    
    .calculator-info-card {
    --tw-border-opacity: 1;
    border-color: rgb(233 234 235 / var(--tw-border-opacity, 1));
  }
    
    .calculator-info-card {
    background-color: transparent;
  }
    
    .calculator-info-card {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    
    .calculator-info-card {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
    
    .calculator-savings-results {
    display: flex;
  }
    
    .calculator-savings-results {
    width: 100%;
  }
    
    .calculator-savings-results {
    flex-direction: column;
  }
    
    .calculator-savings-results {
    align-items: flex-start;
  }
    
    .calculator-savings-results {
    justify-content: flex-start;
  }
    
    .calculator-savings-results {
    gap: 3rem;
  }
    
    .calculator-savings-results {
    border-radius: 1.5rem;
  }
    
    .calculator-savings-results {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-savings-results {
    padding: 4rem;
  }
    
    .calculator-savings-main {
    display: flex;
  }
    
    .calculator-savings-main {
    width: 100%;
  }
    
    .calculator-savings-main {
    flex-direction: column;
  }
    
    .calculator-savings-main {
    align-items: flex-start;
  }
    
    .calculator-savings-main {
    justify-content: flex-start;
  }
    
    .calculator-savings-main {
    gap: 1rem;
  }
    
    .calculator-savings-label {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .calculator-savings-label {
    font-weight: 600;
  }
    
    .calculator-savings-label {
    line-height: 1.75rem;
  }
    
    .calculator-savings-label {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-savings-amount {
    font-size: 4.5rem;
    line-height: 1;
  }
    
    .calculator-savings-amount {
    font-weight: 700;
  }
    
    .calculator-savings-amount {
    line-height: 80px;
  }
    
    .calculator-savings-amount {
    letter-spacing: -3.6px;
  }
    
    .calculator-savings-amount {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-savings-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-savings-description {
    font-weight: 600;
  }
    
    .calculator-savings-description {
    line-height: 1.25rem;
  }
    
    .calculator-savings-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-savings-summary {
    display: flex;
  }
    
    .calculator-savings-summary {
    width: 100%;
  }
    
    .calculator-savings-summary {
    flex-direction: column;
  }
    
    .calculator-savings-summary {
    align-items: flex-start;
  }
    
    .calculator-savings-summary {
    justify-content: flex-start;
  }
    
    .calculator-savings-summary {
    gap: 1rem;
  }
    
    .calculator-savings-summary {
    border-top-width: 1px;
  }
    
    .calculator-savings-summary {
    border-bottom-width: 1px;
  }
    
    .calculator-savings-summary {
    --tw-border-opacity: 1;
    border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
  }
    
    .calculator-savings-summary {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
    
    .calculator-savings-row {
    display: flex;
  }
    
    .calculator-savings-row {
    width: 100%;
  }
    
    .calculator-savings-row {
    align-items: center;
  }
    
    .calculator-savings-row {
    justify-content: space-between;
  }
    
    .calculator-savings-row-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .calculator-savings-row-label {
    font-weight: 600;
  }
    
    .calculator-savings-row-label {
    line-height: 1.25rem;
  }
    
    .calculator-savings-row-label {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .calculator-savings-row-value {
    font-size: 1.5rem;
    line-height: 2rem;
  }
    
    .calculator-savings-row-value {
    font-weight: 700;
  }
    
    .calculator-savings-row-value {
    line-height: 2rem;
  }
    
    .calculator-savings-row-value {
    letter-spacing: -0.72px;
  }
    
    .calculator-savings-row-value {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .calculator-savings-cta {
    display: flex;
  }
    
    .calculator-savings-cta {
    width: 100%;
  }
    
    .calculator-savings-cta {
    flex-direction: column;
  }
    
    .calculator-savings-cta {
    align-items: flex-start;
  }
    
    .calculator-savings-cta {
    justify-content: flex-start;
  }
    
    .calculator-savings-cta {
    gap: 1.5rem;
  }
    
    .calculator-savings-cta-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .calculator-savings-cta-text {
    font-weight: 600;
  }
    
    .calculator-savings-cta-text {
    line-height: 30px;
  }
    
    .calculator-savings-cta-text {
    letter-spacing: -0.2px;
  }
    
    .calculator-savings-cta-text {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-savings-button {
    display: flex;
  }
    
    .calculator-savings-button {
    align-items: center;
  }
    
    .calculator-savings-button {
    justify-content: center;
  }
    
    .calculator-savings-button {
    gap: 0.375rem;
  }
    
    .calculator-savings-button {
    border-radius: 9999px;
  }
    
    .calculator-savings-button {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .calculator-savings-button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-savings-button {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .calculator-savings-button {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-savings-button {
    font-weight: 600;
  }
    
    .calculator-savings-button {
    line-height: 1.5rem;
  }
    
    .calculator-savings-button {
    letter-spacing: -0.16px;
  }
    
    .calculator-savings-button {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    
    .calculator-savings-button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .calculator-savings-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}

@media (max-width: 960px) {
    .calculator-remortgage-top-section {
        .calculator-savings-results {
      padding: 2rem;
    }
        .calculator-savings-row-label,
        .calculator-savings-row-value {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        .calculator-savings-main {
      gap: 0px;
    }
        .calculator-info-card {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
        .calculator-info-card {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        .calculator-savings-amount {
      font-size: 3rem;
      line-height: 1;
    }
        .calculator-savings-amount {
      line-height: 56px;
    }
        .calculator-savings-amount {
      letter-spacing: -2.4px;
    }
    }
   
   
}

/* Mobile Responsive for Affordability Calculator */
@media (max-width: 960px) {
    .calculator-affordability-top-section {
        .calculator-info-note {
      gap: 0.5rem;
    }
        .calculator-info-note {
      padding: 0.75rem;
    }
        .calculator-info-note {
            
            .calculator-info-text {
        font-size: 0.75rem;
        line-height: 1rem;
      }
        }
        
        .calculator-section-title {
      margin-top: 1rem;
    }
        
        .calculator-section-title {
      margin-bottom: 0.5rem;
    }
        
        .calculator-section-title {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .calculator-section-title {
            
            h3 {
        font-size: 1rem;
        line-height: 1.5rem;
      }
        }
        
        .calculator-purchase-section {
      padding: 1rem;
    }
        
        .calculator-purchase-section {
            
            .calculator-purchase-amount {
        font-size: 1.875rem;
        line-height: 2.25rem;
      }
            
            .calculator-purchase-amount {
        line-height: 38px;
      }
            
            .calculator-purchase-amount {
        letter-spacing: -0.9px;
      }
            
            .calculator-purchase-label {
        font-size: 0.75rem;
        line-height: 1rem;
      }
        }
        
        .calculator-result-label,
        .calculator-result-value {
      font-size: 0.75rem;
      line-height: 1rem;
    }
    }
}

/* Mortgage Calculator Warning Section*/
.calculator-warning-section {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 0px;
  padding-right: 0px;
    
    .calculator-warning-container {
    display: flex;
  }
    
    .calculator-warning-container {
    width: 100%;
  }
    
    .calculator-warning-container {
    max-width: 1280px;
  }
    
    .calculator-warning-container {
    align-items: center;
  }
    
    .calculator-warning-container {
    justify-content: center;
  }
    
    .calculator-warning-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .calculator-warning-content {
    display: flex;
  }
    
    .calculator-warning-content {
    width: 100%;
  }
    
    .calculator-warning-content {
    flex-direction: column;
  }
    
    .calculator-warning-content {
    gap: 1.5rem;
  }
    
    .calculator-warning-content {
    border-radius: 1.5rem;
  }
    
    .calculator-warning-content {
    border-width: 2px;
  }
    
    .calculator-warning-content {
    --tw-border-opacity: 1;
    border-color: rgb(233 234 235 / var(--tw-border-opacity, 1));
  }
    
    .calculator-warning-content {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    
    .calculator-warning-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
    
    .calculator-warning-item {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .calculator-warning-item {
    font-weight: 600;
  }
    
    .calculator-warning-item {
    line-height: 1.5rem;
  }
    
    .calculator-warning-item {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .calculator-warning-item {
        
        p {
      margin: 0px;
    }
        
        p {
            
            strong {
        font-weight: 600;
      }
        }
    }
}

/* Mobile Responsive for Mortgage Calculator Warning */
@media (max-width: 960px) {
    .calculator-warning-section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
        
        .calculator-warning-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .calculator-warning-content {
      gap: 1rem;
    }
        
        .calculator-warning-content {
      border-radius: 1rem;
    }
        
        .calculator-warning-content {
      padding: 2rem;
    }
        
        .calculator-warning-item {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-warning-item {
      line-height: 1.25rem;
    }
  }
}

.calculator-mortgage-faq-block{
    .faq-header{
        max-width: 450px;
    }
    .faq-container {
        gap: 5rem;
    }
}

/* Learn Feed Section*/
.learn-feed-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;
    
    .learn-container {
    display: flex;
  }
    
    .learn-container {
    width: 100%;
  }
    
    .learn-container {
    max-width: 1280px;
  }
    
    .learn-container {
    flex-direction: column;
  }
    
    .learn-container {
    align-items: center;
  }
    
    .learn-container {
    justify-content: flex-start;
  }
    
    .learn-container {
    gap: 4rem;
  }
    
    .learn-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .learn-filters {
    width: 100%;
  }
    
    .learn-filters-desktop {
    display: flex;
  }
    
    .learn-filters-desktop {
    width: 100%;
  }
    
    .learn-filters-desktop {
    flex-wrap: wrap;
  }
    
    .learn-filters-desktop {
    align-items: center;
  }
    
    .learn-filters-desktop {
    justify-content: flex-start;
  }
    
    .learn-filters-desktop {
    gap: 0.5rem;
  }
    
    .learn-filters-mobile {
        display: none;
    }
    
    .learn-filter-btn {
    display: flex;
  }
    
    .learn-filter-btn {
    cursor: pointer;
  }
    
    .learn-filter-btn {
    align-items: center;
  }
    
    .learn-filter-btn {
    justify-content: center;
  }
    
    .learn-filter-btn {
    gap: 0.375rem;
  }
    
    .learn-filter-btn {
    border-radius: 9999px;
  }
    
    .learn-filter-btn {
    border-style: none;
  }
    
    .learn-filter-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .learn-filter-btn {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .learn-filter-btn {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .learn-filter-btn {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .learn-filter-btn {
    font-weight: 600;
  }
    
    .learn-filter-btn {
    line-height: 1.5rem;
  }
    
    .learn-filter-btn {
    letter-spacing: -0.16px;
  }
    
    .learn-filter-btn {
    color: rgba(0,0,0,0.8);
  }
    
    .learn-filter-btn {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .learn-filter-btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .learn-filter-btn.active {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .learn-filter-btn.active {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    
    
    .learn-articles {
    display: flex;
  }
    
    
    .learn-articles {
    width: 100%;
  }
    
    
    .learn-articles {
    flex-direction: column;
  }
    
    
    .learn-articles {
    align-items: flex-start;
  }
    
    
    .learn-articles {
    justify-content: flex-start;
  }
    
    
    .learn-articles {
    gap: 3rem;
  }
    
    .learn-row {
    display: flex;
  }
    
    .learn-row {
    width: 100%;
  }
    
    .learn-row {
    align-items: stretch;
  }
    
    .learn-row {
    justify-content: flex-start;
  }
    
    .learn-row {
    gap: 3rem;
  }
    
    .learn-card {
    display: flex;
  }
    
    .learn-card {
    flex-direction: column;
  }
    
    .learn-card {
    align-items: flex-start;
  }
    
    .learn-card {
    justify-content: flex-start;
  }
    
    .learn-card {
    overflow: hidden;
  }
    
    .learn-card {
    border-radius: 1.5rem;
  }
    
    .learn-card {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }
    
    .learn-card-standard {
    min-height: 1px;
  }
    
    .learn-card-standard {
    min-width: 1px;
  }
    
    .learn-card-standard {
    flex: 1 1 0%;
  }
    
    .learn-card-medium {
    flex-shrink: 0;
  }
    
    .learn-card-medium {
        width: 374px;
    }
    
    .learn-card-wide {
    min-height: 1px;
  }
    
    .learn-card-wide {
    min-width: 1px;
  }
    
    .learn-card-wide {
    flex: 1 1 0%;
  }
    
    .learn-card-wide {
    flex-direction: row;
  }
    
    .learn-card-video {
    position: relative;
  }
    
    .learn-card-video {
    min-height: 1px;
  }
    
    .learn-card-video {
    min-width: 1px;
  }
    
    .learn-card-video {
    flex: 1 1 0%;
  }
    
    .learn-card-video {
        height: 590px;
    }
    
    .learn-card-image {
    display: flex;
  }
    
    .learn-card-image {
    height: 210px;
  }
    
    .learn-card-image {
    width: 100%;
  }
    
    .learn-card-image {
    align-items: center;
  }
    
    .learn-card-image {
    justify-content: center;
  }
    
    .learn-card-image {
    gap: 0.625rem;
  }
    
    .learn-card-image {
    overflow: hidden;
  }
    
    .learn-card-image img {
    height: 100%;
  }
    
    .learn-card-image img {
    width: 100%;
  }
    
    .learn-card-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
    
    .learn-card-image-portrait {
    display: flex;
  }
    
    .learn-card-image-portrait {
    height: 536px;
  }
    
    .learn-card-image-portrait {
    align-items: center;
  }
    
    .learn-card-image-portrait {
    justify-content: center;
  }
    
    .learn-card-image-portrait {
    gap: 0.625rem;
  }
    
    .learn-card-image-portrait {
    overflow: hidden;
  }
    
    .learn-card-image-portrait {
        width: 403px;
    }
    
    .learn-card-image-portrait img {
    height: 100%;
  }
    
    .learn-card-image-portrait img {
    width: 100%;
  }
    
    .learn-card-image-portrait img {
    -o-object-fit: cover;
       object-fit: cover;
  }
    
    .learn-card-content {
    display: flex;
  }
    
    .learn-card-content {
    width: 100%;
  }
    
    .learn-card-content {
    flex: 1 1 0%;
  }
    
    .learn-card-content {
    flex-direction: column;
  }
    
    .learn-card-content {
    align-items: flex-start;
  }
    
    .learn-card-content {
    justify-content: flex-start;
  }
    
    .learn-card-content {
    padding-left: 3rem;
    padding-right: 3rem;
  }
    
    .learn-card-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
    
    .learn-card-wide .learn-card-content {
    height: 100%;
  }
    
    .learn-card-wide .learn-card-content {
    flex: 1 1 0%;
  }
    
    .learn-card-wide .learn-card-content {
    justify-content: space-between;
  }
    
    .learn-card-text {
    display: flex;
  }
    
    .learn-card-text {
    width: 100%;
  }
    
    .learn-card-text {
    flex: 1 1 0%;
  }
    
    .learn-card-text {
    flex-direction: column;
  }
    
    .learn-card-text {
    align-items: flex-start;
  }
    
    .learn-card-text {
    justify-content: flex-start;
  }
    
    .learn-card-text {
    gap: 1.5rem;
  }
    
    .learn-card-title {
    width: 100%;
  }
    
    .learn-card-title {
    font-size: 30px;
  }
    
    .learn-card-title {
    font-weight: 700;
  }
    
    .learn-card-title {
    line-height: 38px;
  }
    
    .learn-card-title {
    letter-spacing: -0.9px;
  }
    
    .learn-card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .learn-card-description {
    width: 100%;
  }
    
    .learn-card-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .learn-card-description {
    font-weight: 400;
  }
    
    .learn-card-description {
    line-height: 1.5rem;
  }
    
    .learn-card-description {
    letter-spacing: -0.16px;
  }
    
    .learn-card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .learn-card-arrow {
    margin-top: auto;
  }
    
    .learn-card-arrow {
    display: flex;
  }
    
    .learn-card-arrow {
    align-items: center;
  }
    
    .learn-card-arrow {
    justify-content: center;
  }
    
    .learn-card-arrow {
    overflow: hidden;
  }
    
    .learn-card-arrow {
    border-radius: 9999px;
  }
    
    .learn-card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .learn-card-arrow {
    padding: 0.5rem;
  }
    
    .learn-card-arrow {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .learn-card-arrow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .learn-card-arrow {
        width: 44px;
        height: 44px;
        margin-top: 24px;
        text-decoration: none;
    }
    
    .learn-card-video-wrapper {
    position: relative;
  }
    
    .learn-card-video-wrapper {
    height: 100%;
  }
    
    .learn-card-video-wrapper {
    width: 100%;
  }
    
    .learn-card-video-wrapper img {
    height: 100%;
  }
    
    .learn-card-video-wrapper img {
    width: 100%;
  }
    
    .learn-card-video-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
  }
    
    .learn-card-video-overlay {
    position: absolute;
  }
    
    .learn-card-video-overlay {
    inset: 0px;
  }
    
    .learn-card-video-overlay {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }
    
    .learn-card-video-overlay {
    --tw-gradient-from: rgba(0,0,0,0.63) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
    
    .learn-card-video-overlay {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
  }
    
    .learn-card-video-overlay {
        background: linear-gradient(180deg, rgba(0,0,0,0) 26.19%, rgba(0,0,0,0.63) 100%);
    }
    
    .learn-card-video-title {
    position: absolute;
  }
    
    .learn-card-video-title {
    bottom: 118px;
  }
    
    .learn-card-video-title {
    left: 3rem;
  }
    
    .learn-card-video-title {
    font-size: 30px;
  }
    
    .learn-card-video-title {
    font-weight: 700;
  }
    
    .learn-card-video-title {
    line-height: 38px;
  }
    
    .learn-card-video-title {
    letter-spacing: -0.9px;
  }
    
    .learn-card-video-title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .learn-card-video-title {
        width: 439px;
    }
    
    .learn-card-play-btn {
    position: absolute;
  }
    
    .learn-card-play-btn {
    bottom: 116px;
  }
    
    .learn-card-play-btn {
    right: 114px;
  }
    
    .learn-card-play-btn {
    display: flex;
  }
    
    .learn-card-play-btn {
    align-items: center;
  }
    
    .learn-card-play-btn {
    justify-content: center;
  }
    
    .learn-card-play-btn {
    overflow: hidden;
  }
    
    .learn-card-play-btn {
    border-radius: 9999px;
  }
    
    .learn-card-play-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .learn-card-play-btn {
    padding: 18px;
  }
    
    .learn-card-play-btn {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .learn-card-play-btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .learn-card-play-btn {
        width: 60px;
        height: 60px;
        text-decoration: none;
    }
    
    .learn-pagination {
    margin-top: 4rem;
  }
    
    .learn-pagination {
    display: flex;
  }
    
    .learn-pagination {
    width: 100%;
  }
    
    .learn-pagination {
    align-items: center;
  }
    
    .learn-pagination {
    justify-content: center;
  }
    
    .learn-pagination {
    gap: 0.5rem;
  }
    
    .learn-pagination-btn {
    display: flex;
  }
    
    .learn-pagination-btn {
    align-items: center;
  }
    
    .learn-pagination-btn {
    justify-content: center;
  }
    
    .learn-pagination-btn {
    overflow: hidden;
  }
    
    .learn-pagination-btn {
    border-radius: 9999px;
  }
    
    .learn-pagination-btn {
    border-width: 1px;
  }
    
    .learn-pagination-btn {
    --tw-border-opacity: 1;
    border-color: rgb(233 234 235 / var(--tw-border-opacity, 1));
  }
    
    .learn-pagination-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .learn-pagination-btn {
    padding: 0.75rem;
  }
    
    .learn-pagination-btn {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .learn-pagination-btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .learn-pagination-btn {
        width: 44px;
        height: 44px;
        text-decoration: none;
        color: #414651;
    }
    
    .learn-pagination-btn.disabled {
    pointer-events: none;
  }
    
    .learn-pagination-btn.disabled {
    opacity: 0.4;
  }
    
    .learn-pagination-numbers {
    margin-left: 1rem;
    margin-right: 1rem;
  }
    
    .learn-pagination-numbers {
    display: flex;
  }
    
    .learn-pagination-numbers {
    align-items: center;
  }
    
    .learn-pagination-numbers {
    justify-content: center;
  }
    
    .learn-pagination-numbers {
    gap: 0.25rem;
  }
    
    .learn-pagination-number {
    display: flex;
  }
    
    .learn-pagination-number {
    align-items: center;
  }
    
    .learn-pagination-number {
    justify-content: center;
  }
    
    .learn-pagination-number {
    overflow: hidden;
  }
    
    .learn-pagination-number {
    border-radius: 9999px;
  }
    
    .learn-pagination-number {
    border-width: 1px;
  }
    
    .learn-pagination-number {
    --tw-border-opacity: 1;
    border-color: rgb(233 234 235 / var(--tw-border-opacity, 1));
  }
    
    .learn-pagination-number {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .learn-pagination-number {
    padding-left: 1rem;
    padding-right: 1rem;
  }
    
    .learn-pagination-number {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
    
    .learn-pagination-number {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .learn-pagination-number {
    font-weight: 600;
  }
    
    .learn-pagination-number {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .learn-pagination-number:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .learn-pagination-number {
        height: 44px;
        min-width: 44px;
        text-decoration: none;
        color: #414651;
    }
    
    .learn-pagination-number.active {
    --tw-border-opacity: 1;
    border-color: rgb(225 237 250 / var(--tw-border-opacity, 1));
  }
    
    .learn-pagination-number.active {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .learn-pagination-number.active {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    
    .learn-pagination-dots {
    display: flex;
  }
    
    .learn-pagination-dots {
    align-items: center;
  }
    
    .learn-pagination-dots {
    justify-content: center;
  }
    
    .learn-pagination-dots {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
    
    .learn-pagination-dots {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .learn-pagination-dots {
    font-weight: 600;
  }
    
    .learn-pagination-dots {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .learn-pagination-dots {
        height: 44px;
    }
}

/* Mobile Responsive for Learn Feed */
@media (max-width: 960px) {
    .learn-feed-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
        
        .learn-container {
      gap: 3rem;
    }
        
        .learn-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .learn-filters-desktop {
            display: none;
        }
        
        .learn-filters-mobile {
            display: block;
            width: 100%;
        }
        
        .learn-mobile-filter-wrapper {
      width: 100%;
    }
        
        .learn-mobile-filter-wrapper {
      border-radius: 1rem;
    }
        
        .learn-mobile-filter-wrapper {
      --tw-bg-opacity: 1;
      background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
    }
        
        .learn-mobile-filter-wrapper {
      padding: 1.5rem;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      display: flex;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      width: 100%;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      flex-direction: column;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      align-items: flex-start;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      justify-content: flex-start;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      border-radius: 0.75rem;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      padding-left: 1rem;
      padding-right: 1rem;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown-wrapper {
      width: 100%;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown-content {
      width: 100%;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown-select-wrapper {
      width: 100%;
    }
        
        .learn-mobile-filter-wrapper .calculator-select {
      width: 100%;
    }
        
        .learn-mobile-filter-wrapper .calculator-dropdown-icon {
            display: none;
        }
        
        .learn-mobile-filter-wrapper .calculator-input-label {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .learn-mobile-filter-wrapper .calculator-input-label {
      font-weight: 400;
    }
        
        .learn-mobile-filter-wrapper .calculator-input-label {
      --tw-text-opacity: 1;
      color: rgb(65 70 81 / var(--tw-text-opacity, 1));
    }
        
        .learn-mobile-filter-wrapper .calculator-select {
      padding-left: 0px;
    }
        
        .learn-mobile-filter-wrapper .calculator-select {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .learn-mobile-filter-wrapper .calculator-select {
      font-weight: 600;
    }
        
        .learn-mobile-filter-wrapper .calculator-select {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        .learn-row {
      flex-direction: column;
    }
        
        .learn-row {
      gap: 1.5rem;
    }
        
        .learn-card-medium {
            width: 100%;
        }
        
        .learn-card-wide {
      flex-direction: column;
    }
        
        .learn-card-image-portrait {
      height: 210px;
    }
        
        .learn-card-image-portrait {
            width: 100%;
        }
        
        .learn-card-content {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .learn-card-content {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
        
        .learn-card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .learn-card-title {
      line-height: 2rem;
    }
        
        .learn-card-description {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .learn-card-video-title {
      bottom: 80px;
    }
        
        .learn-card-video-title {
      left: 1.5rem;
    }
        
        .learn-card-video-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .learn-card-video-title {
      line-height: 2rem;
    }
        
        .learn-card-video-title {
            width: calc(100% - 120px);
        }
        
        .learn-card-play-btn {
      bottom: 80px;
    }
        
        .learn-card-play-btn {
      right: 1.5rem;
    }
        
        .learn-card-play-btn {
            width: 50px;
            height: 50px;
        }
        
        .learn-pagination {
      margin-top: 3rem;
    }
        
        .learn-pagination-numbers {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }
        
        .learn-pagination-number,
        .learn-pagination-btn {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
        
        .learn-pagination-number,
        .learn-pagination-btn {
            min-width: 40px;
            height: 40px;
        }
  }
}

/* Learning Single Article Styles*/
.learning-single-main-section {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 0px;
  padding-right: 0px;

    .learning-bg {
    position: absolute;
  }

    .learning-bg {
    inset: 0px;
  }

    .learning-bg {
    z-index: 0;
  }

    .learning-bg {
    height: 700px;
  }

    .learning-bg {
    width: 100%;
  }

    .learning-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }
    .learning-single-container {
    position: relative;
  }
    .learning-single-container {
    z-index: 1;
  }
    .learning-single-container {
    display: flex;
  }
    .learning-single-container {
    width: 100%;
  }
    .learning-single-container {
    max-width: 1280px;
  }
    .learning-single-container {
    flex-direction: column;
  }
    .learning-single-container {
    align-items: flex-start;
  }
    .learning-single-container {
    justify-content: flex-start;
  }
    .learning-single-container {
    gap: 5rem;
  }
    .learning-single-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

    .learning-single-breadcrumb {
    font-size: 1rem;
    line-height: 1.5rem;
  }

    .learning-single-breadcrumb {
    line-height: 1.5rem;
  }

    .learning-single-breadcrumb {
    letter-spacing: -0.16px;
  }

    .learning-single-breadcrumb {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }

    .breadcrumb-text {
    font-weight: 400;
  }

    .breadcrumb-text {
        
        a {
      --tw-text-opacity: 1;
      color: rgb(65 70 81 / var(--tw-text-opacity, 1));
    }
        
        a {
      text-decoration-line: none;
    }
        
        a {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
        
        a:hover {
      --tw-text-opacity: 1;
      color: rgb(0 41 82 / var(--tw-text-opacity, 1));
    }
    }

    .breadcrumb-active {
    font-weight: 700;
  }
    

    .learning-single-header {
    display: flex;
  }
    

    .learning-single-header {
    width: 100%;
  }
    

    .learning-single-header {
    flex-direction: column;
  }
    

    .learning-single-header {
    align-items: flex-start;
  }
    

    .learning-single-header {
    justify-content: flex-start;
  }
    

    .learning-single-header {
    gap: 4rem;
  }
    .learning-single-header-content {
    display: flex;
  }
    .learning-single-header-content {
    width: 100%;
  }
    .learning-single-header-content {
    flex-direction: column;
  }
    .learning-single-header-content {
    align-items: flex-start;
  }
    .learning-single-header-content {
    justify-content: flex-start;
  }
    .learning-single-header-content {
    gap: 2rem;
  }

    .learning-single-title {
    width: 100%;
  }

    .learning-single-title {
    font-size: 3rem;
    line-height: 1;
  }

    .learning-single-title {
    font-weight: 700;
  }

    .learning-single-title {
    line-height: 58px;
  }

    .learning-single-title {
    letter-spacing: -3px;
  }

    .learning-single-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }

    .learning-single-date {
    font-size: 1rem;
    line-height: 1.5rem;
  }

    .learning-single-date {
    font-weight: 400;
  }

    .learning-single-date {
    line-height: 1.5rem;
  }

    .learning-single-date {
    letter-spacing: -0.16px;
  }

    .learning-single-date {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }

    .learning-single-date {
        
        p {
      margin: 0px;
    }
        
        strong {
      font-weight: 700;
    }
    }

    .learning-single-image {
    width: 100%;
  }

    .learning-single-image {
    overflow: hidden;
  }

    .learning-single-image {
    border-radius: 1rem;
  }

    .learning-single-image {
        aspect-ratio: 10/7;
        
        img {
      height: 100%;
    }
        
        img {
      width: 100%;
    }
        
        img {
      -o-object-fit: cover;
         object-fit: cover;
    }
    }

    .learning-single-body {
    display: flex;
  }

    .learning-single-body {
    width: 100%;
  }

    .learning-single-body {
    align-items: flex-start;
  }

    .learning-single-body {
    justify-content: flex-start;
  }

    .learning-single-body {
    gap: 10rem;
  }

    .learning-single-content {
    display: flex;
  }

    .learning-single-content {
    flex: 1 1 0%;
  }

    .learning-single-content {
    flex-direction: column;
  }

    .learning-single-content {
    align-items: flex-start;
  }

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

    .learning-single-content {
    gap: 4rem;
  }

    .learning-single-content {
    padding-bottom: 5rem;
  }

    .learning-single-section {
    display: flex;
  }

    .learning-single-section {
    width: 100%;
  }

    .learning-single-section {
    flex-direction: column;
  }

    .learning-single-section {
    align-items: flex-start;
  }

    .learning-single-section {
    justify-content: flex-start;
  }

    .learning-single-section {
    gap: 3rem;
  }

    .learning-single-heading {
    font-size: 3rem;
    line-height: 1;
  }

    .learning-single-heading {
    font-weight: 500;
  }

    .learning-single-heading {
    line-height: 56px;
  }

    .learning-single-heading {
    letter-spacing: -2.4px;
  }

    .learning-single-text {
    display: flex;
  }

    .learning-single-text {
    width: 100%;
  }

    .learning-single-text {
    flex-direction: column;
  }

    .learning-single-text {
    align-items: flex-start;
  }

    .learning-single-text {
    justify-content: flex-start;
  }

    .learning-single-text {
    gap: 1rem;
  }

    .learning-single-text {
    font-size: 20px;
  }

    .learning-single-text {
    line-height: 30px;
  }

    .learning-single-text {
    letter-spacing: -0.18px;
  }

    .learning-single-text {
        
        p {
      margin: 0px;
    }
        
        p {
      font-weight: 400;
    }
        
        p {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
    }

    .learning-single-list {
    display: flex;
  }

    .learning-single-list {
    width: 100%;
  }

    .learning-single-list {
    flex-direction: column;
  }

    .learning-single-list {
    align-items: flex-start;
  }

    .learning-single-list {
    justify-content: flex-start;
  }

    .learning-single-list {
    gap: 0.5rem;
  }

    .learning-single-list {
    padding-left: 0px;
  }

    .learning-single-list {
    font-size: 20px;
  }

    .learning-single-list {
    line-height: 30px;
  }

    .learning-single-list {
    letter-spacing: -0.18px;
  }

    .learning-single-list {
        
        li {
      margin-left: 1.5rem;
    }
        
        li {
      list-style-type: disc;
    }
        
        li {
      font-weight: 400;
    }
        
        li {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
    }

    .learning-single-sidebar {
    width: 373px;
  }

    .learning-single-sidebar {
    flex-shrink: 0;
  }

    .learning-single-callout {
    display: flex;
  }

    .learning-single-callout {
    width: 100%;
  }

    .learning-single-callout {
    flex-direction: column;
  }

    .learning-single-callout {
    align-items: flex-start;
  }

    .learning-single-callout {
    justify-content: flex-start;
  }

    .learning-single-callout {
    gap: 3rem;
  }

    .learning-single-callout {
    border-radius: 1.5rem;
  }

    .learning-single-callout {
    --tw-bg-opacity: 1;
    background-color: rgb(232 244 253 / var(--tw-bg-opacity, 1));
  }

    .learning-single-callout {
    padding: 2.5rem;
  }

    .learning-single-callout-icon {
    display: flex;
  }

    .learning-single-callout-icon {
    height: 3rem;
  }

    .learning-single-callout-icon {
    width: 3rem;
  }

    .learning-single-callout-icon {
    align-items: center;
  }

    .learning-single-callout-icon {
    justify-content: center;
  }

    .learning-single-callout-icon {
        
        svg {
      height: 3rem;
    }
        
        svg {
      width: 3rem;
    }
    }

    .learning-single-callout-content {
    display: flex;
  }

    .learning-single-callout-content {
    width: 100%;
  }

    .learning-single-callout-content {
    flex-direction: column;
  }

    .learning-single-callout-content {
    align-items: flex-start;
  }

    .learning-single-callout-content {
    justify-content: flex-start;
  }

    .learning-single-callout-content {
    gap: 1.5rem;
  }

    .learning-single-callout-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

    .learning-single-callout-title {
    font-weight: 700;
  }

    .learning-single-callout-title {
    line-height: 38px;
  }

    .learning-single-callout-title {
    letter-spacing: -0.9px;
  }

    .learning-single-callout-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }

    .learning-single-callout-description {
    margin: 0px;
  }

    .learning-single-callout-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }

    .learning-single-callout-description {
    font-weight: 400;
  }

    .learning-single-callout-description {
    line-height: 1.5rem;
  }

    .learning-single-callout-description {
    letter-spacing: -0.18px;
  }

    .learning-single-callout-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }

    .learning-single-callout-cta {
    display: flex;
  }

    .learning-single-callout-cta {
    width: 100%;
  }

    .learning-single-callout-cta {
    flex-direction: column;
  }

    .learning-single-callout-cta {
    align-items: flex-start;
  }

    .learning-single-callout-cta {
    justify-content: flex-start;
  }

    .learning-single-callout-cta {
    gap: 1.5rem;
  }

    .learning-single-cta {
    width: 100%;
  }

    .learning-single-cta {
    text-align: center;
  }

    /* Mobile Responsive*/
    @media (max-width: 960px) {
        
        .learning-single-container {
      gap: 3rem;
    }
        
        .learning-single-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }
        .learning-bg {
            height: 350px;
        }
        .learning-single-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        .learning-single-title {
      line-height: 50px;
    }
        .learning-single-breadcrumb {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        .learning-single-breadcrumb {
      letter-spacing: 0px;
    }
        .learning-single-header {
      flex-direction: column;
    }
        .learning-single-header {
      gap: 2rem;
    }
        .learning-single-header-content {
      flex-direction: column;
    }
        .learning-single-header-content {
      gap: 1rem;
    }
        
        .learning-single-body {
      flex-direction: column;
    }
        
        .learning-single-body {
      gap: 3rem;
    }
        
        .learning-single-content {
      order: 1;
    }
        .learning-single-section {
      gap: 2rem;
    }
        .learning-single-heading {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        .learning-single-heading {
      line-height: 2.25rem;
    }
        .learning-single-heading {
      letter-spacing: -1.44px;
    }
        .learning-single-text {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        .learning-single-text {
      line-height: 1.5rem;
    }
        .learning-single-text {
      letter-spacing: -0.18px;
    } 
        .learning-single-list {
      font-size: 1rem;
      line-height: 1.5rem;
    } 
        .learning-single-list {
      line-height: 1.5rem;
    } 
        .learning-single-list {
      letter-spacing: -0.18px;
    }
        .learning-single-sidebar {
      order: 2;
    }
        .learning-single-sidebar {
      width: 100%;
    }
        
        .learning-single-callout {
      gap: 2rem;
    }
        
        .learning-single-callout {
      padding: 2rem;
    }
        
        .learning-single-callout-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .learning-single-callout-title {
      line-height: 2rem;
    }
    }
}


/* Learning Related Articles Styles*/
.learning-related-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 0px;
  padding-right: 0px;

    .learning-related-container {
    display: flex;
  }

    .learning-related-container {
    width: 100%;
  }

    .learning-related-container {
    max-width: 1280px;
  }

    .learning-related-container {
    flex-direction: column;
  }

    .learning-related-container {
    align-items: flex-start;
  }

    .learning-related-container {
    justify-content: flex-start;
  }

    .learning-related-container {
    gap: 4rem;
  }

    .learning-related-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

    .learning-related-header {
    display: flex;
  }

    .learning-related-header {
    width: 100%;
  }

    .learning-related-header {
    flex-direction: row;
  }

    .learning-related-header {
    align-items: center;
  }

    .learning-related-header {
    justify-content: space-between;
  }

    .learning-related-title {
    font-size: 3.75rem;
    line-height: 1;
  }

    .learning-related-title {
    font-weight: 700;
  }

    .learning-related-title {
    line-height: 68px;
  }

    .learning-related-title {
    letter-spacing: -3px;
  }

    .learning-related-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }

    .learning-related-link {
    border-radius: 9999px;
  }

    .learning-related-link {
    --tw-bg-opacity: 1;
    background-color: rgb(232 244 253 / var(--tw-bg-opacity, 1));
  }

    .learning-related-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

    .learning-related-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

    .learning-related-link {
    font-size: 1rem;
    line-height: 1.5rem;
  }

    .learning-related-link {
    font-weight: 700;
  }

    .learning-related-link {
    line-height: 1.5rem;
  }

    .learning-related-link {
    letter-spacing: -0.16px;
  }

    .learning-related-link {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }

    .learning-related-link {
    text-decoration-line: none;
  }

    .learning-related-link {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

    .learning-related-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(212 233 249 / var(--tw-bg-opacity, 1));
  }

    .learning-related-articles {
    width: 100%;
  }

    .learning-related-articles {
        
        /* Reuse the learn card styles from feed section*/
        .learn-row {
      display: flex;
    }
        .learn-row {
      width: 100%;
    }
        .learn-row {
      align-items: stretch;
    }
        .learn-row {
      justify-content: flex-start;
    }
        .learn-row {
      gap: 3rem;
    }
        
        .learn-card {
      display: flex;
    }
        
        .learn-card {
      flex-direction: column;
    }
        
        .learn-card {
      align-items: flex-start;
    }
        
        .learn-card {
      justify-content: flex-start;
    }
        
        .learn-card {
      overflow: hidden;
    }
        
        .learn-card {
      border-radius: 1.5rem;
    }
        
        .learn-card {
      --tw-bg-opacity: 1;
      background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
    }
        
        .learn-card-standard {
      min-height: 1px;
    }
        
        .learn-card-standard {
      min-width: 1px;
    }
        
        .learn-card-standard {
      flex: 1 1 0%;
    }
        
        .learn-card-image {
      display: flex;
    }
        
        .learn-card-image {
      height: 210px;
    }
        
        .learn-card-image {
      width: 100%;
    }
        
        .learn-card-image {
      align-items: center;
    }
        
        .learn-card-image {
      justify-content: center;
    }
        
        .learn-card-image {
      gap: 0.625rem;
    }
        
        .learn-card-image {
      overflow: hidden;
    }
        
        .learn-card-image img {
      height: 100%;
    }
        
        .learn-card-image img {
      width: 100%;
    }
        
        .learn-card-image img {
      -o-object-fit: cover;
         object-fit: cover;
    }
        
        .learn-card-content {
      display: flex;
    }
        
        .learn-card-content {
      width: 100%;
    }
        
        .learn-card-content {
      flex: 1 1 0%;
    }
        
        .learn-card-content {
      flex-direction: column;
    }
        
        .learn-card-content {
      align-items: flex-start;
    }
        
        .learn-card-content {
      justify-content: flex-start;
    }
        
        .learn-card-content {
      padding-left: 3rem;
      padding-right: 3rem;
    }
        
        .learn-card-content {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
        
        .learn-card-text {
      display: flex;
    }
        
        .learn-card-text {
      width: 100%;
    }
        
        .learn-card-text {
      flex: 1 1 0%;
    }
        
        .learn-card-text {
      flex-direction: column;
    }
        
        .learn-card-text {
      align-items: flex-start;
    }
        
        .learn-card-text {
      justify-content: flex-start;
    }
        
        .learn-card-text {
      gap: 1.5rem;
    }
        
        .learn-card-title {
      width: 100%;
    }
        
        .learn-card-title {
      font-size: 30px;
    }
        
        .learn-card-title {
      font-weight: 700;
    }
        
        .learn-card-title {
      line-height: 38px;
    }
        
        .learn-card-title {
      letter-spacing: -0.9px;
    }
        
        .learn-card-title {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        .learn-card-description {
      width: 100%;
    }
        
        .learn-card-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .learn-card-description {
      font-weight: 400;
    }
        
        .learn-card-description {
      line-height: 1.5rem;
    }
        
        .learn-card-description {
      letter-spacing: -0.16px;
    }
        
        .learn-card-description {
      --tw-text-opacity: 1;
      color: rgb(65 70 81 / var(--tw-text-opacity, 1));
    }
        
        .learn-card-arrow {
      margin-top: auto;
    }
        
        .learn-card-arrow {
      display: flex;
    }
        
        .learn-card-arrow {
      align-items: center;
    }
        
        .learn-card-arrow {
      justify-content: center;
    }
        
        .learn-card-arrow {
      overflow: hidden;
    }
        
        .learn-card-arrow {
      border-radius: 9999px;
    }
        
        .learn-card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        
        .learn-card-arrow {
      padding: 0.5rem;
    }
        
        .learn-card-arrow {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
        
        .learn-card-arrow:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
    }
        
        .learn-card-arrow {
      margin-top: 1.5rem;
    }
        
        .learn-card-arrow {
      height: 2.75rem;
    }
        
        .learn-card-arrow {
      width: 2.75rem;
    }
        
        .learn-card-arrow {
           
            text-decoration: none;
        }
    }

    /* Mobile responsive styles*/
    @media (max-width: 960px) {
        .learning-related-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .learning-related-header {
      flex-direction: column;
    }
        
        .learning-related-header {
      align-items: flex-start;
    }
        
        .learning-related-header {
      gap: 2rem;
    }
        
        .learning-related-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        
        .learning-related-title {
      line-height: 50px;
    }
        
        .learning-related-articles {
            .learn-row {
        flex-direction: column;
      }
            .learn-row {
        gap: 2rem;
      }
            .learn-card-title {
        font-size: 1.5rem;
        line-height: 2rem;
      }
            .learn-card-title {
        line-height: 2rem;
      }
            .learn-card-description {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
            .learn-card-arrow {
        height: 2.5rem;
      }
            .learn-card-arrow {
        width: 2.5rem;
      }
        }
    }
}

/* Financial Call-to-Action Section Styles*/
.financial-call-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  padding: 0px;
    
    .financial-call-container {
    display: flex;
  }
    
    .financial-call-container {
    width: 100%;
  }
    
    .financial-call-container {
    max-width: 1280px;
  }
    
    .financial-call-container {
    flex-direction: column;
  }
    
    .financial-call-container {
    align-items: flex-start;
  }
    
    .financial-call-container {
    justify-content: flex-start;
  }
    
    .financial-call-container {
    gap: 0.625rem;
  }
    
    .financial-call-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .financial-call-container {
    padding-top: 0px;
    padding-bottom: 0px;
  }
    
    .financial-call-cta-container {
    display: flex;
  }
    
    .financial-call-cta-container {
    width: 100%;
  }
    
    .financial-call-cta-container {
    align-items: center;
  }
    
    .financial-call-cta-container {
    justify-content: flex-start;
  }
    
    .financial-call-cta-container {
    overflow: hidden;
  }
    
    .financial-call-cta-container {
    border-radius: 32px;
  }
    
    .financial-call-cta-container {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .financial-call-cta-container {
    padding: 3rem;
  }
    
    .financial-call-content {
    display: flex;
  }
    
    .financial-call-content {
    min-width: 0px;
  }
    
    .financial-call-content {
    flex: 1 1 0%;
  }
    
    .financial-call-content {
    flex-direction: column;
  }
    
    .financial-call-content {
    align-items: flex-start;
  }
    
    .financial-call-content {
    justify-content: flex-start;
  }
    
    .financial-call-content {
    gap: 0.75rem;
  }
    
    .financial-call-title {
    width: 100%;
  }
    
    .financial-call-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
    
    .financial-call-title {
    font-weight: 700;
  }
    
    .financial-call-title {
    line-height: 2rem;
  }
    
    .financial-call-title {
    letter-spacing: -0.72px;
  }
    
    .financial-call-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .financial-call-subtitle {
    width: 100%;
  }
    
    .financial-call-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .financial-call-subtitle {
    font-weight: 400;
  }
    
    .financial-call-subtitle {
    line-height: 1.75rem;
  }
    
    .financial-call-subtitle {
    letter-spacing: -0.18px;
  }
    
    .financial-call-subtitle {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .financial-call-cta {
    display: flex;
  }
    
    .financial-call-cta {
    flex-shrink: 0;
  }
    
    .financial-call-cta {
    align-items: center;
  }
    
    .financial-call-cta {
    justify-content: center;
  }
    
    .financial-call-cta {
    gap: 1.5rem;
  }
    
    .financial-call-cta {
    border-radius: 9999px;
  }
    
    .financial-call-cta {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .financial-call-cta {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
    
    .financial-call-cta {
    padding-left: 2.5rem;
  }
    
    .financial-call-cta {
    padding-right: 0.5rem;
  }
    
    .financial-call-hours {
    white-space: nowrap;
  }
    
    .financial-call-hours {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .financial-call-hours {
    font-weight: 500;
  }
    
    .financial-call-hours {
    line-height: 1.5rem;
  }
    
    .financial-call-hours {
    letter-spacing: -0.16px;
  }
    
    .financial-call-hours {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .financial-call-button {
    display: flex;
  }
    
    .financial-call-button {
    align-items: center;
  }
    
    .financial-call-button {
    justify-content: center;
  }
    
    .financial-call-button {
    gap: 0.375rem;
  }
    
    .financial-call-button {
    overflow: hidden;
  }
    
    .financial-call-button {
    border-radius: 9999px;
  }
    
    .financial-call-button {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .financial-call-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
    
    .financial-call-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
    
    .financial-call-button-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .financial-call-button-text {
    font-weight: 600;
  }
    
    .financial-call-button-text {
    line-height: 1.5rem;
  }
    
    .financial-call-button-text {
    letter-spacing: -0.16px;
  }
    
    .financial-call-button-text {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    
    .financial-call-button-text {
        
        .phone-number {
      text-decoration-line: underline;
    }
    }
    
    /* Mobile responsive styles*/
    @media (max-width: 960px) {
        .financial-call-cta-container {
      flex-direction: column;
    }
        .financial-call-cta-container {
      align-items: flex-start;
    }
        .financial-call-cta-container {
      gap: 2rem;
    }
        .financial-call-cta-container {
      padding: 2rem;
    }
        .financial-call-cta-container {
      text-align: left;
    }
        
        .financial-call-content {
      display: flex;
    }
        
        .financial-call-content {
      width: 100%;
    }
        
        .financial-call-content {
      flex-direction: column;
    }
        
        .financial-call-content {
      align-items: flex-start;
    }
        
        .financial-call-content {
      gap: 1rem;
    }
        
        .financial-call-title {
      text-align: left;
    }
        
        .financial-call-title {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
        
        .financial-call-title {
      line-height: 1.75rem;
    }
        
        .financial-call-subtitle {
      text-align: left;
    }
        
        .financial-call-subtitle {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .financial-call-subtitle {
      line-height: 1.5rem;
    }
        
        .financial-call-cta {
      width: 100%;
    }
        
        .financial-call-cta {
      flex-direction: column;
    }
        
        .financial-call-cta {
      align-items: flex-start;
    }
        
        .financial-call-cta {
      gap: 2rem;
    }
        
        .financial-call-cta {
      background-color: transparent;
    }
        
        .financial-call-cta {
      padding: 0px;
    }
        
        .financial-call-hours {
      order: -9999;
    }
        
        .financial-call-hours {
      text-align: left;
    }
        
        .financial-call-hours {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .financial-call-hours {
      --tw-text-opacity: 1;
      color: rgb(65 70 81 / var(--tw-text-opacity, 1));
    }
        
        .financial-call-button {
      width: 100%;
    }
        
        .financial-call-button {
      justify-content: center;
    }
        
        .financial-call-button {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        
        .financial-call-button {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .financial-call-button {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
        
        .financial-call-button-text {
      text-align: center;
    }
        
        .financial-call-button-text {
      font-size: 1rem;
      line-height: 1.5rem;
    }
    }
}



/* Financial Services Section Styles*/
.financial-services-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
  padding-left: 0px;
  padding-right: 0px;
    
    .financial-services-container {
    margin-left: auto;
    margin-right: auto;
  }
    
    .financial-services-container {
    display: flex;
  }
    
    .financial-services-container {
    width: 100%;
  }
    
    .financial-services-container {
    max-width: 1280px;
  }
    
    .financial-services-container {
    flex-direction: column;
  }
    
    .financial-services-container {
    align-items: flex-start;
  }
    
    .financial-services-container {
    justify-content: flex-start;
  }
    
    .financial-services-container {
    gap: 4rem;
  }
    
    .financial-services-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .financial-services-container {
    padding-top: 0px;
    padding-bottom: 0px;
  }
    
    .financial-services-header {
    display: flex;
  }
    
    .financial-services-header {
    width: 100%;
  }
    
    .financial-services-header {
    flex-direction: column;
  }
    
    .financial-services-header {
    align-items: flex-start;
  }
    
    .financial-services-header {
    justify-content: flex-start;
  }
    
    .financial-services-header {
    gap: 2rem;
  }
    
    .financial-services-title {
    max-width: 657px;
  }
    
    .financial-services-title {
    font-size: 3rem;
    line-height: 1;
  }
    
    .financial-services-title {
    font-weight: 700;
  }
    
    .financial-services-title {
    line-height: 56px;
  }
    
    .financial-services-title {
    letter-spacing: -2.4px;
  }
    
    .financial-services-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .financial-services-title {
        
        .text-brand {
      --tw-text-opacity: 1;
      color: rgb(34 78 130 / var(--tw-text-opacity, 1));
    }
    }
    
    .financial-services-subtitle {
    max-width: 862px;
  }
    
    .financial-services-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .financial-services-subtitle {
    font-weight: 400;
  }
    
    .financial-services-subtitle {
    line-height: 30px;
  }
    
    .financial-services-subtitle {
    letter-spacing: -0.2px;
  }
    
    .financial-services-subtitle {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .financial-services-cards {
    margin-bottom: 0px;
  }
    
    .financial-services-cards {
    display: grid;
  }
    
    .financial-services-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
    
    .financial-services-cards {
    gap: 1.5rem;
  }
    
    .financial-services-cards {
        display: grid;
    }
    
    .financial-service-card {
    display: flex;
  }
    
    .financial-service-card {
    flex: 1 1 0%;
  }
    
    .financial-service-card {
    flex-direction: column;
  }
    
    .financial-service-card {
    align-items: flex-start;
  }
    
    .financial-service-card {
    justify-content: space-between;
  }
    
    .financial-service-card {
    gap: 2rem;
  }
    
    .financial-service-card {
    overflow: hidden;
  }
    
    .financial-service-card {
    border-radius: 32px;
  }
    
    .financial-service-card {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }
    
    .financial-service-card {
    padding: 3rem;
  }
    
    .financial-service-card {
        min-height: 420px;
        
       
        
    }
    
    .financial-service-content {
    display: flex;
  }
    
    .financial-service-content {
    min-height: 0px;
  }
    
    .financial-service-content {
    width: 100%;
  }
    
    .financial-service-content {
    flex: 1 1 0%;
  }
    
    .financial-service-content {
    flex-direction: column;
  }
    
    .financial-service-content {
    align-items: flex-start;
  }
    
    .financial-service-content {
    justify-content: flex-start;
  }
    
    .financial-service-content {
    gap: 2rem;
  }
    
    .financial-service-icon {
    position: relative;
  }
    
    .financial-service-icon {
    height: 3.5rem;
  }
    
    .financial-service-icon {
    width: 3.5rem;
  }
    
    .financial-service-icon {
    flex-shrink: 0;
  }
    
    .financial-service-icon {
    overflow: hidden;
  }
    
    .financial-service-icon {
        
        img {
      height: 100%;
    }
        
        img {
      width: 100%;
    }
        
        img {
      -o-object-fit: contain;
         object-fit: contain;
    }
    }
    
    .financial-service-details {
    display: flex;
  }
    
    .financial-service-details {
    width: 100%;
  }
    
    .financial-service-details {
    flex-direction: column;
  }
    
    .financial-service-details {
    align-items: flex-start;
  }
    
    .financial-service-details {
    justify-content: flex-start;
  }
    
    .financial-service-details {
    gap: 2rem;
  }
    
    .financial-service-titles {
    display: flex;
  }
    
    .financial-service-titles {
    width: 100%;
  }
    
    .financial-service-titles {
    flex-direction: column;
  }
    
    .financial-service-titles {
    align-items: flex-start;
  }
    
    .financial-service-titles {
    justify-content: flex-start;
  }
    
    .financial-service-titles {
    gap: 0.5rem;
  }
    
    .financial-service-name {
    font-size: 1.5rem;
    line-height: 2rem;
  }
    
    .financial-service-name {
    font-weight: 700;
  }
    
    .financial-service-name {
    letter-spacing: -0.72px;
  }
    
    .financial-service-name {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .financial-service-tagline {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .financial-service-tagline {
    font-weight: 600;
  }
    
    .financial-service-tagline {
    letter-spacing: -0.18px;
  }
    
    .financial-service-tagline {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .financial-service-description {
    width: 100%;
  }
    
    .financial-service-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .financial-service-description {
    font-weight: 400;
  }
    
    .financial-service-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .financial-service-cta {
    display: flex;
  }
    
    .financial-service-cta {
    width: 100%;
  }
    
    .financial-service-cta {
    flex-shrink: 0;
  }
    
    .financial-service-cta {
    flex-direction: column;
  }
    
    .financial-service-cta {
    align-items: flex-start;
  }
    
    .financial-service-cta {
    justify-content: flex-end;
  }
    
    .financial-service-cta {
    gap: 19px;
  }
    
    .financial-service-arrow-btn {
    display: flex;
  }
    
    .financial-service-arrow-btn {
    height: 60px;
  }
    
    .financial-service-arrow-btn {
    width: 60px;
  }
    
    .financial-service-arrow-btn {
    flex-shrink: 0;
  }
    
    .financial-service-arrow-btn {
    cursor: pointer;
  }
    
    .financial-service-arrow-btn {
    align-items: center;
  }
    
    .financial-service-arrow-btn {
    justify-content: center;
  }
    
    .financial-service-arrow-btn {
    overflow: hidden;
  }
    
    .financial-service-arrow-btn {
    border-radius: 9999px;
  }
    
    .financial-service-arrow-btn {
    border-width: 0px;
  }
    
    .financial-service-arrow-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .financial-service-arrow-btn {
    padding: 0.5rem;
  }
    
    .financial-service-arrow-btn {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .financial-service-arrow-btn {
    transition-duration: 300ms;
  }
    
    .financial-service-arrow-btn {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .financial-service-arrow-btn {
        
        img {
      height: 1rem;
    }
        
        img {
      width: 1rem;
    }
        
        img {
      -o-object-fit: contain;
         object-fit: contain;
    }
        
        img {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
        
        img {
      transition-duration: 300ms;
    }
        
        img {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
        
        &:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
    }
        
        &:hover {
            img{
                filter: brightness(0) invert(1);
            }
        }
    }
    
    
    /* Mobile responsive styles*/
    @media (max-width: 960px) {
        .financial-services-section {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
        
        .financial-services-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .financial-services-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .financial-services-title {
      line-height: 2rem;
    }
        
        .financial-services-title {
      letter-spacing: -0.72px;
    }
        
        .financial-services-subtitle {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .financial-services-subtitle {
      line-height: 1.5rem;
    }
        
        .financial-services-subtitle {
      letter-spacing: -0.16px;
    }
        
        .financial-services-section {
      overflow-x: hidden;
    }
        
        .financial-services-cards {
      display: flex;
    }
        
        .financial-services-cards {
      gap: 1rem;
    }
        
        .financial-services-cards {
      overflow-x: auto;
    }
        
        .financial-services-cards {
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
            display: flex !important;
            grid-template-columns: none !important;
            max-width: calc(100vw - 40px);
            padding-right: 40px;
            
            &::-webkit-scrollbar {
                display: none;
            }
        }
        
        .financial-service-card {
      flex-shrink: 0;
    }
        
        .financial-service-card {
      gap: 1.5rem;
    }
        
        .financial-service-card {
      padding: 1.5rem;
    }
        
        .financial-service-card {
            min-width: 280px;
            max-width: 320px;
            width: 300px;
            height: 350px;
            scroll-snap-align: start;
        }
        
        .financial-service-name {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
        
        .financial-service-name {
      line-height: 1.75rem;
    }
        
        .financial-service-tagline {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .financial-service-tagline {
      line-height: 1.5rem;
    }
    }
}

/* Financial Inner Basics Section*/
.financial-inner-basics-section {
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;
    
    .financial-inner-basics-container {
    margin-left: auto;
    margin-right: auto;
  }
    
    .financial-inner-basics-container {
    max-width: 80rem;
  }
    
    .financial-inner-basics-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .financial-inner-basics-container {
        display: grid;
        grid-template-columns: 497px minmax(0px, 1fr);
        gap: 154px;
        
        .financial-inner-basics-content {
      display: flex;
    }
        
        .financial-inner-basics-content {
      flex-direction: column;
    }
        
        .financial-inner-basics-content {
      gap: 3rem;
    }
        
        .financial-inner-basics-content {
            
            .financial-inner-basics-header {
        display: flex;
      }
            
            .financial-inner-basics-header {
        flex-direction: column;
      }
            
            .financial-inner-basics-header {
        gap: 2rem;
      }
            
            .financial-inner-basics-header {
                
                .financial-inner-basics-title {
          font-size: 3.75rem;
          line-height: 1;
        }
                
                .financial-inner-basics-title {
          font-weight: 700;
        }
                
                .financial-inner-basics-title {
          letter-spacing: -3px;
        }
                
                .financial-inner-basics-title {
          --tw-text-opacity: 1;
          color: rgb(0 41 82 / var(--tw-text-opacity, 1));
        }
                
                .financial-inner-basics-title {
                    line-height: 68px;
                    max-width: 793px;
                    
                    .basics-highlight {
            --tw-text-opacity: 1;
            color: rgb(0 41 82 / var(--tw-text-opacity, 1));
          }
                }
            }
            
            .financial-inner-basics-description {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
            
            .financial-inner-basics-description {
        line-height: 30px;
      }
            
            .financial-inner-basics-description {
        letter-spacing: -0.2px;
      }
            
            .financial-inner-basics-description {
        --tw-text-opacity: 1;
        color: rgb(65 70 81 / var(--tw-text-opacity, 1));
      }
            
            .financial-inner-basics-description {
                
                p {
          margin-bottom: 1.25rem;
        }
                
                p {
                    
                    &:last-child {
            margin-bottom: 0px;
          }
                }
            }
        }
        
        .financial-inner-basics-cards {
      display: flex;
    }
        
        .financial-inner-basics-cards {
      flex-direction: column;
    }
        
        .financial-inner-basics-cards {
      gap: 2.5rem;
    }
        
        .financial-inner-basics-cards {
            
            .financial-inner-basics-card {
        display: flex;
      }
            
            .financial-inner-basics-card {
        flex-direction: column;
      }
            
            .financial-inner-basics-card {
        gap: 8rem;
      }
            
            .financial-inner-basics-card {
        border-radius: 1.5rem;
      }
            
            .financial-inner-basics-card {
        --tw-bg-opacity: 1;
        background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
      }
            
            .financial-inner-basics-card {
        padding: 3rem;
      }
            
            .financial-inner-basics-card {
                
                .card-content {
          display: flex;
        }
                
                .card-content {
          flex-direction: column;
        }
                
                .card-content {
          gap: 2rem;
        }
                
                .card-content {
                    
                    .card-icon {
            height: 4rem;
          }
                    
                    .card-icon {
            width: 4rem;
          }
                    
                    .card-icon {
            flex-shrink: 0;
          }
                    
                    .card-icon {
                        
                        img {
              height: 100%;
            }
                        
                        img {
              width: 100%;
            }
                        
                        img {
              -o-object-fit: contain;
                 object-fit: contain;
            }
                    }
                    
                    .card-text {
            display: flex;
          }
                    
                    .card-text {
            flex-direction: column;
          }
                    
                    .card-text {
            gap: 2rem;
          }
                    
                    .card-text {
                        
                        .card-title {
              font-size: 1.875rem;
              line-height: 2.25rem;
            }
                        
                        .card-title {
              font-weight: 700;
            }
                        
                        .card-title {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }
                        
                        .card-title {
                            line-height: 38px;
                            letter-spacing: -0.9px;
                        }
                        
                        .card-subtitle {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
                        
                        .card-subtitle {
              font-weight: 500;
            }
                        
                        .card-subtitle {
              --tw-text-opacity: 1;
              color: rgb(65 70 81 / var(--tw-text-opacity, 1));
            }
                        
                        .card-subtitle {
                            line-height: 28px;
                            letter-spacing: -0.18px;
                        }
                        
                        ul {
              display: flex;
            }
                        
                        ul {
              list-style-type: none;
            }
                        
                        ul {
              flex-direction: column;
            }
                        
                        ul {
              gap: 1.25rem;
            }
                        
                        ul {
              padding-left: 0px;
            }
                        
                        ul{
                            
                            li {
                position: relative;
              }
                            
                            li {
                display: flex;
              }
                            
                            li {
                align-items: flex-start;
              }
                            
                            li {
                padding-left: 2rem;
              }
                            
                            li {
                font-size: 1rem;
                line-height: 1.5rem;
              }
                            
                            li {
                line-height: 1.5rem;
              }
                            
                            li {
                --tw-text-opacity: 1;
                color: rgb(65 70 81 / var(--tw-text-opacity, 1));
              }
                            
                            li{
                                letter-spacing: -0.16px; 
                                
                                &::before {
                                    content: '';
                                } 
                                
                                &::before {
                  position: absolute;
                } 
                                
                                &::before {
                  left: 0px;
                } 
                                
                                &::before {
                  top: 0px;
                } 
                                
                                &::before {
                  height: 1.5rem;
                } 
                                
                                &::before {
                  width: 1.5rem;
                } 
                                
                                &::before {
                  background-size: contain;
                } 
                                
                                &::before {
                  background-position: center;
                } 
                                
                                &::before {
                  background-repeat: no-repeat;
                } 
                                
                                &::before {
                                    background-image: url('../images/icons/chevron-right.svg');
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


@media (max-width: 960px) {
    .financial-inner-basics-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
        
        .financial-inner-basics-container {
      padding-left: 1rem;
      padding-right: 1rem;
    }
        
        .financial-inner-basics-container {
            grid-template-columns: 1fr;
            gap: 32px;
            
            .financial-inner-basics-content {
        gap: 2rem;
      }
            
            .financial-inner-basics-content {
                
                .financial-inner-basics-header {
                    .financial-inner-basics-title {
            font-size: 2.25rem;
            line-height: 2.5rem;
          }
                    .financial-inner-basics-title {
                        line-height: 44px;
                    }
                }
                
                .financial-inner-basics-description {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
            }
            
            .financial-inner-basics-cards {
        gap: 1.5rem;
      }
            
            .financial-inner-basics-cards {
                
                .financial-inner-basics-card {
          gap: 4rem;
        }
                
                .financial-inner-basics-card {
          padding: 1.5rem;
        }
                
                .financial-inner-basics-card {
                    
                    .card-content {
                        .card-text {
                            .card-title {
                font-size: 1.5rem;
                line-height: 2rem;
              }
                            .card-title {
                                line-height: 32px;
                            }
                            
                            .card-subtitle {
                font-size: 1rem;
                line-height: 1.5rem;
              }
                        }
                    }
                }
            }
        }
  }
}



/* financial why section*/

.financial-why-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

    .financial-why-container {
    display: flex;
  }

    .financial-why-container {
    width: 100%;
  }

    .financial-why-container {
    max-width: 1280px;
  }

    .financial-why-container {
    flex-direction: column;
  }

    .financial-why-container {
    align-items: flex-start;
  }

    .financial-why-container {
    justify-content: flex-start;
  }

    .financial-why-container {
    gap: 4rem;
  }

    .financial-why-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .financial-why-header {
    display: flex;
  }
    
    .financial-why-header {
    width: 100%;
  }
    
    .financial-why-header {
    max-width: 793px;
  }
    
    .financial-why-header {
    flex-direction: column;
  }
    
    .financial-why-header {
    align-items: flex-start;
  }
    
    .financial-why-header {
    justify-content: flex-start;
  }
    
    .financial-why-header {
    gap: 2rem;
  }
    
    .financial-why-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .financial-why-kicker {
    font-weight: 700;
  }
    
    .financial-why-kicker {
    line-height: 1.5rem;
  }
    
    .financial-why-kicker {
    letter-spacing: -0.16px;
  }
    
    .financial-why-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
    
    .financial-why-title {
    width: 100%;
  }
    
    .financial-why-title {
    font-size: 3.75rem;
    line-height: 1;
  }
    
    .financial-why-title {
    font-weight: 700;
  }
    
    .financial-why-title {
    line-height: 68px;
  }
    
    .financial-why-title {
    letter-spacing: -3.6px;
  }
    
    .financial-why-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .financial-why-description {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
    
    .financial-why-description {
    font-weight: 400;
  }
    
    .financial-why-description {
    line-height: 30px;
  }
    
    .financial-why-description {
    letter-spacing: -0.2px;
  }
    
    .financial-why-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .financial-why-description {
        display: none; /* Hidden on desktop*/
    }
    
    .financial-why-wrapper {
    width: 100%;
  }
    
    .financial-why-grid {
    display: flex;
  }
    
    .financial-why-grid {
    height: 450px;
  }
    
    .financial-why-grid {
    width: 100%;
  }
    
    .financial-why-grid {
    align-items: flex-start;
  }
    
    .financial-why-grid {
    justify-content: flex-start;
  }
    
    .financial-why-grid {
    gap: 3rem;
  }
    
    .financial-why-grid a {
    display: flex;
  }
    
    .financial-why-grid a {
    height: 100%;
  }
    
    .financial-why-grid a {
    flex: 1 1 0%;
  }
    
    .financial-why-grid a {
        text-decoration: none;
        color: inherit;
    }
    
    .financial-why-card {
    display: flex;
  }
    
    .financial-why-card {
    height: 100%;
  }
    
    .financial-why-card {
    width: 100%;
  }
    
    .financial-why-card {
    flex: 1 1 0%;
  }
    
    .financial-why-card {
    flex-direction: column;
  }
    
    .financial-why-card {
    align-items: flex-start;
  }
    
    .financial-why-card {
    justify-content: space-between;
  }
    
    .financial-why-card {
    border-radius: 1.5rem;
  }
    
    .financial-why-card {
    --tw-bg-opacity: 1;
    background-color: rgb(235 241 247 / var(--tw-bg-opacity, 1));
  }
    
    .financial-why-card {
    padding: 3rem;
  }
    
    .financial-why-card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .financial-why-card {
    transition-duration: 300ms;
  }
    
    .financial-why-card {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .financial-why-card:hover {
       /* @apply bg-white shadow-[0_8px_32px_rgba(0,0,0,0.08)];*/
    }
    
    .financial-why-card-content {
    display: flex;
  }
    
    .financial-why-card-content {
    width: 100%;
  }
    
    .financial-why-card-content {
    flex-direction: column;
  }
    
    .financial-why-card-content {
    align-items: flex-start;
  }
    
    .financial-why-card-content {
    justify-content: flex-start;
  }
    
    .financial-why-card-content {
    gap: 2rem;
  }
    
    .financial-why-card-icon {
    height: 4rem;
  }
    
    .financial-why-card-icon {
    width: 4rem;
  }
    
    .financial-why-card-icon {
    flex-shrink: 0;
  }
    
    .financial-why-card-icon img {
    height: 100%;
  }
    
    .financial-why-card-icon img {
    width: 100%;
  }
    
    .financial-why-card-icon img {
    -o-object-fit: contain;
       object-fit: contain;
  }
    
    .financial-why-card-text {
    display: flex;
  }
    
    .financial-why-card-text {
    width: 100%;
  }
    
    .financial-why-card-text {
    flex-direction: column;
  }
    
    .financial-why-card-text {
    align-items: flex-start;
  }
    
    .financial-why-card-text {
    justify-content: flex-start;
  }
    
    .financial-why-card-text {
    gap: 1.5rem;
  }
    
    .financial-why-card-title {
    font-size: 30px;
  }
    
    .financial-why-card-title {
    font-weight: 700;
  }
    
    .financial-why-card-title {
    line-height: 38px;
  }
    
    .financial-why-card-title {
    letter-spacing: -0.9px;
  }
    
    .financial-why-card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .financial-why-card-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .financial-why-card-description {
    font-weight: 400;
  }
    
    .financial-why-card-description {
    line-height: 1.5rem;
  }
    
    .financial-why-card-description {
    letter-spacing: -0.16px;
  }
    
    .financial-why-card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .financial-why-card-arrow {
    display: flex;
  }
    
    .financial-why-card-arrow {
    height: 2.75rem;
  }
    
    .financial-why-card-arrow {
    width: 2.75rem;
  }
    
    .financial-why-card-arrow {
    flex-shrink: 0;
  }
    
    .financial-why-card-arrow {
    cursor: pointer;
  }
    
    .financial-why-card-arrow {
    align-items: center;
  }
    
    .financial-why-card-arrow {
    justify-content: center;
  }
    
    .financial-why-card-arrow {
    border-radius: 9999px;
  }
    
    .financial-why-card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .financial-why-card-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .financial-why-card-arrow {
    transition-duration: 300ms;
  }
    
    .financial-why-card-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .financial-why-card-arrow img {
    height: 0.75rem;
  }
    
    .financial-why-card-arrow img {
    width: 0.75rem;
  }
    
    .financial-why-card:hover .financial-why-card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .financial-why-card:hover .financial-why-card-arrow img {
        filter: brightness(0) invert(1);
    }
}

/* Mobile Responsive */
@media (max-width: 960px) {
    .financial-why-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .financial-why-container {
      gap: 3rem;
    }

        .financial-why-container {
      padding-left: 0px;
      padding-right: 0px;
    }
        
        .financial-why-header {
      max-width: none;
    }
        
        .financial-why-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        
        .financial-why-kicker {
      letter-spacing: 0px;
    }
        
        .financial-why-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
        
        .financial-why-title {
      line-height: 48px;
    }
        
        .financial-why-title {
      letter-spacing: -0.9px;
    }
        
        .financial-why-description {
            display: block;
        }
        
        .financial-why-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .financial-why-description {
      line-height: 1.5rem;
    }
        
        .financial-why-description {
      letter-spacing: -0.16px;
    }
        
        .financial-why-wrapper {
      width: 100%;
    }
        
        .financial-why-wrapper {
      overflow: hidden;
    }
        
        .financial-why-grid {
      display: flex;
    }
        
        .financial-why-grid {
      height: auto;
    }
        
        .financial-why-grid {
      gap: 1rem;
    }
        
        .financial-why-grid {
      overflow-x: auto;
    }
        
        .financial-why-grid {
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
            
            &::-webkit-scrollbar {
                display: none;
            }
        }
        
        .financial-why-grid a {
      display: flex;
    }
        
        .financial-why-grid a {
      height: 350px;
    }
        
        .financial-why-grid a {
      flex-shrink: 0;
    }
        
        .financial-why-grid a {
            text-decoration: none;
            color: inherit;
            scroll-snap-align: start;
        }
        
        .financial-why-card {
      height: 100%;
    }
        
        .financial-why-card {
      width: 100%;
    }
        
        .financial-why-card {
      min-width: 300px;
    }
        
        .financial-why-card {
      padding: 2rem;
    }
        .financial-why-card:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(235 241 247 / var(--tw-bg-opacity, 1));
    }
        .financial-why-card:hover {
      --tw-shadow: 0 8px 32px rgba(0,0,0,0.0);
      --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
        
        .financial-why-card-content {
      gap: 1.5rem;
    }
        
        .financial-why-card-icon {
      height: 3rem;
    }
        
        .financial-why-card-icon {
      width: 3rem;
    }
        
        .financial-why-card-text {
      gap: 1rem;
    }
        
        .financial-why-card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        
        .financial-why-card-title {
      line-height: 2rem;
    }
        
        .financial-why-card-title {
      letter-spacing: -0.48px;
    }
        
        .financial-why-card-description {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .financial-why-card-description {
      line-height: 1.25rem;
    }
        
        .financial-why-card-arrow {
          /*  @apply bg-brand-secondary-button-hover;*/
        }
        
        .financial-why-card:hover .financial-why-card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        
        .financial-why-card:hover .financial-why-card-arrow img {
            filter: inherit;
        }
  }
}



/* financial services block section*/

.financial-services-block-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-left: 0px;
  padding-right: 0px;

    .financial-services-block-container {
    width: 100%;
  }

    .financial-services-block-container {
    max-width: 1280px;
  }

    .financial-services-block-container {
    overflow: hidden;
  }

    .financial-services-block-container {
    border-radius: 1.5rem;
  }

    .financial-services-block-container {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }

    .financial-services-block-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
     
    .financial-services-block-content {
    display: flex;
  }
     
    .financial-services-block-content {
    flex-direction: column;
  }
     
    .financial-services-block-content {
    gap: 5rem;
  }
    
    .financial-services-block-header {
    display: flex;
  }
    
    .financial-services-block-header {
    width: 100%;
  }
    
    .financial-services-block-header {
    align-items: center;
  }
    
    .financial-services-block-header {
    justify-content: space-between;
  }
    
    .financial-services-block-header {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    
    .header-left {
    display: flex;
  }
    
    .header-left {
    width: 100%;
  }
    
    .header-left {
    flex-direction: column;
  }
    
    .header-left {
    gap: 2rem;
  }
    
    .financial-services-block-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .financial-services-block-kicker {
    font-weight: 700;
  }
    
    .financial-services-block-kicker {
    line-height: 1.5rem;
  }
    
    .financial-services-block-kicker {
    letter-spacing: -0.16px;
  }
    
    .financial-services-block-kicker {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .header-grid {
    display: flex;
  }
    
    .header-grid {
    flex: 1 1 0%;
  }
    
    .header-grid {
    align-items: flex-end;
  }
    
    .header-grid {
    justify-content: space-between;
  }
    
    .financial-services-block-title {
    width: 493px;
  }
    
    .financial-services-block-title {
    font-size: 3.75rem;
    line-height: 1;
  }
    
    .financial-services-block-title {
    font-weight: 700;
  }
    
    .financial-services-block-title {
    line-height: 68px;
  }
    
    .financial-services-block-title {
    letter-spacing: -3px;
  }
    
    .financial-services-block-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .header-right {
    display: flex;
  }
    
    .header-right {
    flex-direction: column;
  }
    
    .header-right {
    gap: 1.5rem;
  }
    
    .financial-services-block-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .financial-services-block-description {
    font-weight: 500;
  }
    
    .financial-services-block-description {
    line-height: 1.75rem;
  }
    
    .financial-services-block-description {
    letter-spacing: -0.2px;
  }
    
    .financial-services-block-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .header-controls {
    display: flex;
  }
    
    .header-controls {
    align-items: center;
  }
    
    .header-controls {
    justify-content: flex-end;
  }
    
    .cta-button {
    border-radius: 9999px;
  }
    
    .cta-button {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .cta-button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .cta-button {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
    
    .cta-button {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .cta-button {
    font-weight: 600;
  }
    
    .cta-button {
    line-height: 1.5rem;
  }
    
    .cta-button {
    letter-spacing: -0.48px;
  }
    
    .cta-button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .nav-arrows {
    display: flex;
  }
    
    .nav-arrows {
    align-items: center;
  }
    
    .nav-arrows {
    gap: 0.5rem;
  }
    
    .nav-arrow {
    position: relative;
  }
    
    .nav-arrow {
    display: flex;
  }
    
    .nav-arrow {
    height: 60px;
  }
    
    .nav-arrow {
    width: 60px;
  }
    
    .nav-arrow {
    cursor: pointer;
  }
    
    .nav-arrow {
    align-items: center;
  }
    
    .nav-arrow {
    justify-content: center;
  }
    
    .nav-arrow {
    border-radius: 9999px;
  }
    
    .nav-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .nav-arrow {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .nav-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .nav-arrow {
    transition-duration: 300ms;
  }
    
    .nav-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .nav-arrow svg {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .nav-arrow svg {
    transition-duration: 300ms;
  }
    
    .nav-arrow svg {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .nav-arrow svg {
        display: block;
        flex-shrink: 0;
    }

    .nav-arrow:hover{
      
        svg{
            transition: all 0.3s ease;
            path{
                transition: all 0.3s ease;
                stroke: #414651;
            }
        }
    }
    
    .cards-wrapper {
    display: flex;
  }
    
    .cards-wrapper {
    width: 100%;
  }
    
    .cards-wrapper {
    flex-direction: column;
  }
    
    .cards-wrapper {
    gap: 4rem;
  }
    
    .cards-container {
    position: relative;
  }
    
    .cards-container {
    overflow: hidden;
  }
    
    .cards-scroll {
    display: flex;
  }
    
    .cards-scroll {
    gap: 1.75rem;
  }
    
    .cards-scroll {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .cards-scroll {
    transition-duration: 300ms;
  }
    
    .cards-scroll {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .financial-services-block-card {
    display: flex;
  }
    
    .financial-services-block-card {
    height: auto;
  }
    
    .financial-services-block-card {
    width: 400px;
  }
    
    .financial-services-block-card {
    flex-shrink: 0;
  }
    
    .financial-services-block-card {
    flex-direction: column;
  }
    
    .financial-services-block-card {
    overflow: hidden;
  }
    
    .financial-services-block-card {
    border-radius: 1.5rem;
  }
    
    .financial-services-block-card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .financial-services-block-card {
    padding: 0px;
  }
    
    .financial-services-block-card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .financial-services-block-card {
    transition-duration: 300ms;
  }
    
    .financial-services-block-card {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .card-image {
    display: flex;
  }
    
    .card-image {
    height: 200px;
  }
    
    .card-image {
    width: 100%;
  }
    
    .card-image {
    align-items: center;
  }
    
    .card-image {
    justify-content: center;
  }
    
    .card-image {
    overflow: hidden;
  }
    
    .card-image {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
    
    .card-image {
        
        img {
      height: 100%;
    }
        
        img {
      width: 100%;
    }
        
        img {
      -o-object-fit: cover;
         object-fit: cover;
    }
    }
    
    .card-content-wrapper {
    display: flex;
  }
    
    .card-content-wrapper {
    flex-direction: column;
  }
    
    .card-content-wrapper {
    padding: 2.5rem;
  }
    
    .card-content {
    position: relative;
  }
    
    .card-content {
    display: flex;
  }
    
    .card-content {
    flex-direction: column;
  }
    
    .card-content {
    gap: 1.5rem;
  }
    
    .card-title-wrapper {
    display: flex;
  }
    
    .card-title-wrapper {
    width: 100%;
  }
    
    .card-title-wrapper {
    align-items: flex-start;
  }
    
    .card-title-wrapper {
    justify-content: space-between;
  }
    .financial-services-block-card:nth-child(1) {
    margin-left: 4rem;
  }
   
    
    .card-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .card-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(245 249 255 / var(--tw-bg-opacity, 1));
  }
    
    
    
    .card-content {
    display: flex;
  }
    
    
    
    .card-content {
    width: 100%;
  }
    
    
    
    .card-content {
    flex-direction: column;
  }
    
    
    
    .card-content {
    gap: 2rem;
  }
    
    .card-text {
    display: flex;
  }
    
    .card-text {
    width: 100%;
  }
    
    .card-text {
    flex-direction: column;
  }
    
    .card-text {
    gap: 1.5rem;
  }
    
    .card-title-wrapper {
    display: flex;
  }
    
    .card-title-wrapper {
    width: 100%;
  }
    
    .card-title-wrapper {
    align-items: flex-end;
  }
    
    .card-title-wrapper {
    justify-content: space-between;
  }
    
    .card-title {
    flex: 1 1 0%;
  }
    
    .card-title {
    font-weight: 700;
  }
    
    .card-title {
    line-height: 38px;
  }
    
    .card-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .card-title {
        font-family: 'Open Sans', sans-serif;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: -0.9px;
        margin: 0;
    }
    
    .card-footer {
    display: flex;
  }
    
    .card-footer {
    width: 100%;
  }
    
    .card-footer {
    align-items: flex-end;
  }
    
    .card-footer {
    justify-content: flex-end;
  }
    
    .card-footer {
    gap: 2rem;
  }
    
    .card-description {
    margin: 0px;
  }
    
    .card-description {
    font-weight: 400;
  }
    
    .card-description {
    letter-spacing: -0.16px;
  }
    
    .card-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .card-arrow {
    display: flex;
  }
    
    .card-arrow {
    height: 2.75rem;
  }
    
    .card-arrow {
    width: 2.75rem;
  }
    
    .card-arrow {
    cursor: pointer;
  }
    
    .card-arrow {
    align-items: center;
  }
    
    .card-arrow {
    justify-content: center;
  }
    
    .card-arrow {
    border-radius: 9999px;
  }
    
    .card-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .card-arrow {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    .card-arrow img {
    height: 1rem;
  }
    .card-arrow img {
    width: 1rem;
  }
    
    
    
    
 
    
    /* Hover effects */
    .financial-services-block-card {
    display: flex;
  }
    .financial-services-block-card {
    flex-direction: column;
  }
    .financial-services-block-card {
    gap: 2rem;
  }
    .financial-services-block-card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    .financial-services-block-card {
    padding: 3rem;
  }
    .financial-services-block-card {
       /* @apply bg-[#f0f6fc] flex flex-col gap-8 items-start justify-between overflow-hidden p-12 rounded-[32px] flex-1;*/
        
    }
    
    .financial-services-block-card:hover .card-icon svg {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .financial-services-block-card:hover .card-icon svg {
    transition-duration: 300ms;
  }
    
    .financial-services-block-card:hover .card-icon svg {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .financial-services-block-card:hover .card-icon svg {
       /*filter: brightness(0) saturate(100%) invert(27%) sepia(67%) saturate(1776%) hue-rotate(202deg) brightness(95%) contrast(95%);*/
      path {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
      path {
      transition-duration: 300ms;
    }
      path {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
      path{
        stroke: #224E82;
      }
    }
    
    
    
    
    
    .card-special {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .card-special .card-icon {
    display: flex;
  }
    
    .card-special .card-icon {
    height: 85px;
  }
    
    .card-special .card-icon {
    width: 85px;
  }
    
    .card-special .card-icon {
    align-items: center;
  }
    
    .card-special .card-icon {
    justify-content: center;
  }
    
    .card-special .card-icon {
    border-radius: 9999px;
  }
    
    .card-special .card-icon {
    --tw-bg-opacity: 1;
    background-color: rgb(204 227 255 / var(--tw-bg-opacity, 1));
  }
    
    .card-special .card-icon img {
    height: 3rem;
  }
    
    .card-special .card-icon img {
    width: 3rem;
  }
    
    .card-special .card-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
    
    .card-special .card-title {
    font-weight: 600;
  }
    
    .card-special .card-title {
    line-height: 44px;
  }
    
    .card-special .card-title {
    letter-spacing: -3.6px;
  }
    
    .card-special .card-content {
    gap: 3.5rem;
  }

    /* Learn CTA Button*/
    .learn-cta-wrapper {
    display: flex;
  }
    .learn-cta-wrapper {
    width: 100%;
  }
    .learn-cta-wrapper {
    justify-content: flex-start;
  }
    .learn-cta-wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    
    .learn-cta-button {
    }

    .financial-service-card {
    display: flex;
  }

    .financial-service-card {
    flex: 1 1 0%;
  }

    .financial-service-card {
    flex-direction: column;
  }

    .financial-service-card {
    align-items: flex-start;
  }

    .financial-service-card {
    justify-content: space-between;
  }

    .financial-service-card {
    gap: 2rem;
  }

    .financial-service-card {
    overflow: hidden;
  }

    .financial-service-card {
    border-radius: 32px;
  }

    .financial-service-card {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }

    .financial-service-card {
    padding: 3rem;
  }

    .financial-service-card {
        min-height: 450px;
        
       
        
    }

    
    
    .financial-service-content {
    display: flex;
  }

    
    
    .financial-service-content {
    min-height: 0px;
  }

    
    
    .financial-service-content {
    width: 100%;
  }

    
    
    .financial-service-content {
    flex: 1 1 0%;
  }

    
    
    .financial-service-content {
    flex-direction: column;
  }

    
    
    .financial-service-content {
    align-items: flex-start;
  }

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

    
    
    .financial-service-content {
    gap: 2rem;
  }
    
    .financial-service-icon {
    position: relative;
  }
    
    .financial-service-icon {
    height: 3.5rem;
  }
    
    .financial-service-icon {
    width: 3.5rem;
  }
    
    .financial-service-icon {
    flex-shrink: 0;
  }
    
    .financial-service-icon {
    overflow: hidden;
  }
    
    .financial-service-icon {
        
        img {
      height: 100%;
    }
        
        img {
      width: 100%;
    }
        
        img {
      -o-object-fit: contain;
         object-fit: contain;
    }
    }
    
    .financial-service-details {
    display: flex;
  }
    
    .financial-service-details {
    width: 100%;
  }
    
    .financial-service-details {
    flex-direction: column;
  }
    
    .financial-service-details {
    align-items: flex-start;
  }
    
    .financial-service-details {
    justify-content: flex-start;
  }
    
    .financial-service-details {
    gap: 2rem;
  }
    
    .financial-service-titles {
    display: flex;
  }
    
    .financial-service-titles {
    width: 100%;
  }
    
    .financial-service-titles {
    flex-direction: column;
  }
    
    .financial-service-titles {
    align-items: flex-start;
  }
    
    .financial-service-titles {
    justify-content: flex-start;
  }
    
    .financial-service-titles {
    gap: 0.5rem;
  }
    
    .financial-service-name {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
    
    .financial-service-name {
    font-weight: 700;
  }
    
    .financial-service-name {
    letter-spacing: -0.9px;
  }
    
    .financial-service-name {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .financial-service-tagline {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .financial-service-tagline {
    font-weight: 600;
  }
    
    .financial-service-tagline {
    letter-spacing: -0.18px;
  }
    
    .financial-service-tagline {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .financial-service-description {
    width: 100%;
  }
    
    .financial-service-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .financial-service-description {
    font-weight: 400;
  }
    
    .financial-service-description {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }
    
    .financial-service-cta {
    display: flex;
  }
    
    .financial-service-cta {
    width: 100%;
  }
    
    .financial-service-cta {
    flex-shrink: 0;
  }
    
    .financial-service-cta {
    flex-direction: column;
  }
    
    .financial-service-cta {
    align-items: flex-start;
  }
    
    .financial-service-cta {
    justify-content: flex-end;
  }
    
    .financial-service-cta {
    gap: 19px;
  }
    
    .financial-service-arrow-btn {
    display: flex;
  }
    
    .financial-service-arrow-btn {
    height: 60px;
  }
    
    .financial-service-arrow-btn {
    width: 60px;
  }
    
    .financial-service-arrow-btn {
    flex-shrink: 0;
  }
    
    .financial-service-arrow-btn {
    cursor: pointer;
  }
    
    .financial-service-arrow-btn {
    align-items: center;
  }
    
    .financial-service-arrow-btn {
    justify-content: center;
  }
    
    .financial-service-arrow-btn {
    overflow: hidden;
  }
    
    .financial-service-arrow-btn {
    border-radius: 9999px;
  }
    
    .financial-service-arrow-btn {
    border-width: 0px;
  }
    
    .financial-service-arrow-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
    .financial-service-arrow-btn {
    padding: 0.5rem;
  }
    
    .financial-service-arrow-btn {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .financial-service-arrow-btn {
    transition-duration: 300ms;
  }
    
    .financial-service-arrow-btn {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .financial-service-arrow-btn {
        
        img {
      height: 1rem;
    }
        
        img {
      width: 1rem;
    }
        
        img {
      -o-object-fit: contain;
         object-fit: contain;
    }
        
        img {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
        
        img {
      transition-duration: 300ms;
    }
        
        img {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
        
        &:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
    }
        
        &:hover {
            img{
                filter: brightness(0) invert(1);
            }
        }
    }
} 



/* Mobile Responsive */
@media (max-width: 960px) {
    .financial-services-block-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;

        .financial-services-block-container {
      padding: 2rem;
    }
        .header-left {
      gap: 1.5rem;
    }
        .financial-services-block-kicker {
      font-size: 0.75rem;
      line-height: 1rem;
    }
        .financial-services-block-kicker {
      letter-spacing: 0px;
    }
        .financial-services-block-content {
      gap: 5rem;
    }
       
        .financial-services-block-header {
      flex-direction: column;
    }
       
        .financial-services-block-header {
      align-items: flex-start;
    }
       
        .financial-services-block-header {
      gap: 2rem;
    }
       
        .financial-services-block-header {
      padding-left: 0px;
      padding-right: 0px;
    }

        .financial-service-name {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }

        .financial-service-name {
      line-height: 1.75rem;
    }
        
        .financial-service-tagline {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        .financial-service-tagline {
      line-height: 1.5rem;
    }
        
        .header-grid {
      height: auto;
    }
        
        .header-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
        
        .header-grid {
      gap: 2rem;
    }
        
        .financial-services-block-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .financial-services-block-title {
      line-height: 38px;
    }
        
        .financial-services-block-title {
      letter-spacing: -0.9px;
    }
        .calculator-learn-description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        .calculator-learn-description {
      line-height: 1.5rem;
    }
        .calculator-learn-description {
      letter-spacing: -0.16px;
    }
        .header-right {
      gap: 2rem;
    }
        .header-controls {
      flex-direction: column;
    }
        .header-controls {
      align-items: flex-start;
    }
        .header-controls {
      justify-content: flex-start;
    }
        .header-controls {
      gap: 1rem;
    }
        
        .cta-button {
           /* @apply w-full text-center;*/
        }
        
        .nav-arrows {
           display: none;
        }
        
        .cards-scroll {
      gap: 1rem;
    }
        
        .financial-services-block-card {
      height: auto;
    }
        
        .financial-services-block-card {
      width: 230px;
    }
        
        .financial-services-block-card {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        
        .financial-services-block-card {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
        
        .financial-services-block-card {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }

        
         .card-arrow {
            /*@apply bg-brand-blue-solid ;*/
        }
        
         .card-arrow img {
            
            filter: brightness(0) invert(0);
        }
        
        .financial-services-block-card:nth-child(1) {
      margin-left: 0px;
    }

        .financial-services-block-card .card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(98 148 231 / var(--tw-bg-opacity, 1));
    }
        .financial-services-block-card:hover .card-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(98 148 231 / var(--tw-bg-opacity, 1));
    }
        .financial-services-block-card:hover .card-arrow img {
            filter: brightness(0) invert(0);
        }
       
      
        


        .card-icon{
            svg {
        height: 36px;
      }
            svg {
        width: 36px;
      }
            svg{
                path{
                    
                    stroke: #224E82;
                  }
            } 
            
            
        }
        .card-title {
      font-size: 1.5rem;
      line-height: 2rem;
    }
        .card-title {
      line-height: 2rem;
    }
        
        .card-special .card-title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
        
        .card-special .card-title {
      line-height: 2.5rem;
    }
  }
    
    
}

    .calculator-simple-header-section {
  padding-bottom: 0px;
}
@media (max-width: 960px) {
    .calculator-simple-header-section {
    padding-bottom: 1rem;
    padding-top: 2rem;
        .calculator-breadcrumb {
      margin-bottom: 0px;
    }
  }
}
/* Mortgage Comparison Section*/
.mortgage-comparison-section {
  padding-top: 4rem;
  padding-bottom: 10rem;
    
    .mortgage-comparison-container {
    margin-left: auto;
    margin-right: auto;
  }
    
    .mortgage-comparison-container {
    max-width: 80rem;
  }
    
    .mortgage-comparison-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .mortgage-comparison-container {
        
        .mortgage-comparison-wrapper {
      display: flex;
    }
        
        .mortgage-comparison-wrapper {
      align-items: flex-start;
    }
        
        .mortgage-comparison-wrapper {
      justify-content: center;
    }
        
        .mortgage-comparison-wrapper {
      gap: 3rem;
    }
        
        .mortgage-comparison-wrapper {
            
            /* Hide mobile header on desktop*/
            .mobile-header {
                display: none;
            }
            
            .mortgage-comparison-calculator {
        display: flex;
      }
            
            .mortgage-comparison-calculator {
        width: 100%;
      }
            
            .mortgage-comparison-calculator {
        flex-direction: column;
      }
            
            .mortgage-comparison-calculator {
        gap: 3rem;
      }
            
            .mortgage-comparison-calculator {
        border-radius: 1.5rem;
      }
            
            .mortgage-comparison-calculator {
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
      }
            
            .mortgage-comparison-calculator {
        padding: 4rem;
      }
            
            .mortgage-comparison-calculator {
                max-width: 584px;
                
                .calculator-content {
          display: flex;
        }
                
                .calculator-content {
          flex-direction: column;
        }
                
                .calculator-content {
          gap: 1.5rem;
        }
                
                .calculator-content {
                    
                    .calculator-badge {
            display: inline-flex;
          }
                    
                    .calculator-badge {
            width: -moz-fit-content;
            width: fit-content;
          }
                    
                    .calculator-badge {
            align-items: center;
          }
                    
                    .calculator-badge {
            border-radius: 9999px;
          }
                    
                    .calculator-badge {
            border-width: 1px;
          }
                    
                    .calculator-badge {
            --tw-border-opacity: 1;
            border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
          }
                    
                    .calculator-badge {
            --tw-bg-opacity: 1;
            background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
          }
                    
                    .calculator-badge {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
          }
                    
                    .calculator-badge {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
                    
                    .calculator-badge {
                        
                        
                        .badge-text {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
                        
                        
                        .badge-text {
              font-weight: 500;
            }
                        
                        
                        .badge-text {
              --tw-text-opacity: 1;
              color: rgb(7 68 130 / var(--tw-text-opacity, 1));
            }
                    }
                    
                    .calculator-header {
            display: flex;
          }
                    
                    .calculator-header {
            flex-direction: column;
          }
                    
                    .calculator-header {
            gap: 1.5rem;
          }
                    
                    .calculator-header {
                        
                        .calculator-kicker {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
                        
                        .calculator-kicker {
              font-weight: 700;
            }
                        
                        .calculator-kicker {
              text-transform: uppercase;
            }
                        
                        .calculator-kicker {
              letter-spacing: -0.16px;
            }
                        
                        .calculator-kicker {
              --tw-text-opacity: 1;
              color: rgb(173 10 29 / var(--tw-text-opacity, 1));
            }
                         
                        .calculator-title {
              font-size: 2.25rem;
              line-height: 2.5rem;
            }
                         
                        .calculator-title {
              font-weight: 700;
            }
                         
                        .calculator-title {
              --tw-text-opacity: 1;
              color: rgb(0 41 82 / var(--tw-text-opacity, 1));
            }
                         
                        .calculator-title {
                            line-height: 44px;
                            letter-spacing: -1.8px;
                           
                        }
                    }
                    
                    .calculator-description {
            font-size: 1.125rem;
            line-height: 1.75rem;
          }
                    
                    .calculator-description {
            --tw-text-opacity: 1;
            color: rgb(65 70 81 / var(--tw-text-opacity, 1));
          }
                    
                    .calculator-description {
                        letter-spacing: -0.18px;
                        
                    }
                }
                
                .calculator-selection {
          display: flex;
        }
                
                .calculator-selection {
          flex-direction: column;
        }
                
                .calculator-selection {
          gap: 1rem;
        }
                
                .calculator-selection {
                    
                    .selection-header {
            display: flex;
          }
                    
                    .selection-header {
            align-items: center;
          }
                    
                    .selection-header {
            padding-bottom: 0.5rem;
          }
                    
                    .selection-header {
                        
                        .selection-question {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
                        
                        .selection-question {
              font-weight: 600;
            }
                        
                        .selection-question {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }
                        
                        .selection-question {
                            letter-spacing: -0.18px;
                        
                        }
                    }
                    
                    .selection-options {
            display: flex;
          }
                    
                    .selection-options {
            flex-direction: column;
          }
                    
                    .selection-options {
            gap: 1rem;
          }
                    
                    .selection-options {
                        
                        .option-card {
              cursor: pointer;
            }
                        
                        .option-card {
              border-radius: 1.5rem;
            }
                        
                        .option-card {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
            }
                        
                        .option-card {
              padding: 2rem;
            }
                        
                        .option-card {
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }
                        
                        .option-card {
                            
                            &:hover {
                --tw-translate-y: -0.125rem;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
                            
                            &:hover {
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }
                            
                            &:hover {
                --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
              }
                            
                            .option-content {
                display: flex;
              }
                            
                            .option-content {
                align-items: center;
              }
                            
                            .option-content {
                justify-content: space-between;
              }
                            
                            .option-content {
                gap: 1.5rem;
              }
                            
                            .option-content {
                                
                                .option-text {
                  flex: 1 1 0%;
                }
                                
                                .option-text {
                                    
                                    .option-title {
                    font-size: 1.125rem;
                    line-height: 1.75rem;
                  }
                                    
                                    .option-title {
                    font-weight: 700;
                  }
                                    
                                    .option-title {
                    --tw-text-opacity: 1;
                    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
                  }
                                    
                                    .option-title {
                                        letter-spacing: -0.18px;
                                        
                                    }
                                }
                                
                                .option-button {
                  border-radius: 9999px;
                }
                                
                                .option-button {
                  --tw-bg-opacity: 1;
                  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
                }
                                
                                .option-button {
                  padding: 1rem;
                }
                                
                                .option-button {
                  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 150ms;
                }
                                
                                .option-button {
                                   
                                    
                                    
                                    
                                    img {
                    height: 1rem;
                  }
                                   
                                    
                                    
                                    
                                    img {
                    width: 1rem;
                  }
                                }
                                &:hover {
                                    .option-button {
                    --tw-bg-opacity: 1;
                    background-color: rgb(173 210 247 / var(--tw-bg-opacity, 1));
                  }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 960px) {
    .mortgage-comparison-section {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(213 215 218 / var(--tw-border-opacity, 1));
    padding-bottom: 5rem;
    padding-top: 1rem;
        
        .mortgage-comparison-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }
        
        .mortgage-comparison-container {
            
            .mortgage-comparison-wrapper {
        display: flex;
      }
            
            .mortgage-comparison-wrapper {
        flex-direction: column;
      }
            
            .mortgage-comparison-wrapper {
        gap: 1rem;
      }
            
            .mortgage-comparison-wrapper {
                .mortgage-comparison-calculator {
          gap: 1.5rem;
        }
                /* Mobile header with badge only*/
                .mobile-header {
          position: relative;
        }
                .mobile-header {
          display: flex;
        }
                .mobile-header {
          width: 100%;
        }
                .mobile-header {
          justify-content: center;
        }
                .mobile-header {
                    max-width: 584px;
                    margin: 0.2rem auto;
                   /* min-height:36px;*/
                    .mobile-badge {
            display: inline-flex;
          }
                    .mobile-badge {
            align-items: center;
          }
                    .mobile-badge {
            border-radius: 9999px;
          }
                    .mobile-badge {
            border-width: 1px;
          }
                    .mobile-badge {
            --tw-border-opacity: 1;
            border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
          }
                    .mobile-badge {
            --tw-bg-opacity: 1;
            background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
          }
                    .mobile-badge {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
          }
                    .mobile-badge {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
                    .mobile-badge {
                      
                       /* max-height:32px;*/
                        .badge-text {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
                        .badge-text {
              font-weight: 500;
            }
                        .badge-text {
              --tw-text-opacity: 1;
              color: rgb(7 68 130 / var(--tw-text-opacity, 1));
            }
                    }

                    
                   
                }
                
                .mortgage-comparison-calculator {
          padding: 2rem;
        }
                
                .mortgage-comparison-calculator {
                    margin: 0 auto;
                    
                    .calculator-content {
            gap: 1rem;
          }
                    
                    .calculator-content {
                        
                        /* Hide desktop badge on mobile*/
                        .calculator-badge {
                            display: none;
                        }
                        
                        .calculator-header {
              gap: 0.5rem;
            }
                        
                        .calculator-header {
                            
                            .calculator-title {
                font-size: 1.5rem;
                line-height: 2rem;
              }
                            
                            .calculator-title {
                letter-spacing: -0.855px;
              }

                            .calculator-kicker {
                font-size: 0.75rem;
                line-height: 1rem;
              }

                            .calculator-kicker {
                letter-spacing: 0px;
              }
                        }
                        
                        .calculator-description {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
                    }
                    
                    .calculator-selection {
                        .selection-header {
                            .selection-question {
                font-size: 1rem;
                line-height: 1.5rem;
              }
                        }
                        
                        .selection-options {
              gap: 0.75rem;
            }
                        
                        .selection-options {
                            
                            .option-card {
                padding: 1.5rem;
              }
                            
                            .option-card {
                                
                                .option-content {
                                    .option-text {
                                        .option-title {
                      font-size: 1rem;
                      line-height: 1.5rem;
                    }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
  }
}

/* Property Details Section*/
.property-details-section {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 10rem;
    
    .property-details-container {
    margin-left: auto;
    margin-right: auto;
  }
    
    .property-details-container {
    max-width: 80rem;
  }
    
    .property-details-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
    .property-details-container {
        
        .property-details-wrapper {
      position: relative;
    }
        
        .property-details-wrapper {
      display: flex;
    }
        
        .property-details-wrapper {
      align-items: flex-start;
    }
        
        .property-details-wrapper {
      justify-content: center;
    }
        
        .property-details-wrapper {
      gap: 3rem;
    }
        
        .property-details-wrapper {
            .property-details-calculator {
        gap: 1.5rem;
      }
            /* Hide mobile header on desktop*/
            .mobile-header {
                display: none;
            }
            
            .property-details-back-btn {
        position: absolute;
      }
            
            .property-details-back-btn {
        left: 0px;
      }
            
            .property-details-back-btn {
        top: 0px;
      }
            
            .property-details-back-btn {
        display: flex;
      }
            
            .property-details-back-btn {
        align-items: center;
      }
            
            .property-details-back-btn {
        gap: 0.25rem;
      }
            
            .property-details-back-btn {
        border-radius: 9999px;
      }
            
            .property-details-back-btn {
        --tw-bg-opacity: 1;
        background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
      }
            
            .property-details-back-btn {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
            
            .property-details-back-btn {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
            
            .property-details-back-btn {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }
            
            .property-details-back-btn {
               
                
                &:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(173 210 247 / var(--tw-bg-opacity, 1));
        }
                
                img {
          height: 1.25rem;
        }
                
                img {
          width: 1.25rem;
        } 
                
                span {
          font-size: 0.875rem;
          line-height: 1.25rem;
        } 
                
                span {
          font-weight: 600;
        } 
                
                span {
                    color: #00070d;
                }
            }
            
            .property-details-calculator {
        display: flex;
      }
            
            .property-details-calculator {
        width: 100%;
      }
            
            .property-details-calculator {
        flex-direction: column;
      }
            
            .property-details-calculator {
        gap: 3rem;
      }
            
            .property-details-calculator {
        border-radius: 1.5rem;
      }
            
            .property-details-calculator {
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
      }
            
            .property-details-calculator {
        padding: 4rem;
      }
            
            .property-details-calculator {
                max-width: 584px;
                
                .calculator-content {
          display: flex;
        }
                
                .calculator-content {
          flex-direction: column;
        }
                
                .calculator-content {
          gap: 1.5rem;
        }
                
                .calculator-content {
                    
                    .calculator-badge {
            display: inline-flex;
          }
                    
                    .calculator-badge {
            width: -moz-fit-content;
            width: fit-content;
          }
                    
                    .calculator-badge {
            align-items: center;
          }
                    
                    .calculator-badge {
            border-radius: 9999px;
          }
                    
                    .calculator-badge {
            border-width: 1px;
          }
                    
                    .calculator-badge {
            --tw-border-opacity: 1;
            border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
          }
                    
                    .calculator-badge {
            --tw-bg-opacity: 1;
            background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
          }
                    
                    .calculator-badge {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
          }
                    
                    .calculator-badge {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
                    
                    .calculator-badge {
                        
                        
                        .badge-text {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
                        
                        
                        .badge-text {
              font-weight: 500;
            }
                        
                        
                        .badge-text {
              --tw-text-opacity: 1;
              color: rgb(7 68 130 / var(--tw-text-opacity, 1));
            }
                    }
                    
                    .calculator-header {
            display: flex;
          }
                    
                    .calculator-header {
            flex-direction: column;
          }
                    
                    .calculator-header {
            gap: 1.5rem;
          }
                    
                    .calculator-header {
                        
                        .calculator-kicker {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
                        
                        .calculator-kicker {
              font-weight: 700;
            }
                        
                        .calculator-kicker {
              text-transform: uppercase;
            }
                        
                        .calculator-kicker {
              letter-spacing: -0.16px;
            }
                        
                        .calculator-kicker {
              --tw-text-opacity: 1;
              color: rgb(173 10 29 / var(--tw-text-opacity, 1));
            }
                        
                        .calculator-title {
              font-size: 2.25rem;
              line-height: 2.5rem;
            }
                        
                        .calculator-title {
              font-weight: 700;
            }
                        
                        .calculator-title {
              --tw-text-opacity: 1;
              color: rgb(0 41 82 / var(--tw-text-opacity, 1));
            }
                        
                        .calculator-title {
                            line-height: 44px;
                            letter-spacing: -1.8px;
                           
                        }
                    }
                }
                
                .property-form-section {
          display: flex;
        }
                
                .property-form-section {
          flex-direction: column;
        }
                
                .property-form-section {
          gap: 2rem;
        }
                
                .property-form-section {
                    
                    .form-question {
                        .form-question-text {
              font-size: 1rem;
              line-height: 1.5rem;
            }
                        .form-question-text {
              font-weight: 600;
            }
                        .form-question-text {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }
                        .form-question-text {
                            letter-spacing: -0.16px;
                           
                        }
                    }
                    
                    .form-fields {
            display: flex;
          }
                    
                    .form-fields {
            flex-direction: column;
          }
                    
                    .form-fields {
            gap: 1.5rem;
          }
                    
                    .form-fields {

                        
                        
                        /* Calculator input field styles*/
                        .calculator-input-field {
              display: flex;
            }
                        .calculator-input-field {
              width: 100%;
            }
                        .calculator-input-field {
              flex-direction: column;
            }
                        .calculator-input-field {
              align-items: flex-start;
            }
                        .calculator-input-field {
              justify-content: flex-start;
            }
                        .calculator-input-field {
              border-radius: 0.75rem;
            }
                        .calculator-input-field {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
            }
                        .calculator-input-field {
              padding-left: 1rem;
              padding-right: 1rem;
            }
                        .calculator-input-field {
              padding-top: 0.75rem;
              padding-bottom: 0.75rem;
            }
                        .calculator-input-field {
              --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
              --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
                        
                        
                        .calculator-input-label {
              font-size: 0.875rem;
              line-height: 1.25rem;
            }
                        
                        
                        .calculator-input-label {
              font-weight: 600;
            }
                        
                        
                        .calculator-input-label {
              line-height: 1.25rem;
            }
                        
                        
                        .calculator-input-label {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }
                        
                        .calculator-input-wrapper {
              display: flex;
            }
                        
                        .calculator-input-wrapper {
              width: 100%;
            }
                        
                        .calculator-input-wrapper {
              align-items: center;
            }
                        
                        .calculator-input-wrapper {
              justify-content: flex-start;
            }
                        
                        .calculator-input-wrapper {
              gap: 0.5rem;
            }
                        
                        .calculator-input-wrapper {
              border-radius: 0.25rem;
            }
                        
                        .calculator-currency-symbol {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
                        
                        .calculator-currency-symbol {
              font-weight: 600;
            }
                        
                        .calculator-currency-symbol {
              line-height: 1.75rem;
            }
                        
                        .calculator-currency-symbol {
              letter-spacing: -0.18px;
            }
                        
                        .calculator-currency-symbol {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }
                        
                        .calculator-input-content {
              display: flex;
            }
                        
                        .calculator-input-content {
              flex: 1 1 0%;
            }
                        
                        .calculator-input-content {
              align-items: center;
            }
                        
                        .calculator-input-content {
              justify-content: flex-start;
            }
                        
                        .calculator-input-content {
              gap: 0.5rem;
            }
                        
                        .calculator-input-text-wrapper {
              flex: 1 1 0%;
            }
                        
                        .calculator-input-text-wrapper {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
                        
                        .calculator-input-text-wrapper {
              font-weight: 600;
            }
                        
                        .calculator-input-text-wrapper {
              line-height: 1.75rem;
            }
                        
                        .calculator-input-text-wrapper {
              letter-spacing: -0.18px;
            }
                        
                        .calculator-input-text-wrapper {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }
                        
                        .calculator-input {
              width: 100%;
            }
                        
                        .calculator-input {
              border-style: none;
            }
                        
                        .calculator-input {
              background-color: transparent;
            }
                        
                        .calculator-input {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
                        
                        .calculator-input {
              font-weight: 600;
            }
                        
                        .calculator-input {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }
                        
                        .calculator-input {
              outline: 2px solid transparent;
              outline-offset: 2px;
            }
                        
                        .calculator-input {
                            letter-spacing: -0.18px;
                        }
                        
                        /* Calculator dropdown styles*/
                        .calculator-dropdown {
              display: flex;
            }
                        .calculator-dropdown {
              width: 100%;
            }
                        .calculator-dropdown {
              flex-direction: column;
            }
                        .calculator-dropdown {
              align-items: flex-start;
            }
                        .calculator-dropdown {
              justify-content: flex-start;
            }
                        .calculator-dropdown {
              border-radius: 0.75rem;
            }
                        .calculator-dropdown {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
            }
                        .calculator-dropdown {
              padding-left: 1rem;
              padding-right: 1rem;
            }
                        .calculator-dropdown {
              padding-top: 0.75rem;
              padding-bottom: 0.75rem;
            }
                        .calculator-dropdown {
              --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
              --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
                        
                        .calculator-dropdown-wrapper {
              position: relative;
            }
                        
                        .calculator-dropdown-wrapper {
              display: flex;
            }
                        
                        .calculator-dropdown-wrapper {
              width: 100%;
            }
                        
                        .calculator-dropdown-wrapper {
              align-items: center;
            }
                        
                        .calculator-dropdown-wrapper {
              justify-content: flex-start;
            }
                        
                        .calculator-dropdown-wrapper {
              gap: 0.5rem;
            }
                        
                        .calculator-dropdown-wrapper {
              border-radius: 0.25rem;
            }
                        
                        .calculator-dropdown-select {
              width: 100%;
            }
                        
                        .calculator-dropdown-select {
              cursor: pointer;
            }
                        
                        .calculator-dropdown-select {
              -webkit-appearance: none;
                 -moz-appearance: none;
                      appearance: none;
            }
                        
                        .calculator-dropdown-select {
              border-style: none;
            }
                        
                        .calculator-dropdown-select {
              background-color: transparent;
            }
                        
                        .calculator-dropdown-select {
              font-size: 1.125rem;
              line-height: 1.75rem;
            }
                        
                        .calculator-dropdown-select {
              font-weight: 600;
            }
                        
                        .calculator-dropdown-select {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }
                        
                        .calculator-dropdown-select {
              outline: 2px solid transparent;
              outline-offset: 2px;
            }
                        
                        .calculator-dropdown-select {
                            letter-spacing: -0.18px;
                        }
                        
                        .calculator-dropdown-icon {
              pointer-events: none;
            }
                        
                        .calculator-dropdown-icon {
              position: absolute;
            }
                        
                        .calculator-dropdown-icon {
              right: 0px;
            }
                        
                        .calculator-dropdown-icon {
              top: 50%;
            }
                        
                        .calculator-dropdown-icon {
              height: 1rem;
            }
                        
                        .calculator-dropdown-icon {
              width: 1rem;
            }
                        
                        .calculator-dropdown-icon {
              --tw-translate-y: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
                        
                        .calculator-dropdown-icon {
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
                        
                        .calculator-label-wrapper {
              display: flex;
            }
                        
                        .calculator-label-wrapper {
              width: 100%;
            }
                        
                        .calculator-label-wrapper {
              align-items: center;
            }
                        
                        .calculator-label-wrapper {
              justify-content: flex-start;
            }
                        
                        .calculator-label-wrapper {
              gap: 0.5rem;
            }
                        
                        .calculator-label-wrapper {
                            
                            .help-icon {
                margin-top: 0.25rem;
              }
                            
                            .help-icon {
                height: 1rem;
              }
                            
                            .help-icon {
                width: 1rem;
              }
                        }

                        /* Radio Group */
                         .form-radio-group {
              display: flex;
            }
                         .form-radio-group {
              flex-direction: row;
            }
                         .form-radio-group {
              align-items: center;
            }
                         .form-radio-group {
              justify-content: space-between;
            }
                         .form-radio-group {
              gap: 1rem;
            }
                         .form-radio-group {
              border-radius: 0.75rem;
            }
                         .form-radio-group {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
            }
                         .form-radio-group {
              padding: 1rem;
            }
                         .form-radio-group {
              padding-top: 1.5rem;
              padding-bottom: 1.5rem;
            }

                        .radio-options {
              display: flex;
            }

                        .radio-options {
              gap: 1rem;
            }

                        .radio-option {
              display: flex;
            }

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

                        .radio-option {
              gap: 0.75rem;
            }

                        .radio-option input[type="radio"] {
                            width: 20px;
                            height: 20px;
                            accent-color: #074482;
                        }

                        .radio-option label {
              font-size: 1rem;
              line-height: 1.5rem;
            }

                        .radio-option label {
              font-weight: 500;
            }

                        .radio-option label {
              letter-spacing: -0.16px;
            }

                        .radio-option label {
              --tw-text-opacity: 1;
              color: rgb(24 29 39 / var(--tw-text-opacity, 1));
            }

                        .radio-option label {
                            
                            
                            cursor: pointer;
                        }

                         .checkbox-group {
                            background: white;
                            border-radius: 12px;
                            padding: 16px
                        }

                         .checkbox-group {
              display: flex;
            }

                         .checkbox-group {
              flex-direction: column;
            }

                         .checkbox-group {
              gap: 1rem;
            }

                         .checkbox-group {

                            .checkbox-group-title {
                font-size: 0.875rem;
                line-height: 1.25rem;
              }

                            .checkbox-group-title {
                font-weight: 600;
              }

                            .checkbox-group-title {
                --tw-text-opacity: 1;
                color: rgb(24 29 39 / var(--tw-text-opacity, 1));
              }

                            .checkbox-group-title{
                                letter-spacing: -0.16px;
                            }

                            .help-icon {
                margin-top: 0.25rem;
              }

                            .help-icon {
                height: 1rem;
              }

                            .help-icon {
                width: 1rem;
              }

                            .checkboxes-container {
                display: flex;
              }

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

                            .checkboxes-container {
                gap: 1rem;
              }
                            
                             .checkbox-item {
                display: flex;
              }
                            
                             .checkbox-item {
                align-items: center;
              }
                            
                             .checkbox-item {
                justify-content: space-between;
              }
                            .checkbox-items {
                display: flex;
              }
                            .checkbox-items {
                flex-direction: column;
              }
                            .checkbox-items {
                gap: 2rem;
              }
                            
                             .checkbox-content {
                display: flex;
              }
                            
                             .checkbox-content {
                align-items: center;
              }
                            
                             .checkbox-content {
                gap: 0.5rem;
              }
                            
                             .checkbox-content {

                                .info {
                  font-size: 0.875rem;
                  line-height: 1.25rem;
                }

                                .info {
                  font-weight: 400;
                }

                                .info {
                  letter-spacing: -0.16px;
                }

                                .info {
                  --tw-text-opacity: 1;
                  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
                }

                                .info {
                                    a {
                    --tw-text-opacity: 1;
                    color: rgb(10 92 173 / var(--tw-text-opacity, 1));
                  }
                                    a{
                                        &:hover {
                      --tw-text-opacity: 1;
                      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
                    }
                                        &:active {
                      --tw-text-opacity: 1;
                      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
                    }
                                        &:focus {
                      --tw-text-opacity: 1;
                      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
                    }
                                    }
                                }
                            }
                            
                             .checkbox-input {
                display: flex;
              }
                            
                             .checkbox-input {
                align-items: center;
              }
                            
                             .checkbox-input {
                gap: 0.5rem;
              }
                            
                             .checkbox-input input[type="checkbox"] {
                                width: 16px;
                                height: 16px;
                                accent-color: #074482;
                                border-radius: 4px;
                                margin-top:6px;
                                flex:0 0 16px;
                            }
                            
                             
                            
                             .checkbox-item:has(input:checked) {
                --tw-border-opacity: 1;
                border-color: rgb(7 68 130 / var(--tw-border-opacity, 1));
              }
                            
                             .checkbox-input {
                display: flex;
              }
                            
                             .checkbox-input {
                align-items: flex-start;
              }
                            
                             .checkbox-input {
                gap: 0.5rem;
              }
                            
                             input[type="checkbox"] {
                margin-top: 0.125rem;
              }
                            
                             input[type="checkbox"] {
                height: 1rem;
              }
                            
                             input[type="checkbox"] {
                width: 1rem;
              }
                            
                             input[type="checkbox"] {
                border-radius: 0.25rem;
              }
                            
                             input[type="checkbox"] {
                                accent-color: #074482;
                            }
                            
                             .checkbox-input label {
                cursor: pointer;
              }
                            
                             .checkbox-input label {
                font-size: 0.875rem;
                line-height: 1.25rem;
              }
                            
                             .checkbox-input label {
                font-weight: 500;
              }
                            
                             .checkbox-input label {
                --tw-text-opacity: 1;
                color: rgb(24 29 39 / var(--tw-text-opacity, 1));
              }
                        }

                        .information-box {
              margin-bottom: 1rem;
            }

                        .information-box {
              display: flex;
            }

                        .information-box {
              flex-direction: column;
            }

                        .information-box {
              gap: 1rem;
            }

                        .information-box {
              border-radius: 0.75rem;
            }

                        .information-box {
              border-width: 1px;
            }

                        .information-box {
              --tw-border-opacity: 1;
              border-color: rgb(24 120 217 / var(--tw-border-opacity, 1));
            }

                        .information-box {
              padding: 1rem;
            }

                        .information-box{

                            .information-box-title {
                display: flex;
              }

                            .information-box-title {
                align-items: flex-start;
              }

                            .information-box-title {
                justify-content: flex-start;
              }

                            .information-box-title {
                gap: 0.75rem;
              }

                            .information-box-title{
                                p {
                  font-weight: 600;
                }
                                p {
                  --tw-text-opacity: 1;
                  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
                }
                                a {
                  display: block;
                }
                                a {
                  padding-top: 0.25rem;
                }
                                a {
                  --tw-text-opacity: 1;
                  color: rgb(10 92 173 / var(--tw-text-opacity, 1));
                }
                                a{
                                    &:hover {
                    --tw-text-opacity: 1;
                    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
                  }
                                    &:active {
                    --tw-text-opacity: 1;
                    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
                  }
                                }
                            }
                            .information-box-title-icon {
                margin-top: 0.25rem;
              }
                            .information-box-title-icon {
                height: 1.25rem;
              }
                            .information-box-title-icon {
                width: 1.25rem;
              }                            
                            
                        }
                        
                         
                    }
                    
                    .search-button {
            display: flex;
          }
                    
                    .search-button {
            align-items: center;
          }
                    
                    .search-button {
            justify-content: center;
          }
                    
                    .search-button {
            gap: 0.375rem;
          }
                    
                    .search-button {
            border-radius: 9999px;
          }
                    
                    .search-button {
            --tw-bg-opacity: 1;
            background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
          }
                    
                    .search-button {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
          }
                    
                    .search-button {
            padding-top: 1rem;
            padding-bottom: 1rem;
          }
                    
                    .search-button {
            font-weight: 600;
          }
                    
                    .search-button {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
          }
                    
                    .search-button {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
                    
                    .search-button {
                        background-color: #074482;
                        letter-spacing: -0.16px;
                        
                        &:hover {
              --tw-bg-opacity: 1;
              background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
            }
                         
                        img {
              height: 1.25rem;
            }
                         
                        img {
              width: 1.25rem;
            } 
                    }
                }
            }
        }
    }
}


@media (max-width: 960px) {
    .property-details-section {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(213 215 218 / var(--tw-border-opacity, 1));
    padding-bottom: 5rem;
    padding-top: 1rem;
        
        .property-details-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }
        
        .property-details-container {
            
            .property-details-wrapper {
        display: flex;
      }
            
            .property-details-wrapper {
        flex-direction: column;
      }
            
            .property-details-wrapper {
        gap: 1rem;
      }
            
            .property-details-wrapper {  
                .property-details-calculator {
          gap: 1.5rem;
        }
                /* Mobile header with back button and badge*/
                .mobile-header {
          position: relative;
        }
                .mobile-header {
          margin-bottom: 1.5rem;
        }
                .mobile-header {
          display: flex;
        }
                .mobile-header {
          width: 100%;
        }
                .mobile-header {
          align-items: center;
        }
                .mobile-header {
                    max-width: 584px;
                    margin: 0 auto;
                    
                    .mobile-back-btn {
            display: flex;
          }
                    
                    .mobile-back-btn {
            align-items: center;
          }
                    
                    .mobile-back-btn {
            border-radius: 9999px;
          }
                    
                    .mobile-back-btn {
            --tw-bg-opacity: 1;
            background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
          }
                    
                    .mobile-back-btn {
            padding: 0.5rem;
          }
                    
                    .mobile-back-btn {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
          }
                    
                    .mobile-back-btn {
                        
                        &:hover {
              --tw-bg-opacity: 1;
              background-color: rgb(173 210 247 / var(--tw-bg-opacity, 1));
            }
                        
                        img {
              height: 1.25rem;
            }
                        
                        img {
              width: 1.25rem;
            }
                    }

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

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

                    
                    
                    .mobile-badge {
            border-radius: 9999px;
          }

                    
                    
                    .mobile-badge {
            border-width: 1px;
          }

                    
                    
                    .mobile-badge {
            --tw-border-opacity: 1;
            border-color: rgb(173 210 247 / var(--tw-border-opacity, 1));
          }

                    
                    
                    .mobile-badge {
            --tw-bg-opacity: 1;
            background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
          }

                    
                    
                    .mobile-badge {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
          }

                    
                    
                    .mobile-badge {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }

                    
                    
                    .mobile-badge {
                     
                        position: absolute;
                        left: 50%;
                        transform: translateX(-50%); 
                        
                        .badge-text {
              font-size: 0.875rem;
              line-height: 1.25rem;
            } 
                        
                        .badge-text {
              font-weight: 500;
            } 
                        
                        .badge-text {
              --tw-text-opacity: 1;
              color: rgb(7 68 130 / var(--tw-text-opacity, 1));
            }

                      
                       
                    }
                }
                
                /* Hide desktop back button on mobile*/
                .property-details-back-btn {
                    display: none;
                }
                
                .property-details-calculator {
          padding: 2rem;
        }
                
                .property-details-calculator {
                    margin: 0 auto;
                    
                    .calculator-content {
            gap: 1rem;
          }
                    
                    .calculator-content {
                        
                        /* Hide desktop badge on mobile*/
                        .calculator-badge {
                            display: none;
                        }
                        
                        .calculator-header {
              gap: 0.5rem;
            }
                        
                        .calculator-header {
                            
                            .calculator-title {
                font-size: 1.5rem;
                line-height: 2rem;
              }
                            
                            .calculator-title {
                letter-spacing: -0.855px;
              }
                            .calculator-kicker {
                font-size: 0.75rem;
                line-height: 1rem;
              }
                            .calculator-kicker {
                letter-spacing: 0px;
              }
                        }
                    }
                    
                    .property-form-section {
            gap: 1.5rem;
          }
                    
                    .property-form-section {
                        .form-question {
                            .form-question-text {
                              
                            }
                        }
                        
                        .form-fields {
              gap: 1rem;
            }
                        
                        .search-button {
              padding-left: 1rem;
              padding-right: 1rem;
            }
                        
                        .search-button {
              padding-top: 0.75rem;
              padding-bottom: 0.75rem;
            }
                        
                        .search-button {
              font-size: 0.875rem;
              line-height: 1.25rem;
            } 
                    }
                }
            }
        }
  }
}




    
/* Mortgage Results Section */
.mortgage-results-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2rem;
  padding-bottom: 6rem;
}

.mortgage-results-section .mortgage-results-container {
  display: flex;
  width: 100%;
  max-width: 1280px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.mortgage-results-section .results-header .results-title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
    line-height: 44px;
    letter-spacing: -1.8px;
}

.mortgage-results-section .results-header .results-subtitle {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity, 1));
}

/* New Layout Structure */
.mortgage-results-section .results-main-layout {
  display: flex;
  width: 100%;
  gap: 2rem;
}

.mortgage-results-section .results-left-sidebar {
  width: 456px;
  flex-shrink: 0;
}

.mortgage-results-section .results-right-section {
  min-width: 0px;
  flex: 1 1 0%;
}

/* Summary Container - Updated Design */
.mortgage-results-section .results-summary-container {
    background-color: #e1edfa;
    border-radius: 24px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.mortgage-results-section .summary-title {
    color: #002952;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.72px;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
}

.mortgage-results-section .summary-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mortgage-results-section .summary-details {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Edit Button */
.mortgage-results-section .edit-btn {
    background-color: #ffffff;
    border: none;
    border-radius: 9999px;
    padding: 10px 14px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #00070d;
    transition: all 0.3s ease;
    
    &:hover {
        background-color: #f8f9fa;
    }
}

/* Form Display */
.mortgage-results-section .sidebar-form {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.mortgage-results-section .summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mortgage-results-section .summary-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity, 1));
}

.mortgage-results-section .summary-value {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}

/* Sidebar Form - Updated Design */
.mortgage-results-section .sidebar-form {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.mortgage-results-section .form-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mortgage-results-section .form-section-title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}

/* Form Fields - New Design */
.mortgage-results-section .form-field,
.mortgage-results-section .form-dropdown {
    background: white;
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.mortgage-results-section .form-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mortgage-results-section .form-label label {
    color: #181d27;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.mortgage-results-section .form-input {
  position: relative;
}

.mortgage-results-section .form-input-field,
.mortgage-results-section .form-dropdown-select {
    color: #181d27;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.18px;
    border: none;
    padding: 0;
    background: transparent;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.mortgage-results-section .form-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mortgage-results-section .form-currency {
    color: #181d27;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.mortgage-results-section .form-dropdown-wrapper {
  position: relative;
}

.mortgage-results-section .dropdown-icon {
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 16px;
    height: 16px;
}

/* Radio Group */
.mortgage-results-section .form-radio-group,
.mobile-popup-content .form-radio-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.mortgage-results-section .radio-options,
.mobile-popup-content .radio-options {
  display: flex;
  gap: 1rem;
}

.mortgage-results-section .radio-option,
.mobile-popup-content .radio-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.mortgage-results-section .radio-option input[type="radio"],
.mobile-popup-content .radio-option input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: #074482;
}

.mortgage-results-section .radio-option label,
.mobile-popup-content .radio-option label {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    
    
    cursor: pointer;
}

/* Update Button */


.mortgage-results-section .sidebar-update-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


.mortgage-results-section .sidebar-update-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
}

.mortgage-results-section .sidebar-update-btn img {
  height: 1.25rem;
  width: 1.25rem;
    filter: brightness(0) invert(1);
}

/* Results Grid */
.mortgage-results-section .results-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

/* New Card Design */
.mortgage-results-section .results-container-new {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.5rem;
}

.mortgage-results-section .result-card-new {
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    border-color: #d5d7da;
}

.mortgage-results-section .result-title-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 2rem;
}

.mortgage-results-section .result-title-top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.75rem;
}
.mortgage-results-section .result-title-top-row img {
  margin-left: auto;
  margin-right: 0px;
  height: auto;
  width: 5rem;
}

.mortgage-results-section .result-title-new {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
    line-height: 38px;
    letter-spacing: -0.9px;
    color: #002952;
}

.mortgage-results-section .result-badges-new {
  display: flex;
  gap: 0.5rem;
}

.mortgage-results-section .result-badge-new {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
    background-color: #f0f6fc;
    border-color: #add2f7;
}

.mortgage-results-section .badge-icon-new {
  height: 0.75rem;
  width: 0.75rem;
}

.mortgage-results-section .result-badge-new span {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
    color: #074482;
}

.mortgage-results-section .result-details-new {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
    background-color: #f0f6fc;
}

.mortgage-results-section .detail-column {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 0.25rem;
}

.mortgage-results-section .detail-label-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mortgage-results-section .detail-label-new {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
    color: #414651;
}

.mortgage-results-section .help-icon-new {
  height: 1rem;
  width: 1rem;
}

.mortgage-results-section .detail-value-new {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
    color: #181d27;
    letter-spacing: -0.18px;
}

.mortgage-results-section .result-action-new {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mortgage-results-section .apply-btn-new {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.mortgage-results-section .apply-btn-new:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
}

.mortgage-results-section .apply-btn-new img {
  height: 1.25rem;
  width: 1.25rem;
    filter: brightness(0) invert(1);
}

/* Loading State */
.mortgage-results-section .results-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
    min-height: 300px;
}

.mortgage-results-section .loading-spinner {
  margin-bottom: 1rem;
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  border-width: 4px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(0 41 82 / var(--tw-border-opacity, 1));
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mortgage-results-section .results-loading p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

/* Error State */
.mortgage-results-section .results-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
    min-height: 300px;
}

.mortgage-results-section .results-error .error-icon {
  margin-bottom: 1rem;
  height: 3rem;
  width: 3rem;
    color: #dc2626;
}

.mortgage-results-section .results-error h3 {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.mortgage-results-section .results-error p {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.mortgage-results-section .results-error .retry-btn {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.mortgage-results-section .results-error .retry-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
}

.mortgage-results-section .results-form-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}

.mortgage-results-section .results-summary {
  display: flex;
  align-items: flex-start;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
    height: 129px;
}

.mortgage-results-section .results-summary-text {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    line-height: 38px;
    letter-spacing: -0.9px;
}

.mortgage-results-section .form-row-container .form-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

    .mobile-form-container {
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
        h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
        h2 {
    font-weight: 700;
  }
        h2 {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        .form-label-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
        .form-label-title {
    font-weight: 600;
  }
        .form-label-title {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
        .form-row {
    display: flex;
  }
        .form-row {
    width: 100%;
  }
        .form-row {
    flex-direction: column;
  }
        .form-row {
    gap: 1rem;
  }
        
        .form-field, .form-dropdown {
    width: 100%;
  }
        
        .form-input {
    width: 100%;
  }
        
        .form-dropdown-wrapper {
    width: 100%;
  }
        
        .checkbox-group {
    width: 100%;
  }
        
        .checkboxes-container {
    display: flex;
  }
        
        .checkboxes-container {
    width: 100%;
  }
        
        .checkboxes-container {
    flex-direction: column;
  }
        
        .checkboxes-container {
    gap: 0.75rem;
  }
        
        .checkbox-item {
    width: 100%;
  }
}

.mortgage-results-section .form-field, .mobile-results-popup .form-field {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.mortgage-results-section .form-label, .mobile-results-popup .form-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mortgage-results-section .form-label label, .mobile-results-popup .form-label label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}

.mortgage-results-section .form-value, .mobile-results-popup .form-value {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    letter-spacing: -0.18px;
}

.mortgage-results-section .form-dropdown, .mobile-results-popup .form-dropdown {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.mortgage-results-section .help-icon, .mobile-results-popup .help-icon {
  margin-top: 1px;
  height: 1rem;
  width: 1rem;
}

.mortgage-results-section .form-dropdown-wrapper, .mobile-results-popup .form-dropdown-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mortgage-results-section .form-dropdown-select, .mobile-results-popup .form-dropdown-select {
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-style: none;
  background-color: transparent;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
    letter-spacing: -0.18px;
}

.mortgage-results-section .dropdown-icon, .mobile-results-popup .dropdown-icon {
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 50%;
  height: 1rem;
  width: 1rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.mortgage-results-section .results-search-btn, .mobile-results-popup .results-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.mortgage-results-section .results-search-btn img, .mobile-results-popup .results-search-btn img {
  height: 1.25rem;
  width: 1.25rem;
}

/* Checkbox Group - New Design */
.mortgage-results-section .checkbox-group, .mobile-results-popup .checkbox-group {
    background: white;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mortgage-results-section .checkboxes-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.mortgage-results-section .checkbox-item,
.mobile-popup-content .checkbox-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mortgage-results-section .checkbox-content,
.mobile-popup-content .checkbox-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mortgage-results-section .checkbox-input,
.mobile-popup-content .checkbox-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mortgage-results-section .checkbox-input input[type="checkbox"],
.mobile-popup-content .checkbox-input input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #074482;
    border-radius: 4px;
}

.mortgage-results-section .checkbox-input label,
.mobile-popup-content .checkbox-input label {
    color: #414651;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
}

.mortgage-results-section .checkbox-item:has(input:checked),
.mobile-popup-content .checkbox-item:has(input:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(7 68 130 / var(--tw-border-opacity, 1));
}


.mortgage-results-section input[type="checkbox"],
.mobile-popup-content input[type="checkbox"] {
  margin-top: 0.125rem;
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
    accent-color: #074482;
}

.mortgage-results-section .checkbox-input label,
.mobile-popup-content .checkbox-input label {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}

.mortgage-results-section .form-content,
.mobile-popup-content .form-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mortgage-results-section .form-currency,
.mobile-popup-content .form-currency {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.18px;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}

.mortgage-results-section .form-input-field,
.mobile-popup-content .form-input-field {
  width: 100%;
  border-style: none;
  background-color: transparent;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.mortgage-results-section .results-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.5rem;
}

.mortgage-results-section .results-list {
  display: flex;
  width: 100%;
  gap: 1.5rem;
}

.mortgage-results-section .result-card {
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    /*width: calc(33.333% - 16px);*/
    flex: 0 0 auto;
}

.mortgage-results-section .result-header {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mortgage-results-section .result-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mortgage-results-section .result-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    letter-spacing: -0.18px;
}

.mortgage-results-section .result-badges {
  display: flex;
  gap: 0.5rem;
    min-height: 32px;
}

.mortgage-results-section .result-badge {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(212 230 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
    background-color: #f0f6fc;
    border: 1px solid #add2f7;
}

.mortgage-results-section .badge-icon {
  height: 0.75rem;
  width: 0.75rem;
}

.mortgage-results-section .result-badge span {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
    color: #074482;
}

.mortgage-results-section .result-details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mortgage-results-section .detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mortgage-results-section .detail-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity, 1));
    color: #414651;
}

.mortgage-results-section .detail-value {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    letter-spacing: -0.18px;
}

.mortgage-results-section .result-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mortgage-results-section .find-out-more-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(7 68 130 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    color: #0a5cad;
}

.mortgage-results-section .find-out-more-btn:hover {
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}

.mortgage-results-section .find-out-more-btn img,
.mortgage-results-section .apply-btn img {
  height: 1.25rem;
  width: 1.25rem;
}

.mortgage-results-section .apply-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.mortgage-results-section .apply-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
}

.mortgage-results-section .apply-btn img {
    filter: brightness(0) invert(1);
}

/* Mobile Edit Block */
.mobile-edit-block {
    display:none; 
}

/* Mobile styles for Results Section */
@media (max-width: 960px) {
    /* Show mobile edit block and hide desktop form */
    .mobile-edit-block {
       /* @apply block px-8 py-4  border-b border-t border-brand-line;*/
    }
     
    .mobile-edit-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
    
    .mobile-edit-info {
    flex: 1 1 0%;
  }
    
    .mobile-edit-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .mobile-edit-subtitle {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(10 92 173 / var(--tw-text-opacity, 1));
  }
    
    .mobile-edit-btn {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
    padding: 0.625rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
         
         
        
        img {
      height: 1.25rem;
    }
         
         
        
        img {
      width: 1.25rem;
    }
  }
    
    /* Hide desktop form on mobile */
    .desktop-form-container {
        display:none;
    }
    
    .mortgage-results-section {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
        .mortgage-results-container {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
    
    
    .mortgage-results-section .results-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
        line-height: 36px;
        letter-spacing: -1.2px;
  }

    /* Mobile Layout Adjustments */
    .mortgage-results-section .results-main-layout {
    flex-direction: column;
    gap: 1rem;
  }

    .mortgage-results-section .results-left-sidebar {
    width: 100%;
  }

    .mortgage-results-section .results-right-section {
    width: 100%;
  }

    .mortgage-results-section .results-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }

    .mortgage-results-section .form-section {
    padding: 1rem;
  }

    .mortgage-results-section .form-section-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }

    .mortgage-results-section .results-summary-container {
    padding: 1rem;
  }

    .mortgage-results-section .summary-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
    
    .mortgage-results-section .results-summary {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
        height: auto;
  }
    
    .mortgage-results-section .results-summary-text {
    font-size: 1.5rem;
    line-height: 2rem;
        line-height: 32px;
  }
    
    .mortgage-results-section .form-row {
    flex-direction: column;
    padding: 0.75rem;
  }
    
    .mortgage-results-section .form-field,
    .mortgage-results-section .form-dropdown {
    width: 100%;
  }
    
    .mortgage-results-section .results-search-btn {
    margin-top: 0.5rem;
    width: 100%;
  }
    
    .mortgage-results-section .checkbox-group {
    overflow-x: auto;
        
        &::-webkit-scrollbar {
            display: none;
        }
        
        -ms-overflow-style: none;
        scrollbar-width: none;
  }
    
    .mortgage-results-section .checkboxes-container {
    width: -moz-max-content;
    width: max-content;
    flex-wrap: nowrap;
  }
    
    .mortgage-results-section .checkbox-item {
    flex-shrink: 0;
        min-width: 140px;
  }
    
    .mortgage-results-section .results-list {
    flex-direction: column;
  }
    
    .mortgage-results-section .result-card {
    width: 100%;
  }

    .mortgage-results-section .result-details-new {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

    .mortgage-results-section .detail-column {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

    .mortgage-results-section .detail-label-new {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
  }

    .mortgage-results-section .detail-value-new {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
  }

    .mortgage-results-section .result-action-new {
    margin-top: 0.5rem;
    width: 100%;
  }

    .mortgage-results-section .apply-btn-new {
    width: 100%;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* Mobile Update Search Popup */
.mobile-results-popup {
  position: fixed;
  inset: 0px;
  z-index: 50;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    display: none;
    &.active {
    display: flex;
  }
}

.mobile-popup-overlay {
    display: none;
}

.mobile-popup-container {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
}

.mobile-popup-header {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {

  .mobile-popup-header {
    display: none;
  }
}

.mobile-popup-header {
    
    h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
    
    h3 {
    font-weight: 700;
  }
    
    h3 {
    letter-spacing: -0.855px;
  }
    
    h3 {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
    .popup-back-button {
    position: absolute;
  }
    
    .popup-back-button {
    left: 1.5rem;
  }
    
    .popup-back-button {
    top: 50%;
  }
    
    .popup-back-button {
    display: flex;
  }
    
    .popup-back-button {
    height: 2.5rem;
  }
    
    .popup-back-button {
    width: 2.5rem;
  }
    
    .popup-back-button {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    
    .popup-back-button {
    align-items: center;
  }
    
    .popup-back-button {
    justify-content: center;
  }
    
    .popup-back-button {
    border-radius: 9999px;
  }
    
    .popup-back-button {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .popup-back-button {
        
        img {
      height: 1.25rem;
    }
        
        img {
      width: 1.25rem;
    }
    }
}

.mobile-popup-content {
  flex: 1 1 0%;
  overflow-y: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1.5rem;
  padding-top: 2rem;
}


.mobile-popup-actions {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.popup-btn-close {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    
    &:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(208 228 247 / var(--tw-bg-opacity, 1));
  }
}

.popup-btn-update {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    
    &:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 58 117 / var(--tw-bg-opacity, 1));
  }
}

/* Funnel Options Section */
.funnel-form {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 10rem;
  padding-top: 6rem;

    .content-block {
    position: relative;
  }

    .content-block {
    display: flex;
  }

    .content-block {
    width: 100%;
  }

    .content-block {
    max-width: 1280px;
  }

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

    .content-block {
    flex-direction: column;
  }

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

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

    .content-block {
    gap: 5rem;
  }

    .content-block {
    border-radius: 60.48px;
  }

    .content-block {
    padding-left: 2rem;
    padding-right: 2rem;
  }

    .content-block {
    padding-top: 0px;
    padding-bottom: 0px;
  }
    
     .form-wrapper {
    position: relative;
  }
    
     .form-wrapper {
    display: flex;
  }
    
     .form-wrapper {
    width: 100%;
  }
    
     .form-wrapper {
    max-width: 584px;
  }
    
     .form-wrapper {
    flex-shrink: 0;
  }
    
     .form-wrapper {
    flex-direction: column;
  }
    
     .form-wrapper {
    align-items: flex-start;
  }
    
     .form-wrapper {
    justify-content: flex-start;
  }
    
     .form-wrapper {
    gap: 4rem;
  }
    
     .form-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
    
     .form-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
    
     .section-header {
    position: relative;
  }
    
     .section-header {
    display: flex;
  }
    
     .section-header {
    width: 100%;
  }
    
     .section-header {
    flex-shrink: 0;
  }
    
     .section-header {
    flex-direction: column;
  }
    
     .section-header {
    align-items: center;
  }
    
     .section-header {
    justify-content: flex-start;
  }
    
     .section-header {
    gap: 2rem;
  }
    
     .section-header {
    text-align: center;
  }
    
     .section-header {
    line-height: 0;
  }
    
     .section-kicker {
    position: relative;
  }
    
     .section-kicker {
    flex-shrink: 0;
  }
    
     .section-kicker {
    white-space: nowrap;
  }
    
     .section-kicker {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
     .section-kicker {
    font-weight: 700;
  }
    
     .section-kicker {
    line-height: 1.5rem;
  }
    
     .section-kicker {
    letter-spacing: -0.16px;
  }
    
     .section-kicker {
    --tw-text-opacity: 1;
    color: rgb(173 10 29 / var(--tw-text-opacity, 1));
  }
    
     .section-title {
    position: relative;
  }
    
     .section-title {
    width: 100%;
  }
    
     .section-title {
    min-width: 100%;
  }
    
     .section-title {
    flex-shrink: 0;
  }
    
     .section-title {
    font-size: 3rem;
    line-height: 1;
  }
    
     .section-title {
    font-weight: 700;
  }
    
     .section-title {
    line-height: 56px;
  }
    
     .section-title {
    letter-spacing: -2.4px;
  }
    
     .section-title {
    --tw-text-opacity: 1;
    color: rgb(0 41 82 / var(--tw-text-opacity, 1));
  }
    
     .section-title {
       
        width: -moz-min-content;
       
        width: min-content;
    }
    
     .section-description {
    position: relative;
  }
    
     .section-description {
    width: 100%;
  }
    
     .section-description {
    min-width: 100%;
  }
    
     .section-description {
    flex-shrink: 0;
  }
    
     .section-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
     .section-description {
    font-weight: 400;
  }
    
     .section-description {
    line-height: 1.5rem;
  }
    
     .section-description {
    letter-spacing: -0.16px;
  }
    
     .section-description {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
     .section-description {
       
        width: -moz-min-content;
       
        width: min-content;
        p:nth-child(2) {
      margin-top: 1.5rem;
    }
        p:nth-child(3) {
      margin-top: 1.5rem;
    }
    }
    
     .selection-area {
    position: relative;
  }
    
     .selection-area {
    display: flex;
  }
    
     .selection-area {
    width: 100%;
  }
    
     .selection-area {
    flex-shrink: 0;
  }
    
     .selection-area {
    flex-direction: column;
  }
    
     .selection-area {
    align-items: flex-start;
  }
    
     .selection-area {
    justify-content: flex-start;
  }
    
     .selection-area {
    gap: 1rem;
  }

    .selection-area a {
    width: 100%;
  }
    
     .question-card {
    position: relative;
  }
    
     .question-card {
    display: flex;
  }
    
     .question-card {
    width: 100%;
  }
    
     .question-card {
    flex-shrink: 0;
  }
    
     .question-card {
    flex-direction: column;
  }
    
     .question-card {
    align-items: flex-start;
  }
    
     .question-card {
    justify-content: center;
  }
    
     .question-card {
    gap: 0.5rem;
  }
    
     .question-card {
    overflow: hidden;
  }
    
     .question-card {
    border-radius: 1.5rem;
  }
    
     .question-card {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
  }
    
     .question-card {
    padding: 2rem;
  }
    
     .question-content {
    position: relative;
  }
    
     .question-content {
    display: flex;
  }
    
     .question-content {
    width: 100%;
  }
    
     .question-content {
    flex-shrink: 0;
  }
    
     .question-content {
    align-items: center;
  }
    
     .question-content {
    justify-content: flex-start;
  }
    
     .question-content {
    gap: 2rem;
  }
    
    .question {
    position: relative;
  }
    
    .question {
    display: flex;
  }
    
    .question {
    min-height: 1px;
  }
    
    .question {
    min-width: 1px;
  }
    
    .question {
    flex-shrink: 0;
  }
    
    .question {
    flex-grow: 1;
  }
    
    .question {
    flex-basis: 0px;
  }
    
    .question {
    flex-direction: column;
  }
    
    .question {
    align-items: flex-start;
  }
    
    .question {
    justify-content: center;
  }
    
    .question {
    gap: 0.375rem;
  }
    
     .question-text {
    position: relative;
  }
    
     .question-text {
    width: 100%;
  }
    
     .question-text {
    flex-shrink: 0;
  }
    
     .question-text{
        h4 {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
        h4 {
      font-weight: 700;
    }
        h4 {
      letter-spacing: -0.18px;
    }
        h4 {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        p {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        p {
      font-weight: 400;
    }
        p {
      letter-spacing: 0px;
    }
        p {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
    }
    
     .button-arrow {
    position: relative;
  }
    
     .button-arrow {
    display: flex;
  }
    
     .button-arrow {
    height: 2.75rem;
  }
    
     .button-arrow {
    width: 2.75rem;
  }
    
     .button-arrow {
    flex-shrink: 0;
  }
    
     .button-arrow {
    align-items: center;
  }
    
     .button-arrow {
    justify-content: center;
  }
    
     .button-arrow {
    overflow: hidden;
  }
    
     .button-arrow {
    border-radius: 9999px;
  }
    
     .button-arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    
     .button-arrow {
    padding: 0.5rem;
  }
    
     .button-arrow {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
     .button-arrow {
    transition-duration: 300ms;
  }
    
     .button-arrow {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
     .arrow-wrapper {
    position: relative;
  }
    
     .arrow-wrapper {
    display: flex;
  }
    
     .arrow-wrapper {
    height: 100%;
  }
    
     .arrow-wrapper {
    width: 100%;
  }
    
     .arrow-wrapper {
    align-items: center;
  }
    
     .arrow-wrapper {
    justify-content: center;
  }
    
     .arrow-wrapper {
    overflow: hidden;
  }
    
     .arrow-wrapper {
    border-radius: 9999px;
  }
    
     .arrow-wrapper {
    padding: 0.5rem;
  }
    
     .icon-wrapper {
    position: relative;
  }
    
     .icon-wrapper {
    height: 1.25rem;
  }
    
     .icon-wrapper {
    width: 1.25rem;
  }
    
     .icon-wrapper {
    flex-shrink: 0;
  }
    
     .icon-wrapper {
    overflow: hidden;
  }
    
     .arrow-icon {
    position: absolute;
  }
    
     .arrow-icon {
        inset: 20.833%;
    }
    
    .arrow-icon img {
    display: block;
  }
    
    .arrow-icon img {
    height: 100%;
  }
    
    .arrow-icon img {
    width: 100%;
  }
    
    .arrow-icon img {
    max-width: none;
  }
    
    .question-card:hover {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .question-card:hover {
    transition-duration: 300ms;
  }
    
    .question-card:hover {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
    
    .question-card:hover{
        .button-arrow {
      --tw-bg-opacity: 1;
      background-color: rgb(173 210 247 / var(--tw-bg-opacity, 1));
    } 
        
    }

     .back-button {
    position: absolute;
  }

     .back-button {
    left: 0px;
  }

     .back-button {
    top: 0px;
  }

     .back-button {
    display: flex;
  }

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

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

     .back-button {
    gap: 0.25rem;
  }

     .back-button {
    overflow: hidden;
  }

     .back-button {
    border-radius: 9999px;
  }

     .back-button {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }

     .back-button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

     .back-button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
    
     .arrow-left-wrapper {
    position: relative;
  }
    
     .arrow-left-wrapper {
    height: 1.25rem;
  }
    
     .arrow-left-wrapper {
    width: 1.25rem;
  }
    
     .arrow-left-wrapper {
    flex-shrink: 0;
  }
    
     .arrow-left-wrapper {
    overflow: hidden;
  }
    
     .arrow-left-icon {
    position: absolute;
  }
    
     .arrow-left-icon {
        inset: 20.833%;
    }
    
     .arrow-icon-wrapper {
    position: absolute;
  }
    
     .arrow-icon-wrapper {
        inset: -7.143%;
    }
    
     .arrow-icon-wrapper img {
    display: block;
  }
    
     .arrow-icon-wrapper img {
    height: 100%;
  }
    
     .arrow-icon-wrapper img {
    width: 100%;
  }
    
     .arrow-icon-wrapper img {
    max-width: none;
  }
    
    .text-padding {
    position: relative;
  }
    
    .text-padding {
    display: flex;
  }
    
    .text-padding {
    flex-shrink: 0;
  }
    
    .text-padding {
    align-items: center;
  }
    
    .text-padding {
    justify-content: center;
  }
    
    .text-padding {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
    
    .text-padding {
    padding-top: 0px;
    padding-bottom: 0px;
  } 
    
     .button-text {
    position: relative;
  } 
    
     .button-text {
    flex-shrink: 0;
  } 
    
     .button-text {
    white-space: nowrap;
  } 
    
     .button-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  } 
    
     .button-text {
    font-weight: 600;
  } 
    
     .button-text {
    line-height: 1.25rem;
  } 
    
     .button-text {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }
    .back-button {
    position: absolute;
  }
    .back-button {
    left: 1.5rem;
  }
    .back-button {
    gap: 0.25rem;
  }
    .back-button {
    border-radius: 9999px;
  }
    .back-button {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    .back-button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
    .back-button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
    
    .back-button-mobile {
        display: none;
    }
    .property-form-section {
    display: flex;
  }
    .property-form-section {
    width: 100%;
  }
    .property-form-section {
    flex-direction: column;
  }
    .property-form-section {
    gap: 4rem;
  }

    .form-fields {
    display: flex;
  }

    .form-fields {
    width: 100%;
  }

    .form-fields {
    flex-direction: column;
  }

    .form-fields {
    gap: 1.5rem;
  }

    .form-fields {
        
        /* Calculator input field styles*/
        .calculator-input-field {
      display: flex;
    }
        .calculator-input-field {
      width: 100%;
    }
        .calculator-input-field {
      flex-direction: column;
    }
        .calculator-input-field {
      align-items: flex-start;
    }
        .calculator-input-field {
      justify-content: flex-start;
    }
        .calculator-input-field {
      border-radius: 0.75rem;
    }
        .calculator-input-field {
      --tw-bg-opacity: 1;
      background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
    }
        .calculator-input-field {
      padding-left: 1rem;
      padding-right: 1rem;
    }
        .calculator-input-field {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
        .calculator-input-field {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
        
        .calculator-input-label {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
        
        .calculator-input-label {
      font-weight: 600;
    }
        
        .calculator-input-label {
      line-height: 1.25rem;
    }
        
        .calculator-input-label {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        .calculator-input-wrapper {
      display: flex;
    }
        
        .calculator-input-wrapper {
      width: 100%;
    }
        
        .calculator-input-wrapper {
      align-items: center;
    }
        
        .calculator-input-wrapper {
      justify-content: flex-start;
    }
        
        .calculator-input-wrapper {
      gap: 0.5rem;
    }
        
        .calculator-input-wrapper {
      border-radius: 0.25rem;
    }
        
        .calculator-currency-symbol {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
        
        .calculator-currency-symbol {
      font-weight: 600;
    }
        
        .calculator-currency-symbol {
      line-height: 1.75rem;
    }
        
        .calculator-currency-symbol {
      letter-spacing: -0.18px;
    }
        
        .calculator-currency-symbol {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        .calculator-input-content {
      display: flex;
    }
        
        .calculator-input-content {
      flex: 1 1 0%;
    }
        
        .calculator-input-content {
      align-items: center;
    }
        
        .calculator-input-content {
      justify-content: flex-start;
    }
        
        .calculator-input-content {
      gap: 0.5rem;
    }
        
        .calculator-input-text-wrapper {
      flex: 1 1 0%;
    }
        
        .calculator-input-text-wrapper {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
        
        .calculator-input-text-wrapper {
      font-weight: 600;
    }
        
        .calculator-input-text-wrapper {
      line-height: 1.75rem;
    }
        
        .calculator-input-text-wrapper {
      letter-spacing: -0.18px;
    }
        
        .calculator-input-text-wrapper {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        .calculator-input {
      width: 100%;
    }
        
        .calculator-input {
      border-style: none;
    }
        
        .calculator-input {
      background-color: transparent;
    }
        
        .calculator-input {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
        
        .calculator-input {
      font-weight: 600;
    }
        
        .calculator-input {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        .calculator-input {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
        
        .calculator-input {
            letter-spacing: -0.18px;
        }
        
        /* Calculator dropdown styles*/
        .calculator-dropdown {
      display: flex;
    }
        .calculator-dropdown {
      width: 100%;
    }
        .calculator-dropdown {
      flex-direction: column;
    }
        .calculator-dropdown {
      align-items: flex-start;
    }
        .calculator-dropdown {
      justify-content: flex-start;
    }
        .calculator-dropdown {
      border-radius: 0.75rem;
    }
        .calculator-dropdown {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        .calculator-dropdown {
      padding-left: 1rem;
      padding-right: 1rem;
    }
        .calculator-dropdown {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
        .calculator-dropdown {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
        
        .calculator-dropdown-wrapper {
      position: relative;
    }
        
        .calculator-dropdown-wrapper {
      display: flex;
    }
        
        .calculator-dropdown-wrapper {
      width: 100%;
    }
        
        .calculator-dropdown-wrapper {
      align-items: center;
    }
        
        .calculator-dropdown-wrapper {
      justify-content: flex-start;
    }
        
        .calculator-dropdown-wrapper {
      gap: 0.5rem;
    }
        
        .calculator-dropdown-wrapper {
      border-radius: 0.25rem;
    }
        
        .calculator-dropdown-select {
      width: 100%;
    }
        
        .calculator-dropdown-select {
      cursor: pointer;
    }
        
        .calculator-dropdown-select {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }
        
        .calculator-dropdown-select {
      border-style: none;
    }
        
        .calculator-dropdown-select {
      background-color: transparent;
    }
        
        .calculator-dropdown-select {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
        
        .calculator-dropdown-select {
      font-weight: 600;
    }
        
        .calculator-dropdown-select {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        .calculator-dropdown-select {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
        
        .calculator-dropdown-select {
            letter-spacing: -0.18px;
        }
        
        .calculator-dropdown-icon {
      pointer-events: none;
    }
        
        .calculator-dropdown-icon {
      position: absolute;
    }
        
        .calculator-dropdown-icon {
      right: 0px;
    }
        
        .calculator-dropdown-icon {
      top: 50%;
    }
        
        .calculator-dropdown-icon {
      height: 1rem;
    }
        
        .calculator-dropdown-icon {
      width: 1rem;
    }
        
        .calculator-dropdown-icon {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
        
        .calculator-dropdown-icon {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
        
        .calculator-label-wrapper {
      display: flex;
    }
        
        .calculator-label-wrapper {
      width: 100%;
    }
        
        .calculator-label-wrapper {
      align-items: center;
    }
        
        .calculator-label-wrapper {
      justify-content: flex-start;
    }
        
        .calculator-label-wrapper {
      gap: 0.5rem;
    }
        
        .calculator-label-wrapper {
            
            .help-icon {
        height: 1rem;
      }
            
            .help-icon {
        width: 1rem;
      }
        }
       
        .calculator-radio-group {
      display: flex;
    }
       
        .calculator-radio-group {
      flex-direction: column;
    }
       
        .calculator-radio-group {
      gap: 1rem;
    }
        .calculator-radio-label {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        .calculator-radio-label {
      font-weight: 400;
    }
        .calculator-radio-label {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        .calculator-radio-options {
      display: flex;
    }
        
        .calculator-radio-options {
      align-items: stretch;
    }
        
        .calculator-radio-options {
      justify-content: flex-start;
    }
        
        .calculator-radio-options {
      gap: 1rem;
    }
        
        .calculator-radio-wrapper {
      display: flex;
    }
        
        .calculator-radio-wrapper {
      flex: 1 1 0%;
    }
        
        .calculator-radio-wrapper {
      cursor: pointer;
    }
        
        .calculator-radio-wrapper {
      flex-direction: column;
    }
        
        .calculator-radio-wrapper {
      align-items: flex-start;
    }
        
        .calculator-radio-wrapper {
      border-radius: 0.75rem;
    }
        
        .calculator-radio-wrapper {
      --tw-bg-opacity: 1;
      background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
    }
        
        .calculator-radio-wrapper {
      padding: 1rem;
    }
    }
    
    .search-button {
    display: flex;
  }
    
    .search-button {
    align-items: center;
  }
    
    .search-button {
    justify-content: center;
  }
    
    .search-button {
    gap: 0.375rem;
  }
    
    .search-button {
    border-radius: 9999px;
  }
    
    .search-button {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }
    
    .search-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
    
    .search-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
    
    .search-button {
    font-weight: 600;
  }
    
    .search-button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    
    .search-button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .search-button {
        background-color: #074482;
        letter-spacing: -0.16px;
        
        &:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
    }
         
        img {
      height: 1.25rem;
    }
         
        img {
      width: 1.25rem;
    } 
    }
    
    /* Date Selector Styles */
    .date-selector-wrapper {
    display: inline-block;
  }
    
    .date-selector-field {
    position: relative;
  }
    
    .date-selector-field {
    display: flex;
  }
    
    .date-selector-field {
    cursor: pointer;
  }
    
    .date-selector-field {
    align-items: center;
  }
    
    .date-selector-field {
    gap: 0.75rem;
  }
    
    .date-selector-field {
    border-radius: 9999px;
  }
    
    .date-selector-field {
    border-width: 2px;
  }
    
    .date-selector-field {
    border-color: transparent;
  }
    
    .date-selector-field {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }
    
    .date-selector-field {
    padding-left: 1rem;
    padding-right: 1rem;
  }
    
    .date-selector-field {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
    
    .date-selector-field {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
    
    .date-selector-field {
        min-width: 100px;
        
        &:focus-within,
        &.active {
      --tw-border-opacity: 1;
      border-color: rgb(10 92 173 / var(--tw-border-opacity, 1));
    }
    }
    
    .date-selector-icon {
    display: flex;
  }
    
    .date-selector-icon {
    flex-shrink: 0;
  }
    
    .date-selector-icon {
    align-items: center;
  }
    
    .date-selector-icon {
    justify-content: center;
  }
    
    .date-selector-icon {
        
        img {
      height: 1.25rem;
    }
        
        img {
      width: 1.25rem;
    }
        
        img {
      --tw-text-opacity: 1;
      color: rgb(7 68 130 / var(--tw-text-opacity, 1));
    }
    }
    
    .date-selector-content {
    position: relative;
  }
    
    .date-selector-content {
    flex: 1 1 0%;
  }
    
    .date-selector-input {
    position: absolute;
  }
    
    .date-selector-input {
    inset: 0px;
  }
    
    .date-selector-input {
    width: 100%;
  }
    
    .date-selector-input {
    cursor: pointer;
  }
    
    .date-selector-input {
    border-style: none;
  }
    
    .date-selector-input {
    background-color: transparent;
  }
    
    .date-selector-input {
    font-weight: 500;
  }
    
    .date-selector-input {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    .date-selector-input {
    opacity: 0;
  }
    
    .date-selector-input {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
    
    .date-selector-input {
        
        &::-webkit-calendar-picker-indicator {
      position: absolute;
    }
        
        &::-webkit-calendar-picker-indicator {
      left: 0px;
    }
        
        &::-webkit-calendar-picker-indicator {
      top: 0px;
    }
        
        &::-webkit-calendar-picker-indicator {
      height: 100%;
    }
        
        &::-webkit-calendar-picker-indicator {
      width: 100%;
    }
        
        &::-webkit-calendar-picker-indicator {
      cursor: pointer;
    }
        
        &::-webkit-calendar-picker-indicator {
      opacity: 0;
    }
        
        &:valid + .date-selector-placeholder {
            display:none;
        }
    }
    
    .date-selector-placeholder {
    pointer-events: none;
  }
    
    .date-selector-placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .date-selector-placeholder {
    font-weight: 500;
  }
    
    .date-selector-placeholder {
    --tw-text-opacity: 1;
    color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  }
    
    /* Date-specific form fields modifier */
    .form-fields--date {
    display: flex;
  }
    .form-fields--date {
    justify-content: center;
  }
    .form-fields--date {
        .date-selector-wrapper {
      position: relative;
    }
        .date-selector-wrapper {
      margin-left: auto;
      margin-right: auto;
    }
        .date-selector-wrapper {
      width: auto;
    }
        .date-selector-wrapper {
      flex: none;
    }
    }

    /* Date Picker Popup Styles */
    .date-picker-popup {
    position: absolute;
  }
    .date-picker-popup {
    top: 100%;
  }
    .date-picker-popup {
    left: 50%;
  }
    .date-picker-popup {
    z-index: 50;
  }
    .date-picker-popup {
    margin-top: 0.5rem;
  }
    .date-picker-popup {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    .date-picker-popup {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    .date-picker-popup {
    border-radius: 1rem;
  }
    .date-picker-popup {
    border-width: 1px;
  }
    .date-picker-popup {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
    .date-picker-popup {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    .date-picker-popup {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
    .date-picker-popup {
        min-width: 320px;
    }

    .date-picker-content {
    padding: 0px;
  }

    .date-picker-header {
    display: flex;
  }

    .date-picker-header {
    align-items: center;
  }

    .date-picker-header {
    justify-content: space-between;
  }

    .date-picker-header {
    padding: 1.25rem;
  }

    .date-picker-header {
    padding-bottom: 0px;
  }

    .date-picker-nav {
    display: flex;
  }

    .date-picker-nav {
    height: 2rem;
  }

    .date-picker-nav {
    width: 2rem;
  }

    .date-picker-nav {
    align-items: center;
  }

    .date-picker-nav {
    justify-content: center;
  }

    .date-picker-nav {
    border-radius: 9999px;
  }

    .date-picker-nav {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

    .date-picker-nav:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }

    .date-picker-nav {
        
        img {
      height: 1.25rem;
    }
        
        img {
      width: 1.25rem;
    }
    }

    .date-picker-month {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

    .date-picker-month {
    font-weight: 600;
  }

    .date-picker-month {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }

    .date-picker-actions {
    display: flex;
  }

    .date-picker-actions {
    align-items: flex-start;
  }

    .date-picker-actions {
    gap: 0.75rem;
  }

    .date-picker-actions {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

    .date-picker-actions {
    padding-bottom: 0.75rem;
  }

    .date-input-field {
    flex: 1 1 0%;
  }

    .date-input-field {
        
        input {
      width: 100%;
    }
        
        input {
      border-radius: 0.25rem;
    }
        
        input {
      border-width: 1px;
    }
        
        input {
      --tw-border-opacity: 1;
      border-color: rgb(164 167 174 / var(--tw-border-opacity, 1));
    }
        
        input {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
        
        input {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
        
        input {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
        
        input {
      font-size: 1rem;
      line-height: 1.5rem;
    }
        
        input {
      font-weight: 400;
    }
        
        input {
      --tw-text-opacity: 1;
      color: rgb(24 29 39 / var(--tw-text-opacity, 1));
    }
        
        input {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
        
        input:focus {
      --tw-border-opacity: 1;
      border-color: rgb(7 68 130 / var(--tw-border-opacity, 1));
    }
        
        input:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    }

    .today-button {
    border-radius: 9999px;
  }

    .today-button {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }

    .today-button {
    padding-left: 1rem;
    padding-right: 1rem;
  }

    .today-button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

    .today-button {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

    .today-button {
    font-weight: 600;
  }

    .today-button {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }

    .today-button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

    .today-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(208 228 247 / var(--tw-bg-opacity, 1));
  }

    .date-picker-calendar {
    display: grid;
  }

    .date-picker-calendar {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

    .date-picker-calendar {
    gap: 0px;
  }

    .date-picker-calendar {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

    .date-picker-calendar {
    padding-bottom: 1rem;
  }

    .calendar-day-header {
    display: flex;
  }

    .calendar-day-header {
    height: 2.5rem;
  }

    .calendar-day-header {
    width: 2.5rem;
  }

    .calendar-day-header {
    align-items: center;
  }

    .calendar-day-header {
    justify-content: center;
  }

    .calendar-day-header {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

    .calendar-day-header {
    font-weight: 500;
  }

    .calendar-day-header {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }

    .calendar-date {
    display: flex;
  }

    .calendar-date {
    height: 2.5rem;
  }

    .calendar-date {
    width: 2.5rem;
  }

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

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

    .calendar-date {
    border-radius: 9999px;
  }

    .calendar-date {
    position: relative;
  }

    .calendar-date {
    cursor: pointer;
  }

    .calendar-date {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

    .calendar-date {
    font-weight: 400;
  }

    .calendar-date {
    --tw-text-opacity: 1;
    color: rgb(65 70 81 / var(--tw-text-opacity, 1));
  }

    .calendar-date {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

    .calendar-date:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }

    .calendar-date {
        
        &.prev-month {
      --tw-text-opacity: 1;
      color: rgb(113 118 128 / var(--tw-text-opacity, 1));
    }
        
        &.next-month {
      cursor: pointer;
    }
        
        &.next-month {
      --tw-text-opacity: 1;
      color: rgb(113 118 128 / var(--tw-text-opacity, 1));
    }
        
        &.next-month {
            
            &:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
      }
        }
        
        &.selected {
      --tw-bg-opacity: 1;
      background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
    }
        
        &.selected {
      font-weight: 500;
    }
        
        &.selected {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
        
        &.today {
      --tw-bg-opacity: 1;
      background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    }
        
        &.today {
      font-weight: 500;
    }
        
        &.today {
      --tw-text-opacity: 1;
      color: rgb(37 43 55 / var(--tw-text-opacity, 1));
    }
        
        &.disabled {
      cursor: not-allowed;
    }
        
        &.disabled {
      --tw-text-opacity: 1;
      color: rgb(213 215 218 / var(--tw-text-opacity, 1));
    }
        
        &.disabled {
            
            &:hover {
        background-color: transparent;
      }
        }
        
        &.has-dot::after {
            content: '';
        }
        
        &.has-dot::after {
      position: absolute;
    }
        
        &.has-dot::after {
      bottom: 0.25rem;
    }
        
        &.has-dot::after {
      left: 50%;
    }
        
        &.has-dot::after {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
        
        &.has-dot::after {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
        
        &.has-dot::after {
      height: 0.375rem;
    }
        
        &.has-dot::after {
      width: 0.375rem;
    }
        
        &.has-dot::after {
      border-radius: 9999px;
    }
        
        &.has-dot::after {
      --tw-bg-opacity: 1;
      background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
    }
    }

    .date-picker-bottom {
    display: flex;
  }

    .date-picker-bottom {
    gap: 0.75rem;
  }

    .date-picker-bottom {
    border-top-width: 1px;
  }

    .date-picker-bottom {
    --tw-border-opacity: 1;
    border-color: rgb(213 215 218 / var(--tw-border-opacity, 1));
  }

    .date-picker-bottom {
    padding: 1rem;
  }

    /* Time Selection Styles */
    .time-selection-section {
    margin-top: 1.5rem;
  }
    .time-selection-section {
    display: flex;
  }
    .time-selection-section {
    flex-direction: column;
  }
    .time-selection-section {
    gap: 4rem;
  }
    .time-selection-section > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }


    .time-selection-group {
    flex-direction: column;
  }


    .time-selection-group {
        
        .calculator-radio-label {
      margin-bottom: 1rem;
    }
    }

    .calculator-radio-options.time-options-grid {
    display: grid;
  }

    .calculator-radio-options.time-options-grid {
    width: 100%;
  }

    .calculator-radio-options.time-options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

    .calculator-radio-options.time-options-grid {
    gap: 1rem;
  }

    .calculator-radio-options.time-options-grid {
        
        .calculator-radio-wrapper {
      border-radius: 0.75rem;
    }
        
        .calculator-radio-wrapper {
      border-width: 2px;
    }
        
        .calculator-radio-wrapper {
      border-color: transparent;
    }
        
        .calculator-radio-wrapper {
      --tw-bg-opacity: 1;
      background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
    }
        
        .calculator-radio-wrapper {
      padding: 1rem;
    }
        
        .calculator-radio-wrapper {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
        
        .calculator-radio-wrapper {
      transition-duration: 200ms;
    }
        
        .calculator-radio-wrapper {
            
            &:has(input[type="radio"]:checked) {
        --tw-border-opacity: 1;
        border-color: rgb(10 92 173 / var(--tw-border-opacity, 1));
      }
            
            &:has(input[type="radio"]:checked) {
        --tw-bg-opacity: 1;
        background-color: rgb(240 246 252 / var(--tw-bg-opacity, 1));
      }
        }
        
        .calculator-radio-content {
      justify-content: center;
    }
        
        .calculator-radio-text {
      text-align: center;
    }
    }

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

    .cancel-button {
    border-radius: 9999px;
  }

    .cancel-button {
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  }

    .cancel-button {
    padding-left: 1rem;
    padding-right: 1rem;
  }

    .cancel-button {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

    .cancel-button {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

    .cancel-button {
    font-weight: 600;
  }

    .cancel-button {
    --tw-text-opacity: 1;
    color: rgb(0 7 13 / var(--tw-text-opacity, 1));
  }

    .cancel-button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

    .cancel-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(208 228 247 / var(--tw-bg-opacity, 1));
  }

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

    .apply-button {
    border-radius: 9999px;
  }

    .apply-button {
    --tw-bg-opacity: 1;
    background-color: rgb(7 68 130 / var(--tw-bg-opacity, 1));
  }

    .apply-button {
    padding-left: 1rem;
    padding-right: 1rem;
  }

    .apply-button {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

    .apply-button {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

    .apply-button {
    font-weight: 600;
  }

    .apply-button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

    .apply-button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

    .apply-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 58 117 / var(--tw-bg-opacity, 1));
  }
    .selected-date-display {
    display: flex;
  }
    .selected-date-display {
    align-items: flex-start;
  }
    .selected-date-display {
    gap: 0.5rem;
  }
    .selected-date-display{
        .date-chip-icon {
      height: 1.5rem;
    }
        .date-chip-icon {
      width: 1.5rem;
    }
        .date-chip-text{
           
        }
    }
}

/* Funnel Form Mobile Styles */
@media (max-width: 960px) {
    .funnel-form {
    padding-top: 4rem;
    padding-bottom: 6rem;

        .back-button{
            display: none;
        }
        .back-button-mobile {
      position: absolute;
    }
        .back-button-mobile {
      top: -0.75rem;
    }
        .back-button-mobile {
      left: 0px;
    }
        .back-button-mobile {
      display: flex;
    }
        .back-button-mobile {
      height: 2.5rem;
    }
        .back-button-mobile {
      width: 2.5rem;
    }
        .back-button-mobile {
      align-items: center;
    }
        .back-button-mobile {
      justify-content: center;
    }
        .back-button-mobile {
      border-radius: 9999px;
    }
        .back-button-mobile {
      --tw-bg-opacity: 1;
      background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
    }
        .property-form-section {
      gap: 2rem;
    }
  }
    
    .funnel-form .content-block {
    width: 100%;
    gap: 3rem;
    border-radius: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
        max-width: 100%;
  }
    
    .funnel-form .form-wrapper {
    width: 100%;
    gap: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
    
    .funnel-form .section-header {
    gap: 1rem;
  }
    
    .funnel-form .section-kicker {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
   
    
    .funnel-form .section-title {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.48px;
  }
    
    .funnel-form .section-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
    
    .funnel-form .selection-area {
    gap: 0.75rem;
  }
    
    .funnel-form .question-card {
    gap: 0.25rem;
    border-radius: 1rem;
    padding: 1.5rem;
  }
    
    .funnel-form .question-content {
    gap: 1rem;
  }
    
    .funnel-form .question-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
    
    .funnel-form .button-arrow {
    height: 2.5rem;
    width: 2.5rem;
  }
    
    .funnel-form .back-button {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    gap: 0.25rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
    
    .funnel-form .arrow-left-wrapper {
    height: 1.25rem;
    width: 1.25rem;
  }
    
    .funnel-form .icon-wrapper {
    height: 1rem;
    width: 1rem;
  }
    
    .funnel-form .button-text {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* Tooltip Styles*/
.help-icon {
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.help-icon:hover {
    opacity: 0.7;
}

.tooltip {
    position: absolute;
    z-index: 1000;
    background: #002952 !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    max-width: 280px !important;
    width: -moz-max-content !important;
    width: max-content !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    pointer-events: none;
}

.tooltip::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left:-5px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #002952;
}

.tooltip.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.input-error-icon {
  right: 3rem;
  top: 50%;
  z-index: 10;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
    position: absolute;
    right: 0px; /* Account for dropdown arrow */
}

.calculator-dropdown-wrapper .input-error-icon {
    right: 20px; /* Account for dropdown arrow */
}

.input-error-icon img {
  height: 1rem;
  width: 1rem;
}

.input-error-message {
    margin-top: 10px;
    color: #dc2626;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
.error{
    border: 1px solid #dc2626; 
}

/* Ensure input wrapper has relative positioning */
.calculator-input-text-wrapper {
    position: relative;
}

.calculator-dropdown-wrapper {
    position: relative;
}

/* Enhanced Mobile Popup Form Styles */
.mobile-popup-content .mortgage-form {
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
    display: flex !important;
    flex-direction: column;
   /* gap: 20px;*/
   /* background-color: #e1edfa;*/
   /* border-radius: 24px;*/
   /* padding: 32px;*/
   /* display: flex;*/
   /* flex-direction: column;*/
   /* gap: 48px;*/
}

.mobile-popup-content .form-section {
    margin-bottom: 0;
}

.mobile-popup-content .form-section-title {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}

.mobile-popup-content .field_wrap,
.mobile-popup-content .form-dropdown {
    margin-bottom: 15px;
}

.mobile-popup-content .form-radio-group,
.mobile-popup-content .checkbox-group {
    margin-bottom: 15px;
    background: white;
    border-radius: 12px;
    padding: 16px;
}

.mobile-popup-content .radio-options {
  display: flex;
  gap: 1rem;
}

.mobile-popup-content .radio-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}


.mobile-popup-content .sidebar-update-btn {
    display: none; /* Hidden since we use bottom actions */
}

/* Conditional field visibility for mobile */
.mobile-popup-content .field_wrap[style*="display: none"],
.mobile-popup-content .form-radio-group[style*="display: none"],
.mobile-popup-content .checkbox-group[style*="display: none"],
.mobile-popup-content .form-dropdown[style*="display: none"] {
    display: none !important;
}

/* Error state styling for mobile */
.mobile-popup-content .form-field.error {
    border-color: #dc2626;
}

.mobile-popup-content .input-error-message {
    color: #dc2626;
    font-size: 14px;
    margin-top: 5px;
    display: none;
}

.mobile-popup-content .input-error-icon {
    display: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: #dc2626;
}

/* Mobile popup header improvements */
.mobile-popup-header {
   
}

/* Enhanced mobile form field styling */
.mobile-popup-content .form-input {
  position: relative;
}

.mobile-popup-content .form-content {
  position: relative;
  display: flex;
  align-items: center;
}

.mobile-popup-content .form-currency {
  margin-right: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
}

.mobile-popup-content .form-input-field {
  flex: 1 1 0%;
  border-style: none;
  background-color: transparent;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
    letter-spacing: -0.18px;
}

/* Mobile popup actions styling */
.mobile-popup-actions {
  display: flex;
  gap: 1rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.mobile-popup-actions .popup-btn-close {
   /* @apply flex-1;*/
}

/* Mobile/Desktop edit button visibility */
@media (min-width: 768px) {

  .mobile-edit-block {
    display: none;
  }
}
.mobile-edit-block { /* Hide on desktop */
}

/* Ensure desktop edit button is visible on desktop */
@media (min-width: 769px) {
    .mobile-edit-block {
        display: none !important;
    }
}

/* Info Modal Styles */
.info-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999; 
    align-items: center;
    justify-content: center;
    padding: 32px;
    
    &.active {
        display: flex;
    }
}

.info-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(10, 13, 18, 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.info-modal-container {
    position: relative;
    background: #ffffff;
    border-radius: 16px;
    max-width: 400px;
    width: 100%;
    box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08),
                0px 8px 8px -4px rgba(10, 13, 18, 0.03),
                0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    overflow: hidden;
}

.info-modal-header {
    position: relative;
    padding: 24px 24px 0 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info-modal-icon {
    width: 48px;
    height: 48px;
    background: #e1edfa;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    
    img {
        width: 24px;
        height: 24px;
    }
}

.info-modal-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #181d27;
    letter-spacing: -0.48px;
    margin: 0;
}

.info-modal-close-x {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px;
    transition: background-color 0.2s;
    
    &:hover {
        background: rgba(0, 0, 0, 0.05);
    }
    
    svg {
        width: 24px;
        height: 24px;
    }
}

.info-modal-content {
    padding: 0 24px;
    padding-top: 32px;
    flex: 1;
    overflow-y: auto;
    
    p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #535862;
        margin: 0 0 14px 0;
        
        &:last-child {
            margin-bottom: 0;
        }
    }
    
    .info-modal-link {
        color: #0a5cad;
        text-decoration: underline;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
                text-decoration-skip-ink: none;
        
        &:hover {
            color: #074482;
        }
    }
}

.info-modal-actions {
    padding: 32px 24px 24px 24px;
    display: flex;
    gap: 12px;
}

.info-modal-close-btn {
    flex: 1;
    background: #074482;
    color: #ffffff;
    border: none;
    border-radius: 9999px;
    padding: 16px 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.16px;
    cursor: pointer;
    transition: background-color 0.2s;
    
    &:hover {
        background: #063a75;
    }
    
    &:active {
        background: #052d5a;
    }
}

/* Prevent body scroll when modal is open */
body.modal-open {
    overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .info-modal {
        padding: 16px;
    }
    
    .info-modal-container {
        max-height: 95vh;
    }
    
    .info-modal-header {
        padding: 20px 20px 0 20px;
    }
    
    .info-modal-content {
        padding: 0 20px;
        padding-top: 24px;
    }
    
    .info-modal-actions {
        padding: 24px 20px 20px 20px;
    }
}
.hover\:bg-\[\#002952\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 41 82 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#063a73\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 58 115 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#063a75\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 58 117 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1a3a6b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 58 107 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#6ba3d8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 163 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d0e4f7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(208 228 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d4e9f9\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(212 233 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#e1edfa\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225 237 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:text-brand-blue:hover {
  --tw-text-opacity: 1;
  color: rgb(0 41 82 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:border-\[\#074482\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(7 68 130 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 768px) {

  .md\:hidden {
    display: none;
  }
}
@media (min-width: 1024px) {

  .lg\:hidden {
    display: none;
  }
}