/* ==========================================================================
   Homepage-2026 Dedicated Stylesheet
   Responsive Breakpoints: 1024px, 1200px, 1366px, 1440px, 1920px, 2K/4K (2560px+)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Base & Reset
   -------------------------------------------------------------------------- */
.homepage-2026 {
  color: #1b263b;
  overflow-x: hidden;
}

.homepage-2026 h1,
.homepage-2026 h2,
.homepage-2026 h3,
.homepage-2026 h4,
.homepage-2026 h5,
.homepage-2026 h6 {
  color: #002248;
  font-weight: 700;
  line-height: 1.25;
}

.homepage-2026 p {
  line-height: 1.6;
}

.homepage-2026 .sub-badge {
  font-size: 0.9rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0072d6;
  font-weight: 700;
  margin-bottom: 0.75rem;
  display: inline-block;
}

/* --------------------------------------------------------------------------
   Header Homepage 2026 (Original Look & Old Type Sticky)
   -------------------------------------------------------------------------- */
.wrapper-header,
.wrapper-header.homepage-2026-header,
.sticky-container,
.site-header,
.site-header.homepage-2026-header,
.sticky.site-header,
.site-header.sticky,
.site-header.is-at-top,
.site-header.is-stuck,
.site-navigation.top-bar,
.site-header .container,
.site-header .row,
.site-header .col-12,
.site-header .top-bar,
.site-header .top-bar-left,
.site-header .top-bar-right,
.site-header .top-bar ul,
.site-header .top-bar .menu,
.site-header .top-bar .desktop-menu,
.site-header .top-bar .menu>li,
.site-header .top-bar .menu>li>a {
  background-color: #f4f8fd !important;
  background: #f4f8fd !important;
}

.wrapper-header,
.wrapper-header.homepage-2026-header {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
}

.site-header,
.site-header.homepage-2026-header {
  width: 98% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 16px !important;
  border: 1px solid #dce9f8 !important;
  box-shadow: none !important;
  top: 0 !important;
  position: relative !important;
}

