:root {
  --bs-primary: #f7b401;
  --bs-primary-rgb: 247, 180, 1;
  --bs-link-color: #c28a00;
  --bs-link-hover-color: #8f6600;
  --brand-primary: #f7b401;
  --brand-secondary: #161513;
  --brand-accent: #fff4c9;
  --brand-surface: #fffaf0;
  --brand-muted: #6d6250;
  --brand-ink: #15130f;
  --brand-ring: rgba(247, 180, 1, 0.28);
  --bs-body-font-family: Sora, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.brand-zenwallet {
  --brand-primary: #6f7cff;
  --brand-secondary: #121641;
  --brand-accent: #20e0c0;
  --brand-surface: #f5f7ff;
  --brand-muted: #5c6387;
  --brand-ink: #111632;
  --brand-ring: rgba(111, 124, 255, 0.24);
}

body.brand-cashdesk {
  --brand-primary: #1f5f8b;
  --brand-secondary: #102536;
  --brand-accent: #d6aa52;
  --brand-surface: #f5f8fb;
  --brand-muted: #566575;
  --brand-ink: #102030;
  --brand-ring: rgba(31, 95, 139, 0.22);
}

body.brand-rapidalert {
  --brand-primary: #ff4d2e;
  --brand-secondary: #121722;
  --brand-accent: #00d7ff;
  --brand-surface: #fff7f4;
  --brand-muted: #65575a;
  --brand-ink: #19151f;
  --brand-ring: rgba(255, 77, 46, 0.24);
}

body.brand-lendminty {
  --brand-primary: #35d09d;
  --brand-secondary: #17362e;
  --brand-accent: #e7fff4;
  --brand-surface: #f4fffa;
  --brand-muted: #54736a;
  --brand-ink: #12312b;
  --brand-ring: rgba(53, 208, 157, 0.24);
}

body.brand-secureloanin {
  --brand-primary: #246bfe;
  --brand-secondary: #0f2a4a;
  --brand-accent: #cfe1ff;
  --brand-surface: #f4f8ff;
  --brand-muted: #53677f;
  --brand-ink: #10233d;
  --brand-ring: rgba(36, 107, 254, 0.23);
}

body.brand-finupgrade {
  --brand-primary: #c6a35b;
  --brand-secondary: #17191f;
  --brand-accent: #f6ead1;
  --brand-surface: #f8f7f3;
  --brand-muted: #625d52;
  --brand-ink: #181a20;
  --brand-ring: rgba(198, 163, 91, 0.26);
}

body.brand-smartloanin {
  --brand-primary: #00a7a7;
  --brand-secondary: #102333;
  --brand-accent: #8be7ff;
  --brand-surface: #f3fbfb;
  --brand-muted: #526a70;
  --brand-ink: #0f2630;
  --brand-ring: rgba(0, 167, 167, 0.22);
}

body {
  background: var(--brand-surface);
  color: var(--brand-ink);
}

.header.site-header {
  background: transparent;
  left: 0;
  padding-top: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}

.site-navbar {
  padding: 0;
}

.site-navbar .container {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.22);
  border-radius: 8px !important;
  box-shadow: 0 18px 45px rgba(32, 26, 10, 0.12);
  gap: 18px;
  padding: 10px 14px;
  position: relative;
}

.site-brand {
  align-items: center;
  display: inline-flex;
  gap: 12px;
  min-width: 0;
}

