/* Unlisted Edge responsive baseline */

:root {
  --ue-scroll-offset: 96px;
}

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

html,
body,
input,
button,
select,
textarea,
.zptext,
.zpelem-text,
.zpelem-heading,
.zpheading,
.theme-menu-name,
.theme-menu-content,
.zptable,
.zptable th,
.zptable td {
  font-family: 'ClashGrotesk', 'Clash Grotesk', sans-serif !important;
}

body,
p,
span,
a,
li,
label,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
button,
input,
select,
textarea,
.theme-menu-name,
.theme-menu-content,
.zpbutton,
.zpbutton-content,
.zpheading,
.zpicon-heading,
.zptext,
.zpelem-text,
.zpelem-heading {
  font-weight: 400 !important;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--ue-scroll-offset);
  scrollbar-gutter: stable;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
picture img,
video,
canvas,
svg {
  max-width: 100%;
}

iframe {
  max-width: 100%;
}

img[decoding='async'],
iframe[loading='lazy'] {
  content-visibility: auto;
}

.theme-content-area .ue-deferred-section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 820px;
}

.zptext,
.zpelem-text,
.zpelem-heading,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  overflow-wrap: anywhere;
}

.table-wrap,
.table-shell,
.modal-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Remove the top grey strip above navbar */
[data-headercontainer="zptheme-data-headercontainer"] .theme-header-topbar.theme-hide-res-topbar {
  display: none !important;
}