.sticky.site-header,
.site-header.sticky,
.site-header.is-stuck {
  position: fixed !important;
  top: 0 !important;
  width: 98% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  z-index: 9999 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.admin-bar .site-header,
.admin-bar .site-header.homepage-2026-header,
.admin-bar .sticky.site-header,
.admin-bar .site-header.sticky,
.admin-bar .site-header.is-stuck {
  top: 32px !important;
}

@media screen and (max-width: 782px) {

  .admin-bar .site-header,
  .admin-bar .site-header.homepage-2026-header,
  .admin-bar .sticky.site-header,
  .admin-bar .site-header.sticky,
  .admin-bar .site-header.is-stuck {
    top: 46px !important;
  }
}

/* Header Logo (Original / Old Type LendingUSA Logo) */
.site-header.homepage-2026-header .top-bar-left,
.site-header .top-bar .top-bar-left {
  display: flex !important;
  align-items: center !important;
}

.site-header.homepage-2026-header .top-bar-title,
.site-header .top-bar .top-bar-title {
  background: url(../../dist/assets/images/logo_new.svg) 0 30% no-repeat !important;
  background-size: 200px !important;
  height: 49px !important;
  width: 200px !important;
  margin-right: 0 !important;
}

@media screen and (min-width: 75em) {

  .site-header.homepage-2026-header .top-bar-title,
  .site-header .top-bar .top-bar-title {
    background-size: 235px !important;
    width: 235px !important;
  }
}

.site-header.homepage-2026-header .top-bar-title a,
.site-header .top-bar .top-bar-title a {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  text-indent: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  background: transparent !important;
}

.site-header .top-bar .menu>li.is-active>a,
.site-header .top-bar .menu>li.current-menu-item>a,
.site-header .top-bar .menu a:hover {
  background-color: #ecf5ff !important;
  background: #ecf5ff !important;
}

/* Header Right: Phone */
.site-header .top-bar-right a.phone {
  color: #172026 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}

/* Header Right: Make A Payment */
.site-header .top-bar-right a.mkpayment {
  color: #172026 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}

/* Header Right: Login Link & Dropdown Hover Continuity Fix */
.site-header .top-bar-right .sub-menu-new,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new {
  position: relative !important;
  margin-right: 1.25rem !important;
}

.site-header .top-bar-right .sub-menu-new .btn-secondary,
.site-header .top-bar-right .sub-menu-new .header-login-link,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new .btn-secondary,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new .header-login-link {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #172026 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 0 !important;
  line-height: inherit !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
}

.site-header .top-bar-right .sub-menu-new .btn-secondary:hover,
.site-header .top-bar-right .sub-menu-new .header-login-link:hover,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new .btn-secondary:hover,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new .header-login-link:hover {
  background: transparent !important;
  color: #0052ea !important;
}

/* Invisible Bridge from Login trigger downwards to eliminate hover gap */
.site-header .top-bar-right .sub-menu-new::after,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new::after {
  content: "" !important;
  position: absolute !important;
  top: 100% !important;
  left: -30px !important;
  width: calc(100% + 200px) !important;
  height: 55px !important;
  background: transparent !important;
  display: none !important;
  z-index: 99998 !important;
}

.site-header .top-bar-right .sub-menu-new:hover::after,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new:hover::after {
  display: block !important;
}

/* Ensure Dropdown is visible and stays open when hovering trigger or dropdown, or when toggled open on touch/mobile */
.site-header .top-bar-right .sub-menu-new:hover .sub-login-sec ul,
.site-header .top-bar-right .sub-menu-new .sub-login-sec:hover ul,
.site-header .top-bar-right .sub-login-sec ul:hover,
.site-header .top-bar-right .sub-login-sec.is-open ul,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new:hover .sub-login-sec ul,
.site-header.homepage-2026-header .top-bar-right .sub-menu-new .sub-login-sec:hover ul,
.site-header.homepage-2026-header .top-bar-right .sub-login-sec ul:hover,
.site-header.homepage-2026-header .top-bar-right .sub-login-sec.is-open ul,
.sub-login-sec.is-open ul {
  display: block !important;
}

/* Dropdown list styling and invisible upward bridge */
.site-header .top-bar-right .sub-login-sec ul,
.site-header.homepage-2026-header .top-bar-right .sub-login-sec ul {
  z-index: 99999 !important;
}

.site-header .top-bar-right .sub-login-sec ul::before,
.site-header.homepage-2026-header .top-bar-right .sub-login-sec ul::before {
  content: "" !important;
  position: absolute !important;
  top: -45px !important;
  left: -30px !important;
  width: calc(100% + 60px) !important;
  height: 55px !important;
  background: transparent !important;
  display: block !important;
  z-index: 1 !important;
}

.site-header .top-bar-right .sub-login-sec ul li,
.site-header .top-bar-right .sub-login-sec ul li a,
.site-header.homepage-2026-header .top-bar-right .sub-login-sec ul li,
.site-header.homepage-2026-header .top-bar-right .sub-login-sec ul li a {
  position: relative !important;
  z-index: 2 !important;
}

/* Header Primary Button */
.site-header .top-bar-right .btn-primary {
  background-color: #0052ea !important;
  border-color: #0052ea !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.site-header .top-bar-right .btn-primary:hover,
.site-header .top-bar-right .btn-primary:focus {
  background-color: #00379b !important;
  border-color: #00379b !important;
}

/* Header Navigation Links: Merchants & Borrowers */
.site-header.homepage-2026-header .homepage-2026-nav,
.site-header .top-bar-right .homepage-2026-nav,
ul.homepage-2026-nav,
.homepage-2026-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  gap: 16px !important;
  margin: 0 1.25rem 0 1.5rem !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-header.homepage-2026-header .homepage-2026-nav>.menu-item,
.site-header .top-bar-right .homepage-2026-nav>.menu-item,
.homepage-2026-nav>.menu-item {
  position: static !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.site-header.homepage-2026-header .homepage-2026-nav>.menu-item>a,
.site-header .top-bar-right .homepage-2026-nav>.menu-item>a,
.homepage-2026-nav>.menu-item>a,
.homepage-2026-nav>.menu-item>a.nav-top-link {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #1b263b !important;
  text-decoration: none !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;
  background: transparent !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: none !important;
}

.homepage-2026-nav>.menu-item:hover>a.nav-top-link,
.homepage-2026-nav>.menu-item.active>a.nav-top-link,
.homepage-2026-nav>.menu-item.is-open>a.nav-top-link {
  color: #0056fb !important;
}

/* Active / Hover indicator blue bar under Nav Item */
.homepage-2026-nav>.menu-item:hover>a.nav-top-link::after,
.homepage-2026-nav>.menu-item.active>a.nav-top-link::after,
.homepage-2026-nav>.menu-item.is-open>a.nav-top-link::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background-color: #0056fb !important;
  border-radius: 2px !important;
}

/* ==========================================================================
   SUB MENU DROPDOWN (Mega Menu - Matching Screenshot Exactly)
   ========================================================================== */

.site-header.homepage-2026-header .header-container,
.site-header.homepage-2026-header .container,
.site-header.homepage-2026-header .row,
.site-header.homepage-2026-header .col-12,
.site-header.homepage-2026-header .site-navigation,
.site-header.homepage-2026-header .top-bar,
.site-header.homepage-2026-header .top-bar-left,
.site-header.homepage-2026-header .top-bar-right,
.site-header.homepage-2026-header .homepage-2026-nav,
.site-header.homepage-2026-header .homepage-2026-nav>li,
.site-header.homepage-2026-header .homepage-2026-nav>.menu-item,
.site-header.homepage-2026-header .homepage-2026-nav>.has-mega-menu,
.site-header.homepage-2026-header .homepage-2026-nav>.merchant-mega-menu-item,
.site-header.homepage-2026-header .homepage-2026-nav>.borrowers-menu-item {
  position: static !important;
}

/* When Mega Menu is Open: remove bottom border-radius from header top card so it seamlessly connects with dropdown */
.site-header.homepage-2026-header.mega-menu-open,
.site-header.homepage-2026-header.mega-menu-active,
.site-header.homepage-2026-header.menu-open,
.site-header.homepage-2026-header:has(.merchant-mega-menu-dropdown.is-open),
.site-header.homepage-2026-header:has(.merchant-mega-menu-dropdown:hover),
.site-header.homepage-2026-header:has(.homepage-2026-nav > .menu-item:hover) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 16px 16px 0 0 !important;
}

/* Sub Menu Hidden by default - Perfectly Aligned 1:1 with Header Outer Borders */
.merchant-mega-menu-dropdown {
  display: none;
  position: absolute !important;
  top: 100% !important;
  margin-top: -1px !important;
  left: -1px !important;
  right: -1px !important;
  width: calc(100% + 2px) !important;
  background-color: #f4f8fd !important;
  background: #f4f8fd !important;
  border-left: 1px solid #dce9f8 !important;
  border-right: 1px solid #dce9f8 !important;
  border-bottom: 1px solid #dce9f8 !important;
  border-top: 1px solid #dce7f5 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
  box-shadow: none !important;
  z-index: 99999 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Open Sub Menu on Hover or when is-open */
.merchant-mega-menu-dropdown.is-open,
.site-header.homepage-2026-header .merchant-mega-menu-dropdown.is-open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.mega-menu-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  box-sizing: border-box !important;
}

@media screen and (min-width: 1920px) {
  .mega-menu-container {
    max-width: 100% !important;
    padding: 0 3.5rem !important;
  }
}

.mega-menu-grid {
  display: grid !important;
  grid-template-columns: 28.5% 47.5% 24% !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

/* Column 1: MERCHANTS */
.mega-col-merchants {
  padding: 32px 32px 36px 36px !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}

.mega-subgrid-2col {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 1.25rem !important;
}

/* Column 2: INDUSTRIES / MEDICAL / PET */
.mega-col-industries {
  padding: 32px 32px 36px 32px !important;
  border-left: 1px solid #dce7f5 !important;
  border-right: 1px solid #dce7f5 !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}

.mega-subgrid-4col {
  display: grid !important;
  grid-template-columns: 1.05fr 1.05fr 1.25fr 0.85fr !important;
  gap: 1rem !important;
}

/* Column 3: CRYPTOLENDING PROMO CARD */
.mega-col-promo {
  padding: 32px 36px 36px 32px !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}

/* Category Uppercase Headers */
.mega-cat-header {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  color: #0062f5 !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
  height: 18px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
}

.mega-cat-header-blank {
  visibility: hidden !important;
}

.mega-subcol {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}

/* Mega Menu Item Links */
.mega-item {
  display: inline-block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1b263b !important;
  text-decoration: none !important;
  padding: 5px 12px !important;
  margin-left: -12px !important;
  border-radius: 6px !important;
  background: transparent !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
  white-space: nowrap !important;
  width: fit-content !important;
}

.mega-item:hover,
.mega-item:focus,
.mega-item.active,
.mega-item.is-active,
.mega-item.active-pill-item {
  color: #0052ea !important;
  background-color: #e2f0fe !important;
  background: #e2f0fe !important;
  text-decoration: none !important;
  border-radius: 6px !important;
}

/* NEW Badge tag next to CryptoLending */
.badge-new {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #0052ea !important;
  background-color: #dbeeff !important;
  background: #dbeeff !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  margin-left: 6px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  letter-spacing: 0.5px !important;
}

/* Promo Card Section */
.mega-col-promo .mega-promo-title {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #002248 !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.2px !important;
  white-space: normal !important;
  word-break: normal !important;
  display: block !important;
  width: 100% !important;
}

.mega-col-promo .mega-promo-text {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #475569 !important;
  margin-bottom: 18px !important;
  white-space: normal !important;
  word-break: normal !important;
  display: block !important;
  width: 100% !important;
}

.mega-promo-btn,
.mega-col-promo .mega-promo-btn {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  text-align: center !important;
  background-color: #0056fb !important;
  background: #0056fb !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 24px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.mega-promo-btn:hover,
.mega-col-promo .mega-promo-btn:hover {
  background-color: #0043c7 !important;
  background: #0043c7 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS (1024px, 1200px, 1366px, 1440px, 1920px, 2K/4K)
   ========================================================================== */

/* Breakpoint 1: 1024px to 1199px (Tablet Landscape / Small Laptop) */
@media screen and (min-width: 1024px) and (max-width: 1199px) {

  .site-header.homepage-2026-header .header-container,
  .mega-menu-container {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav,
  .site-header .top-bar-right .homepage-2026-nav,
  .homepage-2026-nav {
    gap: 16px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 0.75rem !important;
  }

  .homepage-2026-nav>.menu-item>a.nav-top-link {
    font-size: 14.5px !important;
  }

  .site-header.homepage-2026-header .top-bar-right {
    gap: 1.1rem !important;
  }

  .site-header .top-bar-right a.phone,
  .site-header .top-bar-right a.mkpayment,
  .site-header .top-bar-right .header-login-link {
    font-size: 13.5px !important;
  }

  .site-header .top-bar-right .btn-primary {
    padding: 8px 16px !important;
    font-size: 13.5px !important;
  }

  .merchant-mega-menu-dropdown {
    padding: 22px 0 26px 0 !important;
  }

  .mega-column {
    padding: 0 16px !important;
  }

  .mega-subgrid-2col {
    gap: 12px !important;
  }

  .mega-subgrid-4col {
    gap: 10px !important;
  }

  .mega-item {
    font-size: 13px !important;
    padding: 3px 6px !important;
  }

  .mega-col-promo .mega-promo-title {
    font-size: 15.5px !important;
  }

  .mega-col-promo .mega-promo-text {
    font-size: 12.5px !important;
  }

  .mega-col-promo .mega-promo-btn {
    font-size: 13px !important;
    padding: 8px 16px !important;
  }
}

/* Breakpoint 2: 1200px to 1365px (Standard Laptops) */
@media screen and (min-width: 1200px) and (max-width: 1365px) {

  .site-header.homepage-2026-header .header-container,
  .mega-menu-container {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav,
  .site-header .top-bar-right .homepage-2026-nav,
  .homepage-2026-nav {
    gap: 16px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 1rem !important;
  }

  .homepage-2026-nav>.menu-item>a.nav-top-link {
    font-size: 15px !important;
  }

  .site-header.homepage-2026-header .top-bar-right {
    gap: 1.4rem !important;
  }

  .mega-column {
    padding: 0 20px !important;
  }

  .mega-subgrid-2col {
    gap: 16px !important;
  }

  .mega-subgrid-4col {
    gap: 14px !important;
  }

  .mega-item {
    font-size: 13.5px !important;
  }

  .mega-col-promo .mega-promo-title {
    font-size: 16.5px !important;
  }
}

/* Breakpoint 3: 1366px to 1439px (HD Laptops) */
@media screen and (min-width: 1366px) and (max-width: 1439px) {

  .site-header.homepage-2026-header .header-container,
  .mega-menu-container {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav,
  .site-header .top-bar-right .homepage-2026-nav,
  .homepage-2026-nav {
    gap: 16px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 1.25rem !important;
  }

  .mega-column {
    padding: 0 22px !important;
  }

  .mega-item {
    font-size: 14px !important;
  }

  .mega-col-promo .mega-promo-title {
    font-size: 17px !important;
  }
}

/* Breakpoint 4: 1440px to 1919px (Standard Desktop & Full HD) */
@media screen and (min-width: 1440px) and (max-width: 1919px) {

  .site-header.homepage-2026-header .header-container,
  .mega-menu-container {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav,
  .site-header .top-bar-right .homepage-2026-nav,
  .homepage-2026-nav {
    gap: 16px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 1.5rem !important;
  }

  .mega-column {
    padding: 0 26px !important;
  }

  .mega-item {
    font-size: 14px !important;
  }

  .mega-col-promo .mega-promo-title {
    font-size: 18px !important;
  }
}

/* Breakpoint 5: 1920px to 2559px (Full HD / 2K Large Monitors) */
@media screen and (min-width: 1920px) and (max-width: 2559px) {

  .site-header.homepage-2026-header .header-container,
  .mega-menu-container {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav,
  .site-header .top-bar-right .homepage-2026-nav,
  .homepage-2026-nav {
    gap: 16px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 1.75rem !important;
  }

  .homepage-2026-nav>.menu-item>a.nav-top-link {
    font-size: 17px !important;
  }

  .mega-item {
    font-size: 15px !important;
  }

  .mega-cat-header {
    font-size: 13px !important;
  }

  .mega-col-promo .mega-promo-title {
    font-size: 19.5px !important;
  }

  .mega-col-promo .mega-promo-text {
    font-size: 14.5px !important;
  }
}

/* Breakpoint 6: 2560px+ (4K Displays) */
@media screen and (min-width: 2560px) {

  .site-header.homepage-2026-header .header-container,
  .mega-menu-container {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .homepage-2026-nav {
    gap: 1.85rem !important;
    margin-left: 3rem !important;
  }

  .homepage-2026-nav>.menu-item>a.nav-top-link {
    font-size: 19px !important;
  }

  .site-header .top-bar-right a.phone,
  .site-header .top-bar-right a.mkpayment,
  .site-header .top-bar-right .header-login-link {
    font-size: 18px !important;
  }

  .site-header .top-bar-right .btn-primary {
    font-size: 18px !important;
    padding: 12px 32px !important;
  }

  .merchant-mega-menu-dropdown {
    padding: 44px 0 48px 0 !important;
  }

  .mega-cat-header {
    font-size: 14px !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 22px !important;
  }

  .mega-item {
    font-size: 16.5px !important;
    padding: 6px 12px !important;
  }

  .mega-col-promo .mega-promo-title {
    font-size: 22px !important;
  }

  .mega-col-promo .mega-promo-text {
    font-size: 16px !important;
  }

  .mega-col-promo .mega-promo-btn {
    font-size: 16.5px !important;
    padding: 12px 28px !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile Off-Canvas Action Buttons Fix (Get Started, Merchant Login, Borrower Login)
   -------------------------------------------------------------------------- */
.mobile-off-canvas-menu .off-canvas-actions,
.off-canvas .off-canvas-actions {
  margin-top: 24px !important;
  padding: 0 16px 24px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.mobile-off-canvas-menu .off-canvas-actions .btn,
.off-canvas .off-canvas-actions .btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
}

.mobile-off-canvas-menu .off-canvas-actions .btn-primary,
.mobile-off-canvas-menu .off-canvas-actions a.btn-primary,
.off-canvas .off-canvas-actions .btn-primary,
.off-canvas .off-canvas-actions a.btn-primary {
  background-color: #0056fb !important;
  border: 1.5px solid #0056fb !important;
  color: #ffffff !important;
}

.mobile-off-canvas-menu .off-canvas-actions .btn-primary:hover,
.mobile-off-canvas-menu .off-canvas-actions a.btn-primary:hover,
.off-canvas .off-canvas-actions .btn-primary:hover,
.off-canvas .off-canvas-actions a.btn-primary:hover {
  background-color: #0043c7 !important;
  border-color: #0043c7 !important;
  color: #ffffff !important;
}

.mobile-off-canvas-menu .off-canvas-actions .btn-secondary,
.mobile-off-canvas-menu .off-canvas-actions a.btn-secondary,
.mobile-off-canvas-menu .off-canvas-actions a.btn.btn-secondary,
.off-canvas .off-canvas-actions .btn-secondary,
.off-canvas .off-canvas-actions a.btn-secondary,
.off-canvas .off-canvas-actions a.btn.btn-secondary {
  background-color: #ffffff !important;
  border: 1.5px solid #ffffff !important;
  color: #0b1f3a !important;
  font-weight: 600 !important;
}

.mobile-off-canvas-menu .off-canvas-actions .btn-secondary:hover,
.mobile-off-canvas-menu .off-canvas-actions a.btn-secondary:hover,
.mobile-off-canvas-menu .off-canvas-actions a.btn.btn-secondary:hover,
.off-canvas .off-canvas-actions .btn-secondary:hover,
.off-canvas .off-canvas-actions a.btn-secondary:hover,
.off-canvas .off-canvas-actions a.btn.btn-secondary:hover {
  background-color: #f0f6fd !important;
  border-color: #f0f6fd !important;
  color: #0056fb !important;
}

/* --------------------------------------------------------------------------
   2. HERO SECTION (Exact Match with Reference)
   -------------------------------------------------------------------------- */
.homepage-2026 .hero-section-2026 {
  position: relative;
  overflow: visible;
  background: linear-gradient(180deg, #f6faff 0%, #edf6ff 25%, #e4f1ff 50%, #dbeeff 75%, #d4eaff 100%);
  padding: 60px 0 50px 0 !important;
  display: block;
}

/* Concentric Decorative Ripple Rings behind Phone (Exactly 4 Rings - Pixel-Perfect) */
.homepage-2026 .hero-ripple-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 960px;
  height: 960px;
  pointer-events: none;
  z-index: 1;
}

.homepage-2026 .hero-ripple-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.85) 0%, rgba(215, 238, 255, 0.45) 45%, rgba(205, 233, 255, 0) 75%);
  pointer-events: none;
  filter: blur(22px);
}

.homepage-2026 .hero-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
  box-sizing: border-box;
  animation: heroRippleBreathe 7s ease-in-out infinite;
}

@keyframes heroRippleBreathe {

  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  50% {
    transform: translate(-50%, -50%) scale(1.02);
    opacity: 0.9;
  }
}

.homepage-2026 .ripple-1 {
  width: 350px !important;
  height: 350px !important;
  background-color: #e6f3ff;
  border: 3px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 18px 2px rgba(255, 255, 255, 0.82), inset 0 0 18px 2px rgba(255, 255, 255, 0.55);
  animation-delay: 0s;
  z-index: 3;
}

.homepage-2026 .ripple-2 {
  width: 460px !important;
  height: 460px !important;
  background-color: #e1f1ff;
  /* border: 2px solid rgba(255, 255, 255, 0.88); */
  box-shadow: 0 0 18px 2px rgba(255, 255, 255, 0.7), inset 0 0 1px 3px rgba(255, 255, 255, 0.45);
  animation-delay: 0.6s;
  z-index: 2;
}

.homepage-2026 .ripple-3 {
  width: 596px !important;
  height: 596px !important;
  background-color: #77b3eb0a;
  z-index: 1;
}

.homepage-2026 .ripple-4 {
  width: 880px;
  height: 880px;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 20px 2px rgba(255, 255, 255, 0.48), inset 0 0 20px 2px rgba(255, 255, 255, 0.28);
  animation-delay: 1.8s;
}

.homepage-2026 .hero-container {
  position: relative;
  z-index: 2;
}

.homepage-2026 .hero-left-col {
  position: relative;
  z-index: 5;
  padding-bottom: 12px;
}

.homepage-2026 .hero-eyebrow {
  color: #005ae2;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1.15rem;
  display: flex;
  align-items: center;
  gap: 8px;
}

.homepage-2026 .eyebrow-dash {
  font-size: 1.2rem;
  font-weight: 700;
  color: #005ae2;
}

.homepage-2026 .hero-heading {
  font-size: 3.1rem;
  font-weight: 700;
  color: #001e3d;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 1.25rem;
}

.homepage-2026 .highlight-blue {
  color: #0066f6 !important;
}

.homepage-2026 .hero-heading sup,
.homepage-2026 .hero-reg-mark {
  font-size: 0.38em;
  font-weight: 400;
  vertical-align: baseline;
  position: relative;
  top: -0.85em;
  line-height: 0;
  margin-left: 2px;
}

.homepage-2026 .hero-desc {
  font-size: 1.05rem;
  line-height: 1.65;
  margin-bottom: 1.5rem;
  max-width: 530px;
}

.homepage-2026 .hero-cta-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 0 !important;
}

.homepage-2026 .btn-hero-primary {
  background-color: #0042bc !important;
  color: #ffffff !important;
  padding: 13px 28px;
  border-radius: 8px !important;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1.5px solid #0042bc !important;
  box-shadow: 0 4px 14px rgba(0, 66, 188, 0.28);
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  cursor: pointer;
  outline: none !important;
}

.homepage-2026 .btn-hero-primary:hover,
.homepage-2026 .btn-hero-primary:focus,
.homepage-2026 .btn-hero-primary:active {
  background-color: #00379b !important;
  border-color: #00379b !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(0, 55, 155, 0.35);
  transform: translateY(-2px);
  outline: none !important;
}

.homepage-2026 .btn-hero-primary .btn-arrow {
  display: inline-block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

.homepage-2026 .btn-hero-primary:hover .btn-arrow {
  transform: translateX(6px);
}

.homepage-2026 .btn-hero-secondary {
  background-color: transparent !important;
  color: #005ae2 !important;
  border: 1.5px solid #a2ccfc !important;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  cursor: pointer;
  outline: none !important;
}

.homepage-2026 .btn-hero-secondary:hover,
.homepage-2026 .btn-hero-secondary:focus,
.homepage-2026 .btn-hero-secondary:active {
  background-color: #e8f3fe !important;
  background: #e8f3fe !important;
  border-color: #005ae2 !important;
  color: #005ae2 !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(0, 90, 226, 0.15) !important;
  outline: none !important;
}

.homepage-2026 .hero-features-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  backdrop-filter: blur(8px);
  border: 1.5px solid #bce0fd;
  border-radius: 40px;
  padding: 8px 18px;
  font-size: clamp(0.72rem, 0.85vw + 0.1rem, 0.82rem);
  font-weight: 500;
  box-shadow: 0 2px 10px rgba(0, 60, 140, 0.04);
  white-space: nowrap;
  max-width: 100%;
  margin-top: 8px;
  margin-bottom: 0px;
}

.homepage-2026 .pill-item {
  white-space: nowrap;
}

.homepage-2026 .pill-sep {
  color: #92bfea;
  font-weight: 300;
}

.homepage-2026 .hero-main-row {
  align-items: flex-start;
}

.homepage-2026 .hero-right-col {
  position: relative;
  z-index: 4;
}

.homepage-2026 .hero-phone-wrapper {
  display: inline-block;
  position: relative;
  margin-top: -32px;
  margin-bottom: -40px !important;
  transform: none !important;
}

.homepage-2026 .hero-phone-img {
  max-width: 495px !important;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 18px 40px rgba(0, 45, 110, 0.16));
  display: block;
  position: relative;
  z-index: 2;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 68%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.25) 92%, rgba(0, 0, 0, 0) 99%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 68%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.25) 92%, rgba(0, 0, 0, 0) 99%);
}

/* --------------------------------------------------------------------------
   3. FLOATING STATS CARD (3 items) - Full container width matching other content
   -------------------------------------------------------------------------- */
.homepage-2026 .hero-stats-row {
  margin-top: 15px !important;
  margin-bottom: 24px !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
  width: calc(100% + 30px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
  position: relative !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
}

.homepage-2026 .hero-stats-row > .col-12,
.homepage-2026 .hero-stats-row > div {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.homepage-2026 .hero-stats-card {
  width: 100% !important;
  max-width: 100% !important;
  background: #ffffff;
  padding: 28px 40px;
  box-shadow: 0 16px 36px rgba(0, 35, 90, 0.08);
  border: 1px solid #e1effc;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box !important;
}

.homepage-2026 .hero-stat-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 0 20px;
  position: relative;
}

/* Eliminate any theme pseudo-element red dashes or artifacts */
.homepage-2026 .hero-stat-item:before,
.homepage-2026 .hero-stat-item:after,
.homepage-2026 .stat-info:before,
.homepage-2026 .stat-info:after,
.homepage-2026 .stat-number:before,
.homepage-2026 .stat-number:after,
.homepage-2026 .stat-label:before,
.homepage-2026 .stat-label:after {
  display: none !important;
  content: none !important;
  border: none !important;
}

.homepage-2026 .stat-icon-wrap,
.homepage-2026 .solution-icon-wrap,
.homepage-2026 .industry-card-icon-badge,
.homepage-2026 .speed-feature-icon-wrap {
  width: 47px !important;
  height: 47px !important;
  min-width: 47px !important;
  max-width: 47px !important;
  min-height: 47px !important;
  max-height: 47px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.homepage-2026 .stat-icon-img,
.homepage-2026 .solution-icon-img,
.homepage-2026 .industry-badge-img,
.homepage-2026 .speed-feature-icon-img {
  width: 47px !important;
  height: 47px !important;
  min-width: 47px !important;
  max-width: 47px !important;
  min-height: 47px !important;
  max-height: 47px !important;
  border-radius: 50% !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.homepage-2026 .stat-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 !important;
  padding: 0 !important;
}

.homepage-2026 .stat-number {
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #001e3d;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.15;
  letter-spacing: -0.2px;
}

.homepage-2026 .stat-label {
  display: block;
  font-size: 0.85rem;
  font-weight: 500;
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
  line-height: 1.15;
  white-space: nowrap;
}

.homepage-2026 .stat-divider {
  width: 1px;
  height: 44px;
  background-color: #dbeafe;
  flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   3.1 HERO PROMO FEATURE CARDS (Crypto & POS Merchants)
   Responsive Breakpoints: All Mobile, All Tablet, 1024px, 1200px, 1366px, 1440px, 1920px, 2K/4K
   -------------------------------------------------------------------------- */
.homepage-2026 .hero-feature-cards-row {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  position: relative;
  z-index: 10;
  width: 100%;
}

.homepage-2026 .hero-feature-card-col {
  display: flex !important;
  flex-direction: column !important;
}

.homepage-2026 .hero-feature-card {
  position: relative;
  background: linear-gradient(105deg, #ffffff 50%, #ebf5ff 82%, #dcedff 100%) !important;
  border: 1px solid #ddecfa !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 85, 255, 0.05) !important;
  padding: 32px 30px;
  height: 100% !important;
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  flex: 1 1 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Hero Feature Card Badges (Borrowers & Merchants) */
.homepage-2026 .hero-card-badge {
  position: absolute !important;
  top: 14px !important;
  right: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background-color: #e6f3ff !important;
  border: 1px solid #7cb5ec !important;
  border-radius: 9999px !important;
  padding: 4px 13px 4px 10px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  color: #0052ea !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  box-shadow: 0 2px 8px rgba(0, 82, 234, 0.08) !important;
  z-index: 8 !important;
  pointer-events: none !important;
}

.homepage-2026 .hero-card-badge .badge-dot {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background-color: #0052ea !important;
  flex-shrink: 0 !important;
}

.homepage-2026 .hero-card-badge .badge-text {
  color: #0052ea !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  line-height: 1 !important;
}

/* 1024px to 1199px Desktop */
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .homepage-2026 .hero-card-badge {
    top: 20px !important;
    right: 22px !important;
    padding: 3px 11px 3px 8px !important;
    font-size: 0.68rem !important;
  }
}

/* 992px to 1023px Tablet / Small Laptop */
@media (min-width: 992px) and (max-width: 1023.98px) {
  .homepage-2026 .hero-card-badge {
    top: 22px !important;
    right: 24px !important;
    padding: 3px 11px 3px 8px !important;
    font-size: 0.68rem !important;
  }
}

/* Tablet (700px - 991px) */
@media (min-width: 700px) and (max-width: 991.98px) {
  .homepage-2026 .hero-card-badge {
    top: 20px !important;
    right: 22px !important;
    padding: 3px 11px 3px 8px !important;
    font-size: 0.68rem !important;
  }
}

/* Mobile (300px - 699px) */
@media (max-width: 699.98px) {
  .homepage-2026 .hero-card-badge {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    align-self: center !important;
    margin: 0 auto 14px auto !important;
    padding: 3px 10px 3px 8px !important;
    font-size: 0.68rem !important;
  }
}

.homepage-2026 .hero-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(0, 85, 255, 0.1) !important;
  border-color: #cbe4fc;
}

.homepage-2026 .hero-feature-card--crypto {
  background: linear-gradient(105deg, #ffffff 50%, #ebf5ff 82%, #dcedff 100%) !important;
}

.homepage-2026 .hero-feature-card--embedded {
  position: relative !important;
  background: linear-gradient(105deg, #ffffff 50%, #ebf5ff 82%, #dcedff 100%) !important;
  border-radius: 20px !important;
  border: 1px solid #d4e7fe !important;
  box-shadow: 0 10px 30px rgba(0, 45, 110, 0.06) !important;
  padding: 40px 34px !important;
  min-height: 330px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.homepage-2026 .hero-feature-card--embedded .card-content-wrap {
  flex: 1 1 auto !important;
  max-width: calc(100% - 245px) !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  height: 100% !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 3 !important;
  pointer-events: auto !important;
}

.homepage-2026 .hero-feature-card--embedded .card-eyebrow {
  display: block !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  color: #0052ea !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.homepage-2026 .hero-feature-card--embedded .card-heading,
.homepage-2026 .hero-feature-card--crypto .card-heading,
.homepage-2026 .hero-feature-card .card-heading {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #0b192c !important;
  line-height: 1.2 !important;
  letter-spacing: -0.4px !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.homepage-2026 .hero-feature-card--embedded .card-body-text {
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: #4b5e76 !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.homepage-2026 .hero-feature-card--embedded .card-btn-wrap,
.homepage-2026 .hero-feature-card--crypto .card-btn-wrap,
.homepage-2026 .hero-feature-card .card-btn-wrap {
  margin-top: auto !important;
  position: relative !important;
  z-index: 4 !important;
}

.homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary,
.homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary,
.homepage-2026 .hero-feature-card .btn-hero-feature-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background-color: #0052ea !important;
  border-color: #0052ea !important;
  color: #ffffff !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  padding: 12px 26px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  border: 1.5px solid #0052ea !important;
  box-shadow: 0 6px 18px rgba(0, 82, 234, 0.28) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer !important;
  width: fit-content !important;
  white-space: nowrap !important;
}

.homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary span,
.homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary span,
.homepage-2026 .hero-feature-card .btn-hero-feature-primary span {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: inherit !important;
}

.homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary:hover,
.homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary:focus,
.homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary:hover,
.homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary:focus,
.homepage-2026 .hero-feature-card .btn-hero-feature-primary:hover,
.homepage-2026 .hero-feature-card .btn-hero-feature-primary:focus {
  background-color: #0043c7 !important;
  border-color: #0043c7 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 22px rgba(0, 82, 234, 0.35) !important;
}

.homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary .btn-arrow,
.homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary .btn-arrow,
.homepage-2026 .hero-feature-card .btn-hero-feature-primary .btn-arrow {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  transition: transform 0.2s ease !important;
  flex-shrink: 0 !important;
}

.homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary:hover .btn-arrow,
.homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary:hover .btn-arrow,
.homepage-2026 .hero-feature-card .btn-hero-feature-primary:hover .btn-arrow {
  transform: translateX(4px) !important;
}

.homepage-2026 .hero-feature-card--merchants {
  background: linear-gradient(105deg, #ffffff 50%, #ebf5ff 82%, #dcedff 100%);
  border-radius: 20px !important;
  padding: 34px 32px !important;
}

/* Eliminate any theme pseudo-element red lines or red dashes */
.homepage-2026 .hero-feature-card--embedded *::before,
.homepage-2026 .hero-feature-card--embedded *::after,
.homepage-2026 .embedded-graphic-circles::before,
.homepage-2026 .embedded-graphic-circles::after,
.homepage-2026 .embedded-ui-card::before,
.homepage-2026 .embedded-ui-card::after,
.homepage-2026 .embedded-ui-card *::before,
.homepage-2026 .embedded-ui-card *::after,
.homepage-2026 .embedded-card-header::before,
.homepage-2026 .embedded-card-header::after,
.homepage-2026 .embedded-card-divider::before,
.homepage-2026 .embedded-card-divider::after,
.homepage-2026 .embedded-card-heading::before,
.homepage-2026 .embedded-card-heading::after,
.homepage-2026 .embedded-card-list::before,
.homepage-2026 .embedded-card-list::after,
.homepage-2026 .embedded-list-item::before,
.homepage-2026 .embedded-list-item::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.homepage-2026 .hero-feature-card .card-content-wrap {
  position: relative;
  z-index: 3;
  max-width: 66%;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  align-items: flex-start !important;
  text-align: left !important;
  pointer-events: auto;
}

.homepage-2026 .hero-feature-card .card-eyebrow {
  display: block !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  color: #0052ea !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
  text-indent: 0 !important;
}

.homepage-2026 .hero-feature-card .card-heading {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #0b192c !important;
  line-height: 1.2 !important;
  letter-spacing: -0.4px !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  word-break: normal;
  overflow-wrap: break-word;
}

.homepage-2026 .hero-feature-card .card-heading .fst-italic {
  font-style: italic !important;
  font-family: inherit;
  color: #0b192c !important;
}

.homepage-2026 .hero-feature-card .card-body-text {
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  color: #4b5e76 !important;
  margin-bottom: 20px !important;
  max-width: 325px !important;
  flex-grow: 1;
  word-break: normal;
  overflow-wrap: break-word;
}

.homepage-2026 .hero-feature-card .card-btn-wrap {
  margin-top: auto;
  position: relative;
  z-index: 4;
}

.homepage-2026 .btn-hero-feature-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #0052ea !important;
  color: #ffffff !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  padding: 12px 26px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  border: 1.5px solid #0052ea !important;
  box-shadow: 0 6px 18px rgba(0, 82, 234, 0.28) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  width: fit-content;
  white-space: nowrap !important;
}

.homepage-2026 .btn-hero-feature-primary:hover,
.homepage-2026 .btn-hero-feature-primary:focus {
  background-color: #0043c7 !important;
  border-color: #0043c7 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(0, 82, 234, 0.35) !important;
}

.homepage-2026 .btn-hero-feature-primary .btn-arrow {
  display: inline-block;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.homepage-2026 .btn-hero-feature-primary:hover .btn-arrow {
  transform: translateX(4px);
}

/* Feature Cards Graphics Base */
.homepage-2026 .hero-feature-card .card-graphic-wrap {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.homepage-2026 .card-graphic-wrap--crypto {
  position: absolute !important;
  right: 23px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 260px !important;
  height: 254px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.homepage-2026 .card-graphic-wrap--crypto .crypto-couple-img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.homepage-2026 .hero-feature-card--embedded .card-graphic-wrap--embedded,
.homepage-2026 .card-graphic-wrap--embedded {
  flex: 0 0 236px !important;
  width: 236px !important;
  min-width: 236px !important;
  max-width: 236px !important;
  height: auto !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-graphic-circles,
.homepage-2026 .embedded-graphic-circles {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.homepage-2026 .hero-feature-card--embedded .circle-top-right,
.homepage-2026 .circle-top-right {
  position: absolute !important;
  top: -28px !important;
  right: -20px !important;
  width: 255px !important;
  height: 255px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 65% 35%, #dbebff 0%, #cae3fe 55%, #b2d8fc 100%) !important;
  display: block !important;
  visibility: visible !important;
  opacity: 0.92 !important;
  z-index: 2 !important;
}

.homepage-2026 .hero-feature-card--embedded .circle-bottom-left,
.homepage-2026 .circle-bottom-left {
  position: absolute !important;
  top: 58% !important;
  bottom: auto !important;
  left: -34px !important;
  transform: translateY(-50%) !important;
  width: 165px !important;
  height: 165px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 65%, #d8ecff 0%, #bfe0fc 55%, #aed4fb 100%) !important;
  display: block !important;
  visibility: visible !important;
  opacity: 0.88 !important;
  z-index: 1 !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-ui-card,
.homepage-2026 .embedded-ui-card {
  position: relative !important;
  z-index: 2 !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 20px 20px 16px 20px !important;
  width: 228px !important;
  box-shadow: 0 16px 36px rgba(0, 45, 120, 0.11), 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  border: 1px solid #eef5fc !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-card-header,
.homepage-2026 .embedded-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-header-icon,
.homepage-2026 .embedded-header-icon {
  width: 30px !important;
  height: 30px !important;
  background-color: #0052ea !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  flex-shrink: 0 !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-header-title,
.homepage-2026 .embedded-header-title {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #2c3e50 !important;
  letter-spacing: -0.1px !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-card-divider,
.homepage-2026 .embedded-card-divider {
  height: 1px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid #f1f5f9 !important;
  margin: 12px 0 12px 0 !important;
  width: 100% !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-card-heading,
.homepage-2026 .embedded-card-heading {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0b192c !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.2px !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-card-list,
.homepage-2026 .embedded-card-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-list-item,
.homepage-2026 .embedded-list-item {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-check-icon,
.homepage-2026 .embedded-check-icon {
  width: 21px !important;
  height: 21px !important;
  border-radius: 50% !important;
  background-color: #e2f0fe !important;
  color: #0052ea !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-list-text,
.homepage-2026 .embedded-list-text {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  white-space: nowrap !important;
}

.homepage-2026 .hero-feature-card--embedded .embedded-card-footer,
.homepage-2026 .embedded-card-footer {
  margin-top: 14px !important;
  padding-top: 11px !important;
  border-top: 1px solid #f1f5f9 !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
  letter-spacing: -0.1px !important;
}


.homepage-2026 .crypto-cube-illustration {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.homepage-2026 .card-graphic-wrap--merchants {
  right: 18px;
  bottom: 0;
  height: 94%;
  max-height: 250px;
  width: auto;
  display: flex;
  align-items: flex-end;
}

.homepage-2026 .merchant-woman-img {
  height: 100%;
  width: auto;
  max-width: 165px;
  object-fit: contain;
  object-position: bottom right;
  display: block;
}

/* --------------------------------------------------------------------------
   All Mobile & All Tablet: Exact Matching Width (Aadi Lambay) with Floating Stats Bar
   -------------------------------------------------------------------------- */
@media (max-width: 1023.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .hero-feature-card-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .hero-feature-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text br,
  .homepage-2026 .hero-feature-card--embedded .card-body-text br,
  .homepage-2026 .hero-feature-card--crypto .card-body-text br {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   Desktop (1024px+): 2 Columns Side by Side Filling Full Row
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .homepage-2026 .hero-feature-card-col {
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: Extra Small Mobile (<= 374.98px)
   -------------------------------------------------------------------------- */
@media (max-width: 374.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .homepage-2026 .hero-feature-card-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .homepage-2026 .hero-feature-card-col.mb-4 {
    margin-bottom: 14px !important;
  }

  .homepage-2026 .hero-feature-card,
  .homepage-2026 .hero-feature-card--embedded,
  .homepage-2026 .hero-feature-card--crypto {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    padding: 20px 14px 20px 14px !important;
    border-radius: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap,
  .homepage-2026 .hero-feature-card--embedded .card-content-wrap,
  .homepage-2026 .hero-feature-card--crypto .card-content-wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow,
  .homepage-2026 .hero-feature-card--embedded .card-eyebrow,
  .homepage-2026 .hero-feature-card--crypto .card-eyebrow {
    font-size: 0.68rem !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  .homepage-2026 .hero-feature-card .card-heading,
  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading {
    font-size: 25px !important;
    line-height: 1.22 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text,
  .homepage-2026 .hero-feature-card--embedded .card-body-text,
  .homepage-2026 .hero-feature-card--crypto .card-body-text {
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-bottom: 16px !important;
    max-width: 100% !important;
    flex-grow: 0 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text br,
  .homepage-2026 .hero-feature-card--embedded .card-body-text br,
  .homepage-2026 .hero-feature-card--crypto .card-body-text br {
    display: none !important;
  }

  .homepage-2026 .hero-feature-card .card-btn-wrap,
  .homepage-2026 .hero-feature-card--embedded .card-btn-wrap,
  .homepage-2026 .hero-feature-card--crypto .card-btn-wrap {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .homepage-2026 .hero-feature-card .btn-hero-feature-primary,
  .homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary,
  .homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary,
  .homepage-2026 .btn-hero-feature-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
    max-width: fit-content !important;
    padding: 10px 18px !important;
    font-size: 13.5px !important;
  }

  .homepage-2026 .card-graphic-wrap--embedded,
  .homepage-2026 .hero-feature-card--embedded .card-graphic-wrap--embedded {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 220px !important;
    max-width: 220px !important;
    min-width: 220px !important;
    height: auto !important;
    min-height: 220px !important;
    margin: 20px auto 10px auto !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
  }

  .homepage-2026 .embedded-graphic-circles,
  .homepage-2026 .hero-feature-card--embedded .embedded-graphic-circles {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .circle-top-right,
  .homepage-2026 .hero-feature-card--embedded .circle-top-right {
    position: absolute !important;
    top: -28px !important;
    right: -28px !important;
    width: 240px !important;
    height: 240px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 65% 35%, #dbebff 0%, #cae3fe 55%, #b2d8fc 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.92 !important;
    z-index: 2 !important;
  }

  .homepage-2026 .circle-bottom-left,
  .homepage-2026 .hero-feature-card--embedded .circle-bottom-left {
    position: absolute !important;
    top: 58% !important;
    bottom: auto !important;
    left: -28px !important;
    transform: translateY(-50%) !important;
    width: 155px !important;
    height: 155px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 65%, #d8ecff 0%, #bfe0fc 55%, #aed4fb 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.88 !important;
    z-index: 1 !important;
  }

  .homepage-2026 .embedded-ui-card,
  .homepage-2026 .hero-feature-card--embedded .embedded-ui-card {
    position: relative !important;
    z-index: 3 !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    width: 215px !important;
    max-width: 215px !important;
    padding: 16px 16px 14px 16px !important;
    box-shadow: 0 16px 36px rgba(0, 45, 120, 0.11), 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid #eef5fc !important;
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto,
  .homepage-2026 .hero-feature-card--crypto .card-graphic-wrap--crypto {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
    margin: 12px auto 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto .crypto-couple-img,
  .homepage-2026 .hero-feature-card--crypto .crypto-couple-img,
  .homepage-2026 .crypto-couple-img {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    max-height: 250px !important;
    object-fit: contain !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: Standard Mobile (375px to 575.98px)
   -------------------------------------------------------------------------- */
@media (min-width: 375px) and (max-width: 575.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .homepage-2026 .hero-feature-card-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .homepage-2026 .hero-feature-card-col.mb-4 {
    margin-bottom: 16px !important;
  }

  .homepage-2026 .hero-feature-card,
  .homepage-2026 .hero-feature-card--embedded,
  .homepage-2026 .hero-feature-card--crypto {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    padding: 24px 18px 24px 18px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap,
  .homepage-2026 .hero-feature-card--embedded .card-content-wrap,
  .homepage-2026 .hero-feature-card--crypto .card-content-wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow,
  .homepage-2026 .hero-feature-card--embedded .card-eyebrow,
  .homepage-2026 .hero-feature-card--crypto .card-eyebrow {
    font-size: 0.72rem !important;
    letter-spacing: 1.3px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  .homepage-2026 .hero-feature-card .card-heading,
  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading {
    font-size: 25px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text,
  .homepage-2026 .hero-feature-card--embedded .card-body-text,
  .homepage-2026 .hero-feature-card--crypto .card-body-text {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
    max-width: 100% !important;
    flex-grow: 0 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text br,
  .homepage-2026 .hero-feature-card--embedded .card-body-text br,
  .homepage-2026 .hero-feature-card--crypto .card-body-text br {
    display: none !important;
  }

  .homepage-2026 .hero-feature-card .card-btn-wrap,
  .homepage-2026 .hero-feature-card--embedded .card-btn-wrap,
  .homepage-2026 .hero-feature-card--crypto .card-btn-wrap {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .homepage-2026 .hero-feature-card .btn-hero-feature-primary,
  .homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary,
  .homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary,
  .homepage-2026 .btn-hero-feature-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
    max-width: fit-content !important;
    padding: 12px 22px !important;
    font-size: 14.5px !important;
  }

  .homepage-2026 .card-graphic-wrap--embedded,
  .homepage-2026 .hero-feature-card--embedded .card-graphic-wrap--embedded {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 236px !important;
    max-width: 236px !important;
    min-width: 236px !important;
    height: auto !important;
    min-height: 240px !important;
    margin: 24px auto 14px auto !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
  }

  .homepage-2026 .embedded-graphic-circles,
  .homepage-2026 .hero-feature-card--embedded .embedded-graphic-circles {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .circle-top-right,
  .homepage-2026 .hero-feature-card--embedded .circle-top-right {
    position: absolute !important;
    top: -32px !important;
    right: -34px !important;
    width: 255px !important;
    height: 255px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 65% 35%, #dbebff 0%, #cae3fe 55%, #b2d8fc 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.92 !important;
    z-index: 2 !important;
  }

  .homepage-2026 .circle-bottom-left,
  .homepage-2026 .hero-feature-card--embedded .circle-bottom-left {
    position: absolute !important;
    top: 58% !important;
    bottom: auto !important;
    left: -34px !important;
    transform: translateY(-50%) !important;
    width: 165px !important;
    height: 165px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 65%, #d8ecff 0%, #bfe0fc 55%, #aed4fb 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.88 !important;
    z-index: 1 !important;
  }

  .homepage-2026 .embedded-ui-card,
  .homepage-2026 .hero-feature-card--embedded .embedded-ui-card {
    position: relative !important;
    z-index: 3 !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    width: 228px !important;
    max-width: 228px !important;
    padding: 20px 20px 16px 20px !important;
    box-shadow: 0 16px 36px rgba(0, 45, 120, 0.11), 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid #eef5fc !important;
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto,
  .homepage-2026 .hero-feature-card--crypto .card-graphic-wrap--crypto {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 190px !important;
    margin: 15px auto 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto .crypto-couple-img,
  .homepage-2026 .hero-feature-card--crypto .crypto-couple-img,
  .homepage-2026 .crypto-couple-img {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 280px !important;
    object-fit: contain !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: Large Mobile & Phablet (576px to 767.98px)
   -------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 18px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .homepage-2026 .hero-feature-card-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .homepage-2026 .hero-feature-card-col.mb-4 {
    margin-bottom: 18px !important;
  }

  .homepage-2026 .hero-feature-card,
  .homepage-2026 .hero-feature-card--embedded,
  .homepage-2026 .hero-feature-card--crypto {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    padding: 28px 24px 28px 24px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap,
  .homepage-2026 .hero-feature-card--embedded .card-content-wrap,
  .homepage-2026 .hero-feature-card--crypto .card-content-wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow,
  .homepage-2026 .hero-feature-card--embedded .card-eyebrow,
  .homepage-2026 .hero-feature-card--crypto .card-eyebrow {
    font-size: 0.74rem !important;
    letter-spacing: 1.4px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  .homepage-2026 .hero-feature-card .card-heading,
  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading {
    font-size: 21px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    white-space: nowrap !important;
  }

  .homepage-2026 .hero-feature-card .card-heading br,
  .homepage-2026 .hero-feature-card--embedded .card-heading br,
  .homepage-2026 .hero-feature-card--crypto .card-heading br {
    display: none !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text,
  .homepage-2026 .hero-feature-card--embedded .card-body-text,
  .homepage-2026 .hero-feature-card--crypto .card-body-text {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
    flex-grow: 0 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text br,
  .homepage-2026 .hero-feature-card--embedded .card-body-text br,
  .homepage-2026 .hero-feature-card--crypto .card-body-text br {
    display: none !important;
  }

  .homepage-2026 .hero-feature-card .card-btn-wrap,
  .homepage-2026 .hero-feature-card--embedded .card-btn-wrap,
  .homepage-2026 .hero-feature-card--crypto .card-btn-wrap {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .homepage-2026 .hero-feature-card .btn-hero-feature-primary,
  .homepage-2026 .hero-feature-card--embedded .btn-hero-feature-primary,
  .homepage-2026 .hero-feature-card--crypto .btn-hero-feature-primary,
  .homepage-2026 .btn-hero-feature-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
    max-width: fit-content !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
  }

  .homepage-2026 .card-graphic-wrap--embedded,
  .homepage-2026 .hero-feature-card--embedded .card-graphic-wrap--embedded {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 236px !important;
    max-width: 236px !important;
    min-width: 236px !important;
    height: auto !important;
    min-height: 240px !important;
    margin: 24px auto 14px auto !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
  }

  .homepage-2026 .embedded-graphic-circles,
  .homepage-2026 .hero-feature-card--embedded .embedded-graphic-circles {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .circle-top-right,
  .homepage-2026 .hero-feature-card--embedded .circle-top-right {
    position: absolute !important;
    top: -32px !important;
    right: -34px !important;
    width: 255px !important;
    height: 255px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 65% 35%, #dbebff 0%, #cae3fe 55%, #b2d8fc 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.92 !important;
    z-index: 2 !important;
  }

  .homepage-2026 .circle-bottom-left,
  .homepage-2026 .hero-feature-card--embedded .circle-bottom-left {
    position: absolute !important;
    top: 58% !important;
    bottom: auto !important;
    left: -34px !important;
    transform: translateY(-50%) !important;
    width: 165px !important;
    height: 165px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 65%, #d8ecff 0%, #bfe0fc 55%, #aed4fb 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.88 !important;
    z-index: 1 !important;
  }

  .homepage-2026 .embedded-ui-card,
  .homepage-2026 .hero-feature-card--embedded .embedded-ui-card {
    position: relative !important;
    z-index: 3 !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    width: 228px !important;
    max-width: 228px !important;
    padding: 20px 20px 16px 20px !important;
    box-shadow: 0 16px 36px rgba(0, 45, 120, 0.11), 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid #eef5fc !important;
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto,
  .homepage-2026 .hero-feature-card--crypto .card-graphic-wrap--crypto {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 200px !important;
    margin: 15px auto 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto .crypto-couple-img,
  .homepage-2026 .hero-feature-card--crypto .crypto-couple-img,
  .homepage-2026 .crypto-couple-img {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    max-height: 310px !important;
    object-fit: contain !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: Tablet Portrait (768px to 991.98px)
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .homepage-2026 .hero-feature-card-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .homepage-2026 .hero-feature-card-col.mb-4 {
    margin-bottom: 20px !important;
  }

  .homepage-2026 .hero-feature-card,
  .homepage-2026 .hero-feature-card--embedded,
  .homepage-2026 .hero-feature-card--crypto {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 24px !important;
    min-height: 362px !important;
    padding: 34px 28px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    gap: 16px !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap,
  .homepage-2026 .hero-feature-card--embedded .card-content-wrap,
  .homepage-2026 .hero-feature-card--crypto .card-content-wrap {
    flex: 1 1 auto !important;
    max-width: 62% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow,
  .homepage-2026 .hero-feature-card--embedded .card-eyebrow,
  .homepage-2026 .hero-feature-card--crypto .card-eyebrow {
    font-size: 0.74rem !important;
    letter-spacing: 1.4px !important;
    margin-bottom: 8px !important;
    white-space: nowrap !important;
  }

  .homepage-2026 .hero-feature-card .card-heading,
  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
    white-space: nowrap !important;
  }

  .homepage-2026 .hero-feature-card .card-heading br,
  .homepage-2026 .hero-feature-card--embedded .card-heading br,
  .homepage-2026 .hero-feature-card--crypto .card-heading br,
  .homepage-2026 .card-heading br,
  .homepage-2026 .desktop-only-br {
    display: none !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text,
  .homepage-2026 .hero-feature-card--embedded .card-body-text,
  .homepage-2026 .hero-feature-card--crypto .card-body-text {
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
  }

  .homepage-2026 .btn-hero-feature-primary {
    font-size: 0.84rem !important;
    padding: 10px 20px !important;
    width: fit-content !important;
  }

  .homepage-2026 .card-graphic-wrap--embedded {
    flex: 0 0 236px !important;
    width: 236px !important;
    max-width: 236px !important;
    position: relative !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .embedded-graphic-circles,
  .homepage-2026 .hero-feature-card--embedded .embedded-graphic-circles {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .circle-top-right,
  .homepage-2026 .hero-feature-card--embedded .circle-top-right {
    position: absolute !important;
    top: -21px !important;
    right: -23px !important;
    width: 255px !important;
    height: 255px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 65% 35%, #dbebff 0%, #cae3fe 55%, #b2d8fc 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.92 !important;
    z-index: 2 !important;
  }

  .homepage-2026 .circle-bottom-left,
  .homepage-2026 .hero-feature-card--embedded .circle-bottom-left {
    position: absolute !important;
    top: 58% !important;
    bottom: auto !important;
    left: -26px !important;
    transform: translateY(-50%) !important;
    width: 165px !important;
    height: 165px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 65%, #d8ecff 0%, #bfe0fc 55%, #aed4fb 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.88 !important;
    z-index: 1 !important;
  }

  .homepage-2026 .embedded-ui-card {
    width: 228px !important;
    padding: 20px 20px 16px 20px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 320px !important;
    height: auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto .crypto-couple-img {
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 280px !important;
    object-fit: contain !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: Tablet Landscape & Compact Desktop (992px to 1023.98px)
   -------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1023.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 22px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .homepage-2026 .hero-feature-card-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .homepage-2026 .hero-feature-card-col.mb-4 {
    margin-bottom: 22px !important;
  }

  .homepage-2026 .hero-feature-card,
  .homepage-2026 .hero-feature-card--embedded,
  .homepage-2026 .hero-feature-card--crypto {
    width: 100% !important;
    max-width: 100% !important;
    padding: 32px 32px !important;
    min-height: 340px !important;
    padding: 38px 32px !important;
    border-radius: 20px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap,
  .homepage-2026 .hero-feature-card--embedded .card-content-wrap,
  .homepage-2026 .hero-feature-card--crypto .card-content-wrap {
    flex: 1 1 auto !important;
    max-width: 64% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow,
  .homepage-2026 .hero-feature-card--embedded .card-eyebrow,
  .homepage-2026 .hero-feature-card--crypto .card-eyebrow {
    font-size: 0.78rem !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 8px !important;
    white-space: nowrap !important;
  }

  .homepage-2026 .hero-feature-card .card-heading,
  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading {
    font-size: 24px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
    white-space: nowrap !important;
  }

  .homepage-2026 .hero-feature-card .card-heading br,
  .homepage-2026 .hero-feature-card--embedded .card-heading br,
  .homepage-2026 .hero-feature-card--crypto .card-heading br,
  .homepage-2026 .card-heading br,
  .homepage-2026 .desktop-only-br {
    display: none !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text,
  .homepage-2026 .hero-feature-card--embedded .card-body-text,
  .homepage-2026 .hero-feature-card--crypto .card-body-text {
    font-size: 0.88rem !important;
    line-height: 1.55 !important;
    margin-bottom: 22px !important;
    max-width: 100% !important;
  }

  .homepage-2026 .btn-hero-feature-primary {
    font-size: 0.88rem !important;
    padding: 10px 22px !important;
    width: fit-content !important;
  }

  .homepage-2026 .card-graphic-wrap--embedded {
    flex: 0 0 236px !important;
    width: 236px !important;
    max-width: 236px !important;
    position: relative !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .embedded-graphic-circles,
  .homepage-2026 .hero-feature-card--embedded .embedded-graphic-circles {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .circle-top-right,
  .homepage-2026 .hero-feature-card--embedded .circle-top-right {
    position: absolute !important;
    top: -32px !important;
    right: -34px !important;
    width: 255px !important;
    height: 255px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 65% 35%, #dbebff 0%, #cae3fe 55%, #b2d8fc 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.92 !important;
    z-index: 2 !important;
  }

  .homepage-2026 .circle-bottom-left,
  .homepage-2026 .hero-feature-card--embedded .circle-bottom-left {
    position: absolute !important;
    top: 58% !important;
    bottom: auto !important;
    left: -34px !important;
    transform: translateY(-50%) !important;
    width: 165px !important;
    height: 165px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 65%, #d8ecff 0%, #bfe0fc 55%, #aed4fb 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.88 !important;
    z-index: 1 !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    flex: 0 0 350px !important;
    width: 350px !important;
    max-width: 350px !important;
    height: auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto .crypto-couple-img {
    width: 100% !important;
    max-width: 350px !important;
    height: auto !important;
    max-height: 310px !important;
    object-fit: contain !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: 1024px Desktop / iPad Pro Landscape (1024px to 1199.98px)
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 24px !important;
  }

  .homepage-2026 .hero-feature-card {
    padding: 36px 26px 34px 26px !important;
    min-height: 340px !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap {
    max-width: 64% !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow {
    font-size: 0.74rem !important;
    letter-spacing: 1.4px !important;
    margin-bottom: 8px !important;
  }

  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading,
  .homepage-2026 .hero-feature-card .card-heading {
    font-size: 25px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text {
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    max-width: 275px !important;
  }

  .homepage-2026 .btn-hero-feature-primary {
    font-size: 0.84rem !important;
    padding: 9px 18px !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto {
    width: 230px !important;
    height: 225px !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }


  .homepage-2026 .card-graphic-wrap--merchants {
    right: 10px !important;
    max-height: 225px !important;
  }

  .homepage-2026 .merchant-woman-img {
    max-width: 135px !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: 1200px Standard Desktop (1200px to 1365.98px)
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1365.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 24px !important;
  }

  .homepage-2026 .hero-feature-card {
    padding: 38px 28px 36px 28px !important;
    min-height: 340px !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap {
    max-width: 65% !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow {
    font-size: 0.76rem !important;
    letter-spacing: 1.6px !important;
    margin-bottom: 9px !important;
  }

  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading,
  .homepage-2026 .hero-feature-card .card-heading {
    font-size: 28px !important;
    line-height: 1.25 !important;
    margin-bottom: 11px !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text {
    font-size: 0.85rem !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
    max-width: 310px !important;
  }

  .homepage-2026 .btn-hero-feature-primary {
    font-size: 0.86rem !important;
    padding: 10px 20px !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto {
    width: 250px !important;
    height: 244px !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }


  .homepage-2026 .card-graphic-wrap--merchants {
    right: 14px !important;
    max-height: 240px !important;
  }

  .homepage-2026 .merchant-woman-img {
    max-width: 150px !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: 1366px Laptop Display (1366px to 1439.98px)
   -------------------------------------------------------------------------- */
@media (min-width: 1366px) and (max-width: 1439.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 26px !important;
  }

  .homepage-2026 .hero-feature-card {
    padding: 40px 30px 38px 30px !important;
    min-height: 330px !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap {
    max-width: 66% !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow {
    font-size: 0.78rem !important;
    letter-spacing: 1.7px !important;
    margin-bottom: 10px !important;
  }

  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading,
  .homepage-2026 .hero-feature-card .card-heading {
    font-size: 30px !important;
    line-height: 1.22 !important;
    margin-bottom: 12px !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text {
    font-size: 0.88rem !important;
    line-height: 1.55 !important;
    margin-bottom: 22px !important;
    max-width: 340px !important;
  }

  .homepage-2026 .btn-hero-feature-primary {
    font-size: 0.88rem !important;
    padding: 10px 22px !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto {
    width: 260px !important;
    height: 254px !important;
    right: 23px !important;
    top: 60% !important;
    transform: translateY(-50%) !important;
  }


  .homepage-2026 .card-graphic-wrap--merchants {
    right: 16px !important;
    max-height: 250px !important;
  }

  .homepage-2026 .merchant-woman-img {
    max-width: 165px !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: 1440px Large Desktop Display (1440px to 1919.98px)
   -------------------------------------------------------------------------- */
@media (min-width: 1440px) and (max-width: 1919.98px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 28px !important;
  }

  .homepage-2026 .hero-feature-card {
    padding: 42px 34px 40px 34px !important;
    min-height: 350px !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap {
    max-width: 66% !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow {
    font-size: 0.80rem !important;
    letter-spacing: 1.8px !important;
    margin-bottom: 10px !important;
  }

  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading,
  .homepage-2026 .hero-feature-card .card-heading {
    font-size: 30px !important;
    line-height: 1.22 !important;
    margin-bottom: 12px !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text {
    font-size: 0.92rem !important;
    line-height: 1.58 !important;
    margin-bottom: 24px !important;
    max-width: 380px !important;
  }

  .homepage-2026 .btn-hero-feature-primary {
    font-size: 0.92rem !important;
    padding: 11px 24px !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto {
    width: 280px !important;
    height: 274px !important;
    right: 24px !important;
    top: 60% !important;
    transform: translateY(-50%) !important;
  }


  .homepage-2026 .card-graphic-wrap--merchants {
    right: 20px !important;
    max-height: 265px !important;
  }

  .homepage-2026 .merchant-woman-img {
    max-width: 180px !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive: Large Displays (1920px, 2K, 4K and Zoom-Out states)
   Maintain clean, stable desktop layout proportions without oversized inflation
   -------------------------------------------------------------------------- */
@media (min-width: 1920px) {
  .homepage-2026 .hero-feature-cards-row {
    margin-top: 28px !important;
  }

  .homepage-2026 .hero-feature-card {
    padding: 44px 36px 42px 36px !important;
    min-height: 350px !important;
    border-radius: 20px !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap {
    max-width: 66% !important;
  }

  .homepage-2026 .hero-feature-card .card-eyebrow {
    font-size: 0.80rem !important;
    letter-spacing: 1.8px !important;
    margin-bottom: 10px !important;
  }

  .homepage-2026 .hero-feature-card--embedded .card-heading,
  .homepage-2026 .hero-feature-card--crypto .card-heading,
  .homepage-2026 .hero-feature-card .card-heading {
    font-size: 30px !important;
    line-height: 1.22 !important;
    margin-bottom: 12px !important;
  }

  .homepage-2026 .hero-feature-card .card-body-text {
    font-size: 0.90rem !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
    max-width: 380px !important;
  }

  .homepage-2026 .btn-hero-feature-primary {
    font-size: 0.92rem !important;
    padding: 12px 26px !important;
    border-radius: 8px !important;
  }

  .homepage-2026 .card-graphic-wrap--crypto {
    width: 260px !important;
    height: 254px !important;
    right: 23px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .homepage-2026 .card-graphic-wrap--merchants {
    right: 20px !important;
    max-height: 265px !important;
  }

  .homepage-2026 .merchant-woman-img {
    max-width: 180px !important;
  }
}

/* --------------------------------------------------------------------------
   4. Trust Heading & Benefits Grid
   -------------------------------------------------------------------------- */
.homepage-2026 .trust-heading-container {
  padding-top: 85px !important;
}

.homepage-2026 .trust-heading-container h2 {
  font-size: 2.2rem;
  font-weight: 600;
  color: #002248;
}

.homepage-2026 .benefit-card {
  background: #ffffff;
  border: 1px solid #e8eef5;
  border-radius: 12px;
  padding: 30px 24px;
  height: 100%;
  box-shadow: 0 4px 12px rgba(0, 34, 72, 0.04);
}

.homepage-2026 .benefit-card h3 {
  font-size: 1.2rem;
  margin-bottom: 0.75rem;
}

.homepage-2026 .benefit-card p {
  font-size: 0.95rem;
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   5. Features (Sections 1 & 2)
   -------------------------------------------------------------------------- */
.homepage-2026 .feature-heading {
  font-size: 2rem;
  line-height: 1.25;
}

.homepage-2026 .text-primary-subhead {
  color: #008aea;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.homepage-2026 .training-left-img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

/* --------------------------------------------------------------------------
   5.1 Personalized Solutions Section (4 Cards Grid)
   -------------------------------------------------------------------------- */

/* Global Sub Heading (h2) font-size fix across all homepage sections */
.homepage-2026 h2,
.homepage-2026 .solutions-heading,
.homepage-2026 .industries-main-heading,
.homepage-2026 .speed-ease-heading,
.homepage-2026 .blog-main-heading {
  font-size: 2.6rem !important;
}

.homepage-2026 .personalized-solutions-section {
  padding-top: 55px !important;
  padding-bottom: 85px !important;
  background-color: #ffffff;
  position: relative;
}

.homepage-2026 .solutions-eyebrow {
  color: #008aea;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.homepage-2026 .solutions-heading {
  font-size: 2.6rem !important;
  font-weight: 700;
  line-height: 1.16;
  color: #001e3d;
  letter-spacing: -0.5px;
}

.homepage-2026 .solutions-heading .highlight-blue {
  color: #0052ea;
}

.homepage-2026 .solutions-desc {
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 440px;
}

.homepage-2026 .btn-solutions-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background-color: #0042bc !important;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 700;
  padding: 13px 28px;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  box-shadow: 0 4px 14px rgba(0, 66, 188, 0.28);
  border: 1.5px solid #0042bc !important;
  cursor: pointer;
}

.homepage-2026 .btn-solutions-primary:hover,
.homepage-2026 .btn-solutions-primary:focus,
.homepage-2026 .btn-solutions-primary:active {
  background-color: #00379b !important;
  border-color: #00379b !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 55, 155, 0.35);
}

.homepage-2026 .btn-solutions-primary .btn-arrow {
  display: inline-block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

.homepage-2026 .btn-solutions-primary:hover .btn-arrow {
  transform: translateX(6px);
}

.homepage-2026 .solutions-cards-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
}

.homepage-2026 .solution-card {
  background: linear-gradient(180deg, #eef7fd 0%, #f1f9fe 35%, #f6fbff 65%, #ffffff 100%) !important;
  border-radius: 12px !important;
  padding: 22px 20px 20px 20px !important;
  border: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100%;
}

.homepage-2026 .solution-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0, 82, 234, 0.08) !important;
}



.homepage-2026 .solution-icon-wrap {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.homepage-2026 .solution-card-title {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #0a192f !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding: 0 !important;
  letter-spacing: -0.2px !important;
}

.homepage-2026 .solution-card-title::before,
.homepage-2026 .solution-card-title::after,
.homepage-2026 .solution-card h3::before,
.homepage-2026 .solution-card h3::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.homepage-2026 .solution-card-text {
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
}

/* --------------------------------------------------------------------------
   5.2 Industries We Serve Section
   -------------------------------------------------------------------------- */
.homepage-2026 .industries-serve-section {
  padding: 0px 0 100px 0;
  background-color: #ffffff;
  position: relative;
}

.homepage-2026 .industries-divider-row {
  margin-bottom: 0 !important;
}

.homepage-2026 .industries-top-divider {
  width: 100%;
  height: 0;
  border-top: 1.5px dashed #cbd5e1;
  margin: 0 0 40px 0;
}

.homepage-2026 .industries-main-heading {
  font-size: 2.6rem !important;
  font-weight: 700;
  color: #0a192f;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}

.homepage-2026 .industries-main-heading::before,
.homepage-2026 .industries-main-heading::after,
.homepage-2026 .industry-title::before,
.homepage-2026 .industry-title::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
}

.homepage-2026 .industries-subtitle {
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.homepage-2026 .industries-cards-row {
  margin-top: 42px;
}

/* Base Industry Card - All 3 identical in normal state */
.homepage-2026 .industry-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(10, 25, 47, 0.06);
  border: 1px solid rgba(0, 82, 234, 0.06);
  transition: padding-bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Photo Wrapper */
.homepage-2026 .industry-card-img-wrap {
  width: 100%;
  height: 230px;
  overflow: hidden;
  position: relative;
  background-color: #f8fafc;
}

.homepage-2026 .industry-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

/* Floating Seam Icon Badge (47px exact match) */
.homepage-2026 .industry-card-icon-badge {
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 82, 234, 0.12) !important;
  margin: -23.5px auto 14px auto !important;
  position: relative !important;
  z-index: 3 !important;
  transition: transform 0.35s ease;
}

/* Card Bottom Content */
.homepage-2026 .industry-card-body {
  padding: 0 24px 30px 24px;
  text-align: center;
  transition: padding-bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-2026 .industry-badge-label {
  display: block;
  color: #0052ea;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  margin-bottom: 6px;
}

.homepage-2026 .industry-title {
  font-size: 1.65rem;
  font-weight: 700;
  color: #0a192f;
  margin: 0;
  line-height: 1.2;
}

/* HOVER STATE: ONLY on hover does the card elongate from the bottom */
.homepage-2026 .industry-card:hover {
  box-shadow: 0 20px 48px rgba(0, 82, 234, 0.16);
  border-color: rgba(0, 82, 234, 0.18);
}

.homepage-2026 .industry-card:hover .industry-card-body {
  padding-bottom: 74px;
  /* Extends downwards */
}

.homepage-2026 .industry-card:hover .industry-card-img {
  transform: scale(1.04);
}

.homepage-2026 .industry-card:hover .industry-card-icon-badge {
  transform: scale(1.06);
}

/* Bottom Button: All Industries */
.homepage-2026 .btn-industries-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background-color: #0042bc !important;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 700;
  padding: 13px 30px;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  box-shadow: 0 4px 14px rgba(0, 66, 188, 0.28);
  border: 1.5px solid #0042bc !important;
  cursor: pointer;
}

.homepage-2026 .btn-industries-primary:hover,
.homepage-2026 .btn-industries-primary:focus,
.homepage-2026 .btn-industries-primary:active {
  background-color: #00379b !important;
  border-color: #00379b !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 55, 155, 0.35);
}

.homepage-2026 .btn-industries-primary .btn-arrow {
  display: inline-block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

.homepage-2026 .btn-industries-primary:hover .btn-arrow {
  transform: translateX(6px);
}

/* --------------------------------------------------------------------------
   5.3 Speed. Ease. Section
   -------------------------------------------------------------------------- */
.homepage-2026 .speed-ease-section {
  position: relative;
  background-color: #000b2b;
  background-image: url('../images/homepage-2026/speed-ease-bg.png?v=2026');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  padding: 0 !important;
  overflow: visible !important;
  color: #ffffff;
  z-index: 5;
}

.homepage-2026 .speed-ease-main-row {
  align-items: stretch !important;
  position: relative;
}

.homepage-2026 .speed-ease-left-col {
  padding-top: 65px !important;
  padding-bottom: 50px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  z-index: 2;
}

.homepage-2026 .speed-ease-heading {
  font-size: 2.6rem !important;
  font-weight: 800;
  color: #ffffff !important;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 16px;
}

.homepage-2026 .speed-ease-heading::before,
.homepage-2026 .speed-ease-heading::after,
.homepage-2026 .speed-feature-title::before,
.homepage-2026 .speed-feature-title::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
}

.homepage-2026 .speed-ease-subtitle {
  font-size: 1.15rem;
  line-height: 1.6;
  margin-bottom: 40px;
  max-width: 480px;
}

.homepage-2026 .speed-features-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-bottom: 38px;
}

.homepage-2026 .speed-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.homepage-2026 .speed-feature-content {
  flex: 1;
}

.homepage-2026 .speed-feature-title {
  font-size: 1.18rem;
  font-weight: 700;
  color: #ffffff !important;
  margin-top: 0;
  margin-bottom: 6px;
  line-height: 1.3;
}

.homepage-2026 .speed-feature-desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: #9fbce5;
  margin: 0;
  max-width: 460px;
}

.homepage-2026 .speed-cta-wrap {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}

/* Learn More / Apply Now Button */
.homepage-2026 .btn-speed-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background-color: #0042bc !important;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 700;
  padding: 13px 32px;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  box-shadow: 0 4px 16px rgba(0, 66, 188, 0.35);
  border: 1.5px solid #0042bc !important;
  cursor: pointer;
}

.homepage-2026 .btn-speed-primary:hover,
.homepage-2026 .btn-speed-primary:focus {
  background-color: #00379b !important;
  border-color: #00379b !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(0, 55, 155, 0.45);
}

.homepage-2026 .btn-speed-primary .btn-arrow {
  display: inline-block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

.homepage-2026 .btn-speed-primary:hover .btn-arrow {
  transform: translateX(6px);
}

/* Learn More Ghost Button */
.homepage-2026 .btn-speed-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 700;
  padding: 13px 32px;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
  cursor: pointer;
}

.homepage-2026 .btn-speed-ghost:hover,
.homepage-2026 .btn-speed-ghost:focus {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.homepage-2026 .btn-speed-ghost .btn-arrow {
  display: inline-block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  margin-left: 4px;
}

.homepage-2026 .btn-speed-ghost:hover .btn-arrow {
  transform: translateX(6px);
}

/* Right Column: Phone Mockup */
.homepage-2026 .speed-ease-right-col {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  align-self: stretch !important;
  position: relative !important;
  z-index: 2;
  margin: 0 !important;
  padding: 0 15px !important;
  overflow: visible !important;
}

.homepage-2026 .speed-phone-wrap {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: auto !important;
  max-width: 540px !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  z-index: 10 !important;
}

.homepage-2026 .speed-phone-img {
  width: 100% !important;
  height: auto !important;
  max-width: 540px !important;
  max-height: 760px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 auto !important;
  vertical-align: middle !important;
  transform: scale(0.92) !important;
  transform-origin: center center !important;
  filter: none !important;
}

/* --------------------------------------------------------------------------
   6. Testimonials Section: Desktop (>= 1024px) vs Mobile/Tablet (< 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  .homepage-2026 .testimonials-section--desktop {
    display: none !important;
  }
  .homepage-2026 .testimonials-header-mobile-tablet {
    display: block !important;
    background-color: #ffffff;
    padding-top: 22px !important;
    padding-bottom: 32px !important;
    text-align: center;
  }
  .homepage-2026 .testimonials-section--mobile-tablet {
    display: block !important;
  }

  /* All Mobile & Tablet Testimonials Header Design (Matching Other Sections) */
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-header {
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    max-width: 100% !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-eyebrow {
    display: block !important;
    color: #0056eb !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-heading {
    font-size: clamp(1.8rem, 5.8vw, 2.25rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.2 !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-heading .heading-dark {
    color: #0c1e36 !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-heading .heading-blue {
    color: #0056eb !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 4px auto 0 auto !important;
    text-align: center !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row .testimonial-stars {
    color: #ffb800 !important;
    font-size: 15px !important;
    letter-spacing: 2.5px !important;
    line-height: 1 !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row .testimonial-review-count {
    color: #0c1e36 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
  }
}

@media (min-width: 1024px) {
  .homepage-2026 .testimonials-section--desktop {
    display: block !important;
  }
  .homepage-2026 .testimonials-header-mobile-tablet {
    display: none !important;
  }
  .homepage-2026 .testimonials-section--mobile-tablet {
    display: none !important;
  }
}

/* ==========================================================================
   Mobile & Tablet Testimonials (100% Original Old Design from Git HEAD)
   ========================================================================== */
.homepage-2026 .testimonials-section-2026 {
  position: relative;
  background-color: #ffffff;
  padding: 70px 0 75px 0;
  overflow: hidden;
}

/* Light Blue Asymmetric Backdrop Shape (Matches user screenshot) */
.homepage-2026 .testimonial-bg-shape {
  position: absolute;
  top: 35px;
  bottom: 98px;
  left: calc(50% - 35px);
  right: 0;
  background-color: #eff8ff;
  border-radius: 56px 0 0 56px;
  z-index: 1;
  pointer-events: none;
}

.homepage-2026 .testimonial-slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* Slider Arrow Buttons */
.homepage-2026 .slider-arrow {
  background: transparent;
  border: none;
  padding: 0;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
  user-select: none;
}

.homepage-2026 .slider-arrow:focus {
  outline: none;
}

.homepage-2026 .slider-arrow .arrow-img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: block;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Prev Arrow: Inactive (default) vs Active */
.homepage-2026 .slider-arrow-prev .arrow-img-active {
  display: none;
  transform: rotate(180deg);
}

.homepage-2026 .slider-arrow-prev .arrow-img-inactive {
  display: block;
}

.homepage-2026 .slider-arrow-prev:not(.is-disabled) .arrow-img-active {
  display: block;
}

.homepage-2026 .slider-arrow-prev:not(.is-disabled) .arrow-img-inactive {
  display: none;
}

/* Next Arrow: Active (default) vs Inactive */
.homepage-2026 .slider-arrow-next .arrow-img-active {
  display: block;
}

.homepage-2026 .slider-arrow-next .arrow-img-inactive {
  display: none;
  transform: rotate(180deg);
}

.homepage-2026 .slider-arrow-next.is-disabled .arrow-img-active {
  display: none;
}

.homepage-2026 .slider-arrow-next.is-disabled .arrow-img-inactive {
  display: block;
}

.homepage-2026 .slider-arrow:not(.is-disabled):hover {
  transform: scale(1.08);
}

.homepage-2026 .slider-arrow.is-disabled {
  cursor: default;
  opacity: 0.85;
}

/* Slider Track Wrapper */
.homepage-2026 .testimonial-slider-wrapper {
  flex: 1;
  max-width: 770px;
  min-width: 0;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
}

.homepage-2026 .testimonial-slides-track {
  display: flex;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
  width: 100%;
}

.homepage-2026 .testimonial-slide {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.homepage-2026 .testimonial-slide.active {
  opacity: 1;
  pointer-events: auto;
}

/* Card Styling - Equal Height Across All Slides */
.homepage-2026 .testimonial-card-2026 {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(226, 235, 246, 0.9);
  padding: 38px 40px;
  display: flex;
  align-items: center;
  gap: 42px;
  height: 100%;
  min-height: 410px;
  position: relative;
  box-sizing: border-box;
}

/* Left Image Wrap */
.homepage-2026 .testimonial-card-img-wrap {
  width: 275px;
  height: 275px;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
  background: #ffffff;
}

.homepage-2026 .testimonial-author-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

/* Right Content Wrap - Balanced Vertical Centering */
.homepage-2026 .testimonial-card-content {
  flex: 1;
  min-width: 0;
  position: relative;
  padding-right: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 275px;
}

/* Top Right Quote Icon */
.homepage-2026 .testimonial-quote-icon-badge {
  position: absolute;
  top: -4px;
  right: -8px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage-2026 .testimonial-quote-img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}

/* Role Badge: STORE OWNER */
.homepage-2026 .testimonial-role-badge {
  display: inline-block;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0056eb;
  margin-bottom: 7px;
  line-height: 1;
}

/* Star Rating Under Role Badge */
.homepage-2026 .testimonial-stars-rating {
  color: #ffb800;
  font-size: 14.5px;
  letter-spacing: 3px;
  margin: 0 0 12px 0;
  line-height: 1;
  display: flex;
  align-items: center;
}

.homepage-2026 .testimonial-stars-rating .star {
  display: inline-block;
}

/* Quote Text */
.homepage-2026 .testimonial-quote-text {
  font-size: 1.02rem;
  color: #334155;
  line-height: 1.62;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  quotes: none;
}

.homepage-2026 .testimonial-quote-text b,
.homepage-2026 .testimonial-quote-text strong {
  font-weight: 700;
  color: #002248;
}

.homepage-2026 .testimonial-quote-text::before,
.homepage-2026 .testimonial-quote-text::after {
  content: none !important;
}

/* Author Info */
.homepage-2026 .testimonial-author-info {
  margin-top: 18px;
}

.homepage-2026 .testimonial-author-name {
  font-size: 1.15rem;
  font-weight: 700;
  color: #0c1e36;
  margin: 0 0 3px 0;
  line-height: 1.25;
}

.homepage-2026 .testimonial-author-title {
  font-size: 0.88rem;
  color: #64748b;
  margin: 0;
  line-height: 1.35;
}

.homepage-2026 .testimonial-dots-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-width: 480px !important;
  margin: 40px auto 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}

.homepage-2026 .testimonial-dots-down,
.homepage-2026 .testimonial-dots-offset,
.homepage-2026 .testimonial-dots-wrap.testimonial-dots-down,
.homepage-2026 .testimonial-dots-wrap.testimonial-dots-offset {
  position: relative !important;
  top: 20px !important;
  z-index: 10 !important;
}

.homepage-2026 .testimonial-dot {
  background-color: #c7e0ff;
  border: none;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  outline: none;
}

.homepage-2026 .testimonial-dot:focus {
  outline: none;
}

.homepage-2026 .testimonial-dot.is-active {
  width: 32px;
  height: 7px;
  border-radius: 5px;
  background-color: #0056eb;
}

/* ==========================================================================
   Desktop Testimonials (New Reference Design for >= 1024px ONLY)
   ========================================================================== */
@media (min-width: 1024px) {
  .homepage-2026 .testimonials-section--desktop {
    position: relative;
    background-color: #ffffff;
    padding: 70px 0 75px 0;
    overflow: visible !important;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-header,
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-header {
    margin-bottom: 44px;
    position: relative;
    z-index: 2;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-eyebrow,
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-eyebrow {
    display: block;
    color: #0056eb;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 1;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-heading,
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-heading {
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1.18;
    margin: 0 0 12px 0;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-heading .heading-dark,
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-heading .heading-dark {
    color: #0c1e36;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-heading .heading-blue,
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-heading .heading-blue {
    color: #0056eb;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-rating-row,
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 6px;
    margin-bottom: 60px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-rating-row .testimonial-stars,
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row .testimonial-stars {
    color: #ffb800;
    font-size: 16px;
    letter-spacing: 2.5px;
    line-height: 1;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-rating-row .testimonial-review-count,
  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row .testimonial-review-count {
    color: #1e293b;
    font-size: 14.5px;
    font-weight: 600;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-backdrop {
    position: absolute;
    top: -30px;
    bottom: -30px;
    left: calc(50% - 140px);
    right: 56px;
    background-color: #eef6fe;
    border-radius: 34px;
    z-index: 1;
    pointer-events: none;
  }

  .homepage-2026 .testimonials-section--desktop .slider-arrow {
    background-color: #0056eb;
    border: 1px solid transparent;
    padding: 0;
    width: 44px;
    height: 44px;
    min-width: 44px;
    flex-shrink: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    box-shadow: none;
    color: #ffffff;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.3s ease, color 0.3s ease;
    user-select: none;
    z-index: 3;
  }

  .homepage-2026 .testimonials-section--desktop .slider-arrow:focus {
    outline: none;
    box-shadow: none;
  }

  .homepage-2026 .testimonials-section--desktop .slider-arrow:not(.is-disabled):hover {
    background-color: #0042c0;
    box-shadow: none;
    transform: scale(1.05);
  }

  .homepage-2026 .testimonials-section--desktop .slider-arrow:not(.is-disabled):active {
    transform: scale(0.96);
  }

  .homepage-2026 .testimonials-section--desktop .slider-arrow.is-disabled {
    background-color: #ffffff;
    border: 1px solid #dce5f0;
    box-shadow: none;
    color: #94a3b8;
    cursor: default;
    opacity: 0.65;
    pointer-events: none;
    transform: none;
  }

  .homepage-2026 .testimonials-section--desktop .slider-arrow .slider-arrow-icon {
    display: block;
    width: 12px;
    height: 14px;
    transition: transform 0.2s ease;
  }

  .homepage-2026 .testimonials-section--desktop .slider-arrow-next {
    position: relative;
    left: 22px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-slider-wrapper {
    flex: 1;
    max-width: 820px;
    min-width: 0;
    overflow: hidden;
    position: relative;
    border-radius: 24px;
    z-index: 2;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-slides-track {
    display: flex;
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
    width: 100%;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-slide {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-slide.active {
    opacity: 1;
    pointer-events: auto;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-2026 {
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(226, 235, 246, 0.7);
    box-shadow: 0 12px 40px -10px rgba(12, 30, 54, 0.08), 0 2px 10px rgba(0, 0, 0, 0.02);
    padding: 34px 38px;
    display: flex;
    align-items: stretch;
    gap: 0;
    height: 100%;
    min-height: 380px;
    position: relative;
    box-sizing: border-box;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-img-wrap {
    width: 260px;
    height: 260px;
    min-width: 260px;
    border-radius: 20px;
    background-color: #dbeaff;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    position: relative;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-author-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 20px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-placeholder-avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
  }

  .homepage-2026 .testimonials-section--desktop .avatar-silhouette-icon {
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.95;
  }

  .homepage-2026 .testimonials-section--desktop .placeholder-caption {
    font-size: 11px;
    color: #475569;
    font-weight: 600;
    margin-top: 14px;
    line-height: 1.2;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-content {
    flex: 1 1 auto;
    min-width: 0;
    padding: 4px 0 4px 34px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-content-top {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-content-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 2px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-role-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #0056eb;
    margin: 0;
    line-height: 1;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-stars-rating {
    color: #ffb800;
    font-size: 15px;
    letter-spacing: 3px;
    margin: 8px 0 14px 0;
    line-height: 1;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-stars-rating .star {
    display: inline-block;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text {
    font-size: 1.05rem;
    line-height: 1.58;
    font-weight: 400;
    color: #2d3748;
    margin: 0;
    padding: 0 14px 0 0;
    max-height: 180px;
    overflow-y: auto;
    border: none;
    background: none;
    quotes: none;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
    scroll-behavior: smooth;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text::-webkit-scrollbar {
    width: 4px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text::-webkit-scrollbar-track {
    background: transparent;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
    transition: background-color 0.25s ease;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text::-webkit-scrollbar-thumb:hover {
    background: #0056eb;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text::-webkit-scrollbar-corner {
    display: none !important;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text b,
  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text strong {
    font-weight: 700;
    color: #0c1e36;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text::before,
  .homepage-2026 .testimonials-section--desktop .testimonial-quote-text::after {
    content: none !important;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-content-bottom {
    margin-top: auto;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-author-divider {
    width: 100%;
    height: 1px;
    background-color: #edf2f7;
    margin: 18px 0 14px 0;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-author-info {
    margin: 0;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-author-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0c1e36;
    margin: 0 0 2px 0;
    line-height: 1.25;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-author-title {
    font-size: 0.86rem;
    color: #64748b;
    font-weight: 500;
    margin: 0;
    line-height: 1.35;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-dots-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    max-width: 480px !important;
    margin: 66px auto 0 auto !important;
    position: relative !important;
    top: 0 !important;
    z-index: 2 !important;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-dot {
    background-color: #c7e0ff;
    border: none;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    outline: none;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-dot:focus {
    outline: none;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-dot.is-active {
    width: 28px;
    height: 6px;
    border-radius: 4px;
    background-color: #0056eb;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-dot:hover:not(.is-active) {
    background-color: #9ac4fc;
  }
}

/* Responsive Media Queries for Testimonials */




/* --------------------------------------------------------------------------
   7. App Experience Section & Accordion
   -------------------------------------------------------------------------- */
.homepage-2026 .bg-new-color {
  background: linear-gradient(180deg, #ffffff 0%, #f1f7fe 50%, #e1effe 100%);
}

.homepage-2026 .our-app-text {
  background-color: #c8e1f1;
  padding: 0 8px;
  border-radius: 4px;
}

.homepage-2026 .laas-accordion .accordion-item {
  background: transparent;
  border: none;
  border-bottom: 2px solid #cbd5e1;
}

.homepage-2026 .laas-accordion .accordion-title {
  color: #002248;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 18px 0;
  background: transparent !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

.homepage-2026 .laas-accordion .accordion-title:hover {
  color: #0072d6;
}

.homepage-2026 .laas-accordion .accordion-content {
  background: transparent !important;
  padding: 0 0 20px 0 !important;
  font-size: 1.05rem;
  color: #334155;
}

/* --------------------------------------------------------------------------
   8. Industries Section
   -------------------------------------------------------------------------- */
.homepage-2026 .industries-section {
  background: linear-gradient(135deg, #002248 0%, #005bb5 100%);
  color: #ffffff;
}

.homepage-2026 .industries-text h2 {
  color: #ffffff;
  font-size: 2.4rem;
}

.homepage-2026 .industries-text p {
  color: #cbd5e1;
  font-size: 1.1rem;
}

.homepage-2026 .industries-buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.homepage-2026 .industry-button {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  padding: 10px 16px;
  color: #ffffff;
  text-decoration: none;
}

.homepage-2026 .industry-button img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  margin-right: 14px;
}

.homepage-2026 .industry-button span {
  font-weight: 600;
  font-size: 1.05rem;
}

.homepage-2026 .industry-button.view-all-box {
  background: #008aea;
  border-color: #008aea;
  transition: background-color 0.25s ease;
}

.homepage-2026 .industry-button.view-all-box:hover {
  background: #0072d6;
}

/* --------------------------------------------------------------------------
   9. Demo CTA Section
   -------------------------------------------------------------------------- */
.homepage-2026 .demo-section {
  background-color: #edf5fd;
  border-radius: 20px;
  position: relative;
  overflow: visible;
}

.homepage-2026 .demo-card-inner {
  position: relative;
}

.homepage-2026 .demo-heading {
  font-size: 2rem;
  color: #002248;
}

.homepage-2026 .btn-borrower,
.homepage-2026 .btn-merchant {
  border: 2px solid transparent;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  text-decoration: none;
}

.homepage-2026 .btn-borrower:hover,
.homepage-2026 .btn-merchant:hover {
  border-color: #0072d6;
  box-shadow: 0 6px 18px rgba(0, 114, 214, 0.12) !important;
}

/* --------------------------------------------------------------------------
   7. Latest News & Blog Section (Pixel-Perfect Dynamic)
   -------------------------------------------------------------------------- */
.homepage-2026 .blog-section-2026 {
  background: linear-gradient(180deg, #f4f8fe 0%, #ffffff 100%);
  padding: 85px 0 95px 0;
  position: relative;
  border-top: 1px solid rgba(220, 235, 250, 0.7);
}

/* /* Remove all decorative pseudo-element lines and borders */
.homepage-2026 .blog-section-2026 *::before,
.homepage-2026 .blog-section-2026 *::after,
.homepage-2026 .blog-section-2026 .bgl-tle::before,
.homepage-2026 .blog-section-2026 .bgl-tle::after,
.homepage-2026 .blog-section-2026 .card-section::before,
.homepage-2026 .blog-section-2026 .card-section::after,
.homepage-2026 .blog-section-2026 .card-section h3::before,
.homepage-2026 .blog-section-2026 .card-section h3::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
}

.homepage-2026 .blog-section-2026 .badge {
  display: none !important;
}

.homepage-2026 .blog-header-row {
  margin-bottom: 40px;
}

.homepage-2026 .blog-eyebrow {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0056eb;
  margin-bottom: 12px;
  line-height: 1;
}

.homepage-2026 .blog-main-heading {
  font-size: 2.6rem !important;
  font-weight: 800;
  color: #0c1e36 !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
}

.homepage-2026 .blog-main-heading .highlight-blue {
  color: #0056eb !important;
}

.homepage-2026 .blog-subtitle {
  color: black;
  font-size: 0.98rem;
  line-height: 1.6;
  max-width: 580px;
}

/* View More Button Container & Positioning */
.homepage-2026 .blog-btn-col {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  padding-bottom: 6px;
}

/* View More Button - Pixel-Perfect Matching Reference */
.homepage-2026 .btn-blog-view-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  background-color: #0052ff !important;
  color: #ffffff !important;
  font-size: 0.94rem !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(0, 82, 255, 0.28) !important;
  border: 1.5px solid #0052ff !important;
  cursor: pointer;
}

.homepage-2026 .btn-blog-view-more:hover,
.homepage-2026 .btn-blog-view-more:focus {
  background-color: #003ecc !important;
  border-color: #003ecc !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 82, 255, 0.45) !important;
}

.homepage-2026 .btn-blog-view-more:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 82, 255, 0.3) !important;
}

.homepage-2026 .btn-blog-view-more .btn-arrow {
  display: inline-block;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}

.homepage-2026 .btn-blog-view-more:hover .btn-arrow {
  transform: translateX(6px);
}

/* Original Blog Section Card Styling (Matching Reference Screenshot) */
.homepage-2026 .blog-section-2026 .card.hover-zoom {
  border: 1px solid #e8eef5 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 34, 72, 0.05) !important;
  background: #ffffff !important;
  margin-bottom: 30px;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  transform: translateY(0) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.homepage-2026 .blog-section-2026 .card.hover-zoom:hover {
  transform: translateY(-4px) !important;
  border-color: #dbe4ee !important;
  box-shadow: 0 8px 24px rgba(0, 34, 72, 0.08) !important;
}

.homepage-2026 .blog-section-2026 .card-image {
  height: 231px !important;
  min-height: 231px !important;
  max-height: 231px !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  background: #f1f5f9;
}

.homepage-2026 .blog-section-2026 .card-image a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.homepage-2026 .blog-section-2026 .card-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 231px !important;
  max-height: 231px !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transform: scale(1) !important;
  transition: transform 0.5s ease-out !important;
}

.homepage-2026 .blog-section-2026 .card.hover-zoom:hover .card-image img {
  transform: scale(1.08) !important;
}

.homepage-2026 .blog-section-2026 .card-section {
  padding: 32px !important;
  flex: 1 0 auto !important;
  position: relative !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  border: none !important;
}

/* Blog Card Category (Pixel-perfect matching reference image) */
.homepage-2026 .blog-section-2026 .blog-card-category {
  color: #0052ea !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  display: block !important;
  line-height: 1.2 !important;
}

/* Original Title Styling */
.homepage-2026 .blog-section-2026 .bgl-tle {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 0 28px 0 !important;
  border: none !important;
  background: none !important;
  position: static !important;
}

.homepage-2026 .blog-section-2026 .bgl-tle a {
  color: #002147 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: color 0.2s ease !important;
}

/* .homepage-2026 .blog-section-2026 .bgl-tle a:hover {
  color: #0052ea !important;
} */

/* Blog Card Date (Pixel-perfect matching reference image) */
.homepage-2026 .blog-section-2026 .blog-card-date {
  color: #505876 !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-top: auto !important;
  display: block !important;
}

/* Suppress all pseudo-elements and lines in blog cards - No ::after on h3 */
.homepage-2026 .blog-section-2026 *::before,
.homepage-2026 .blog-section-2026 *::after,
.homepage-2026 .blog-section-2026 .card-section::before,
.homepage-2026 .blog-section-2026 .card-section::after,
.homepage-2026 .blog-section-2026 .bgl-tle::before,
.homepage-2026 .blog-section-2026 .bgl-tle::after,
.homepage-2026 .blog-section-2026 .card-section h3::before,
.homepage-2026 .blog-section-2026 .card-section h3::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS: 1024px, 1200px, 1366px, 1440px, 1920px, 2K/4K
   ========================================================================== */

/* --------------------------------------------------------------------------
   Mobile Adjustments (<768px) & Tablet Adjustments (768px - 1023px)
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {

  /* Container Padding & Spacing for Floating Header Card */
  .site-header.homepage-2026-header .header-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 10px !important;
  }

  /* Rounded Header Card Outer Wrapper */
  .site-header.homepage-2026-header .site-navigation.top-bar {
    display: flex !important;
    flex-direction: column !important;
    background-color: #ffffff !important;
    border-radius: 18px !important;
    padding: 0 !important;
    box-shadow: 0 8px 24px rgba(0, 30, 80, 0.08) !important;
    border: 1px solid #e2effc !important;
    overflow: hidden !important;
  }

  /* Top Section: Logo Card */
  .site-header.homepage-2026-header .top-bar-left {
    width: 100% !important;
    padding: 14px 20px 12px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #f4f8fe !important;
    border-bottom: 1px solid #e4f0fc !important;
    box-sizing: border-box !important;
  }

  .site-header.homepage-2026-header .top-bar-title a {
    display: block !important;
  }

  .site-header.homepage-2026-header .top-bar-title img {
    height: 36px !important;
    width: auto !important;
  }

  .site-header.homepage-2026-header .top-bar-right {
    display: none !important;
  }

  /* Bottom Section: Sub-Menu Pill Bar (Merchants | Borrowers | Login --- Hamburger) */
  .site-header.homepage-2026-header .mobile-header-sub-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 22px !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
  }

  .site-header.homepage-2026-header .mobile-sub-link {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0b1f3a !important;
    text-decoration: none !important;
    transition: color 0.18s ease !important;
  }

  .site-header.homepage-2026-header .mobile-sub-link:hover,
  .site-header.homepage-2026-header .mobile-sub-link:focus {
    color: #0052ea !important;
    text-decoration: none !important;
  }

  /* Mobile Login Dropdown in Sub-Bar */
  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec {
    display: none;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: -25px !important;
    left: auto !important;
    z-index: 999999 !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec.is-open,
  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper:hover .sub-login-sec {
    display: block !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec ul {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 210px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #dce9f8 !important;
    box-shadow: 0 10px 25px rgba(0, 33, 71, 0.15) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #eaeaea !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec ul li:last-child {
    border-bottom: none !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec ul li a {
    display: block !important;
    padding: 12px 14px 12px 42px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #002147 !important;
    text-decoration: none !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    background-size: 20px !important;
    text-align: left !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec ul li:nth-child(1) a {
    background-image: url("../../dist/assets/icons/house.png") !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec ul li:nth-child(2) a {
    background-image: url("../../dist/assets/icons/man.png") !important;
  }

  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec ul li a:hover,
  .site-header.homepage-2026-header .mobile-sub-nav .mobile-login-wrapper .sub-login-sec ul li a:active {
    background-color: #f4f8fd !important;
    color: #0052ea !important;
  }

  /* Hamburger Menu Icon Styling on Mobile Header & Sub Bar */
  .site-header.homepage-2026-header .menu-icon,
  .site-header.homepage-2026-header .top-bar-menu-icon,
  .site-header.homepage-2026-header .sub-bar-menu-icon {
    display: inline-block !important;
    width: 26px !important;
    height: 22px !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .site-header.homepage-2026-header .menu-icon::after,
  .site-header.homepage-2026-header .top-bar-menu-icon::after,
  .site-header.homepage-2026-header .sub-bar-menu-icon::after {
    content: '' !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 22px !important;
    height: 3px !important;
    background-color: #0b1f3a !important;
    box-shadow: 0 7px 0 0 #0b1f3a, 0 14px 0 0 #0b1f3a !important;
    border-radius: 2px !important;
    display: block !important;
  }

  /* Mobile Off-Canvas Menu Links */
  .off-canvas>ul.menu a,
  .off-canvas ul.menu a,
  .mobile-off-canvas-menu a,
  .mobile-off-canvas-menu li a {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: .9375rem !important;
  }
}

/* Mobile Off-Canvas Menu Links (Global Fallback) */
.off-canvas>ul.menu a,
.off-canvas ul.menu a,
.mobile-off-canvas-menu a,
.mobile-off-canvas-menu li a {
  color: #fff !important;
  font-weight: 400 !important;
  font-size: .9375rem !important;
}

/* --------------------------------------------------------------------------
   Breakpoint: 1024px (Tablets landscape & Compact Laptops)
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {

  .site-header.homepage-2026-header .mobile-header-sub-bar,
  .site-header.homepage-2026-header .top-bar-menu-icon {
    display: none !important;
  }

  .homepage-2026 .container,
  .homepage-2026-header .container,
  .wrapper-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .container,
  .footer-cta-overlap-wrapper-2026 .container,
  footer.wrapper#wrapper-footer .container,
  .wrapper#wrapper-footer .container,
  #wrapper-footer .container {
    max-width: 980px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .footer-cta-overlap-wrapper-2026 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer-cta-card-2026 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  .homepage-2026-header .container>.row,
  .wrapper-header.homepage-2026-header .container>.row,
  .site-header.homepage-2026-header .container>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  footer.wrapper#wrapper-footer .container>.row,
  .wrapper#wrapper-footer .container>.row,
  #wrapper-footer .container>.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .site-header.homepage-2026-header .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .site-header.homepage-2026-header .site-navigation.top-bar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .site-header.homepage-2026-header .top-bar-left,
  .site-header.homepage-2026-header .top-bar-title {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .site-header.homepage-2026-header .top-bar-right {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }

  .site-header.homepage-2026-header .top-bar-right .btn-primary {
    margin-right: 0 !important;
  }

  /* Reset legacy new.css padding: 0 87px on homepage-2026 rows so content aligns with container & header */
  .homepage-2026.content-block .container>.row,
  .homepage-2026 .container>.row,
  .content-block.homepage-2026 .container-fluid>.row,
  .content-block.homepage-2026 .container-sm>.row,
  .content-block.homepage-2026 .container-md>.row,
  .content-block.homepage-2026 .container-lg>.row,
  .content-block.homepage-2026 .container-xl>.row,
  .content-block.homepage-2026 .container>.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Section 1: Hero Section Gap & Spacing */
  .homepage-2026 .hero-section-2026 {
    padding: 48px 0 35px 0 !important;
    min-height: auto;
  }

  .homepage-2026 .hero-heading {
    font-size: 2.75rem;
  }

  .homepage-2026 .hero-phone-wrapper {
    margin-top: -28px;
    margin-bottom: -36px !important;
    transform: none !important;
  }

  .homepage-2026 .hero-phone-img {
    max-width: 440px !important;
  }

  .homepage-2026 .hero-stats-row {
    margin-top: 10px !important;
  }

  .homepage-2026 .hero-stats-card {
    padding: 22px 28px;
  }

  .homepage-2026 .hero-ripple-container {
    width: 860px;
    height: 860px;
  }

  .homepage-2026 .hero-ripple-glow {
    width: 560px;
    height: 560px;
  }

  .homepage-2026 .ripple-1 {
    width: 250px;
    height: 250px;
  }

  .homepage-2026 .ripple-2 {
    width: 400px;
    height: 400px;
  }

  .homepage-2026 .ripple-3 {
    width: 570px;
    height: 570px;
  }

  .homepage-2026 .ripple-4 {
    width: 760px;
    height: 760px;
  }

  /* Section 2: Personalized Solutions Section Gap & Spacing */
  .homepage-2026 .personalized-solutions-section {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }

  .homepage-2026 .solutions-cards-stack {
    gap: 16px;
  }

  .homepage-2026 .solution-card {
    padding: 24px 20px !important;
  }

  .homepage-2026 .solution-card.card-funding {
    margin-top: 24px !important;
  }

  /* Section 3: Industries We Serve Section Gap & Spacing */
  .homepage-2026 .industries-serve-section {
    padding: 35px 0 75px 0;
    margin-bottom: 17px;
  }

  .homepage-2026 .industries-top-divider {
    margin: 0 0 35px 0 !important;
  }

  .homepage-2026 .industries-cards-row {
    margin-top: 32px;
  }

  /* Section 4: Speed. Ease. Financing. Section Gap & Spacing */
  .homepage-2026 .speed-ease-section {
    padding: 0 !important;
    margin-bottom: 50px;
  }

  .homepage-2026 .speed-phone-wrap {
    margin: 0 auto !important;
    max-width: 490px !important;
    height: auto !important;
  }

  .homepage-2026 .speed-ease-left-col {
    padding-top: 55px !important;
    padding-bottom: 40px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .homepage-2026 .speed-features-list {
    gap: 22px;
    margin-bottom: 32px;
  }

  /* Section 5: Testimonials Section Gap & Spacing */
  .homepage-2026 .testimonials-section-2026 {
    padding: 50px 0 35px 0;
  }

  .homepage-2026 .testimonial-header {
    margin-bottom: 34px;
  }

  .homepage-2026 .testimonial-heading {
    font-size: 2.3rem;
  }

  .homepage-2026 .testimonial-slider-container {
    max-width: 890px;
    gap: 18px;
  }

  .homepage-2026 .testimonial-slider-wrapper {
    max-width: 750px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-backdrop,
  .homepage-2026 .testimonial-card-backdrop {
    top: -26px;
    bottom: -26px;
    left: calc(50% - 110px);
    right: 44px;
    border-radius: 30px;
  }

  .homepage-2026 .testimonial-card-2026 {
    padding: 28px 32px;
    min-height: 355px;
  }

  .homepage-2026 .testimonial-card-img-wrap {
    width: 230px;
    height: 230px;
    min-width: 230px;
  }

  .homepage-2026 .testimonial-card-content {
    padding: 2px 0 2px 28px;
  }

  .homepage-2026 .testimonial-quote-text {
    font-size: 0.98rem;
    max-height: 150px;
  }

  .homepage-2026 .testimonial-dots-wrap {
    margin-top: 56px !important;
  }

  /* Section 6: Latest News & Blog Section Gap & Spacing */
  .homepage-2026 .blog-section-2026 {
    padding: 70px 0 80px 0;
  }

  .homepage-2026 .blog-header-row {
    margin-bottom: 30px;
  }

  /* Section 7: Footer CTA Overlap Card & Footer Spacing */
  .footer-cta-overlap-wrapper-2026 {
    margin-bottom: -95px;
  }

  .footer-cta-card-2026 {
    padding: 45px 25px 52px 25px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #wrapper-footer {
    padding-top: 140px !important;
    padding-bottom: 45px !important;
  }

  .homepage-2026 .section-header {
    grid-template-columns: 1.2fr 1fr;
    gap: 3rem;
  }

  .homepage-2026 .testimonial-cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .homepage-2026 .industries-buttons {
    grid-template-columns: repeat(2, 1fr);
  }

  .homepage-2026 .feature-heading {
    font-size: 2.2rem;
  }
}

/* --------------------------------------------------------------------------
   Breakpoint: 1200px (Standard Desktops & Laptops)
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {

  .homepage-2026 .container,
  .homepage-2026-header .container,
  .wrapper-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .container,
  .footer-cta-overlap-wrapper-2026 .container,
  footer.wrapper#wrapper-footer .container,
  .wrapper#wrapper-footer .container,
  #wrapper-footer .container {
    max-width: 1140px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .homepage-2026-header .container>.row,
  .wrapper-header.homepage-2026-header .container>.row,
  .site-header.homepage-2026-header .container>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  footer.wrapper#wrapper-footer .container>.row,
  .wrapper#wrapper-footer .container>.row,
  #wrapper-footer .container>.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Section 1: Hero Section Gap & Spacing */
  .homepage-2026 .hero-section-2026 {
    padding: 50px 0 36px 0 !important;
    min-height: auto;
  }

  .homepage-2026 .hero-heading {
    font-size: 46px;
  }

  .homepage-2026 .hero-phone-wrapper {
    margin-top: -34px;
    margin-bottom: -42px !important;
    transform: none !important;
  }

  .homepage-2026 .hero-phone-img {
    max-width: 475px !important;
  }

  .homepage-2026 .hero-stats-row {
    margin-top: 10px !important;
  }

  .homepage-2026 .hero-stats-card {
    padding: 24px 34px;
  }

  /* Section 2: Personalized Solutions Section Gap & Spacing */
  .homepage-2026 .personalized-solutions-section {
    padding-top: 50px !important;
    padding-bottom: 80px !important;
  }

  .homepage-2026 .solutions-cards-stack {
    gap: 18px;
  }

  .homepage-2026 .solution-card {
    padding: 26px 22px !important;
  }

  .homepage-2026 .solution-card.card-funding {
    margin-top: 30px !important;
  }

  /* Section 3: Industries We Serve Section Gap & Spacing */
  .homepage-2026 .industries-serve-section {
    padding: 40px 0 80px 0;
  }

  .homepage-2026 .industries-top-divider {
    margin: 0 0 40px 0 !important;
  }

  .homepage-2026 .industries-cards-row {
    margin-top: 36px;
  }

  /* Section 4: Speed. Ease. Financing. Section Gap & Spacing */
  .homepage-2026 .speed-ease-section {
    padding: 0 !important;
  }

  .homepage-2026 .speed-phone-wrap {
    margin: 0 auto !important;
    max-width: 530px !important;
    height: auto !important;
  }

  .homepage-2026 .speed-ease-left-col {
    padding-top: 60px !important;
    padding-bottom: 45px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .homepage-2026 .speed-features-list {
    gap: 25px;
    margin-bottom: 36px;
  }

  /* Section 5: Testimonials Section Gap & Spacing */
  .homepage-2026 .testimonials-section-2026 {
    padding: 55px 0 40px 0;
  }

  .homepage-2026 .testimonial-header {
    margin-bottom: 38px;
  }

  .homepage-2026 .testimonial-heading {
    font-size: 2.5rem;
  }

  .homepage-2026 .testimonial-slider-container {
    max-width: 950px;
    gap: 22px;
  }

  .homepage-2026 .testimonial-slider-wrapper {
    max-width: 800px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-backdrop,
  .homepage-2026 .testimonial-card-backdrop {
    top: -28px;
    bottom: -28px;
    left: calc(50% - 125px);
    right: 46px;
    border-radius: 32px;
  }

  .homepage-2026 .testimonial-card-2026 {
    padding: 32px 36px;
    min-height: 370px;
  }

  .homepage-2026 .testimonial-card-img-wrap {
    width: 245px;
    height: 245px;
    min-width: 245px;
  }

  .homepage-2026 .testimonial-card-content {
    padding: 4px 0 4px 32px;
  }

  .homepage-2026 .testimonial-quote-text {
    font-size: 1.02rem;
    max-height: 160px;
  }

  .homepage-2026 .testimonial-dots-wrap {
    margin-top: 60px !important;
  }

  /* Section 6: Latest News & Blog Section Gap & Spacing */
  .homepage-2026 .blog-section-2026 {
    padding: 75px 0 85px 0;
  }

  .homepage-2026 .blog-header-row {
    margin-bottom: 34px;
  }

  /* Section 7: Footer CTA Overlap Card & Footer Spacing */
  .footer-cta-overlap-wrapper-2026 {
    margin-bottom: -105px;
  }

  .footer-cta-card-2026 {
    padding: 50px 30px 58px 30px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #wrapper-footer {
    padding-top: 155px !important;
    padding-bottom: 50px !important;
  }

  .homepage-2026 .trust-heading-container h2 {
    font-size: 2.4rem;
  }

  .homepage-2026 .demo-heading {
    font-size: 2.3rem;
  }

  .homepage-2026 .profile-images {
    position: absolute;
    top: 50%;
    left: -70px;
    transform: translateY(-50%);
  }

  .homepage-2026 .profile-images-2 {
    position: absolute;
    top: 50%;
    right: -70px;
    transform: translateY(-50%);
  }

  .homepage-2026 .profile,
  .homepage-2026 .profile-2 {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  }
}

/* --------------------------------------------------------------------------
   Breakpoint: 1366px (Most Common Laptops)
   -------------------------------------------------------------------------- */
@media (min-width: 1366px) {

  .homepage-2026 .container,
  .homepage-2026-header .container,
  .wrapper-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .container,
  .footer-cta-overlap-wrapper-2026 .container,
  footer.wrapper#wrapper-footer .container,
  .wrapper#wrapper-footer .container,
  #wrapper-footer .container {
    max-width: 1260px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .homepage-2026-header .container>.row,
  .wrapper-header.homepage-2026-header .container>.row,
  .site-header.homepage-2026-header .container>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  footer.wrapper#wrapper-footer .container>.row,
  .wrapper#wrapper-footer .container>.row,
  #wrapper-footer .container>.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Section 1: Hero Section Gap & Spacing */
  .homepage-2026 .hero-section-2026 {
    padding: 52px 0 38px 0 !important;
    min-height: auto;
  }

  .homepage-2026 .hero-heading {
    font-size: 48px;
  }

  .homepage-2026 .hero-phone-wrapper {
    margin-top: -38px;
    margin-bottom: -46px !important;
    transform: none !important;
  }

  .homepage-2026 .hero-phone-img {
    max-width: 495px !important;
  }

  .homepage-2026 .hero-stats-row {
    margin-top: 10px !important;
  }

  .homepage-2026 .hero-stats-card {
    padding: 26px 36px;
  }

  /* Section 2: Personalized Solutions Section Gap & Spacing */
  .homepage-2026 .personalized-solutions-section {
    padding-top: 55px !important;
    padding-bottom: 85px !important;
  }

  .homepage-2026 .solutions-cards-stack {
    gap: 20px;
  }

  .homepage-2026 .solution-card {
    padding: 28px 24px !important;
  }

  .homepage-2026 .solution-card.card-funding {
    margin-top: 0px !important;
  }

  /* Section 3: Industries We Serve Section Gap & Spacing */
  .homepage-2026 .industries-serve-section {
    margin-top: -64px;
    margin-bottom: 14px !important;
  }

  .homepage-2026 .industries-top-divider {
    margin: 0 0 42px 0 !important;
  }

  .homepage-2026 .industries-cards-row {
    margin-top: 40px;
  }

  /* Section 4: Speed. Ease. Financing. Section Gap & Spacing */
  .homepage-2026 .speed-ease-section {
    padding: 0 !important;
    margin-bottom: 40px;
  }

  .homepage-2026 .speed-phone-wrap {
    margin: 0 auto !important;
    max-width: 560px !important;
    height: auto !important;
  }

  .homepage-2026 .speed-ease-left-col {
    padding-top: 65px !important;
    padding-bottom: 50px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .homepage-2026 .speed-features-list {
    gap: 28px;
    margin-bottom: 40px;
  }

  /* Section 5: Testimonials Section Gap & Spacing */
  .homepage-2026 .testimonials-section-2026 {
    padding: 45px 0 42px 0;
  }

  .homepage-2026 .testimonial-header {
    margin-bottom: 40px;
  }

  .homepage-2026 .testimonial-heading {
    font-size: 2.65rem;
  }

  .homepage-2026 .testimonial-slider-container {
    max-width: 990px;
    gap: 24px;
  }

  .homepage-2026 .testimonial-slider-wrapper {
    max-width: 840px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-backdrop,
  .homepage-2026 .testimonial-card-backdrop {
    top: -30px;
    bottom: -30px;
    left: calc(50% - 135px);
    right: 48px;
    border-radius: 34px;
  }

  .homepage-2026 .testimonial-card-2026 {
    padding: 34px 38px;
    min-height: 380px;
  }

  .homepage-2026 .testimonial-card-img-wrap {
    width: 255px;
    height: 255px;
    min-width: 255px;
  }

  .homepage-2026 .testimonial-card-content {
    padding: 4px 0 4px 34px;
  }

  .homepage-2026 .testimonial-quote-text {
    font-size: 1.04rem;
    max-height: 165px;
  }

  .homepage-2026 .testimonial-dots-wrap {
    margin-top: 66px !important;
  }

  /* Section 6: Latest News & Blog Section Gap & Spacing */
  .homepage-2026 .blog-section-2026 {
    padding: 85px 0 95px 0;
    padding-bottom: 44px;
  }

  .homepage-2026 .blog-header-row {
    margin-bottom: 38px;
  }

  /* Section 7: Footer CTA Overlap Card & Footer Spacing */
  .footer-cta-overlap-wrapper-2026 {
    margin-bottom: -115px;
  }

  .footer-cta-card-2026 {
    padding: 55px 30px 65px 30px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #wrapper-footer {
    padding-top: 165px !important;
    padding-bottom: 55px !important;
  }

  .homepage-2026 .benefit-card {
    padding: 36px 28px;
  }

  .homepage-2026 .benefit-card h3 {
    font-size: 1.3rem;
  }

  .homepage-2026 .feature-heading {
    font-size: 2.4rem;
  }

  .homepage-2026 .testimonial-card {
    padding: 36px 32px;
  }
}

/* --------------------------------------------------------------------------
   Breakpoint: 1440px (Large Screens / MacBook Pro)
   -------------------------------------------------------------------------- */
@media (min-width: 1440px) {

  .homepage-2026 .container,
  .homepage-2026-header .container,
  .wrapper-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .container,
  .footer-cta-overlap-wrapper-2026 .container,
  footer.wrapper#wrapper-footer .container,
  .wrapper#wrapper-footer .container,
  #wrapper-footer .container {
    max-width: 1340px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .homepage-2026-header .container>.row,
  .wrapper-header.homepage-2026-header .container>.row,
  .site-header.homepage-2026-header .container>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  footer.wrapper#wrapper-footer .container>.row,
  .wrapper#wrapper-footer .container>.row,
  #wrapper-footer .container>.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Section 1: Hero Section Gap & Spacing */
  .homepage-2026 .hero-section-2026 {
    padding: 54px 0 40px 0 !important;
    min-height: auto;
  }

  .homepage-2026 .hero-heading {
    font-size: 50px;
  }

  .homepage-2026 .hero-phone-wrapper {
    margin-top: -40px;
    margin-bottom: -48px !important;
    transform: none !important;
  }

  .homepage-2026 .hero-phone-img {
    max-width: 520px !important;
  }

  .homepage-2026 .hero-stats-row {
    margin-top: 12px !important;
  }

  .homepage-2026 .hero-stats-card {
    padding: 28px 40px;
  }

  /* Section 2: Personalized Solutions Section Gap & Spacing */
  .homepage-2026 .personalized-solutions-section {
    padding-top: 55px !important;
    padding-bottom: 90px !important;
  }

  .homepage-2026 .solutions-cards-stack {
    gap: 22px;
  }

  .homepage-2026 .solution-card {
    padding: 30px 26px !important;
  }

  .homepage-2026 .solution-card.card-funding {
    margin-top: 12px !important;
  }

  /* Section 3: Industries We Serve Section Gap & Spacing */
  .homepage-2026 .industries-serve-section {
    padding: 50px 0 90px 0;
  }

  .homepage-2026 .industries-top-divider {
    margin: 0 0 45px 0 !important;
  }

  .homepage-2026 .industries-cards-row {
    margin-top: 44px;
  }

  /* Section 4: Speed. Ease. Financing. Section Gap & Spacing */
  .homepage-2026 .speed-ease-section {
    padding: 0 !important;
  }

  .homepage-2026 .speed-phone-wrap {
    margin: 0 auto !important;
    max-width: 600px !important;
    height: auto !important;
  }

  .homepage-2026 .speed-ease-left-col {
    padding-top: 70px !important;
    padding-bottom: 55px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .homepage-2026 .speed-features-list {
    gap: 32px;
    margin-bottom: 45px;
  }

  /* Section 5: Testimonials Section Gap & Spacing */
  .homepage-2026 .testimonials-section-2026 {
    padding: 62px 0 45px 0;
  }

  .homepage-2026 .testimonial-header {
    margin-bottom: 44px;
  }

  .homepage-2026 .testimonial-heading {
    font-size: 2.85rem;
  }

  .homepage-2026 .testimonial-slider-container {
    max-width: 1040px;
    gap: 26px;
  }

  .homepage-2026 .testimonial-slider-wrapper {
    max-width: 880px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-backdrop,
  .homepage-2026 .testimonial-card-backdrop {
    top: -32px;
    bottom: -32px;
    left: calc(50% - 145px);
    right: 50px;
    border-radius: 36px;
  }

  .homepage-2026 .testimonial-card-2026 {
    padding: 36px 40px;
    min-height: 395px;
  }

  .homepage-2026 .testimonial-card-img-wrap {
    width: 265px;
    height: 265px;
    min-width: 265px;
  }

  .homepage-2026 .testimonial-card-content {
    padding: 4px 0 4px 36px;
  }

  .homepage-2026 .testimonial-quote-text {
    font-size: 1.06rem;
    max-height: 175px;
  }

  .homepage-2026 .testimonial-dots-wrap {
    margin-top: 70px !important;
  }

  /* Section 6: Latest News & Blog Section Gap & Spacing */
  .homepage-2026 .blog-section-2026 {
    padding: 90px 0 100px 0;
  }

  .homepage-2026 .blog-header-row {
    margin-bottom: 42px;
  }

  /* Section 7: Footer CTA Overlap Card & Footer Spacing */
  .footer-cta-overlap-wrapper-2026 {
    margin-bottom: -115px !important;
  }

  .footer-cta-card-2026 {
    padding: 45px 35px 50px 35px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  #wrapper-footer {
    padding-top: 155px !important;
    padding-bottom: 60px !important;
  }

  .homepage-2026 .trust-heading-container h2 {
    font-size: 2.6rem;
  }

  .homepage-2026 .highlighted-testimonial {
    padding: 50px;
  }

  .homepage-2026 .highlighted-testimonial .testimonial-text {
    font-size: 2.2rem;
  }

  .homepage-2026 .demo-heading {
    font-size: 2.6rem;
  }

  .homepage-2026 .profile-images {
    left: -80px;
  }

  .homepage-2026 .profile-images-2 {
    right: -80px;
  }
}

/* --------------------------------------------------------------------------
   Breakpoint: Large Screens (1920px, 2K, 4K and Zoom-Out States)
   Maintain clean, stable desktop layout proportions without oversized inflation
   -------------------------------------------------------------------------- */
@media (min-width: 1920px) {

  .homepage-2026 .container,
  .homepage-2026-header .container,
  .wrapper-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .container,
  .footer-cta-overlap-wrapper-2026 .container,
  footer.wrapper#wrapper-footer .container,
  .wrapper#wrapper-footer .container,
  #wrapper-footer .container {
    max-width: 1340px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .homepage-2026-header .container>.row,
  .wrapper-header.homepage-2026-header .container>.row,
  .site-header.homepage-2026-header .container>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  footer.wrapper#wrapper-footer .container>.row,
  .wrapper#wrapper-footer .container>.row,
  #wrapper-footer .container>.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Section 1: Hero Section Gap & Spacing */
  .homepage-2026 .hero-section-2026 {
    padding: 56px 0 42px 0 !important;
    min-height: auto;
  }

  .homepage-2026 .hero-heading {
    font-size: 52px !important;
    line-height: 1.15 !important;
  }

  .homepage-2026 .hero-desc {
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
    max-width: 530px !important;
  }

  .homepage-2026 .hero-phone-wrapper {
    margin-top: -44px !important;
    margin-bottom: -50px !important;
    transform: none !important;
  }

  .homepage-2026 .hero-phone-img {
    max-width: 535px !important;
  }

  .homepage-2026 .hero-stats-row {
    margin-top: 12px !important;
  }

  .homepage-2026 .hero-stats-card {
    padding: 28px 42px !important;
  }

  .homepage-2026 .stat-icon-wrap,
  .homepage-2026 .solution-icon-wrap,
  .homepage-2026 .industry-card-icon-badge,
  .homepage-2026 .speed-feature-icon-wrap {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    max-width: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
  }

  .homepage-2026 .stat-icon-img,
  .homepage-2026 .solution-icon-img,
  .homepage-2026 .industry-badge-img,
  .homepage-2026 .speed-feature-icon-img {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    max-width: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
    object-fit: contain !important;
  }

  .homepage-2026 .stat-number {
    font-size: 1.35rem !important;
  }

  .homepage-2026 .stat-label {
    font-size: 0.85rem !important;
  }

  .homepage-2026 .btn-hero-primary,
  .homepage-2026 .btn-hero-secondary {
    padding: 13px 28px !important;
    font-size: 1rem !important;
  }

  /* Section 2: Personalized Solutions Section Gap & Spacing */
  .homepage-2026 .personalized-solutions-section {
    padding-top: 55px !important;
    padding-bottom: 90px !important;
  }

  .homepage-2026 .solutions-cards-stack {
    gap: 22px;
  }

  .homepage-2026 .solution-card {
    padding: 30px 26px !important;
  }

  .homepage-2026 .solution-card.card-funding {
    margin-top: 12px !important;
  }

  /* Section 3: Industries We Serve Section Gap & Spacing */
  .homepage-2026 .industries-serve-section {
    padding: 50px 0 90px 0;
  }

  .homepage-2026 .industries-top-divider {
    margin: 0 0 45px 0 !important;
  }

  .homepage-2026 .industries-cards-row {
    margin-top: 44px;
  }

  /* Section 4: Speed. Ease. Financing. Section Gap & Spacing */
  .homepage-2026 .speed-ease-section {
    padding: 0 !important;
  }

  .homepage-2026 .speed-phone-wrap {
    margin: 0 auto !important;
    max-width: 660px !important;
    height: auto !important;
  }

  .homepage-2026 .speed-ease-left-col {
    padding-top: 70px !important;
    padding-bottom: 55px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .homepage-2026 .speed-features-list {
    gap: 32px;
    margin-bottom: 45px;
  }

  /* Section 5: Testimonials Section Gap & Spacing */
  .homepage-2026 .testimonials-section-2026 {
    padding: 70px 0 50px 0;
  }

  .homepage-2026 .testimonial-header {
    margin-bottom: 48px;
  }

  .homepage-2026 .testimonial-heading {
    font-size: 3.15rem;
  }

  .homepage-2026 .testimonial-slider-container {
    max-width: 1100px;
    gap: 28px;
  }

  .homepage-2026 .testimonial-slider-wrapper {
    max-width: 930px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-backdrop,
  .homepage-2026 .testimonial-card-backdrop {
    top: -36px;
    bottom: -36px;
    left: calc(50% - 155px);
    right: 52px;
    border-radius: 38px;
  }

  .homepage-2026 .testimonial-card-2026 {
    padding: 38px 44px;
    min-height: 410px;
  }

  .homepage-2026 .testimonial-card-img-wrap {
    width: 275px;
    height: 275px;
    min-width: 275px;
  }

  .homepage-2026 .testimonial-card-content {
    padding: 6px 0 6px 40px;
  }

  .homepage-2026 .testimonial-quote-text {
    font-size: 1.1rem;
    max-height: 185px;
  }

  .homepage-2026 .testimonial-dots-wrap {
    margin-top: 78px !important;
  }

  /* Section 6: Latest News & Blog Section Gap & Spacing */
  .homepage-2026 .blog-section-2026 {
    padding: 85px 0 95px 0;
    padding-bottom: 44px;
  }

  .homepage-2026 .blog-header-row {
    margin-bottom: 38px;
  }

  /* Section 7: Footer CTA Overlap Card & Footer Spacing */
  .footer-cta-overlap-wrapper-2026 {
    margin-bottom: -115px !important;
  }

  .footer-cta-card-2026 {
    padding: 45px 35px 50px 35px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  #wrapper-footer {
    padding-top: 155px !important;
    padding-bottom: 60px !important;
  }
}


/* --------------------------------------------------------------------------
   Footer CTA Overlapping Card (Pixel-Perfect from Screenshot)
   -------------------------------------------------------------------------- */
.footer-cta-overlap-wrapper-2026 {
  position: relative;
  z-index: 20;
  margin-bottom: -115px;
  padding: 0;
}

.footer-cta-card-2026 {
  background: linear-gradient(90deg, #030f3a 0%, #092f88 100%) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 45px 35px 50px 35px !important;
  color: #ffffff !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
}

.footer-cta-card-2026 .cta-col-left {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
  padding-right: 35px;
}

.footer-cta-card-2026 .cta-col-right {
  padding-left: 35px;
}

@media (max-width: 991px) {
  .footer-cta-card-2026 .cta-col-left {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    padding-right: 0;
    padding-bottom: 30px;
  }

  .footer-cta-card-2026 .cta-col-right {
    padding-left: 0;
    padding-top: 25px;
  }
}

.footer-cta-card-2026 .get-started-text {
  color: #008aea !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 10px !important;
}

.footer-cta-card-2026 .cta-heading {
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 auto 24px auto !important;
  max-width: 440px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.2px !important;
}

.footer-cta-card-2026 .form-container {
  max-width: 420px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  padding: 4px !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
}

.footer-cta-card-2026 .form-container form {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
  align-items: center !important;
}

.footer-cta-card-2026 input[type="email"] {
  flex: 1 !important;
  border: none !important;
  padding: 10px 14px !important;
  font-size: 0.92rem !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #333333 !important;
  margin: 0 !important;
  height: auto !important;
}

.footer-cta-card-2026 input[type="email"]::placeholder {
  color: #8fa0b5 !important;
}

.footer-cta-card-2026 button {
  background: #0052ea !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 6px !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
}

.footer-cta-card-2026 button:hover {
  background: #003db3 !important;
}

.footer-cta-card-2026 .btn-crypto-details {
  background: #0052ea !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  padding: 11px 22px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  transition: all 0.2s ease !important;
}

.footer-cta-card-2026 .btn-crypto-details:hover {
  background: #003db3 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Footer Styles (Keep Original Theme Layout + Only Style Added Items)
   -------------------------------------------------------------------------- */
#wrapper-footer {
  background-color: #010a2f !important;
  padding-top: 155px !important;
  position: relative !important;
  z-index: 5 !important;
}



.footer-widget-title-new-homepage-2025 {
  color: rgb(247, 247, 248);
  font-weight: 500;
  font-size: 1rem;
}

.footer--menu ul li a {
  color: #91acd1 !important;
}

#wrapper-footer p {
  color: #91acd1 !important;
  font-size: small;
  text-align: justify;
}

.footer-address {
  color: rgb(248, 248, 250);
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 25px;
  margin-left: 12px;
}

/* Custom Social Icons - Added in Left Column */
#wrapper-footer .social-wrap {
  margin-top: 18px !important;
  margin-bottom: 25px !important;
  margin-left: 12px;
  display: flex !important;
  align-items: center !important;
}

#wrapper-footer .social-links {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  align-items: center !important;
}

#wrapper-footer .social-links li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

#wrapper-footer .social-links li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.85 !important;
  transition: opacity 0.2s ease !important;
  line-height: 1 !important;
}

#wrapper-footer .social-links li a:hover {
  opacity: 1 !important;
}

#wrapper-footer .social-links img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  display: block !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

/* Copyright Row & Trust Badges Alignment */
#wrapper-footer .fl-copyright {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 25px !important;
}

#wrapper-footer .fl-copyright p {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  margin: 0 !important;
}

#wrapper-footer .fl-copyright strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

#wrapper-footer .fl-badges-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  flex-wrap: nowrap !important;
}

#wrapper-footer .fl-badges-wrap .badge-img {
  margin: 0 !important;
  display: block !important;
  vertical-align: middle !important;
  object-fit: contain !important;
}

#wrapper-footer .fl-badges-wrap .badge-cloudflare {
  height: 28px !important;
  width: auto !important;
}

#wrapper-footer .fl-badges-wrap .badge-gptw {
  height: 50px !important;
  width: auto !important;
}

#wrapper-footer .fl-badges-wrap .badge-sectigo {
  height: 35px !important;
  width: auto !important;
}



/* 
========================================================================================
========================================================================================
Specially All Mobile Adjustments
========================================================================================
======================================================================================== */

@media screen and (max-width: 1024px) {
  /* ==========================================================================
     Mobile & Tablet Responsive Styles (<= 1024px)
     ========================================================================== */

  /* ==========================================================================
     GLOBAL MOBILE ALIGNMENT LOCK (Strict 16px Vertical Gutter Edge-to-Edge)
     Keeps Logo, Buttons, Stats Card, and All Section Content in 100% Straight Line
     ========================================================================== */
  .homepage-2026 .container,
  .homepage-2026-header .container,
  .homepage-2026-header .container-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Prevent any section row from overflowing container */
  .homepage-2026 .row {
    box-sizing: border-box !important;
  }

  /* --------------------------------------------------------------------------
     1. Header & Navigation (Mobile)
     -------------------------------------------------------------------------- */
  .site-header.homepage-2026-header,
  .site-header {
    border-bottom: 1px solid #dce9f8 !important;
  }

  .homepage-2026-header .site-navigation.top-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    background: #ecf5ff !important;
  }

  .site-header.homepage-2026-header .top-bar-title,
  .site-header .top-bar .top-bar-title {
    background: url(../../dist/assets/images/logo_new.svg) 0 center no-repeat !important;
    background-size: 140px auto !important;
    width: 140px !important;
    height: 34px !important;
    margin: 0 !important;
  }

  .site-header .top-bar-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
  }

  .site-header .top-bar-right a.phone,
  .site-header .top-bar-right a.mkpayment,
  .site-header .top-bar-right .btn-primary,
  .site-header .top-bar-right .desktop-menu {
    display: none !important;
  }

  .site-header .top-bar-right .sub-menu-new {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .site-header .top-bar-right .sub-menu-new .btn-secondary,
  .site-header .top-bar-right .sub-menu-new .header-login-link {
    color: #002147 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
  }

  .site-header .top-bar-right .menu-icon {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 26px !important;
    height: 20px !important;
    vertical-align: middle !important;
  }

  .site-header .top-bar-right .menu-icon::after {
    background: #002147 !important;
    box-shadow: 0 7px 0 #002147, 0 14px 0 #002147 !important;
    height: 2.5px !important;
    border-radius: 2px !important;
    width: 24px !important;
    left: 0 !important;
    top: 0 !important;
  }

  /* --------------------------------------------------------------------------
     2. Hero Section (Mobile)
     -------------------------------------------------------------------------- */
  .homepage-2026 .hero-section-2026 {
    padding: 36px 0 50px 0 !important;
    background: #ebf4fe !important;
    overflow: hidden !important;
  }
  .homepage-2026 .hero-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .homepage-2026 .hero-main-row {
    margin: 0 !important;
  }

  .homepage-2026 .hero-left-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Eyebrow */
  .homepage-2026 .hero-eyebrow {
    order: 1 !important;
    justify-content: center !important;
    text-align: center !important;
    color: #0062f5 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
    gap: 0 !important;
  }

  .homepage-2026 .eyebrow-dash {
    display: none !important;
  }

  /* Heading H1 */
  .homepage-2026 .hero-heading {
    order: 2 !important;
    text-align: center !important;
    font-size: clamp(2rem, 6.5vw, 2.35rem) !important;
    font-weight: 800 !important;
    color: #0a192f !important;
    line-height: 1.18 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 14px !important;
  }

  .homepage-2026 .highlight-blue {
    color: #0062f5 !important;
    font-weight: 800 !important;
  }

  /* Subtitle / Paragraph */
  .homepage-2026 .hero-desc {
    order: 3 !important;
    text-align: center !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    margin: 0 auto 16px auto !important;
    max-width: 96% !important;
    padding: 0 !important;
  }

  /* Features Pill Badge (Placed between Paragraph and Buttons) */
  .homepage-2026 .hero-features-pill {
    order: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #e1effc !important;
    border: 1px solid #b7d7f7 !important;
    border-radius: 50px !important;
    padding: 8px clamp(10px, 3vw, 18px) !important;
    margin: 0 auto 20px auto !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* Hide 1st item "Keep Your Crypto's Upside" and its separator to match screenshot */
  .homepage-2026 .hero-features-pill> :nth-child(1),
  .homepage-2026 .hero-features-pill> :nth-child(2),
  .homepage-2026 .hero-features-pill .pill-item:first-child,
  .homepage-2026 .hero-features-pill .pill-item:first-child+.pill-sep {
    display: none !important;
  }

  .homepage-2026 .hero-features-pill .pill-item {
    font-size: clamp(10.5px, 2.8vw, 12px) !important;
    font-weight: 600 !important;
    color: #2b5683 !important;
    white-space: nowrap !important;
  }

  .homepage-2026 .hero-features-pill .pill-sep {
    color: #92bfea !important;
    margin: 0 clamp(6px, 2vw, 10px) !important;
  }

  /* CTA Buttons (Stacked Full-Width) */
  .homepage-2026 .hero-cta-group {
    order: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
  }

  .homepage-2026 .btn-hero-primary {
    width: 100% !important;
    background-color: #0052ea !important;
    border-color: #0052ea !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 20px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(0, 82, 234, 0.25) !important;
    transform: none !important;
  }

  .homepage-2026 .btn-hero-primary .btn-arrow {
    width: 18px !important;
    height: 18px !important;
  }

  .homepage-2026 .btn-hero-secondary {
    width: 100% !important;
    background-color: #dbeaff !important;
    border: 1.5px solid #8ebcfb !important;
    color: #0052ea !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 20px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
  }

  /* Hide Phone Mockup & Ripples on Mobile */
  .homepage-2026 .hero-right-col,
  .homepage-2026 .hero-phone-wrapper,
  .homepage-2026 .hero-ripple-container {
    display: none !important;
  }

  /* --------------------------------------------------------------------------
     3. Floating Stats Card (Mobile: 3 items in 1 card row)
     -------------------------------------------------------------------------- */
  .homepage-2026 .hero-stats-row {
    margin: 0 !important;
    transform: none !important;
    position: relative !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .homepage-2026 .hero-stats-row>div,
  .homepage-2026 .hero-stats-row .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .homepage-2026 .hero-stats-card {
    width: 100% !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(10, 30, 60, 0.05) !important;
    border: 1px solid #edf2f9 !important;
    padding: 16px 8px 18px 8px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 2px !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .hero-stat-item {
    flex: 1 1 33.333% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 2px !important;
    gap: 6px !important;
  }

  .homepage-2026 .hero-stat-item .stat-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    background: #e6f1fe !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  .homepage-2026 .hero-stat-item .stat-icon-img {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
  }

  .homepage-2026 .stat-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .homepage-2026 .stat-number {
    font-size: clamp(12.5px, 3.5vw, 15px) !important;
    font-weight: 800 !important;
    color: #001e3d !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
  }

  .homepage-2026 .stat-label {
    font-size: clamp(9.5px, 2.6vw, 11px) !important;
    font-weight: 600 !important;
    color: #4a5c73 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    max-width: 86px !important;
    margin: 0 auto !important;
  }

  .homepage-2026 .stat-divider {
    display: none !important;
  }

  /* --------------------------------------------------------------------------
     3.1 Hero Feature Promo Cards (Mobile & Tablet: Width matching Floating Stats Bar)
     -------------------------------------------------------------------------- */
  .homepage-2026 .hero-feature-cards-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .hero-feature-card-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .hero-feature-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .hero-feature-card .card-content-wrap {
    align-items: flex-start !important;
    text-align: left !important;
  }

  @media (min-width: 576px) {

    .homepage-2026 .hero-feature-card .card-eyebrow,
    .homepage-2026 .hero-feature-card--embedded .card-eyebrow,
    .homepage-2026 .hero-feature-card--crypto .card-eyebrow {
      white-space: nowrap !important;
    }

    .homepage-2026 .hero-feature-card .card-heading,
    .homepage-2026 .hero-feature-card--embedded .card-heading,
    .homepage-2026 .hero-feature-card--crypto .card-heading {
      white-space: nowrap !important;
    }

    .homepage-2026 .hero-feature-card .card-heading br,
    .homepage-2026 .hero-feature-card--embedded .card-heading br,
    .homepage-2026 .hero-feature-card--crypto .card-heading br {
      display: none !important;
    }
  }

  @media (max-width: 575.98px) {

    .homepage-2026 .hero-feature-card .card-eyebrow,
    .homepage-2026 .hero-feature-card--embedded .card-eyebrow,
    .homepage-2026 .hero-feature-card--crypto .card-eyebrow {
      text-align: center !important;
      display: block !important;
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      align-self: center !important;
    }

    .homepage-2026 .hero-feature-card .card-heading,
    .homepage-2026 .hero-feature-card--embedded .card-heading,
    .homepage-2026 .hero-feature-card--crypto .card-heading {
      text-align: center !important;
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      align-self: center !important;
      white-space: normal !important;
    }

    .homepage-2026 .hero-feature-card .card-heading br,
    .homepage-2026 .hero-feature-card--embedded .card-heading br,
    .homepage-2026 .hero-feature-card--crypto .card-heading br {
      display: inline !important;
    }
  }

  /* --------------------------------------------------------------------------
     4. Personalized Solutions Section (Mobile Carousel <= 795px)
     -------------------------------------------------------------------------- */
  .homepage-2026 .personalized-solutions-section {
    padding: 50px 0 40px 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }

  .homepage-2026 .solutions-main-row {
    margin: 0 !important;
  }

  .homepage-2026 .solutions-left-col {
    text-align: center !important;
    padding: 0 16px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .homepage-2026 .solutions-eyebrow {
    color: #0062f5 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }

  .homepage-2026 .solutions-heading {
    text-align: center !important;
    font-size: clamp(1.75rem, 5.8vw, 2.15rem) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #0a192f !important;
    letter-spacing: -0.4px !important;
    margin-bottom: 14px !important;
  }

  .homepage-2026 .solutions-heading br {
    display: none !important;
  }

  .homepage-2026 .solutions-heading .highlight-blue {
    color: #0062f5 !important;
    font-weight: 800 !important;
  }

  .homepage-2026 .solutions-desc {
    text-align: center !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    margin: 0 auto 20px auto !important;
    max-width: 95% !important;
    padding: 0 !important;
  }

  .homepage-2026 .solutions-cta {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  .homepage-2026 .btn-solutions-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #0052ea !important;
    border-color: #0052ea !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 11px 24px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 14px rgba(0, 82, 234, 0.22) !important;
    transform: none !important;
    width: auto !important;
  }

  .homepage-2026 .btn-solutions-primary .btn-arrow {
    width: 16px !important;
    height: 16px !important;
  }

  .homepage-2026 .solutions-right-col {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 4 Cards Horizontal Swipe Slider Track */
  .homepage-2026 .solutions-cards-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding: 10px 10% 16px 10% !important;
    margin: 0 !important;
    scrollbar-width: none !important;
  }

  .homepage-2026 .solutions-cards-grid::-webkit-scrollbar {
    display: none !important;
  }

  .homepage-2026 .solutions-cards-stack {
    display: contents !important;
  }

  /* Card Sequential Order in Slider */
  .homepage-2026 .solutions-cards-stack.stack-left>.solution-card:nth-child(1) {
    order: 1 !important;
  }

  .homepage-2026 .solutions-cards-stack.stack-right>.solution-card:nth-child(1) {
    order: 2 !important;
  }

  .homepage-2026 .solutions-cards-stack.stack-left>.solution-card:nth-child(2) {
    order: 3 !important;
  }

  .homepage-2026 .solutions-cards-stack.stack-right>.solution-card:nth-child(2) {
    order: 4 !important;
  }

  /* Solution Card Styling (Exact match with Desktop Design) */
  .homepage-2026 .solution-card {
    flex: 0 0 84% !important;
    width: 84% !important;
    max-width: 84% !important;
    scroll-snap-align: center !important;
    background: linear-gradient(180deg, #eef7fd 0%, #f1f9fe 35%, #f6fbff 65%, #ffffff 100%) !important;
    border-radius: 12px !important;
    padding: 22px 20px 20px 20px !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(0, 40, 100, 0.05) !important;
    transform: none !important;
    margin: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .homepage-2026 .solution-card.card-funding {
    margin-top: 0 !important;
  }

  .homepage-2026 .solution-icon-wrap {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    max-width: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .homepage-2026 .solution-icon-img {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    max-width: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
    object-fit: contain !important;
  }

  .homepage-2026 .solution-card-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #0a192f !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
    letter-spacing: -0.2px !important;
  }

  .homepage-2026 .solution-card-title br {
    display: none !important;
  }

  .homepage-2026 .solution-card-text {
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
    color: #4b5e76 !important;
    text-align: left !important;
    margin: 0 !important;
    font-weight: 400 !important;
  }

  /* Pagination Indicators (Dots / Pills) */
  .homepage-2026 .solutions-dots-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    clear: both !important;
    position: relative !important;
    z-index: 5 !important;
  }

  .homepage-2026 .solutions-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    max-width: 8px !important;
    max-height: 8px !important;
    border-radius: 50% !important;
    background-color: #bad5f8 !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    outline: none !important;
    display: inline-block !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
  }

  .homepage-2026 .solutions-dot.is-active {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 8px !important;
    border-radius: 8px !important;
    background-color: #0052ea !important;
  }

  /* --------------------------------------------------------------------------
     5. Industries We Serve Section (Mobile <= 795px)
     -------------------------------------------------------------------------- */
  .homepage-2026 .industries-serve-section {
    padding: 14px 0 44px 0 !important;
    background-color: #ffffff !important;
  }

  .homepage-2026 .industries-top-divider {
    border-top: 1px dashed #cbd5e1 !important;
    margin: 0 0 24px 0 !important;
    width: 100% !important;
  }

  .homepage-2026 .industries-main-heading {
    font-size: clamp(1.8rem, 6vw, 2.2rem) !important;
    font-weight: 800 !important;
    color: #0a192f !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    letter-spacing: -0.4px !important;
  }

  .homepage-2026 .industries-subtitle {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    margin: 0 auto 30px auto !important;
    max-width: 95% !important;
  }

  /* 3 Cards Vertically Stacked with 100% container width */
  .homepage-2026 .industries-cards-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin: 0 !important;
  }

  .homepage-2026 .industries-cards-row>div,
  .homepage-2026 .industries-cards-row [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .homepage-2026 .industry-card {
    width: 100% !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 82, 234, 0.08) !important;
    box-shadow: 0 6px 20px rgba(10, 25, 47, 0.06) !important;
    transform: none !important;
  }

  .homepage-2026 .industry-card:hover {
    transform: none !important;
  }

  .homepage-2026 .industry-card-img-wrap {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 818 / 576 !important;
    overflow: hidden !important;
    position: relative !important;
    background-color: #f8fafc !important;
  }

  .homepage-2026 .industry-card-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    transform: none !important;
  }

  /* Floating Circular Icon Badge on the seam (Exact match with Desktop Design) */
  .homepage-2026 .industry-card-icon-badge {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    max-width: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(0, 82, 234, 0.12) !important;
    margin: -23.5px auto 14px auto !important;
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    padding: 0 !important;
  }

  .homepage-2026 .industry-badge-img {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    max-width: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
    border-radius: 50% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .homepage-2026 .industry-card-body {
    padding: 0 20px 24px 20px !important;
    text-align: center !important;
  }

  .homepage-2026 .industry-badge-label {
    display: block !important;
    color: #0052ea !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
  }

  .homepage-2026 .industry-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0a192f !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .homepage-2026 .industries-serve-section .row.mt-5 {
    margin-top: 24px !important;
  }

  /* Button: All Industries */
  .homepage-2026 .btn-industries-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #0052ea !important;
    border-color: #0052ea !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 14px rgba(0, 82, 234, 0.25) !important;
    transform: none !important;
  }

  /* --------------------------------------------------------------------------
     6. Speed. Ease. Section (Mobile <= 795px)
     -------------------------------------------------------------------------- */
  .homepage-2026 .speed-ease-section {
    padding: 44px 0 26px 0 !important;
    background-color: #000f2e !important;
    background-image: none !important;
    overflow: hidden !important;
    color: #ffffff !important;
    margin-bottom: 42px;
  }

  .homepage-2026 .speed-ease-main-row {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .homepage-2026 .speed-ease-left-col {
    padding: 0 !important;
    margin-bottom: 26px !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .homepage-2026 .speed-ease-heading {
    font-size: clamp(2rem, 6.5vw, 2.4rem) !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 12px !important;
    text-align: center !important;
    letter-spacing: -0.5px !important;
  }

  .homepage-2026 .speed-ease-heading br {
    display: none !important;
  }

  .homepage-2026 .speed-ease-subtitle {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #9fbce5 !important;
    text-align: center !important;
    margin: 0 auto 34px auto !important;
    max-width: 92% !important;
  }

  .homepage-2026 .speed-ease-subtitle br {
    display: none !important;
  }

  /* 3 Features Stack (Vertical & Centered) */
  .homepage-2026 .speed-features-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    margin: 0 auto 32px auto !important;
    width: 100% !important;
  }

  .homepage-2026 .speed-feature-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .homepage-2026 .speed-feature-icon-wrap {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    max-width: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 12px auto !important;
    background: transparent !important;
    border: none !important;
  }

  .homepage-2026 .speed-feature-icon-img {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    max-width: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
    object-fit: contain !important;
    display: block !important;
  }

  .homepage-2026 .speed-feature-content {
    text-align: center !important;
    width: 100% !important;
  }

  .homepage-2026 .speed-feature-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
    line-height: 1.3 !important;
  }

  .homepage-2026 .speed-feature-desc {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #9fbce5 !important;
    margin: 0 auto !important;
    text-align: center !important;
    max-width: 95% !important;
  }

  /* CTA Button: Apply Now & Learn More (Strictly Single Row on All Tablets & Mobile) */
  .homepage-2026 .speed-cta-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(10px, 2.5vw, 16px) !important;
    text-align: center !important;
    margin: 24px auto 28px auto !important;
    width: 100% !important;
    max-width: 460px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .btn-speed-primary,
  .homepage-2026 .btn-speed-ghost {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    max-width: 220px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: clamp(13px, 3.4vw, 15px) !important;
    font-weight: 700 !important;
    padding: 12px clamp(10px, 2.8vw, 24px) !important;
    border-radius: 8px !important;
    transform: none !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .btn-speed-primary {
    gap: 6px !important;
    background-color: #0052ea !important;
    border: 1.5px solid #0052ea !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0, 82, 234, 0.3) !important;
  }

  .homepage-2026 .btn-speed-ghost {
    gap: 6px !important;
    background-color: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.6) !important;
    color: #ffffff !important;
  }

  .homepage-2026 .btn-speed-ghost .btn-arrow {
    width: 15px !important;
    height: 15px !important;
    flex-shrink: 0 !important;
    margin-left: 2px !important;
  }

  /* Bottom Phone Mockup */
  .homepage-2026 .speed-ease-right-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .homepage-2026 .speed-phone-wrap {
    width: 100% !important;
    max-width: clamp(290px, 88vw, 390px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    position: relative !important;
  }

  .homepage-2026 .speed-phone-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: scale(1.04) !important;
    transform-origin: center center !important;
  }

  /* --------------------------------------------------------------------------
     7. Testimonials Section (Mobile <= 795px)
     -------------------------------------------------------------------------- */
  .homepage-2026 .testimonials-section-2026 {
    padding: 38px 0 40px 0 !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet {
    padding-top: 10px !important;
    padding-bottom: 29px !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-header {
    margin-bottom: 0 !important;
    padding: 0 16px !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-eyebrow {
    font-size: 11px !important;
    letter-spacing: 1.8px !important;
    margin-bottom: 8px !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-heading {
    font-size: clamp(1.8rem, 5.8vw, 2.25rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row {
    gap: 8px !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row .testimonial-stars {
    font-size: 14px !important;
    letter-spacing: 2px !important;
  }

  .homepage-2026 .testimonials-header-mobile-tablet .testimonial-rating-row .testimonial-review-count {
    font-size: 13px !important;
  }

  .homepage-2026 .testimonial-bg-shape {
    top: 16px !important;
    bottom: 66px !important;
    left: 15% !important;
    right: 0 !important;
    border-radius: 36px 0 0 36px !important;
    height: auto !important;
  }

  /* 1. Only 300px Mobile Screens (<= 360px): Exact perfect shape matching first image */
  @media (max-width: 360px) {
    .homepage-2026 .testimonial-bg-shape {
      top: 16px !important;
      bottom: 66px !important;
      left: 15% !important;
      right: 0 !important;
      border-radius: 36px 0 0 36px !important;
      height: auto !important;
    }
  }

  /* 2. 375px, 390px & 400px Mobile Screens (361px to 479px):
     Exact same length at both top and bottom (~32px each) */
  @media (min-width: 361px) and (max-width: 479px) {
    .homepage-2026 .testimonial-bg-shape {
      top: 16px !important;
      bottom: 66px !important;
      left: 15% !important;
      right: 0 !important;
      border-radius: 36px 0 0 36px !important;
      height: auto !important;
    }
  }

  /* 3. Only 500px Mobile Screens (480px to 699px):
     Exact same balanced length at top and bottom (~32px each) */
  @media (min-width: 480px) and (max-width: 699px) {
    .homepage-2026 .testimonial-bg-shape {
      top: 16px !important;
      bottom: 66px !important;
      left: 15% !important;
      right: 0 !important;
      border-radius: 36px 0 0 36px !important;
      height: auto !important;
    }
  }

  /* 4. Only Tablet Screen (700px to 995px) */
  @media (min-width: 700px) and (max-width: 995px) {
    .homepage-2026 .testimonial-bg-shape {
      top: 8px !important;
      bottom: 65px !important;
      left: 15% !important;
      right: 0 !important;
      background-color: #eff8ff !important;
      border-radius: 36px 0 0 36px !important;
      height: auto !important;
    }
  }

  .homepage-2026 .testimonial-slider-container {
    position: relative !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Hide Desktop Arrows on Mobile */
  .homepage-2026 .slider-arrow {
    display: none !important;
  }

  .homepage-2026 .testimonial-slider-wrapper {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .homepage-2026 .testimonial-slides-track {
    display: flex !important;
    width: 100% !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  .homepage-2026 .testimonial-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    opacity: 0 !important;
    transition: opacity 0.35s ease !important;
  }

  .homepage-2026 .testimonial-slide.active {
    opacity: 1 !important;
  }

  /* Testimonial Card (Uniform Equal Height Matching Long Content) */
  .homepage-2026 .testimonial-card-2026 {
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 480px !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 28px 18px 24px 18px !important;
    gap: 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(226, 235, 246, 0.8) !important;
    /* box-shadow: 0 10px 30px rgba(10, 25, 47, 0.08), 0 2px 8px rgba(0, 0, 0, 0.03) !important; */
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Top Right Quote Icon (At the top-right of the whole card) */
  .homepage-2026 .testimonial-quote-icon-badge {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    margin: 0 !important;
  }

  .homepage-2026 .testimonial-quote-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Author Photo */
  .homepage-2026 .testimonial-card-img-wrap {
    width: 200px !important;
    height: 215px !important;
    max-width: 68vw !important;
    border-radius: 16px !important;
    margin: 0 auto 10px auto !important;
    background: #ffffff !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }

  .homepage-2026 .testimonial-author-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
  }

  /* Content Wrap - Clean Top-to-Bottom Flex Alignment */
  .homepage-2026 .testimonial-card-content {
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    position: static !important;
    margin-top: 0 !important;
  }

  /* STORE OWNER Label */
  .homepage-2026 .testimonial-role-badge {
    display: block !important;
    text-align: center !important;
    color: #0052ea !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
  }

  /* Star Rating Under Role Badge (Mobile Centered) */
  .homepage-2026 .testimonial-stars-rating {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    color: #ffb800 !important;
    font-size: 14px !important;
    letter-spacing: 3px !important;
    margin: 0 auto 12px auto !important;
    line-height: 1 !important;
  }

  /* Quote Text */
  .homepage-2026 .testimonial-quote-text {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #2d3748 !important;
    text-align: center !important;
    margin: 0 !important;
    max-width: 96% !important;
  }

  /* Author Name & Title */
  .homepage-2026 .testimonial-author-info {
    text-align: center !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
  }

  .homepage-2026 .testimonial-author-name {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0a192f !important;
    margin-bottom: 3px !important;
    text-align: center !important;
  }

  .homepage-2026 .testimonial-author-title {
    font-size: 12px !important;
    color: #64748b !important;
    text-align: center !important;
    margin: 0 !important;
  }

  .homepage-2026 .testimonial-dots-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    max-width: 480px !important;
    margin: 40px auto 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* ==========================================================================
   DEDICATED CLASS TO MOVE ONLY TESTIMONIAL DOTS DOWN
   Use .homepage-2026 .testimonial-dots-down:
   Change 'top' to move ONLY the dots down (e.g. top: 15px, top: 20px, top: 30px)
   or change 'margin-top' to push them down!
   ========================================================================== */
  .homepage-2026 .testimonial-dots-down,
  .homepage-2026 .testimonial-dots-offset,
  .homepage-2026 .testimonial-dots-wrap.testimonial-dots-down,
  .homepage-2026 .testimonial-dots-wrap.testimonial-dots-offset {
    position: relative !important;
    top: 0px !important;
    /* <--- Adjust this value to move ONLY the dots down */
    z-index: 10 !important;
  }

  .homepage-2026 .testimonial-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    max-width: 8px !important;
    max-height: 8px !important;
    border-radius: 50% !important;
    background-color: #bad5f8 !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    outline: none !important;
    display: inline-block !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
  }

  .homepage-2026 .testimonial-dot.is-active {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 8px !important;
    border-radius: 8px !important;
    background-color: #0052ea !important;
  }

  /* --------------------------------------------------------------------------
     8. Latest News & Blog Section (Mobile <= 795px)
     -------------------------------------------------------------------------- */
  .homepage-2026 .blog-section-2026 {
    background: linear-gradient(180deg, #f4f8fe 0%, #ffffff 100%);
    padding: 42px 0 42px 0 !important;
    border-top: none !important;
  }

  .homepage-2026 .blog-header-row {
    margin-bottom: 26px !important;
    text-align: center !important;
  }

  .homepage-2026 .blog-eyebrow {
    display: block !important;
    text-align: center !important;
    color: #0052ea !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
  }

  .homepage-2026 .blog-main-heading {
    text-align: center !important;
    font-size: clamp(1.6rem, 7vw, 1.95rem) !important;
    font-weight: 800 !important;
    color: #0c1e36 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.3px !important;
    margin-bottom: 12px !important;
  }

  .homepage-2026 .blog-main-heading .highlight-blue {
    color: #0052ea !important;
  }

  .homepage-2026 .blog-subtitle {
    text-align: center !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    max-width: 95% !important;
    margin: 0 auto !important;
  }

  /* Hide View More button from the header on mobile (matching screenshot) */
  .homepage-2026 .blog-btn-col {
    display: none !important;
  }

  .homepage-2026 .blog-cards-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 0 !important;
    row-gap: 20px !important;
  }

  .homepage-2026 .blog-cards-row>div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Desktop Card Styling Preserved on Mobile ("same to same card destop vala j") */
  .homepage-2026 .blog-section-2026 .card.hover-zoom {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e8eef5 !important;
    box-shadow: 0 4px 20px rgba(10, 25, 47, 0.05) !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .blog-section-2026 .card-image {
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    overflow: hidden !important;
    position: relative !important;
    background: #f1f5f9 !important;
    line-height: 0 !important;
  }

  .homepage-2026 .blog-section-2026 .card-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 0 !important;
  }

  /* Natural aspect ratio so image is NEVER cropped on any mobile screen */
  .homepage-2026 .blog-section-2026 .card-image img {
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  .homepage-2026 .blog-section-2026 .card-section {
    padding: 22px 20px 24px 20px !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    border: none !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .blog-section-2026 .blog-card-category {
    color: #0052ea !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    display: block !important;
    line-height: 1.2 !important;
  }

  .homepage-2026 .blog-section-2026 .bgl-tle {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 16px 0 !important;
    border: none !important;
    background: none !important;
  }

  .homepage-2026 .blog-section-2026 .bgl-tle a {
    color: #0a192f !important;
    text-decoration: none !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
  }

  .homepage-2026 .blog-section-2026 .blog-card-date {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin-top: auto !important;
    display: block !important;
  }

  /* Centered Mobile "View More" Button Below Blog Cards */
  .homepage-2026 .blog-mobile-btn-row {
    margin-top: 26px !important;
    margin-bottom: 4px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .homepage-2026 .blog-mobile-btn-row .col-12 {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 !important;
  }

  .homepage-2026 .blog-mobile-btn-row .btn-blog-view-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #0052ea !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0, 82, 234, 0.28) !important;
    margin: 0 auto !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
  }

  .homepage-2026 .blog-mobile-btn-row .btn-blog-view-more .btn-arrow {
    stroke: #ffffff !important;
    width: 16px !important;
    height: 16px !important;
  }

  /* --------------------------------------------------------------------------
     9. Pre-Footer CTA Section (Mobile & Tablet - Full-Width Directly Above Footer)
     -------------------------------------------------------------------------- */
  .footer-cta-overlap-wrapper-2026 {
    position: relative !important;
    z-index: 10 !important;
    margin-bottom: -2px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: linear-gradient(90deg, #030f3a 0%, #092f88 100%) !important;
    border-bottom: none !important;
  }

  .footer-cta-overlap-wrapper-2026 .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .footer-cta-card-2026 {
    background: transparent !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    padding: 36px 16px 40px 16px !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    color: #ffffff !important;
  }

  .footer-cta-card-2026 .get-started-text {
    color: #008aea !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 10px !important;
    text-align: center !important;
  }

  .footer-cta-card-2026 .cta-heading {
    font-size: clamp(1.4rem, 6.2vw, 1.85rem) !important;
    margin: 0 auto 22px auto !important;
    max-width: 95% !important;
    text-align: center !important;
  }

  .footer-cta-card-2026 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .footer-cta-card-2026 .cta-col-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    padding-bottom: 30px !important;
  }

  .footer-cta-card-2026 .cta-col-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 25px !important;
  }

  .footer-cta-card-2026 .form-container {
    max-width: 420px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* --------------------------------------------------------------------------
     10. Mobile Footer Layout (Directly Below CTA - Matching Screenshot)
     -------------------------------------------------------------------------- */
  #wrapper-footer {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
    background-color: #010a2f !important;
    margin-top: 0 !important;
    border-top: none !important;
  }

  #wrapper-footer .fl-logo-row {
    text-align: center !important;
  }

  #wrapper-footer .fl-logo-row .logo {
    text-align: center !important;
    margin-bottom: 16px !important;
  }

  #wrapper-footer .fl-logo-row .logo img {
    margin: 0 auto !important;
    display: block !important;
    max-width: 210px !important;
    height: auto !important;
  }

  #wrapper-footer .footer-address {
    margin: 0 auto 20px auto !important;
    text-align: center !important;
    color: #ffffff !important;
  }

  #wrapper-footer .footer-address .address {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  #wrapper-footer .footer-address .phone-row {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

  #wrapper-footer .footer-address .phone-row span,
  #wrapper-footer .footer-address .phone-row a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-decoration: none !important;
  }

  @media (max-width: 991px) {
    #wrapper-footer .fl-logo-row {
      text-align: center !important;
    }

    #wrapper-footer .fl-logo-row .logo img {
      margin: 0 auto !important;
    }

    #wrapper-footer .footer-address {
      text-align: center !important;
    }

    #wrapper-footer .footer-address .address {
      text-align: center !important;
    }

    #wrapper-footer .footer-address .phone-row {
      text-align: center !important;
    }

    #wrapper-footer .social-wrap {
      justify-content: center !important;
      margin: 18px auto 25px auto !important;
    }

    #wrapper-footer .social-links {
      justify-content: center !important;
      margin: 0 auto !important;
    }

    #wrapper-footer .fl-copyright {
      flex-direction: column !important;
      text-align: center !important;
    }

    #wrapper-footer .fl-copyright p {
      text-align: center !important;
    }

    #wrapper-footer .fl-badges-wrap {
      justify-content: center !important;
      margin-top: 15px !important;
    }
  }

  @media (min-width: 992px) {
    #wrapper-footer .fl-logo-row {
      text-align: left !important;
    }

    #wrapper-footer .fl-logo-row .logo img {
      margin: 0 !important;
    }

    #wrapper-footer .footer-address {
      text-align: left !important;
    }

    #wrapper-footer .footer-address .address {
      text-align: left !important;
    }

    #wrapper-footer .footer-address .phone-row {
      text-align: left !important;
    }

    #wrapper-footer .social-wrap {
      justify-content: flex-start !important;
      margin: 18px 0 25px 0 !important;
      text-align: left !important;
    }

    #wrapper-footer .social-links {
      justify-content: flex-start !important;
      margin: 0 !important;
    }

    #wrapper-footer .fl-badges-wrap {
      justify-content: flex-end !important;
    }
  }

  /* 2-Column Menu Layout on Mobile (ABOUT US, FOR MERCHANTS, FOR BORROWERS, LEGAL) */
  #wrapper-footer .footer--menu {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
    margin-top: 0 !important;
  }

  #wrapper-footer .footer--menu .col-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    text-align: left !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-bottom: 24px !important;
  }

  #wrapper-footer .footer-widget-title-new-homepage-2025 {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    display: block !important;
    text-align: left !important;
  }

  #wrapper-footer .menu {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  #wrapper-footer .menu li {
    margin-bottom: 8px !important;
    text-align: left !important;
  }

  #wrapper-footer .menu li a {
    color: #91acd1 !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
  }

  /* Dotted Divider Above Copyright */
  #wrapper-footer .footer-dashed-line {
    border-top: 1px dotted rgba(255, 255, 255, 0.18) !important;
    border-bottom: none !important;
    margin: 10px 0 20px 0 !important;
  }

  /* Copyright and Badges Row */
  #wrapper-footer .fl-copyright p {
    color: #ffffff !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin: 0 !important;
  }

  #wrapper-footer .fl-copyright strong {
    color: #ffffff !important;
    font-weight: 700 !important;
  }

  #wrapper-footer .fl-badges-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 15px !important;
    width: 100% !important;
  }

  /* Footer Disclaimers */
  #wrapper-footer .footer-disclaimer-row {
    margin-top: 15px !important;
  }

  #wrapper-footer .disclaimer-txt {
    color: #7c94b3 !important;
    font-size: 10.5px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    margin-bottom: 12px !important;
  }

  #wrapper-footer .disclaimer-txt a {
    color: #0070ea !important;
    text-decoration: underline !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile & Tablet Lock for Speed. Ease. Section (All Mobile & Tablet <= 991px)
   Does NOT affect Desktop (>= 992px / 1024px) in any way!
   -------------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
  .homepage-2026 .speed-ease-section {
    padding-bottom: 26px !important;
  }

  .homepage-2026 .speed-ease-main-row {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  .homepage-2026 .speed-ease-left-col {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 26px !important;
    padding: 0 15px !important;
  }

  .homepage-2026 .speed-cta-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(8px, 2.5vw, 12px) !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 380px !important;
    margin: 20px auto 26px auto !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .btn-speed-primary,
  .homepage-2026 .btn-speed-ghost {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    max-width: 180px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 11px clamp(8px, 2.5vw, 18px) !important;
    font-size: clamp(12.5px, 3.5vw, 14px) !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .homepage-2026 .speed-ease-right-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .homepage-2026 .speed-phone-wrap {
    width: 100% !important;
    max-width: clamp(300px, 90vw, 420px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    position: relative !important;
  }

  .homepage-2026 .speed-phone-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: scale(1.04) !important;
    transform-origin: center center !important;
  }

  /* Testimonial Card Spacing for Tablet (700px to 991px) */
  @media (min-width: 700px) and (max-width: 991px) {
    .homepage-2026 .testimonial-card-2026 {
      height: auto !important;
      min-height: auto !important;
      padding: 24px 18px 20px 18px !important;
      flex: 0 0 auto !important;
      align-self: flex-start !important;
    }

    .homepage-2026 .testimonial-card-content {
      justify-content: flex-start !important;
      flex: 0 0 auto !important;
      margin-top: 10px !important;
      height: auto !important;
    }
  }

  /* Testimonial Card Uniform Equal Height for Mobile (< 700px) - Matches Shape Balanced at Top & Bottom */
  @media (max-width: 699px) {
    .homepage-2026 .testimonial-card-2026 {
      height: 100% !important;
      min-height: 480px !important;
      padding: 24px 18px 20px 18px !important;
      flex: 1 1 auto !important;
      align-self: stretch !important;
      display: flex !important;
      flex-direction: column !important;
    }

    .homepage-2026 .testimonial-card-content {
      flex: 1 1 auto !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: flex-start !important;
      margin-top: 10px !important;
      height: auto !important;
    }
  }

  .homepage-2026 .testimonial-card-img-wrap {
    margin: 0 auto 22px auto !important;
  }

  .homepage-2026 .testimonial-role-badge {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  .homepage-2026 .testimonial-author-info {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
  }

  .footer-cta-overlap-wrapper-2026 {
    margin-bottom: -2px !important;
    border-bottom: none !important;
  }

  #wrapper-footer {
    margin-top: 0 !important;
    border-top: none !important;
  }
}

/* ==========================================================================
   Merchant Mega Menu 2026 (Matching Screenshot Pixel-for-Pixel)
   ========================================================================== */

/* Header Top Bar Navigation Container */
.site-header.homepage-2026-header .container,
.site-header.homepage-2026-header .header-container {
  width: 100% !important;
  max-width: 1680px !important;
  margin: 0 auto !important;
  position: relative !important;
  background: transparent !important;
}

.site-header.homepage-2026-header .row {
  margin: 0 !important;
  width: 100% !important;
  background: transparent !important;
}

.site-header.homepage-2026-header .col-12 {
  padding: 0 !important;
  width: 100% !important;
  background: transparent !important;
}

.site-header.homepage-2026-header nav.site-navigation.top-bar {
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: 88px !important;
  display: flex !important;
  align-items: center !important;
  position: static !important;
}

.site-header.homepage-2026-header .top-bar-left {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  height: 100% !important;
}

.site-header.homepage-2026-header .top-bar-right {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  position: static !important;
}

/* Nav Menu Position: sits next to Logo on the left, pushes right items to far right */
.site-header.homepage-2026-header .homepage-2026-nav {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 auto 0 45px !important;
  /* Pushes Merchants & Borrowers to left next to logo, right items to far right */
  padding: 0 !important;
  background: transparent !important;
  height: 100% !important;
}

.site-header.homepage-2026-header .homepage-2026-nav>li {
  position: static !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 16px !important;
  background: transparent !important;
}

.site-header.homepage-2026-header .homepage-2026-nav>li>a.nav-top-link {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 8px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #002248 !important;
  text-decoration: none !important;
  position: relative !important;
  background: transparent !important;
  transition: color 0.2s ease !important;
}

.site-header.homepage-2026-header .homepage-2026-nav>li>a.nav-top-link:hover,
.site-header.homepage-2026-header .homepage-2026-nav>li.is-active>a.nav-top-link,
.site-header.homepage-2026-header .homepage-2026-nav>li.is-open>a.nav-top-link,
.site-header.homepage-2026-header .homepage-2026-nav>li.active>a.nav-top-link,
.site-header.homepage-2026-header .homepage-2026-nav>li:hover>a.nav-top-link {
  color: #001e3d !important;
}

/* Active / Hover Bottom Blue Line Indicator matching Figma */
.site-header.homepage-2026-header .homepage-2026-nav>li>a.nav-top-link::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 2.5px !important;
  background-color: #0056fb !important;
  border-radius: 2px 2px 0 0 !important;
  opacity: 0 !important;
  transform: scaleX(0) !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.site-header.homepage-2026-header .homepage-2026-nav>li.is-active>a.nav-top-link::after,
.site-header.homepage-2026-header .homepage-2026-nav>li.is-open>a.nav-top-link::after,
.site-header.homepage-2026-header .homepage-2026-nav>li.active>a.nav-top-link::after,
.site-header.homepage-2026-header .homepage-2026-nav>li:hover>a.nav-top-link::after,
.site-header.homepage-2026-header .homepage-2026-nav>li>a.nav-top-link:hover::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* Right-side elements in header */
.site-header.homepage-2026-header .top-bar-right a.mkpayment {
  margin-right: 24px !important;
}

.site-header.homepage-2026-header .top-bar-right a.phone {
  margin-right: 24px !important;
}

.site-header.homepage-2026-header .top-bar-right .sub-menu-new {
  margin-right: 24px !important;
}

/* Mega Menu Dropdown Container - Spans Across Header Container Width */
.site-header.homepage-2026-header .merchant-mega-menu-dropdown {
  position: absolute !important;
  top: 100% !important;
  margin-top: -1px !important;
  left: -1px !important;
  right: -1px !important;
  width: calc(100% + 2px) !important;
  box-sizing: border-box !important;
  background-color: #f4f8fd !important;
  background: #f4f8fd !important;
  border-left: 1px solid #dce9f8 !important;
  border-right: 1px solid #dce9f8 !important;
  border-bottom: 1px solid #dce9f8 !important;
  border-top: 1px solid #dce7f5 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
  box-shadow: none !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity 0.22s ease-in-out, transform 0.22s ease-in-out, visibility 0.22s;
  z-index: 99999 !important;
  padding: 0 !important;
  pointer-events: none;
}

/* Show Dropdown on Hover or is-open class */
.site-header.homepage-2026-header .merchant-mega-menu-dropdown.is-open,
.site-header.homepage-2026-header .merchant-mega-menu-dropdown:hover {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Inner Grid Layout */
.merchant-mega-menu-dropdown .mega-menu-inner {
  padding: 0 !important;
}

.merchant-mega-menu-dropdown .mega-menu-grid {
  display: grid !important;
  grid-template-columns: 24% 52% 24% !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
}

#merchant-mega-menu-dropdown .mega-menu-grid {
  grid-template-columns: 36.5% 36.5% 27% !important;
}

/* Column Dividers & Padding */
.merchant-mega-menu-dropdown .mega-column {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
}

.merchant-mega-menu-dropdown .mega-column.mega-col-merchants {
  padding: 32px 32px 36px 40px !important;
}

.merchant-mega-menu-dropdown .mega-column.mega-col-industries {
  padding: 32px 32px 36px 32px !important;
  border-left: 1px solid #dce9f8 !important;
  border-right: 1px solid #dce9f8 !important;
}

.merchant-mega-menu-dropdown .mega-column.mega-col-promo {
  padding: 32px 40px 36px 32px !important;
}

/* Reset any unwanted pseudo-elements or red lines */
.merchant-mega-menu-dropdown *::before,
.merchant-mega-menu-dropdown *::after {
  content: none !important;
  display: none !important;
}

/* Category Headers (Small Uppercase Light Blue Titles) */
.merchant-mega-menu-dropdown .mega-cat-header {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: #0062f5 !important;
  margin-bottom: 22px !important;
  display: block !important;
  line-height: 1.2 !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.merchant-mega-menu-dropdown .mega-cat-header-blank {
  visibility: hidden !important;
}

/* Column 1: Subgrid (2 columns) */
.merchant-mega-menu-dropdown .mega-subgrid-2col {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

/* Column 2: Subgrid (4 columns) */
.merchant-mega-menu-dropdown .mega-subgrid-4col {
  display: grid !important;
  grid-template-columns: 1.05fr 1.05fr 1.25fr 0.85fr !important;
  gap: 16px !important;
}

.merchant-mega-menu-dropdown .mega-subcol {
  display: flex !important;
  flex-direction: column !important;
}

/* Link Items */
.merchant-mega-menu-dropdown .mega-item {
  display: inline-block !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #001e3d !important;
  text-decoration: none !important;
  padding: 5px 12px !important;
  margin-left: -12px !important;
  border-radius: 6px !important;
  background: transparent !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
  white-space: nowrap !important;
  border: none !important;
  width: fit-content !important;
}

.merchant-mega-menu-dropdown .mega-item:hover,
.merchant-mega-menu-dropdown .mega-item:focus,
.merchant-mega-menu-dropdown .mega-item.active,
.merchant-mega-menu-dropdown .mega-item.is-active,
.merchant-mega-menu-dropdown .mega-item.active-pill-item {
  color: #0052ea !important;
  background-color: #e2f0fe !important;
  background: #e2f0fe !important;
  text-decoration: none !important;
  border-radius: 6px !important;
}

/* Column 3: Promo Card */
.merchant-mega-menu-dropdown .mega-col-promo .mega-promo-title {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #001e3d !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  border: none !important;
  box-shadow: none !important;
}

.merchant-mega-menu-dropdown .mega-col-promo .mega-promo-text {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #596b82 !important;
  margin-bottom: 24px !important;
  border: none !important;
}

.merchant-mega-menu-dropdown .mega-col-promo .mega-promo-btn,
.site-header.homepage-2026-header .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-btn {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  text-align: center !important;
  background-color: #0056fb !important;
  background: #0056fb !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 24px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  box-sizing: border-box !important;
}

.merchant-mega-menu-dropdown .mega-col-promo .mega-promo-btn:hover,
.site-header.homepage-2026-header .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-btn:hover {
  background-color: #0043c7 !important;
  background: #0043c7 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   Screen Breakpoints Responsive Styling (1024px, 1200px, 1366px, 1440px, 1920px, 2K/4K)
   -------------------------------------------------------------------------- */

/* 1024px - 1199px (Small Desktop / Tablet Landscape) */
@media screen and (min-width: 1024px) and (max-width: 1199px) {

  .site-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .header-container {
    max-width: 100% !important;
    padding: 0 18px !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav {
    margin: 0 auto 0 24px !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav>li {
    margin: 0 10px !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav>li>a.nav-top-link {
    font-size: 16px !important;
  }

  .site-header.homepage-2026-header .top-bar-right a.mkpayment,
  .site-header.homepage-2026-header .top-bar-right a.phone,
  .site-header.homepage-2026-header .top-bar-right .sub-menu-new {
    margin-right: 14px !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-inner {
    padding: 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-grid {
    grid-template-columns: 29% 48% 23% !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-2col {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 10px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-merchants {
    padding: 24px 20px 28px 22px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-industries {
    padding: 24px 18px 28px 18px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-promo {
    padding: 24px 22px 28px 18px !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-4col {
    grid-template-columns: 1.05fr 1.05fr 1.25fr 0.85fr !important;
    gap: 10px !important;
  }

  .merchant-mega-menu-dropdown .mega-item {
    font-size: 15px !important;
    padding: 4px 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-cat-header {
    font-size: 11px !important;
    margin-bottom: 16px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-title {
    font-size: 17px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-text {
    font-size: 13px !important;
    margin-bottom: 18px !important;
  }
}

/* 1200px - 1365px (Standard Desktop) */
@media screen and (min-width: 1200px) and (max-width: 1365px) {

  .site-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .header-container {
    max-width: 1240px !important;
    padding: 0 22px !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav {
    margin: 0 auto 0 32px !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-inner {
    padding: 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-grid {
    grid-template-columns: 28.5% 48% 23.5% !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-2col {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 12px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-merchants {
    padding: 28px 24px 32px 26px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-industries {
    padding: 28px 22px 32px 22px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-promo {
    padding: 28px 26px 32px 22px !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-4col {
    grid-template-columns: 1.05fr 1.05fr 1.25fr 0.85fr !important;
    gap: 14px !important;
  }

  .merchant-mega-menu-dropdown .mega-item {
    font-size: 15px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-title {
    font-size: 18.5px !important;
  }
}

/* 1366px - 1439px (15" Laptops) */
@media screen and (min-width: 1366px) and (max-width: 1439px) {

  .site-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .header-container {
    max-width: 1320px !important;
    padding: 0 26px !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav {
    margin: 0 auto 0 40px !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-inner {
    padding: 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-grid {
    grid-template-columns: 28.5% 48% 23.5% !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-2col {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 14px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-merchants {
    padding: 30px 28px 34px 30px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-industries {
    padding: 30px 26px 34px 26px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-promo {
    padding: 30px 30px 34px 26px !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-4col {
    grid-template-columns: 1.05fr 1.05fr 1.25fr 0.85fr !important;
    gap: 16px !important;
  }

  .merchant-mega-menu-dropdown .mega-item {
    font-size: 15px !important;
  }
}

/* 1440px - 1919px (Large Desktop Displays) */
@media screen and (min-width: 1440px) and (max-width: 1919px) {

  .site-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .header-container {
    max-width: 1440px !important;
    padding: 0 28px !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav {
    margin: 0 auto 0 48px !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-inner {
    padding: 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-grid {
    grid-template-columns: 28.5% 48% 23.5% !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-2col {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 16px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-merchants {
    padding: 34px 30px 38px 34px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-industries {
    padding: 34px 30px 38px 30px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-promo {
    padding: 34px 34px 38px 30px !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-4col {
    grid-template-columns: 1.05fr 1.05fr 1.25fr 0.85fr !important;
    gap: 18px !important;
  }

  .merchant-mega-menu-dropdown .mega-item {
    font-size: 15px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-title {
    font-size: 20px !important;
  }
}

/* 1920px Full HD Monitors */
@media screen and (min-width: 1920px) {

  .site-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .header-container {
    max-width: 1720px !important;
    padding: 0 32px !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav {
    margin: 0 auto 0 54px !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-inner {
    padding: 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-grid {
    grid-template-columns: 28% 48% 24% !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-2col {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 18px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-merchants {
    padding: 40px 36px 44px 40px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-industries {
    padding: 40px 36px 44px 36px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-promo {
    padding: 40px 40px 44px 36px !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-4col {
    grid-template-columns: 1.05fr 1.05fr 1.25fr 0.85fr !important;
    gap: 22px !important;
  }

  .merchant-mega-menu-dropdown .mega-item {
    font-size: 15px !important;
    padding: 7px 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-cat-header {
    font-size: 12.5px !important;
    margin-bottom: 24px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-title {
    font-size: 22px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-text {
    font-size: 14.5px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-btn {
    font-size: 15px !important;
    padding: 12px 28px !important;
  }
}

/* 2K / 4K Ultra High-Res Displays (2560px+) */
@media screen and (min-width: 2560px) {

  .site-header.homepage-2026-header .container,
  .site-header.homepage-2026-header .header-container {
    max-width: 2200px !important;
    padding: 0 40px !important;
  }

  .site-header.homepage-2026-header .homepage-2026-nav {
    margin: 0 auto 0 70px !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-inner {
    padding: 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-menu-grid {
    grid-template-columns: 28% 48% 24% !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-2col {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 20px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-merchants {
    padding: 50px 44px 54px 50px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-industries {
    padding: 50px 44px 54px 44px !important;
  }

  .merchant-mega-menu-dropdown .mega-column.mega-col-promo {
    padding: 50px 50px 54px 44px !important;
  }

  .merchant-mega-menu-dropdown .mega-subgrid-4col {
    grid-template-columns: 1.05fr 1.05fr 1.25fr 0.85fr !important;
    gap: 28px !important;
  }

  .merchant-mega-menu-dropdown .mega-item {
    font-size: 17.5px !important;
    padding: 8px 0 !important;
  }

  .merchant-mega-menu-dropdown .mega-cat-header {
    font-size: 14px !important;
    letter-spacing: 2.2px !important;
    margin-bottom: 28px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-title {
    font-size: 25px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-text {
    font-size: 16.5px !important;
  }

  .merchant-mega-menu-dropdown .mega-col-promo .mega-promo-btn {
    font-size: 16.5px !important;
    padding: 14px 34px !important;
  }

  /* Section 5: Testimonials 2K / 4K Displays */
  .homepage-2026 .testimonials-section-2026 {
    padding: 85px 0 60px 0;
  }

  .homepage-2026 .testimonial-header {
    margin-bottom: 56px;
  }

  .homepage-2026 .testimonial-eyebrow {
    font-size: 15px;
    letter-spacing: 2.2px;
  }

  .homepage-2026 .testimonial-heading {
    font-size: 3.6rem;
  }

  .homepage-2026 .testimonial-rating-row .testimonial-stars {
    font-size: 18px;
    letter-spacing: 3px;
  }

  .homepage-2026 .testimonial-rating-row .testimonial-review-count {
    font-size: 16.5px;
  }

  .homepage-2026 .testimonial-slider-container {
    max-width: 1250px;
    gap: 32px;
  }

  .homepage-2026 .testimonial-slider-wrapper {
    max-width: 1060px;
    border-radius: 28px;
  }

  .homepage-2026 .testimonials-section--desktop .testimonial-card-backdrop,
  .homepage-2026 .testimonial-card-backdrop {
    top: -42px;
    bottom: -42px;
    left: calc(50% - 175px);
    right: 56px;
    border-radius: 44px;
  }

  .homepage-2026 .testimonial-card-2026 {
    padding: 44px 50px;
    min-height: 450px;
    border-radius: 28px;
  }

  .homepage-2026 .testimonial-card-img-wrap {
    width: 300px;
    height: 300px;
    min-width: 300px;
    border-radius: 24px;
  }

  .homepage-2026 .testimonial-card-content {
    padding: 8px 0 8px 46px;
  }

  .homepage-2026 .testimonial-role-badge {
    font-size: 14px;
  }

  .homepage-2026 .testimonial-quote-icon svg {
    width: 26px;
    height: 22px;
  }

  .homepage-2026 .testimonial-stars-rating {
    font-size: 17px;
    margin: 10px 0 16px 0;
  }

  .homepage-2026 .testimonial-quote-text {
    font-size: 1.18rem;
    line-height: 1.6;
    max-height: 210px;
  }

  .homepage-2026 .testimonial-author-name {
    font-size: 1.25rem;
  }

  .homepage-2026 .testimonial-author-title {
    font-size: 1rem;
  }

  .homepage-2026 .slider-arrow {
    width: 52px;
    height: 52px;
    min-width: 52px;
  }

  .homepage-2026 .slider-arrow .slider-arrow-icon {
    width: 14px;
    height: 17px;
  }

  .homepage-2026 .testimonials-section--desktop .slider-arrow-next,
  .homepage-2026 .slider-arrow-next {
    left: 28px;
  }

  .homepage-2026 .testimonial-dots-wrap {
    margin-top: 92px !important;
    gap: 9px !important;
  }

  .homepage-2026 .testimonial-dot {
    width: 7px;
    height: 7px;
  }

  .homepage-2026 .testimonial-dot.is-active {
    width: 34px;
    height: 7px;
  }
}

/* ==========================================================================
   Homepage 2026 "Get Started" Modal Styles
   Matches LendingUSA-GetStarted-Popup-Desktop_1.html & Mobile_1.html
   Breakpoints:
   - Mobile:  300px - 699px
   - Tablet:  700px - 995px
   - Desktop: 996px / 1024px+ (1200px, 1366px, 1440px, 1920px Full HD, 2K/4K)
   ========================================================================== */

/* Foundation Reveal Modal Overlay when on homepage-2026 */
body.page-template-homepage-2026 .reveal-overlay,
body.page-template-homepage-2026-clone .reveal-overlay,
body.page-template-homepage-2026-clone-2 .reveal-overlay,
.reveal-overlay:has(#getStartedModal.lu-get-started-modal) {
  background: rgba(0, 11, 43, 0.62) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  z-index: 999999 !important;
}

.is-reveal-open body.page-template-homepage-2026 .reveal-overlay,
.is-reveal-open body.page-template-homepage-2026-clone .reveal-overlay,
.is-reveal-open body.page-template-homepage-2026-clone-2 .reveal-overlay,
.is-reveal-open .reveal-overlay:has(#getStartedModal.lu-get-started-modal) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow-y: auto !important;
}

/* Modal Window */
#getStartedModal.lu-get-started-modal {
  font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: #1B263B !important;
  background: #ffffff !important;
  border: none !important;
  position: relative !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: auto !important;
  padding: 0 !important;
  text-align: left !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 860px !important;
  border-radius: 28px !important;
  box-shadow: 0 40px 100px rgba(0, 8, 40, 0.45), 0 6px 20px rgba(0, 8, 40, 0.15) !important;
  z-index: 1000000 !important;
}

/* Top Accent Gradient Bar */
.lu-get-started-modal .lu-modal-accent-bar {
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #0042BC 0%, #0066F6 55%, #6FB1FF 100%);
  display: block;
}

/* Close Button */
.lu-get-started-modal .lu-modal-close {
  position: absolute;
  top: 24px;
  right: 28px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #F1F5F9;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, transform 0.15s ease;
  z-index: 5;
}

.lu-get-started-modal .lu-modal-close:hover {
  background: #E2E8F0;
  transform: scale(1.05);
}

.lu-get-started-modal .lu-modal-close svg {
  display: block;
  stroke: #475569;
  transition: stroke 0.2s ease;
}

.lu-get-started-modal .lu-modal-close:hover svg {
  stroke: #0F172A;
}

/* Modal Inner Body */
.lu-get-started-modal .lu-modal-body {
  padding: 34px 40px 32px 40px;
  box-sizing: border-box;
}

.lu-get-started-modal .lu-modal-eyebrow {
  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #008AEA;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.lu-get-started-modal .lu-modal-title {
  font-size: 36px;
  line-height: 42px;
  font-weight: 800;
  letter-spacing: -0.6px;
  color: #0B192C;
  margin: 0 0 10px 0;
  max-width: 680px;
}

.lu-get-started-modal .lu-modal-title::before,
.lu-get-started-modal .lu-modal-title:before,
.lu-get-started-modal h2::before,
.lu-get-started-modal h2:before,
.lu-get-started-modal h3::before,
.lu-get-started-modal h3:before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  background: none !important;
}

.lu-get-started-modal .lu-modal-desc {
  font-size: 16px;
  line-height: 25px;
  color: #4B5E76;
  margin: 0 0 24px 0;
  max-width: 680px;
}

/* Grid Layout for Cards */
.lu-get-started-modal .lu-modal-grid {
  display: flex;
  gap: 20px;
  align-items: stretch;
}

.lu-get-started-modal .lu-modal-group {
  display: flex;
  flex-direction: column;
}

.lu-get-started-modal .lu-modal-group--merchants {
  flex: 2;
}

.lu-get-started-modal .lu-modal-group--borrowers {
  flex: 1;
}

.lu-get-started-modal .lu-modal-group-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.lu-get-started-modal .lu-modal-group-label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  letter-spacing: 1.8px;
  color: #005AE2;
  text-transform: uppercase;
  white-space: nowrap;
}

.lu-get-started-modal .lu-modal-group-line {
  flex: 1;
  height: 1px;
  background: #CFE0F5;
}

.lu-get-started-modal .lu-modal-cards-row {
  display: flex;
  gap: 16px;
  height: 100%;
}

/* Individual Card */
.lu-get-started-modal .lu-modal-card {
  flex: 1;
  box-sizing: border-box;
  border-radius: 18px;
  padding: 24px 20px;
  background: linear-gradient(180deg, #EEF7FD 0%, #F6FBFF 100%);
  border: 0.75px solid #DCE9F8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 280px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.lu-get-started-modal .lu-modal-card:hover {
  transform: translateY(-2px);
  border-color: #B9D6F8;
  box-shadow: 0 10px 24px rgba(0, 82, 234, 0.08);
}

.lu-get-started-modal .lu-modal-card-top {
  display: flex;
  flex-direction: column;
}

.lu-get-started-modal .lu-modal-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #DCEAFE;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px #ffffff;
  margin-bottom: 18px;
  flex-shrink: 0;
}

.lu-get-started-modal .lu-modal-icon-wrap svg {
  display: block;
}

.lu-get-started-modal .lu-modal-card-title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 800;
  letter-spacing: -0.2px;
  color: #0B192C;
  margin: 0 0 10px 0;
}

.lu-get-started-modal .lu-modal-card-desc {
  font-size: 14px;
  line-height: 21px;
  color: #4B5E76;
  margin: 0 0 16px 0;
}

/* Card CTA Buttons */
.lu-get-started-modal .lu-modal-card-btn-wrap {
  margin-top: auto;
}

.lu-get-started-modal .lu-modal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 46px;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

.lu-get-started-modal .lu-modal-btn svg {
  display: block;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.lu-get-started-modal .lu-modal-btn:hover svg {
  transform: translateX(3px);
}

.lu-get-started-modal .lu-modal-btn--outline {
  background: #ffffff;
  color: #0052EA;
  border: 1.5px solid #0052EA;
}

.lu-get-started-modal .lu-modal-btn--outline:hover {
  background: #0052EA;
  color: #ffffff;
}

.lu-get-started-modal .lu-modal-btn--primary {
  background: #0052EA;
  color: #ffffff;
  border: 1.33px solid #0052EA;
  box-shadow: 0 6px 16px rgba(0, 82, 234, 0.28);
}

.lu-get-started-modal .lu-modal-btn--primary:hover {
  background: #0041B8;
  border-color: #0041B8;
  box-shadow: 0 8px 20px rgba(0, 82, 234, 0.35);
  color: #ffffff;
}

.lu-get-started-modal .lu-btn-icon {
  display: flex;
  align-items: center;
}

/* Bottom Bar / Footer */
.lu-get-started-modal .lu-modal-footer {
  width: 100%;
  background: #F4F9FF;
  border-top: 0.75px solid #E1EAF5;
  padding: 20px 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.lu-get-started-modal .lu-modal-footer-merchant {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lu-get-started-modal .lu-modal-footer-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #DCEAFE;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px #ffffff;
  flex-shrink: 0;
}

.lu-get-started-modal .lu-modal-footer-title {
  font-size: 14.5px;
  line-height: 20px;
  font-weight: 700;
  color: #0A192F;
}

.lu-get-started-modal .lu-modal-footer-subtitle {
  font-size: 13.5px;
  line-height: 19px;
  color: #4B5E76;
}

.lu-get-started-modal .lu-modal-footer-borrower {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.lu-get-started-modal .lu-modal-footer-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  line-height: 19px;
  font-weight: 700;
  color: #0052EA !important;
  text-decoration: none !important;
  margin-top: 2px;
  transition: gap 0.2s ease, color 0.2s ease;
}

.lu-get-started-modal .lu-modal-footer-link:hover {
  color: #003AA8 !important;
  gap: 9px;
}

/* ==========================================================================
   Responsive Adaptations
   - Tablet:  700px - 995px
   - Mobile:  300px - 699px
   ========================================================================== */

/* Tablet (700px - 995px) */
@media screen and (min-width: 700px) and (max-width: 995px) {
  #getStartedModal.lu-get-started-modal {
    max-width: 96% !important;
    width: 96% !important;
    border-radius: 24px !important;
    margin: auto !important;
  }

  .lu-get-started-modal .lu-modal-body {
    padding: 26px 18px 22px 18px !important;
  }

  .lu-get-started-modal .lu-modal-title {
    font-size: 26px !important;
    line-height: 32px !important;
  }

  .lu-get-started-modal .lu-modal-desc {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 16px !important;
  }

  .lu-get-started-modal .lu-modal-grid {
    gap: 12px !important;
  }

  .lu-get-started-modal .lu-modal-cards-row {
    gap: 10px !important;
  }

  .lu-get-started-modal .lu-modal-card {
    padding: 14px 10px !important;
    min-height: 250px !important;
    border-radius: 14px !important;
  }

  .lu-get-started-modal .lu-modal-icon-wrap {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 10px !important;
  }

  .lu-get-started-modal .lu-modal-icon-wrap svg {
    width: 18px !important;
    height: 18px !important;
  }

  .lu-get-started-modal .lu-modal-card-title {
    font-size: 15px !important;
    line-height: 19px !important;
    margin-bottom: 4px !important;
  }

  .lu-get-started-modal .lu-modal-card-desc {
    font-size: 12px !important;
    line-height: 16px !important;
    margin-bottom: 10px !important;
  }

  .lu-get-started-modal .lu-modal-btn {
    height: 38px !important;
    font-size: 11.5px !important;
    padding: 0 4px !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }

  .lu-get-started-modal .lu-modal-btn svg {
    width: 13px !important;
    height: 13px !important;
  }

  .lu-get-started-modal .lu-btn-icon svg {
    width: 13px !important;
    height: 13px !important;
  }

  .lu-get-started-modal .lu-modal-footer {
    padding: 14px 18px !important;
  }

  .lu-get-started-modal .lu-modal-footer-title {
    font-size: 13px !important;
  }

  .lu-get-started-modal .lu-modal-footer-subtitle {
    font-size: 12px !important;
  }

  .lu-get-started-modal .lu-modal-footer-link {
    font-size: 12px !important;
  }
}

/* Mobile Screen (300px - 699px) - Floating Centered Card Popup */
@media screen and (max-width: 699px) {
  body.page-template-homepage-2026 .reveal-overlay,
  body.page-template-homepage-2026-clone .reveal-overlay,
  body.page-template-homepage-2026-clone-2 .reveal-overlay,
  .reveal-overlay:has(#getStartedModal.lu-get-started-modal) {
    padding: 16px 14px !important;
  }

  .is-reveal-open body.page-template-homepage-2026 .reveal-overlay,
  .is-reveal-open body.page-template-homepage-2026-clone .reveal-overlay,
  .is-reveal-open body.page-template-homepage-2026-clone-2 .reveal-overlay,
  .is-reveal-open .reveal-overlay:has(#getStartedModal.lu-get-started-modal) {
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
  }

  #getStartedModal.lu-get-started-modal {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 22px !important;
    max-height: calc(100vh - 32px) !important;
    overflow-y: auto !important;
    margin: auto !important;
    box-shadow: 0 20px 60px rgba(0, 8, 40, 0.45), 0 4px 16px rgba(0, 8, 40, 0.2) !important;
  }

  .lu-get-started-modal .lu-br-desktop {
    display: none !important;
  }

  .lu-get-started-modal .lu-modal-close {
    top: 18px !important;
    right: 16px !important;
    width: 36px !important;
    height: 36px !important;
  }

  .lu-get-started-modal .lu-modal-body {
    padding: 22px 16px 20px 16px !important;
  }

  .lu-get-started-modal .lu-modal-eyebrow {
    font-size: 11.5px !important;
    margin-bottom: 6px !important;
  }

  .lu-get-started-modal .lu-modal-title {
    font-size: 24px !important;
    line-height: 29px !important;
    letter-spacing: -0.4px !important;
    padding-right: 44px !important;
    margin-bottom: 8px !important;
  }

  .lu-get-started-modal .lu-modal-desc {
    font-size: 13.5px !important;
    line-height: 20px !important;
    margin-bottom: 18px !important;
  }

  .lu-get-started-modal .lu-modal-grid {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .lu-get-started-modal .lu-modal-cards-row {
    flex-direction: column !important;
    gap: 12px !important;
  }

  /* Horizontal card layout matching mobile mockup */
  .lu-get-started-modal .lu-modal-card {
    min-height: auto !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .lu-get-started-modal .lu-modal-card-top {
    display: grid !important;
    grid-template-columns: 46px 1fr !important;
    grid-gap: 12px !important;
    align-items: start !important;
  }

  .lu-get-started-modal .lu-modal-icon-wrap {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    grid-row: 1 !important;
  }

  .lu-get-started-modal .lu-modal-icon-wrap svg {
    width: 22px !important;
    height: 22px !important;
  }

  .lu-get-started-modal .lu-modal-card-info {
    grid-column: 2 !important;
  }

  .lu-get-started-modal .lu-modal-card-title {
    font-size: 16.5px !important;
    line-height: 21px !important;
    font-weight: 800 !important;
    margin: 0 0 6px 0 !important;
  }

  .lu-get-started-modal .lu-modal-card-desc {
    font-size: 13px !important;
    line-height: 18px !important;
    margin: 0 !important;
  }

  .lu-get-started-modal .lu-modal-card-btn-wrap {
    margin-top: 12px !important;
    padding-left: 58px !important;
  }

  .lu-get-started-modal .lu-modal-btn {
    height: 38px !important;
    font-size: 13.5px !important;
    width: 190px !important;
    max-width: 100% !important;
    border-radius: 8px !important;
  }

  /* Mobile Bottom Footer */
  .lu-get-started-modal .lu-modal-footer {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 16px 18px 22px 18px !important;
    gap: 14px !important;
  }

  .lu-get-started-modal .lu-modal-footer-merchant {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .lu-get-started-modal .lu-modal-footer-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  .lu-get-started-modal .lu-modal-footer-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .lu-get-started-modal .lu-modal-footer-title {
    font-size: 14px !important;
    line-height: 19px !important;
  }

  .lu-get-started-modal .lu-modal-footer-subtitle {
    font-size: 13px !important;
    line-height: 18px !important;
  }

  .lu-get-started-modal .lu-modal-footer-borrower {
    align-items: flex-start !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    font-size: 13.5px !important;
    line-height: 19px !important;
  }

  .lu-get-started-modal .lu-modal-footer-borrower .lu-modal-footer-title {
    margin-bottom: 0 !important;
  }

  .lu-get-started-modal .lu-modal-footer-link {
    margin-top: 0 !important;
    font-size: 13.5px !important;
  }
}

/* --- Crypto Lending Coming Soon Badge & Notify Button in Get Started Modal --- */
.lu-get-started-modal .lu-modal-coming-soon-badge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #0052EA;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  padding: 3px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* Desktop layout: place badge at top right of the card */
.lu-get-started-modal .lu-modal-card--crypto {
  position: relative;
}

.lu-get-started-modal .lu-modal-card--crypto .lu-modal-coming-soon-badge {
  position: absolute;
  top: 24px;
  right: 24px;
}

.lu-get-started-modal .lu-modal-btn--notify {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #0052EA !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}

.lu-get-started-modal .lu-modal-btn--notify svg {
  display: inline-block;
  vertical-align: middle;
}

/* Mobile & Tablet (< 992px): preserve identical structure with other cards */
@media (max-width: 991px) {
  .lu-get-started-modal .lu-modal-card--crypto {
    position: relative !important;
  }

  .lu-get-started-modal .lu-modal-card--crypto .lu-modal-coming-soon-badge {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    font-size: 10px !important;
    padding: 2px 8px !important;
  }
}