.brand-mark {
  align-items: center;
  background: color-mix(in srgb, var(--brand-primary) 16%, #fff);
  border: 1px solid rgba(var(--bs-primary-rgb), 0.18);
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 48px;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  width: 48px;
}

.brand-mark img {
  height: 38px;
  object-fit: contain;
  width: 38px;
}

.brand-copy {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
  min-width: 0;
}

.brand-name {
  color: var(--brand-ink) !important;
  font-family: Epilogue, var(--bs-body-font-family);
  font-size: 1.28rem;
  font-weight: 700;
  white-space: nowrap;
}

.brand-tagline {
  color: var(--brand-muted) !important;
  font-size: 0.72rem;
  font-weight: 700;
  margin-top: 5px;
  text-transform: uppercase;
}

.site-navbar .navbar-nav {
  align-items: center;
  gap: 4px;
  padding: 0;
}

.site-navbar .navbar-nav li a.nav-link {
  border-radius: 7px;
  color: #111111;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1;
  padding: 11px 14px;
  position: relative;
}

.site-navbar .navbar-nav li a.nav-link:hover,
.site-navbar .navbar-nav li a.nav-link:focus,
.site-navbar .navbar-nav li a.nav-link.active {
  background: color-mix(in srgb, var(--brand-primary) 14%, #fff);
  color: #111111;
}

.nav-cta {
  align-items: center;
  display: flex;
}

.nav-apply {
  align-items: center;
  background: color-mix(in srgb, var(--brand-primary) 22%, #fff);
  border-color: color-mix(in srgb, var(--brand-primary) 34%, #fff);
  box-shadow: 0 10px 22px rgba(20, 20, 20, 0.07);
  color: var(--brand-secondary);
  display: inline-flex;
  gap: 8px;
  min-height: 44px;
  padding: 12px 18px;
  white-space: nowrap;
}

.nav-apply:hover,
.nav-apply:focus {
  background: color-mix(in srgb, var(--brand-primary) 32%, #fff);
  border-color: color-mix(in srgb, var(--brand-primary) 48%, #fff);
  color: var(--brand-secondary);
}

.nav-apply i {
  align-items: center;
  background: #fff;
  border-radius: 7px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 26px;
  justify-content: center;
  font-size: 0.9rem;
  width: 26px;
}

.site-navbar-toggler {
  align-items: center;
  background: var(--brand-secondary);
  border: 0;
  border-radius: 8px;
  height: 44px;
  justify-content: center;
  padding: 0;
  width: 44px;
}

.site-navbar-toggler:focus,
.site-navbar-toggler:hover {
  box-shadow: 0 0 0 4px var(--brand-ring);
}

.site-navbar-toggler .toggle-inner,
.site-navbar-toggler .toggle-inner:after,
.site-navbar-toggler .toggle-inner:before {
  background: #fff;
}

.btn,
.btn-primary,
.btn-info,
.btn-dark {
  border-radius: 7px;
  font-weight: 700;
}

.btn-primary,
.btn-info {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #16130a;
}

.btn-dark {
  background: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: #fff;
}

.banner-sec {
  background: radial-gradient(circle at 80% 18%, #fff1b8 0, transparent 32%), linear-gradient(135deg, #fffaf0 0%, #fff1c2 54%, #fff 100%);
  padding-top: 130px;
}

body.brand-zenwallet .banner-sec {
  background: radial-gradient(circle at 72% 24%, rgba(32, 224, 192, 0.34), transparent 28%), linear-gradient(140deg, #f8fbff 0%, #eef1ff 48%, #ffffff 100%);
}

body.brand-cashdesk .banner-sec {
  background: linear-gradient(90deg, rgba(16, 37, 54, 0.06) 1px, transparent 1px), linear-gradient(180deg, #f7fafc 0%, #e9f1f7 100%);
  background-size: 32px 32px, auto;
}

body.brand-rapidalert .banner-sec {
  background: linear-gradient(120deg, rgba(255, 77, 46, 0.14) 0 18%, transparent 18% 34%, rgba(0, 215, 255, 0.14) 34% 48%, transparent 48%), #fff8f5;
}

body.brand-lendminty .banner-sec {
  background: radial-gradient(circle at 15% 22%, #dffbed 0, transparent 30%), linear-gradient(135deg, #f4fffa 0%, #e9fff5 58%, #ffffff 100%);
}

body.brand-secureloanin .banner-sec {
  background: linear-gradient(135deg, rgba(36, 107, 254, 0.1), rgba(207, 225, 255, 0.55)), #f5f9ff;
}

body.brand-finupgrade .banner-sec {
  background: linear-gradient(135deg, #181a20 0%, #2b2f38 48%, #f8f7f3 48.2%, #f8f7f3 100%);
}

body.brand-finupgrade .banner-sec .banner-txt h1,
body.brand-finupgrade .banner-sec .banner-txt p {
  color: #fff;
}

body.brand-smartloanin .banner-sec {
  background: linear-gradient(90deg, rgba(0, 167, 167, 0.12) 1px, transparent 1px), linear-gradient(0deg, rgba(139, 231, 255, 0.18) 1px, transparent 1px), #f3fbfb;
  background-size: 28px 28px;
}

.banner-sec .banner-txt h1,
.sec-title {
  color: var(--brand-ink);
}

.banner-sec .banner-txt p,
.sec-intro p,
.entry-content p,
.footer .widget p {
  color: var(--brand-muted);
}

.how-start2 {
  background: #fff;
}

.how-start2 .card,
.service-card,
.single-entry {
  border: 1px solid rgba(247, 180, 1, 0.18);
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(42, 34, 12, 0.08);
}

body.brand-cashdesk .how-start2 .card,
body.brand-cashdesk .service-card,
body.brand-cashdesk .single-entry {
  border-left: 4px solid var(--brand-primary);
  box-shadow: 0 14px 30px rgba(16, 37, 54, 0.1);
}

body.brand-rapidalert .how-start2 .card,
body.brand-rapidalert .service-card,
body.brand-rapidalert .single-entry {
  transform: skewX(-1deg);
  box-shadow: 10px 10px 0 rgba(0, 215, 255, 0.14);
}

body.brand-lendminty .how-start2 .card,
body.brand-lendminty .service-card,
body.brand-lendminty .single-entry {
  background: linear-gradient(180deg, #ffffff 0%, #f3fff9 100%);
  border-radius: 8px !important;
}

body.brand-secureloanin .how-start2 .card,
body.brand-secureloanin .service-card,
body.brand-secureloanin .single-entry {
  border-top: 4px solid var(--brand-primary);
  box-shadow: 0 18px 44px rgba(15, 42, 74, 0.11);
}

body.brand-finupgrade .how-start2 .card,
body.brand-finupgrade .service-card,
body.brand-finupgrade .single-entry {
  background: #fffdf8;
  border: 1px solid rgba(198, 163, 91, 0.35);
}

body.brand-smartloanin .how-start2 .card,
body.brand-smartloanin .service-card,
body.brand-smartloanin .single-entry {
  background: linear-gradient(160deg, #ffffff 0%, #f0ffff 100%);
  border: 1px solid rgba(0, 167, 167, 0.24);
}

.how-start2 .work-progress span,
.how-start2 .card:hover,
.service-card:hover,
.service-card.active {
  background: var(--brand-primary);
  color: #16130a;
}

.promo-sec.banner {
  background-image: linear-gradient(135deg, rgba(21, 19, 15, 0.74), rgba(247, 180, 1, 0.55)), url("../images/new-images/banner.png");
}

.footer-top {
  background-image: linear-gradient(135deg, rgba(22, 21, 19, 0.96), rgba(86, 63, 0, 0.95)) !important;
}

body.brand-zenwallet .footer-top {
  background-image: linear-gradient(135deg, #111632, #2d3482) !important;
}

body.brand-cashdesk .footer-top {
  background-image: linear-gradient(135deg, #102536, #1f5f8b) !important;
}

body.brand-rapidalert .footer-top {
  background-image: linear-gradient(135deg, #121722, #502118 54%, #ff4d2e) !important;
}

body.brand-lendminty .footer-top {
  background-image: linear-gradient(135deg, #17362e, #1b6d55) !important;
}

body.brand-secureloanin .footer-top {
  background-image: linear-gradient(135deg, #0f2a4a, #164996) !important;
}

body.brand-finupgrade .footer-top {
  background-image: linear-gradient(135deg, #17191f, #36302a) !important;
}

body.brand-smartloanin .footer-top {
  background-image: linear-gradient(135deg, #102333, #005d63) !important;
}

.promo-sec.banner .promo-wrap,
.promo-sec.banner h1,
.promo-sec.banner h2,
.promo-sec.banner h3,
.promo-sec.banner h4,
.promo-sec.banner h5,
.promo-sec.banner h6,
.promo-sec.banner p {
  color: #fff;
}

.footer-bottom {
  background: #0d0c0a !important;
}

.back-top {
  background: var(--brand-primary);
  color: #16130a;
}

@media (max-width: 767.98px) {
  .banner-sec {
    padding-top: 110px;
  }

  .header.site-header {
    padding-top: 10px;
  }

  .site-navbar .container {
    margin-left: 12px;
    margin-right: 12px;
    padding: 9px 10px;
    width: auto;
  }

  .brand-mark {
    flex-basis: 42px;
    height: 42px;
    width: 42px;
  }

  .brand-mark img {
    height: 32px;
    width: 32px;
  }

  .brand-name {
    font-size: 1.05rem !important;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .brand-tagline {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .site-navbar .navbar-collapse {
    background: #fff;
    border: 1px solid rgba(18, 18, 18, 0.06);
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(22, 22, 22, 0.1);
    margin-top: 12px;
    padding: 12px;
  }

  .site-navbar .navbar-nav {
    align-items: stretch;
    padding: 0;
  }

  .site-navbar .navbar-nav li a.nav-link {
    padding: 13px 14px;
  }

  .nav-cta {
    margin-top: 10px;
  }

  .nav-apply {
    justify-content: center;
    width: 100%;
  }
}