/* Force-hide any legacy/top strap above navbar across template variants */
[data-headercontainer="zptheme-data-headercontainer"] .theme-header-topbar,
[data-headercontainer="zptheme-data-headercontainer"] .topbar,
[data-headercontainer="zptheme-data-headercontainer"] .theme-header-topbar-wrap {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

[data-headercontainer="zptheme-data-headercontainer"],
[data-headercontainer="zptheme-data-headercontainer"] .theme-header,
header.site-nav,
.site-nav {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#transactions-table,
[data-tab-panel='portfolio'] table,
[data-tab-panel='payment'] table,
.data-table {
  min-width: 720px;
}

@media (max-width: 991px) {
  .zpelem-image .zpimage-container figure img,
  .zpimage-container figure img {
    width: 100% !important;
    height: auto !important;
  }

  .theme-pages-full-stretch .zpcontainer,
  .theme-pages-full-stretch .theme-content-container,
  .theme-content-container .zpcontainer {
    padding-inline-start: 16px !important;
    padding-inline-end: 16px !important;
  }

  .zptabs-container {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .zptabs-container .zptab {
    display: inline-flex;
    white-space: nowrap;
  }

  .topbar {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 10px 12px !important;
  }

  .topbar .links,
  .topbar-links {
    width: 100%;
    order: 2;
  }

  .wrap {
    width: min(100%, calc(100vw - 20px)) !important;
    margin: 14px auto 24px !important;
    gap: 12px !important;
  }

  .grid,
  .instrument-grid {
    grid-template-columns: 1fr !important;
  }

  .actions,
  .otp-actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .theme-pages-full-stretch .zpcontainer,
  .theme-pages-full-stretch .theme-content-container,
  .theme-content-container .zpcontainer {
    padding-inline-start: 12px !important;
    padding-inline-end: 12px !important;
  }

  .card {
    padding: 14px !important;
    border-radius: 12px !important;
  }

  .topbar a,
  .topbar-link {
    font-size: 12px !important;
  }

  .field input,
  .field select,
  .signup-input,
  .kyc-input,
  .kyc-file,
  input,
  select,
  textarea {
    font-size: 16px;
  }

  .profile-avatar-wrap {
    align-items: flex-start;
  }

  .profile-avatar-actions {
    width: 100%;
  }

  .toast-root {
    left: 8px;
    right: 8px;
  }

  .toast {
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  .ue-chatbot-btn {
    right: 10px !important;
    bottom: 10px !important;
  }

  .ue-chatbot-panel {
    right: 8px !important;
    bottom: 78px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: min(72vh, 520px) !important;
  }

  .ue-chat-body {
    height: calc(min(72vh, 520px) - 122px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .theme-content-area .ue-deferred-section,
  img[decoding='async'],
  iframe[loading='lazy'] {
    content-visibility: visible;
    contain-intrinsic-size: auto;
  }
}

/* Mobile navbar: fixed right drawer with horizontal labels */
@media (max-width: 991px) {
  [data-headercontainer="zptheme-data-headercontainer"] {
    position: relative !important;
    z-index: 4000 !important;
    overflow: visible !important;
  }

  [data-headercontainer="zptheme-data-headercontainer"] .theme-header,
  [data-headercontainer="zptheme-data-headercontainer"] .theme-header .zpcontainer,
  [data-headercontainer="zptheme-data-headercontainer"] .theme-navigation-and-icons,
  [data-headercontainer="zptheme-data-headercontainer"] [data-zs-responsive-menu-area],
  [data-headercontainer="zptheme-data-headercontainer"] .theme-responsive-menu,
  [data-headercontainer="zptheme-data-headercontainer"] .theme-menu-area {
    overflow: visible !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons {
    position: absolute !important;
    top: 14px !important;
    right: 12px !important;
    left: auto !important;
    z-index: 4100;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto !important;
    max-width: calc(100% - 96px);
    margin: 0 !important;
    padding: 0 !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu-container {
    position: relative;
    z-index: 4102;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-inline-start: auto;
    min-height: 40px;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu-container .ue-profile-host {
    margin: 0 !important;
    order: 1;
    flex: 0 0 auto;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu-container [data-zp-theme-burger-icon],
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu-container .theme-burger-icon {
    margin: 0 !important;
    margin-block-start: 0 !important;
    order: 2;
    flex: 0 0 auto;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 40px !important;
    height: 40px !important;
    align-items: center;
    justify-content: center;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu-container .ue-profile-host,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu-container .ue-profile-shell {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu-container .ue-avatar-btn {
    display: inline-flex !important;
    width: 40px !important;
    height: 40px !important;
  }

  .site-nav .nav-utility {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end;
    gap: 10px !important;
    margin-left: auto;
  }

  .site-nav .nav-mobile-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .site-nav .nav-profile-link:not([hidden]) {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 100% !important;
    display: flex;
    justify-content: flex-end;
    z-index: 4101;
    pointer-events: none;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu] {
    position: relative !important;
    inset: auto !important;
    width: 320px !important;
    max-width: min(86vw, 340px) !important;
    min-width: 260px !important;
    background: #fefefe !important;
    border: 1px solid rgba(3, 31, 78, 0.16);
    border-top: 3px solid #031f4e;
    border-radius: 10px;
    box-shadow: 0 16px 36px rgba(3, 31, 78, 0.18);
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    pointer-events: auto;
    z-index: 4103 !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu.theme-toggle-animate,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu].theme-toggle-animate {
    visibility: visible !important;
    max-height: min(74vh, 560px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu.theme-toggle-animate-end,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu].theme-toggle-animate-end {
    visibility: hidden !important;
    max-height: 0 !important;
    border-width: 0 !important;
    box-shadow: none !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu > ul,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu] > ul {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu > ul > li,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu] > ul > li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(3, 31, 78, 0.09);
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu > ul > li:last-child,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu] > ul > li:last-child {
    border-bottom: 0;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu > ul > li > a,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu] > ul > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 18px !important;
    text-align: left !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
  }

  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu .theme-menu-content,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area .theme-menu .theme-menu-name,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu] .theme-menu-content,
  .theme-responsive-menu-area.theme-navigation-and-icons .theme-responsive-menu.theme-menu-area [data-zp-theme-menu] .theme-menu-name {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
    text-align: left !important;
  }

  [data-themebanner="zptheme-banner"],
  .theme-banner,
  .zphero {
    position: relative;
    z-index: 1 !important;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: clamp(1.25rem, 6vw, 1.75rem);
  }

  h2 {
    font-size: clamp(1.1rem, 5.3vw, 1.4rem);
  }

  h3 {
    font-size: clamp(1rem, 4.7vw, 1.2rem);
  }

  .topbar-logo {
    height: 30px !important;
  }

  .wrap {
    width: min(100%, calc(100vw - 14px)) !important;
    margin: 10px auto 20px !important;
  }
}

/* Learn page: keep the four content boxes equal height on tablet/desktop */
@media (min-width: 768px) {
  [data-element-id="elm_DcxKI2-kOtW3P5qJD2KpGQ"].zprow,
  [data-element-id="elm_jO0fYQlDbI3rjvB8PduqKA"].zprow {
    align-items: stretch !important;
  }

  [data-element-id="elm_rmA12XeD0Hnf627xdOEO-Q"].zpelem-col,
  [data-element-id="elm_GfyOum6nspgCNVPw5vhHFA"].zpelem-col,
  [data-element-id="elm_8nnsog5TT_0L8wNqeN36sQ"].zpelem-col,
  [data-element-id="elm_DLwfQCHr291ly4HbFscNhQ"].zpelem-col {
    display: flex;
  }

  [data-element-id="elm_kWgKFQ4qgUx1HIVvRktEmg"].zpelem-box,
  [data-element-id="elm_qY79CLC9C4NyTZY3fyU2-A"].zpelem-box,
  [data-element-id="elm_kqqElD4T1j-KbnxDunsJMw"].zpelem-box,
  [data-element-id="elm_X9cJJF6cbOf1Ym7E_JK7WQ"].zpelem-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 100%;
  }

  [data-element-id="elm_chiVnYYdXKbTG8nrqUQlWg"].zpelem-iconheadingtext,
  [data-element-id="elm_5ZqA4xX9JoAM2CLtlxNUBQ"].zpelem-iconheadingtext {
    flex: 1 1 auto;
  }

  [data-element-id="elm_4mmV75o8ZU1T1LMOw3QyyA"].zpelem-button,
  [data-element-id="elm_-9Fwt218sCqQnk_nyqoaXQ"].zpelem-button {
    margin-block-start: auto !important;
  }
}

/* Foundations page: keep paired Q&A boxes equal height per row */
@media (min-width: 768px) {
  [data-element-id="elm_6W8vOWbYIOKPhguE3OlWaA"].zprow,
  [data-element-id="elm_fQIiyXJ0moVxMSCtffDjJg"].zprow,
  [data-element-id="elm_QKPGVwNJH_kG1uOEhGUfuw"].zprow,
  [data-element-id="elm_cBqPRxj2ZO9OKjgjPEZ0ww"].zprow,
  [data-element-id="elm_UZPxzHawmnEAKwr05fW-Jg"].zprow {
    align-items: stretch !important;
  }

  [data-element-id="elm_ZleZ3Ibab8YXsGpUn8B0rA"].zpelem-col,
  [data-element-id="elm_Ui3Yt7TjAEHt5rCD_EDVyA"].zpelem-col,
  [data-element-id="elm_PjV90meIMjm1ioEDe49pQQ"].zpelem-col,
  [data-element-id="elm_qCb11g_W5wTVKV322RApkg"].zpelem-col,
  [data-element-id="elm_SA7zSj-lcVx7fb4mzYn4nQ"].zpelem-col,
  [data-element-id="elm_ZEkngVwT8qCx6Bc5duDenA"].zpelem-col,
  [data-element-id="elm_EsnMftKSeeQ1Eyuzaz8GcQ"].zpelem-col,
  [data-element-id="elm_DUBACTHvz7EuXWcjLBi3wg"].zpelem-col,
  [data-element-id="elm_aHgjOD7kc4kMKsBk39sRpg"].zpelem-col,
  [data-element-id="elm_yGaRg4WUN5mjCuF7x78HzA"].zpelem-col {
    display: flex;
  }

  [data-element-id="elm_e66gVmSaSmn4_vgCLokbMg"].zpelem-box,
  [data-element-id="elm_3IOiBHAe9eeHwL_oTXZJfg"].zpelem-box,
  [data-element-id="elm_5TGWgFQaAnvH0AgIvkfDYA"].zpelem-box,
  [data-element-id="elm_mNQyiZKxXRTc4BqM6DfZGA"].zpelem-box,
  [data-element-id="elm_d-qzntSRmWrjgjc_8VinNw"].zpelem-box,
  [data-element-id="elm_j96EyEe0mTVOvReFava5Xw"].zpelem-box,
  [data-element-id="elm_FiXn_MRwBm6Y2q-SHW52ig"].zpelem-box,
  [data-element-id="elm_L_fQANGvpBNW8lqNbWVnIg"].zpelem-box,
  [data-element-id="elm_hMhMJ-wHPZ85M6ch96O7UA"].zpelem-box,
  [data-element-id="elm_n9zNPv4HvOW9u-T05ppXPg"].zpelem-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 100%;
  }

  [data-element-id="elm_e66gVmSaSmn4_vgCLokbMg"].zpelem-box .zpelem-button,
  [data-element-id="elm_3IOiBHAe9eeHwL_oTXZJfg"].zpelem-box .zpelem-button,
  [data-element-id="elm_5TGWgFQaAnvH0AgIvkfDYA"].zpelem-box .zpelem-button,
  [data-element-id="elm_mNQyiZKxXRTc4BqM6DfZGA"].zpelem-box .zpelem-button,
  [data-element-id="elm_d-qzntSRmWrjgjc_8VinNw"].zpelem-box .zpelem-button,
  [data-element-id="elm_j96EyEe0mTVOvReFava5Xw"].zpelem-box .zpelem-button,
  [data-element-id="elm_FiXn_MRwBm6Y2q-SHW52ig"].zpelem-box .zpelem-button,
  [data-element-id="elm_L_fQANGvpBNW8lqNbWVnIg"].zpelem-box .zpelem-button,
  [data-element-id="elm_hMhMJ-wHPZ85M6ch96O7UA"].zpelem-box .zpelem-button,
  [data-element-id="elm_n9zNPv4HvOW9u-T05ppXPg"].zpelem-box .zpelem-button {
    margin-block-start: auto !important;
  }
}

/* =======================================================================
   Unlisted Edge x Stakehub Theme
   Frontend-only visual layer (content/logic/routing preserved)
   ======================================================================= */

:root {
  --ue-sh-bg: #031f4e;
  --ue-sh-bg-2: #344a6d;
  --ue-sh-surface: #fefefe;
  --ue-sh-card: #fefefe;
  --ue-sh-ink: #344a6d;
  --ue-sh-ink-soft: #708098;
  --ue-sh-white: #fefefe;
  --ue-sh-primary: #344a6d;
  --ue-sh-primary-soft: #bac2cb;
  --ue-sh-border: rgba(52, 74, 109, 0.16);
  --ue-sh-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
  --ue-sh-shadow-hover: 0 22px 44px rgba(52, 74, 109, 0.2);
}

body.ue-fintech-app,
body[data-zs-home="true"] {
  background: #fefefe !important;
  color: var(--ue-sh-ink);
  font-family: 'ClashGrotesk', 'Clash Grotesk', 'Poppins', sans-serif !important;
}

body.ue-fintech-app h1,
body.ue-fintech-app h2,
body.ue-fintech-app h3,
body.ue-fintech-app h4,
body.ue-fintech-app h5,
body.ue-fintech-app h6 {
  color: var(--ue-sh-ink);
  letter-spacing: -0.015em;
}

body.ue-fintech-app p,
body.ue-fintech-app li,
body.ue-fintech-app span {
  color: inherit;
}

body.ue-fintech-app [data-headercontainer="zptheme-data-headercontainer"] .theme-header {
  border-bottom: 1px solid rgba(52, 74, 109, 0.34) !important;
  background: #fefefe !important;
  box-shadow: 0 8px 20px rgba(3, 31, 78, 0.08);
  backdrop-filter: blur(8px);
}

body.ue-fintech-app [data-headercontainer="zptheme-data-headercontainer"] .theme-header .zpcontainer {
  max-width: 100% !important;
  width: 100% !important;
}

body.ue-fintech-app .theme-menu .theme-menu-name,
body.ue-fintech-app .theme-menu .theme-menu-content,
body.ue-fintech-app .theme-header .theme-search-icon,
body.ue-fintech-app .theme-header .theme-profile-icon {
  color: #344a6d !important;
  font-weight: 500 !important;
  transition: color 0.22s ease, border-color 0.22s ease, opacity 0.22s ease;
}

body.ue-fintech-app .theme-menu .theme-menu-name:hover,
body.ue-fintech-app .theme-menu .theme-menu-content:hover {
  color: #fefefe !important;
}

body.ue-fintech-app .theme-menu-selected .theme-menu-name,
body.ue-fintech-app .theme-menu-selected .theme-menu-content {
  color: #031f4e !important;
}

body.ue-fintech-app .theme-header .theme-menu .theme-menu-selected,
body.ue-fintech-app .theme-header .theme-menu .theme-menu-content.theme-menu-selected {
  border-bottom: 2px solid var(--ue-sh-primary) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

@media (min-width: 992px) {
  [data-headercontainer="zptheme-data-headercontainer"] .theme-header [data-zp-theme-burger-icon],
  [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-burger-icon,
  [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-profile-icon,
  [data-headercontainer="zptheme-data-headercontainer"] .theme-header [data-zs-profile-icon] {
    display: none !important;
  }
}

body.ue-fintech-app [data-themebanner="zptheme-banner"] .zphero,
body.ue-fintech-app [data-themebanner="zptheme-banner"] .zphero .zphero-slide {
  background: #fefefe !important;
  border-radius: 28px;
  overflow: hidden;
}

body.ue-fintech-app [data-themebanner="zptheme-banner"] .zphero .zpslider-img::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: transparent !important;
}

body.ue-fintech-app [data-themebanner="zptheme-banner"] .zphero .zpheading span,
body.ue-fintech-app [data-themebanner="zptheme-banner"] .zphero .zptext,
body.ue-fintech-app [data-themebanner="zptheme-banner"] .zphero .zptext span {
  color: var(--ue-sh-ink) !important;
}

/* Home hero (blue banner): force headline/subtext to white */
body.ue-fintech-app [data-element-id="elm_3kdheA40SOCdXkb8GP_yHw"].zphero .zpheading,
body.ue-fintech-app [data-element-id="elm_3kdheA40SOCdXkb8GP_yHw"].zphero .zpheading span,
body.ue-fintech-app [data-element-id="elm_3kdheA40SOCdXkb8GP_yHw"].zphero .zptext,
body.ue-fintech-app [data-element-id="elm_3kdheA40SOCdXkb8GP_yHw"].zphero .zptext p,
body.ue-fintech-app [data-element-id="elm_3kdheA40SOCdXkb8GP_yHw"].zphero .zptext span {
  color: #fefefe !important;
}

/* Home story cards: keep mission/protection text white on blue cards */
body.ue-fintech-app [data-element-id="elm_uF19Dg6-jLuDfXha-Ysx0w"].zpelem-col .zpheading,
body.ue-fintech-app [data-element-id="elm_uF19Dg6-jLuDfXha-Ysx0w"].zpelem-col .zpheading span,
body.ue-fintech-app [data-element-id="elm_uF19Dg6-jLuDfXha-Ysx0w"].zpelem-col .zptext,
body.ue-fintech-app [data-element-id="elm_uF19Dg6-jLuDfXha-Ysx0w"].zpelem-col .zptext p,
body.ue-fintech-app [data-element-id="elm_uF19Dg6-jLuDfXha-Ysx0w"].zpelem-col .zptext span,
body.ue-fintech-app [data-element-id="elm__fOPVnF2BwTjxcX7xVCloQ"].zpelem-col .zpheading,
body.ue-fintech-app [data-element-id="elm__fOPVnF2BwTjxcX7xVCloQ"].zpelem-col .zpheading span,
body.ue-fintech-app [data-element-id="elm__fOPVnF2BwTjxcX7xVCloQ"].zpelem-col .zptext,
body.ue-fintech-app [data-element-id="elm__fOPVnF2BwTjxcX7xVCloQ"].zpelem-col .zptext p,
body.ue-fintech-app [data-element-id="elm__fOPVnF2BwTjxcX7xVCloQ"].zpelem-col .zptext span {
  color: #fefefe !important;
}

body.ue-fintech-app .theme-content-area .zpsection {
  position: relative;
}

body.ue-fintech-app .theme-content-area .zpelem-box,
body.ue-fintech-app .theme-content-area .zpelem-iconheadingtext,
body.ue-fintech-app .theme-content-area .zptab-content,
body.ue-fintech-app .theme-content-area .zpelem-tabs .zptabs-content-container,
body.ue-fintech-app .theme-content-area .zpelem-accordian,
body.ue-fintech-app .theme-content-area .zpelem-pricingtable,
body.ue-fintech-app .theme-content-area .zpelem-pricingtable .zpelem-pricingtable-inner {
  border-radius: 24px !important;
  border: 1px solid var(--ue-sh-border) !important;
  background: var(--ue-sh-card) !important;
  box-shadow: var(--ue-sh-shadow);
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

body.ue-fintech-app .theme-content-area .zpelem-box:hover,
body.ue-fintech-app .theme-content-area .zpelem-iconheadingtext:hover,
body.ue-fintech-app .theme-content-area .zptab-content:hover,
body.ue-fintech-app .theme-content-area .zpelem-accordian:hover {
  transform: translateY(-4px);
  border-color: rgba(52, 74, 109, 0.34) !important;
  box-shadow: var(--ue-sh-shadow-hover);
}

body.ue-fintech-app .theme-content-area .zpdark-section.zpelem-box,
body.ue-fintech-app .theme-content-area .zpdark-section .zpelem-box,
body.ue-fintech-app .theme-content-area .zpdark-section .zpelem-iconheadingtext,
body.ue-fintech-app .theme-content-area .zpelem-box.zpdark-section {
  background: #fefefe !important;
  border-color: var(--ue-sh-border) !important;
  box-shadow: var(--ue-sh-shadow) !important;
}

body.ue-fintech-app .theme-content-area .zpdark-section .zpheading span,
body.ue-fintech-app .theme-content-area .zpdark-section .zpheading,
body.ue-fintech-app .theme-content-area .zpdark-section .zptext,
body.ue-fintech-app .theme-content-area .zpdark-section .zptext span,
body.ue-fintech-app .theme-content-area .zpdark-section .zptext p,
body.ue-fintech-app .theme-content-area .zpdark-section .zptext li {
  color: var(--ue-sh-ink) !important;
}

/* Contact page: keep the business details panel text/icons white on dark background. */
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"],
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zpheading,
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zpheading span,
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zptext,
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zptext p,
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zptext span,
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zpicon-heading,
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zpicon-heading span,
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] a {
  color: #ffffff !important;
  opacity: 1 !important;
}

body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zpicon svg,
body.ue-fintech-app .theme-content-area [data-element-id="elm_NRAQxzwkWcr6YsBGcKoaxA"] .zpicon svg path {
  fill: #ffffff !important;
}

/* Global alignment normalization for cards/boxes and button placement */
body.ue-fintech-app .theme-content-area .zprow.zprow-container {
  row-gap: clamp(14px, 1.8vw, 24px);
}

body.ue-fintech-app .theme-content-area .zprow.zprow-container > .zpelem-col {
  display: flex;
  flex-direction: column;
}

body.ue-fintech-app .theme-content-area .zprow.zprow-container > .zpelem-col > .zpelement {
  width: 100%;
}

body.ue-fintech-app .theme-content-area .zpelem-box.zsbox-spacing {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  padding: clamp(16px, 1.6vw, 24px) !important;
}

body.ue-fintech-app .theme-content-area .zpelem-box.zsbox-spacing .zpelem-button {
  margin-top: auto;
  padding-top: 6px;
}

body.ue-fintech-app .theme-content-area .zpelem-button .zpbutton-container,
body.ue-fintech-app .theme-content-area .zpform-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

body.ue-fintech-app .theme-content-area .zpbutton-wrapper.zpbutton,
body.ue-fintech-app .theme-content-area .zpelem-button .zpbutton,
body.ue-fintech-app .theme-content-area .zpform-button .zpbutton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}

body.ue-fintech-app .theme-content-area .zptext p,
body.ue-fintech-app .theme-content-area .zptext li,
body.ue-fintech-app .theme-content-area .zptext span {
  color: var(--ue-sh-ink-soft);
}

body.ue-fintech-app .theme-content-area .zpheading span {
  color: var(--ue-sh-ink);
}

body.ue-fintech-app .theme-content-area .zpelem-divider .zpdivider-common::before,
body.ue-fintech-app .theme-content-area .zpelem-divider .zpdivider-common::after {
  border-color: rgba(52, 74, 109, 0.25) !important;
}

body.ue-fintech-app .zpbutton,
body.ue-fintech-app .zpelem-button .zpbutton,
body.ue-fintech-app .theme-search-go,
body.ue-fintech-app button {
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  min-height: 46px;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease !important;
}

body.ue-fintech-app .zpbutton.zpbutton-type-primary,
body.ue-fintech-app .zpelem-button .zpbutton.zpbutton-type-primary,
body.ue-fintech-app .theme-content-area .zpelem-button .zpbutton,
body.ue-fintech-app .theme-search-go {
  background: linear-gradient(95deg, #344a6d -17.1%, #bac2cb 186.8%) !important;
  color: #fefefe !important;
  box-shadow: 0 4px 12px rgba(52, 74, 109, 0.24) !important;
}

/* Home testimonials: keep both review cards equal height */
[data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"].zprow {
  align-items: stretch !important;
}

[data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"].zprow > .zpelem-col {
  display: flex !important;
}

[data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"] .zpelem-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

[data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"] .zpelem-table {
  margin-top: auto;
}

/* Home testimonials: fix author meta clipping on mobile */
@media (max-width: 767px) {
  [data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"] [data-element-id="elm_gzjSAbBM4Yn3i1PvIxpHgg"] tr,
  [data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"] [data-element-id="elm_tYP1B1SE4yfJGKLaUS04ew"] tr {
    height: auto !important;
  }

  [data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"] [data-element-id="elm_gzjSAbBM4Yn3i1PvIxpHgg"] td,
  [data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"] [data-element-id="elm_tYP1B1SE4yfJGKLaUS04ew"] td {
    white-space: normal !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  [data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"] [data-element-id="elm_gzjSAbBM4Yn3i1PvIxpHgg"] p,
  [data-element-id="elm_AvG95r3DmEi6HD--WvbJQQ"] [data-element-id="elm_tYP1B1SE4yfJGKLaUS04ew"] p {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
  }
}

body.ue-fintech-app .zpbutton.zpbutton-type-primary:hover,
body.ue-fintech-app .zpelem-button .zpbutton.zpbutton-type-primary:hover,
body.ue-fintech-app .theme-content-area .zpelem-button .zpbutton:hover,
body.ue-fintech-app .theme-search-go:hover,
body.ue-fintech-app button:hover {
  transform: translateY(-2px);
  border-color: #344a6d !important;
  background: #fefefe !important;
  color: #344a6d !important;
  box-shadow: 0 14px 28px rgba(52, 74, 109, 0.24) !important;
}

body.ue-fintech-app input[type='text'],
body.ue-fintech-app input[type='email'],
body.ue-fintech-app input[type='number'],
body.ue-fintech-app input[type='tel'],
body.ue-fintech-app input[type='password'],
body.ue-fintech-app textarea,
body.ue-fintech-app select,
body.ue-fintech-app .theme-search-field-container input[type='text'] {
  border-radius: 12px !important;
  border: 1px solid #bac2cb !important;
  background: #fefefe !important;
}

body.ue-fintech-app input:focus,
body.ue-fintech-app textarea:focus,
body.ue-fintech-app select:focus {
  border-color: #344a6d !important;
  box-shadow: 0 0 0 3px rgba(52, 74, 109, 0.14) !important;
}

body.ue-fintech-app .zptable,
body.ue-fintech-app table {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(52, 74, 109, 0.14);
}

body.ue-fintech-app .zptable th,
body.ue-fintech-app table th {
  background: #bac2cb !important;
  color: var(--ue-sh-ink) !important;
}

body.ue-fintech-app .zptable td,
body.ue-fintech-app table td {
  background: #fefefe;
  color: var(--ue-sh-ink-soft);
}

body.ue-fintech-app .theme-footer-area,
body.ue-fintech-app .theme-footer,
body.ue-fintech-app [data-theme-footer] {
  background: linear-gradient(180deg, #031f4e 0%, #031f4e 100%) !important;
  color: #fefefe !important;
}

body.ue-fintech-app .theme-footer-area .zptext,
body.ue-fintech-app .theme-footer-area .zptext span,
body.ue-fintech-app .theme-footer-area .zptext p,
body.ue-fintech-app .theme-footer-area a,
body.ue-fintech-app .theme-footer a,
body.ue-fintech-app [data-theme-footer] a {
  color: #fefefe !important;
}

@media (max-width: 991px) {
  body.ue-fintech-app [data-headercontainer="zptheme-data-headercontainer"] .theme-header {
    background: #fefefe !important;
  }

  body.ue-fintech-app .theme-responsive-menu.theme-menu-area .theme-menu,
  body.ue-fintech-app .theme-responsive-menu.theme-menu-area [data-zp-theme-menu] {
    background: #fefefe !important;
    border: 1px solid rgba(186, 194, 203, 0.28) !important;
    box-shadow: 0 20px 40px rgba(3, 31, 78, 0.44) !important;
  }

  body.ue-fintech-app .theme-responsive-menu.theme-menu-area [data-zs-menu-container] > li {
    border-bottom: 1px solid rgba(186, 194, 203, 0.18);
  }

  body.ue-fintech-app .theme-responsive-menu.theme-menu-area [data-zs-menu-container] .theme-menu-name {
    color: #344a6d !important;
  }
}

/* Learn page layout: heading -> intro -> categories */
html body [data-themebanner="zptheme-banner"]:has([data-element-id="elm_pP7yT7lZTR-3u5My4DkgVA"]) {
  display: none !important;
}

html body [data-element-id="elm_pP7yT7lZTR-3u5My4DkgVA"].zphero {
  display: none !important;
}

html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"].zpsection {
  margin: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"].zpsection::before {
  content: "Where Investors Learn to Master the Unlisted Market";
  display: block;
  margin: 0 0 8px;
  color: #344a6d;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"] > .zpcontainer::before,
html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"] > .zpcontainer-fluid::before {
  content: "Learn how private and pre-IPO investing works through structured guides, expert insights, and practical investor playbooks.";
  display: block;
  max-width: 920px;
  margin: 0 auto 10px;
  color: #607492;
  font-size: 20px;
  line-height: 1.45;
  text-align: center;
}

html body [data-element-id="elm_KBdhewGOwsZRLhZ7MK6BYw"].zprow {
  margin: 0 !important;
}

html body [data-element-id="elm_dYQdGnA_wzAL3T6BkBzyYw"].zpsection {
  margin-top: 8px !important;
  margin-block-start: 8px !important;
  padding-top: 6px !important;
  padding-bottom: 0 !important;
}

html body [data-element-id="elm_dYQdGnA_wzAL3T6BkBzyYw"] > .zpcontainer,
html body [data-element-id="elm_dYQdGnA_wzAL3T6BkBzyYw"] > .zpcontainer-fluid {
  padding-top: 6px !important;
}

@media (max-width: 991px) {
  html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"].zpsection::before {
    font-size: 40px;
    margin-bottom: 6px;
  }

  html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"] > .zpcontainer::before,
  html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"] > .zpcontainer-fluid::before {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

@media (max-width: 767px) {
  html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"].zpsection {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"].zpsection::before {
    font-size: 30px;
    line-height: 1.25;
  }

  html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"] > .zpcontainer::before,
  html body [data-element-id="elm_lmQM_bxXFUNk4gSqF8Mgig"] > .zpcontainer-fluid::before {
    font-size: 16px;
    line-height: 1.45;
  }

  html body [data-element-id="elm_dYQdGnA_wzAL3T6BkBzyYw"].zpsection {
    margin-top: 6px !important;
    margin-block-start: 6px !important;
    padding-top: 4px !important;
  }
}