@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=DM+Sans:wght@300;400;500;600&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap");@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=DM+Sans:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=DM+Sans:wght@300;400;500;600;700&display=swap");

:root {
  --navy: #0E2265;
  --red: #C01434;
  --navy-light: #f7f7fb;
  --border: #e8e8ec;
  --gray: #6b7280;
  --muted: #9ca3af;
}

html { scroll-behavior: smooth; }

body {
    font-family: 'DM Sans', sans-serif;
    background: #f0f0f0;
    color: var(--navy);
  }

/* ─────────────── HERO ─────────────── */

.blue-bg{background: var(--navy);}

.light-bg{background: #eeeeee;}

.navy-bg{background: var(--navy-light);}

.red-bg{background: var(--red);}

.hero {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-height: 460px;
}

.hero-left {
    background: var(--navy);
    padding: 72px 56px 56px 52px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

.hero-left::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 1px; height: 100%;
    background: linear-gradient(to bottom, transparent, rgba(192,20,52,0.45), transparent);
  }

.hero-left-top { display: flex; flex-direction: column; }

.kicker {
    font-size: 10.5px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(192,20,52,0.9);
    font-weight: 500;
    margin-bottom: 28px;
    opacity: 1;
    animation: fadeUp 0.6s ease 0.1s forwards;
  }

.hero-headline {
    font-family: 'Playfair Display', serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.04;
    color: #fff;
    margin-bottom: 28px;
    opacity: 1;
    animation: fadeUp 0.7s ease 0.2s forwards;
    text-align: left;
  }

.hero-headline em { font-style: normal; color: var(--red); }

.hero-sub {
    font-size: 15px;
    line-height: 1.78;
    color: rgba(255,255,255,0.52);
    font-weight: 300;
    max-width: 420px;
    margin-bottom: 44px;
    opacity: 1;
    animation: fadeUp 0.7s ease 0.3s forwards;
  }

.hero-btns {
    display: flex;
    gap: 12px;
    opacity: 1;
    animation: fadeUp 0.7s ease 0.4s forwards;
  }

.hero-trust {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 36px;
    border-top: 1px solid rgba(255,255,255,0.09);
    opacity: 1;
    animation: fadeUp 0.6s ease 0.55s forwards;
  }

.trust-item { display: flex; flex-direction: column; gap: 3px; }

.trust-num {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
  }

.trust-label {
    font-size: 10px;
    color: rgba(255,255,255,0.35);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

.trust-sep { width: 1px; height: 34px; background: rgba(255,255,255,0.1); }

.hero-powered-by {
    margin-top: 16px;
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    letter-spacing: 0.04em;
    margin-bottom: 18px;
  }

.hero-right {
    background: var(--navy-light);
    padding: 52px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }

.panel-label {
    font-size: 10.5px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 400;
    margin-bottom: 6px;
  }

.action-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 18px 20px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    opacity: 1;
    animation: fadeUp 0.6s ease forwards;
  }

.action-card:nth-child(2) { animation-delay: 0.2s; }

.action-card:nth-child(3) { animation-delay: 0.3s; }

.action-card:nth-child(4) { animation-delay: 0.4s; }

.action-card:nth-child(5) { animation-delay: 0.5s; }

.action-card:hover { border-color: var(--navy); box-shadow: 0 2px 14px rgba(14,34,101,0.08); }

.card-num {
    font-family: 'Playfair Display', serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--red);
    min-width: 18px;
    padding-top: 2px;
    opacity: 0.65;
  }

.card-content { flex: 1; }

.card-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
    margin-bottom: 3px;
  }

.card-body {
    font-size: 12px;
    line-height: 1.6;
    color: var(--muted);
    font-weight: 300;
  }

.card-arrow {
    font-size: 16px;
    color: #d1d5db;
    padding-top: 1px;
    transition: color 0.2s, transform 0.2s;
  }

.action-card:hover .card-arrow { color: var(--navy); transform: translateX(3px); }

/* ─────────────── ASSET BAR ─────────────── */

.asset-bar {
    background: var(--navy);
    padding: 13px 52px;
    display: flex;
    align-items: center;
  }

.asset-bar-label {
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.88);
    margin-right: 20px;
    white-space: nowrap;
  }

.asset-item {
    font-size: 12px;
    color: rgba(255,255,255,0.82);
    font-weight: 300;
    padding: 0 16px;
    border-right: 1px solid rgba(255,255,255,0.1);
    white-space: nowrap;
    transition: color 0.2s;
    cursor: default;
  }

.asset-item:hover { color: #fff; }

.asset-item:last-child { border-right: none; }

.hero-stats-grid {
    display: flex;
    gap: 10px;
    margin:12px 0px 25px 0px;
    justify-content: space-between;

}

.stat-num {
    font-family: var(--serif);
    font-size: 30px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1;
    letter-spacing: -0.03em;
}

/* ─────────────── MANIFESTO / PROBLEM STATEMENT ─────────────── */

.manifesto {
    background: #fff;
    padding: 80px 52px;
    border-top: 1px solid var(--border);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }

.manifesto-pull {
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.18;
    color: var(--navy);
    margin-bottom: 32px;
  }

.manifesto-pull span {
    color: var(--red);
  }

.manifesto-body {
    font-size: 15px;
    line-height: 1.82;
    color: var(--gray);
    font-weight: 300;
    margin-bottom: 20px;
  }

.manifesto-body strong {
    color: var(--navy);
    font-weight: 500;
  }

.manifesto-right {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

.manifesto-stat {
    padding: 28px 0;
    border-bottom: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

.manifesto-stat:first-child { border-top: 1px solid var(--border); }

.manifesto-stat-num {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 900;
    color: var(--navy);
    line-height: 1;
  }

.manifesto-stat-label {
    font-size: 13px;
    color: var(--muted);
    font-weight: 300;
    line-height: 1.5;
  }

.manifesto{
display:none;
  }

/* ─────────────── WILD WEST QUOTE ─────────────── */

.wildwest {
    background: var(--navy);
    padding: 72px 52px;
    position: relative;
    overflow: hidden;
    display:none;
  }

.wildwest::before {
    content: '"';
    position: absolute;
    top: -20px;
    left: 36px;
    font-family: 'Playfair Display', serif;
    font-size: 280px;
    color: rgba(192,20,52,0.08);
    line-height: 1;
    pointer-events: none;
    font-weight: 900;
  }

.wildwest-inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
  }

.wildwest-label {
    font-size: 10.5px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(192,20,52,0.85);
    font-weight: 500;
    margin-bottom: 28px;
  }

.wildwest-quote {
    font-family: 'Playfair Display', serif;
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 20px;
  }

.wildwest-quote em {
    font-style: italic;
    color: var(--red);
  }

.wildwest-attribution {
    font-size: 13px;
    color: rgba(255,255,255,0.35);
    font-weight: 300;
    letter-spacing: 0.04em;
    margin-bottom: 44px;
  }

.wildwest-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

.pill {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 100px;
    padding: 7px 16px;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    font-weight: 300;
    white-space: nowrap;
  }

/* ─────────────── HOW IT WORKS ─────────────── */

.how {
    padding: 80px 52px;
    background: #eeeeee;
    border-top: 1px solid var(--border);
  }

.how-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin-bottom: 52px;
  }

.how-step {
    padding-right: 44px;
    border-right: 1px solid var(--border);
    margin-right: 44px;
  }

.how-step:last-child { border-right: none; margin-right: 0; padding-right: 0; }

.step-n {
    font-family: 'Playfair Display', serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--red);
    opacity: 0.55;
    margin-bottom: 16px;
    letter-spacing: 0.06em;
  }

.step-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
    margin-bottom: 10px;
  }

.step-body {
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--gray);
    font-weight: 300;
  }

.how-cta { display: flex; gap: 12px; }

/* ─────────────── PROPERTY TYPES ─────────────── */

.property {
    padding: 80px 52px;
    border-top: 1px solid var(--border);
    background: #fff;
  }

.prop-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
  }

.prop-card {
    background: #fff;
    padding: 30px 26px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
  }

.prop-card:hover { background: #f7f7fb; }

.prop-num {
    font-size: 10.5px;
    color: var(--red);
    font-weight: 500;
    letter-spacing: 0.1em;
    opacity: 0.6;
  }

.prop-title {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--navy);
  }

.prop-body {
    font-size: 13px;
    line-height: 1.65;
    color: var(--muted);
    font-weight: 300;
    flex: 1;
  }

.prop-link {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--navy);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
  }

.prop-arrow { transition: transform 0.15s; display: inline-block; }

.prop-card:hover .prop-arrow { transform: translateX(3px); }

/* ─────────────── CLARITY STATEMENT ─────────────── */

.clarity {
    padding: 80px 52px;
    background: var(--navy-light);
    border-top: 1px solid var(--border);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
  }

.section-label {
    font-size: 10.5px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--red);
    font-weight: 500;
    margin-bottom: 10px;
}

.btn-navy {
    background: var(--navy);
    color: #fff;
    border: none;
    padding: 13px 26px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-outline {
    background: transparent;
    color: var(--gray);
    border: 1px solid var(--border);
    padding: 12px 22px;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
}

.btn-outline:hover {
    border-color: var(--navy);
    color: var(--navy);
}

.section-sub {
    font-size: 15px;
    line-height: 1.75;
    color: var(--gray);
    font-weight: 300;
    max-width: 520px;
    margin-bottom: 52px;
}

.clarity-headline {
    font-family: 'Playfair Display', serif;
    font-size: 34px;
    font-weight: 700;
    color: var(--navy);
    line-height: 1.2;
    margin-bottom: 24px;
  }

.clarity-headline em {
    font-style: italic;
    color: var(--red);
  }

.clarity-body {
    font-size: 15px;
    line-height: 1.82;
    color: var(--gray);
    font-weight: 300;
    margin-bottom: 16px;
  }

.clarity-body strong {
    color: var(--navy);
    font-weight: 500;
  }

.clarity-closing {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--navy);
    line-height: 1.4;
    padding: 24px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    margin: 28px 0 32px;
  }

.clarity-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 8px;
  }

.clarity-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 22px 22px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

.clarity-card-label {
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--red);
    font-weight: 500;
    opacity: 0.8;
  }

.clarity-card-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--navy);
  }

.clarity-card-body {
    font-size: 13px;
    line-height: 1.65;
    color: var(--muted);
    font-weight: 300;
  }

/* ─────────────── CTA BAND ─────────────── */

.cta-band {
    background: var(--red);
    padding: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
  }

.cta-band-title {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
  }

.cta-band-sub {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    font-weight: 300;
  }

.cta-band-btns { display: flex; gap: 12px; flex-shrink: 0; }

.btn-white-solid {
    background: #fff;
    color: var(--red);
    border: none;
    padding: 13px 28px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
  }

.btn-white {
    background: #fff;
    color: var(--navy);
    border: none;
    padding: 13px 28px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-ghost-light {
    background: transparent;
    color: rgba(255,255,255,0.65);
    border: 1px solid rgba(255,255,255,0.22);
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
}

button.btn-ghost-light:hover {
    border: 1px solid white;
}

.btn-white-solid:hover { background: #f5f5f5; }

.btn-ghost-white {
    background: transparent;
    color: rgba(255,255,255,0.8);
    border: 1px solid rgba(255,255,255,0.4);
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.2s, color 0.2s;
  }

.btn-ghost-white:hover { color: #fff; border-color: #fff; }

span.stat-label {
    color: rgba(255,255,255,0.55);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.03em;
}

/* Cap every full-width section at the same ~1270px width the rest of the
   site uses (.custom-container, shared by Header/Footer/every other page)
   so this page doesn't stretch edge-to-edge on large monitors while the
   rest of the site stays boxed. Below 1270px viewport width this has no
   effect — untouched on tablet/mobile. */

.hero,
.asset-bar,
.manifesto,
.wildwest,
.how,
.property,
.clarity,
.cta-band {
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
}

/* ─────────────── RESPONSIVE ─────────────── */

@media screen and (max-width: 1024px) {
  .hero-left { padding: 56px 40px 44px 40px; }
  .hero-headline { font-size: 46px; }
  .hero-right { padding: 44px 32px; }

  .manifesto { padding: 64px 40px; gap: 48px; }
  .manifesto-pull { font-size: 32px; }
  .manifesto-stat-num { font-size: 36px; }

  .wildwest { padding: 64px 40px; }
  .wildwest-quote { font-size: 28px; }

  .how { padding: 64px 40px; }
  .how-step { padding-right: 28px; margin-right: 28px; }

  .property { padding: 64px 40px; }
  .prop-grid { grid-template-columns: repeat(2, 1fr); }

  .clarity { padding: 64px 40px; gap: 48px; }
  .clarity-headline { font-size: 30px; }

  .asset-bar { padding: 13px 40px; }
  .cta-band { padding: 44px 40px; }
}

@media screen and (max-width: 991px) {
  .hero {
    grid-template-columns: repeat(1, 1fr);
  }

  .hero-headline { font-size: 48px; }

  .manifesto {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .clarity {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  .hero-left { padding: 48px 28px 36px 28px; }
  .hero-headline { font-size: 40px; }
  .hero-sub { margin-bottom: 32px; }
  .hero-btns { flex-wrap: wrap; }
  .hero-right { padding: 36px 24px; }

  .asset-bar {
    flex-wrap: wrap;
    gap: 8px 0;
    padding: 16px 28px;
  }
  .asset-bar-label { margin-right: 12px; }
  .asset-item:first-of-type { padding-left: 0; }

  .manifesto { padding: 52px 28px; }
  .manifesto-pull { font-size: 28px; }
  .manifesto-stat-num { font-size: 32px; }

  .wildwest { padding: 52px 28px; }
  .wildwest-quote { font-size: 23px; }
  .wildwest::before { font-size: 200px; left: 16px; }

  .how { padding: 52px 28px; }
  .how-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .how-step {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    border-bottom: 1px solid var(--border);
    padding-bottom: 32px;
  }
  .how-step:last-child { border-bottom: none; padding-bottom: 0; }
  .how-cta { flex-wrap: wrap; }

  .property { padding: 52px 28px; }
  .prop-grid { grid-template-columns: 1fr; }

  .clarity { padding: 52px 28px; }
  .clarity-headline { font-size: 27px; }

  .cta-band {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 28px;
  }
  .cta-band-title { font-size: 24px; }
  .cta-band-btns { width: 100%; }
}

@media screen and (max-width: 479px) {
  .hero-left { padding: 40px 20px 32px 20px; }
  .hero-headline { font-size: 30px; }
   .hero-headline em{padding:0px 10px;}
   .hero-headline br{display:none;}
  .hero-right { padding: 32px 18px; }
  .hero-trust { flex-wrap: wrap; gap: 14px; }

  .asset-bar { padding: 14px 20px; }

  .manifesto { padding: 44px 20px; }
  .manifesto-pull { font-size: 24px; }

  .wildwest { padding: 44px 20px; }
  .wildwest-quote { font-size: 20px; }
  .wildwest-pills { gap: 8px; }

  .how { padding: 44px 20px; }
  .property { padding: 44px 20px; }
  .clarity { padding: 44px 20px; }
  .clarity-headline { font-size: 24px; }

  .cta-band { padding: 36px 20px; }
  .cta-band-title { font-size: 22px; }
  .btn-white, .btn-ghost-light, .btn-white-solid, .btn-navy, .btn-outline { width: 100%; text-align: center; }
.section-sub {
    margin-bottom: 22px;
}
    .how-grid {
        gap: 25px;
    }
    .how-step {
        padding-bottom: 15px;
    }
.stat-num {
        font-size: 24px;
    }
header .sub-menu {
    border: 0px solid var(--border) !important;
    padding: 0px 0 !important;
}

  }

/* Large screens (1800px+): widen section containers */

@media screen and (min-width: 1800px) {
  .hero,
  .asset-bar,
  .manifesto,
  .wildwest,
  .how,
  .property,
  .clarity,
  .cta-band {
    max-width: 1600px;
  }
}
SectionBox/* Design tokens (navy/crimson, Playfair Display + DM Sans, --border,
   --slate, etc.) come from the shared assets/css/design-system.css,
   loaded globally in App.jsx — this file only holds About-page-specific
   layout rules. */
* { box-sizing: border-box; margin: 0; padding: 0; }

  .label {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--crimson);
    margin-bottom: 12px;
    display: block;
  }

  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* BUTTONS */
  .btn-white {
    background: var(--white);
    color: var(--navy);
    border: none;
    padding: 14px 28px;
    border-radius: 3px;
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
  }
  .btn-white:hover { background: #eef0f8; }

  .btn-ghost-light {
    background: #0e2265;
    color: rgba(255,255,255,0.65);
    border: 1px solid rgba(255,255,255,0.22);
    padding: 13px 24px;
    border-radius: 3px;
    font-family: var(--sans);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .btn-ghost-light:hover { color: #fff; border-color: rgba(255,255,255,0.5); }

  .btn-navy {
    background: var(--navy);
    color: #fff;
    border: none;
    padding: 14px 28px;
    border-radius: 3px;
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
  }
  .btn-navy:hover { background: var(--navy-deep); }

  .btn-outline {
    background: transparent;
    color: var(--slate);
    border: 1px solid var(--border);
    padding: 13px 24px;
    border-radius: 3px;
    font-family: var(--sans);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .btn-outline:hover { border-color: var(--navy); color: var(--navy); }

  .btn-crimson {
    background: var(--crimson);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
  }
  .btn-crimson:hover { background: var(--crimson-dk); }

  .btn-white-red {
    background: var(--white);
    color: var(--crimson);
    border: none;
    padding: 14px 30px;
    border-radius: 3px;
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
  }
  .btn-white-red:hover { background: #f5f5f5; }

  .btn-ghost-white {
    background: transparent;
    color: rgba(255,255,255,0.75);
    border: 1px solid rgba(255,255,255,0.3);
    padding: 13px 24px;
    border-radius: 3px;
    font-family: var(--sans);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .btn-ghost-white:hover { color: #fff; border-color: rgba(255,255,255,0.6); }

  /* ── NAV ── */
  .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 52px;
    height: 68px;
    border-bottom: 1px solid var(--border);
    background: var(--white);
    position: sticky;
    top: 0;
    z-index: 100;
  }

  .nav-links { display: flex; gap: 32px; list-style: none; }

  .nav-links a {
    font-size: 13px;
    font-weight: 400;
    color: var(--slate);
    text-decoration: none;
    transition: color 0.2s;
  }
  .nav-links a:hover { color: var(--navy); }
  .nav-links a.active { color: var(--navy); font-weight: 500; }

  /* ── HERO ── */
 .hero {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-height: 460px;
}
.btn-ghost-light, a.btn-ghost-light {
  background: #0e2265!important;
  color: rgb(255, 255, 255);
 
}
.btn-ghost-light:hover, a.btn-ghost-light:hover {
  background: #112a7e!important;
   color: #fff8f8; border-color: rgba(255,255,255,0.6); }

  .hero-left {
    background: var(--navy);
    padding: 80px 60px 72px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
  }

  .hero-left::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 1px; height: 100%;
    background: linear-gradient(to bottom, transparent, rgba(192,20,52,0.3), transparent);
  }

  .hero-eyebrow {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(192,20,52,0.85);
    margin-bottom: 24px;
    display: block;
    opacity: 0;
    animation: fadeUp 0.6s ease 0.1s forwards;
  }

  .hero-title {
    font-family: var(--serif);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.05;
    color: var(--white);
    letter-spacing: -0.02em;
    margin-bottom: 28px;
    opacity: 0;
    animation: fadeUp 0.7s ease 0.2s forwards;
    text-align: left;
  }

  .hero-title span { color: var(--crimson); }


  .hero-btns {
    display: flex;
    gap: 12px;
    opacity: 0;
    animation: fadeUp 0.6s ease 0.4s forwards;
  }

  .hero-right {
    background: var(--off-white);
    padding: 72px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--border);
  }

  .hero-stat {
    padding: 26px 0;
    border-bottom: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .hero-stat:first-child { border-top: 1px solid var(--border); }

  
 

  /* ── TEAM / ADVISOR ── */
  .team {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--border);
  }

  .team-left {
    padding: 80px 60px 80px 52px;
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .team-tag {
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-family: var(--sans);
  }

  .team-role {
    font-size: 12px;
    color: var(--slate-lt);
    font-weight: 300;
    margin-bottom: 32px;
  }

  .team-headline {
    font-family: var(--serif);
    font-size: 36px;
    font-weight: 700;
    color: var(--navy);
    line-height: 1.12;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
  }

  .team-headline span { color: var(--crimson); }

  .team-body {
    font-size: 15px;
    line-height: 1.85;
    color: var(--slate);
    font-weight: 300;
    margin-bottom: 16px;
  }

  .team-body strong { color: var(--navy); font-weight: 500; }

  .team-quote {
    font-family: var(--serif);
    font-size: 18px;
    font-weight: 700;
    color: var(--navy);
    line-height: 1.45;
    padding: 24px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    margin: 28px 0 36px;
    letter-spacing: -0.01em;
  }

  .team-quote span { color: var(--crimson); }

  .team-btns { display: flex; gap: 12px; }

  .team-right {
    padding: 80px 52px 80px 60px;
    background: var(--off-white);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .cred-header {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--slate-lt);
    margin-bottom: 28px;
  }

  .cred-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid var(--border);
  }
  .cred-row:first-of-type { border-top: 1px solid var(--border); }

  .cred-icon {
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background: var(--white);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .cred-icon svg {
    width: 16px; height: 16px;
    stroke: var(--navy);
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .cred-label {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--crimson);
    opacity: 0.7;
    margin-bottom: 3px;
  }

  .cred-name {
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
    margin-bottom: 2px;
  }

  .cred-detail {
    font-size: 12px;
    color: var(--slate-lt);
    font-weight: 300;
    line-height: 1.5;
  }

  /* ── MISSION / VISION — minimal one-liners ── */
  .mv {
    border-top: 1px solid var(--border);
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .mv-card {
    padding: 52px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .mv-card:first-child { border-right: 1px solid var(--border); }

  .mv-title {
    font-family: var(--serif);
    font-size: 22px;
    font-weight: 700;
    color: var(--navy);
    letter-spacing: -0.01em;
    line-height: 1.2;
  }

  .mv-line {
    font-size: 14px;
    line-height: 1.7;
    color: var(--slate);
    font-weight: 300;
  }

  /* ── VALUES ── */
  .values {
    padding: 80px 52px;
    border-top: 1px solid var(--border);
    background: var(--navy);
  }

  .values-label {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(192,20,52,0.85);
    margin-bottom: 12px;
    display: block;
  }

  .values-title {
    font-family: var(--serif);
    font-size: 32px;
    font-weight: 700;
    color: var(--white);
    letter-spacing: -0.02em;
    margin-bottom: 48px;
  }

  .values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 4px;
    overflow: hidden;
  }

  .value-card {
    background: rgba(255,255,255,0.03);
    padding: 36px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

 .value-n {
    font-family: var(--serif);
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
    opacity: 0.5;
    letter-spacing: 0.06em;
}

  .value-title {
    font-family: var(--serif);
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
    letter-spacing: -0.01em;
  }

  .value-body {
    font-size: 13px;
    line-height: 1.72;
    color: rgba(255,255,255,0.4);
    font-weight: 300;
  }

  /* ── CTA ── */
  .cta-band {
    background: var(--crimson);
    padding: 56px 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }

  .cta-title {
    font-family: var(--serif);
    font-size: 32px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.12;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
  }

  .cta-sub {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    font-weight: 300;
  }

  .cta-btns { display: flex; gap: 12px; flex-shrink: 0; }

  .cta-band h3 {
    color: #fff;
}

  /* Cap every full-width section at the same ~1270px width the rest of
     the site uses (.custom-container, shared by Header/Footer/every other
     page) so this page doesn't stretch edge-to-edge on large monitors
     while the rest of the site stays boxed. Below 1270px viewport width
     this has no effect — untouched on tablet/mobile. */
  .hero,
  .team,
  .mv,
  .values,
  .cta-band {
    max-width: 1270px;
    margin-left: auto;
    margin-right: auto;
  }

  /* ════════════════════════════════════════════════════════
     RESPONSIVE — added without altering any rules above.
     Breakpoints: ≤1024px (tablet), ≤768px (small tablet/large phone),
     ≤480px (phone)
     ════════════════════════════════════════════════════════ */

  /* ── TABLET (≤1024px) ── */
  @media (max-width: 1024px) {
    .nav { padding: 0 32px; }
    .nav-links { gap: 20px; }

    .hero-left { padding: 64px 40px 56px 40px; }
    .hero-title { font-size: 42px; }
    
    .hero-right { padding: 56px 36px; }
    .stat-num { font-size: 36px; }

    .team-left { padding: 64px 40px; }
    .team-right { padding: 64px 36px; }
    .team-headline { font-size: 30px; }

    .values { padding: 64px 36px; }
    .values-title { font-size: 28px; }

    .cta-band { padding: 48px 36px; }
    .cta-title { font-size: 28px; }
  }

  /* ── SMALL TABLET / LARGE PHONE (≤768px) ── */
  @media (max-width: 768px) {
    .nav {
      padding: 0 20px;
      height: auto;
      min-height: 60px;
      flex-wrap: wrap;
      row-gap: 12px;
      padding-top: 14px;
      padding-bottom: 14px;
    }
    .nav-links {
      gap: 16px;
      flex-wrap: wrap;
      width: 100%;
      justify-content: flex-start;
    }

    /* Hero stacks into a single column */
    .hero {
      grid-template-columns: 1fr;
      min-height: auto;
    }
    .hero-left {
      padding: 56px 28px 48px 28px;
    }
    .hero-left::after {
      width: 100%;
      height: 1px;
      top: auto;
      bottom: 0;
      background: linear-gradient(to right, transparent, rgba(192,20,52,0.3), transparent);
    }
    .hero-title { font-size: 36px; }
   
    .hero-btns { flex-wrap: wrap; }
    .hero-right {
      padding: 48px 28px;
      border-left: none;
    }

    /* Team stacks */
    .team { grid-template-columns: 1fr; }
    .team-left {
      padding: 56px 28px;
      border-right: none;
      border-bottom: 1px solid var(--border);
    }
    .team-right { padding: 56px 28px; }
    .team-headline { font-size: 26px; }
    .team-btns { flex-wrap: wrap; }

    /* Mission/Vision stacks */
    .mv { grid-template-columns: 1fr; }
    .mv-card { padding: 40px 28px; }
    .mv-card:first-child {
      border-right: none;
      border-bottom: 1px solid var(--border);
    }

    /* Values grid → single column */
    .values { padding: 56px 28px; }
    .values-grid { grid-template-columns: 1fr; }
    .values-title { font-size: 26px; }

    /* CTA band stacks */
    .cta-band {
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
      padding: 44px 28px;
    }
    .cta-title { font-size: 24px; }
    .cta-btns { width: 100%; }
  }

  /* ── PHONE (≤480px) ── */
  @media (max-width: 480px) {
    .nav { padding: 0 16px; }
    .nav-links { gap: 12px; }
    .nav-links a { font-size: 12px; }

    .hero-left { padding: 44px 20px 40px 20px; }
    .hero-title { font-size: 28px; }
    .hero-btns {
      flex-direction: column;
      width: 100%;
    }
    .hero-btns a, .hero-btns button { width: 100%; text-align: center; }
    .hero-right { padding: 36px 20px; }
    .stat-num { font-size: 30px; }
    .stat-label { font-size: 12px; }

    .team-left { padding: 44px 20px; }
    .team-right { padding: 44px 20px; }
    .team-headline { font-size: 22px; }
    .team-body { font-size: 14px; }
    .team-btns {
      flex-direction: column;
      width: 100%;
    }
    .team-btns a, .team-btns button { width: 100%; text-align: center; }

    .cred-row { gap: 12px; }
    .cred-icon { width: 32px; height: 32px; }
    .cred-icon svg { width: 14px; height: 14px; }

    .mv-card { padding: 32px 20px; }
    .mv-title { font-size: 19px; }

    .values { padding: 44px 20px; }
    .values-title { font-size: 22px; }
    .value-card { padding: 28px 20px; }
    .value-title { font-size: 18px; }

    .cta-band { padding: 36px 20px; }
    .cta-title { font-size: 21px; }
    .cta-btns {
      flex-direction: column;
      width: 100%;
    }
    .cta-btns a, .cta-btns button { width: 100%; text-align: center; }
  }
/* Large screens (1800px+): widen section containers */
@media screen and (min-width: 1800px) {
  .hero,
  .team,
  .mv,
  .values,
  .cta-band {
    max-width: 1600px;
  }
}
/**
 * Swiper 11.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 31, 2025
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}/* BAH Calculator Styles */
.bah-calculator-container {
  max-width: 800px;
  margin: 40px auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bah-calculator {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-height: 450px;
}

/* Left Panel - Inputs */
.bah-calculator-left {
  background-color: #111;
  padding: 30px;
  width: 60%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.bah-input-group {
  margin-bottom: 25px;
}

.bah-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 15px;
  color: #ddd;
}

.bah-select-container {
  position: relative;
  width: 100%;
}

/* Input & Dropdown Box */
.bah-input,
.bah-select-box {
  width: 100%;
  padding: 12px 15px;
  background-color: #333;
  border: 1px solid #444;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
}

.bah-input:focus,
.bah-select-box.open {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.3);
}

.bah-input.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.bah-select-box.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Dropdown Arrow */
.bah-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #aaa;
  font-size: 14px;
  pointer-events: none;
}

/* Options */
.bah-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: #333;
  border: 1px solid #444;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  z-index: 100;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.bah-option {
  padding: 12px 15px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.bah-option:hover {
  background-color: #444;
}

.bah-option.selected {
  background-color: #4a90e2;
  color: #fff;
}

.bah-option.no-results {
  color: #aaa;
  font-style: italic;
}

/* Right Panel - Results */
.bah-calculator-right {
  background-color: #fff;
  padding: 30px;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.bah-results {
  text-align: center;
}

.bah-result-info {
  margin-bottom: 30px;
}

.bah-location {
  font-size: 22px;
  font-weight: 600;
  color: #222;
  margin-bottom: 5px;
}

.bah-rank {
  font-size: 15px;
  color: #666;
  margin: 0;
}

.bah-amounts {
    display: flex;
   
    flex-direction: column;
    gap: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px 10px;
}

.bah-monthly {
  text-align: left;
}

.bah-annual {
  display: flex;
  align-items: flex-end;
  gap: 6px;
}

.bah-value {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.bah-label {
  color: #666;
  font-size: 14px;
  margin: 0;
}
.bah-result-info {
    border: 1px solid #fbfbfb;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .bah-calculator {
    flex-direction: column;
  }

  .bah-calculator-left,
  .bah-calculator-right {
    width: 100%;
  }

  .bah-calculator-right {
    padding: 20px;
  }

  .bah-amounts {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .bah-annual {
    align-items: flex-start;
  }

  .bah-value {
    font-size: 28px;
  }
}




.container {
            
            margin: 0 auto;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        
      
        
        h1 {
            font-size: 28px;
            margin-bottom: 5px;
        }
        
        .subtitle {
            font-size: 16px;
            opacity: 0.9;
        }
        
        
        .section {
            margin-bottom: 30px;
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
        }
        
        .section:last-child {
            border-bottom: none;
        }
        
        
        
        
        
        .form-group {
            margin-bottom: 15px;
         
          text-align: left;
        }
        
        .form-group label {
    margin-bottom: 8px;
}
        label {
            flex: 1;
            font-weight: 500;
        }
        
        .input-wrapper {
            position: relative;
            flex: 1;
        }
        
        .input-wrapper::before {
           content: "$";
    position: absolute;
    left: 5px;
    top: 47%;
    transform: translateY(-50%);
    color: #666;
        }
        
        input {
            width: 100%;
            padding: 10px 10px 10px 25px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
            transition: border-color 0.3s;
        }
        
        input:focus {
            outline: none;
            border-color: #4a6fdc;
        }
        
        .results {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-top: 20px;
        }
        
        .result-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            font-size: 18px;
        }
        
        .result-item:last-child {
            margin-bottom: 0;
        }
        
        .result-label {
            font-weight: 500;
        }
        
        .result-value {
            font-weight: 700;
            color: #4a6fdc;
        }
        
        .add-button {
            background-color: #4a6fdc;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            margin-top: 10px;
            transition: background-color 0.3s;
        }
        
        .add-button:hover {
            background-color: #3a5dc8;
        }
        
        .remove-button {
            background-color: #e74c3c;
            color: white;
            border: none;
            padding: 5px 10px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 12px;
            margin-left: 10px;
        }
        
        .remove-button:hover {
            background-color: #c0392b;
        }
        
        .info-box {
            background-color: #e8f0fe;
            border-left: 4px solid #4a6fdc;
            padding: 15px;
            margin: 20px 0px;
            border-radius: 0 5px 5px 0;
            text-align: left ;
        }
        
        .info-box p {
            margin: 0;
            font-size: 14px;
            color: #555;
        }
.desclaminre p{
  margin-bottom: 10px;
}
        .summary-box h3{
          color:#fff;
        }
        h2.summrryy {
    color: #fff;
}
        @media (max-width: 600px) {
            .form-group {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .input-wrapper {
                width: 100%;
                margin-top: 5px;
            }
        }.usccre-wrapper {
    margin: 0;

    color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 40px;
    margin: 0px auto;
    max-width: 1320px;
}

.usccre-calculator {
    background: #004aa1;
    padding: 45px 30px;
    border-radius: 10px;
    width: 100%;
}

.usccre-title {
    margin-bottom: 20px;
    color: #fff;
    text-align: left;
    font-size: 2rem;
}

.usccre-row {
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

.usccre-input-group {
    flex: 1;
}

.usccre-label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    color: #ffa41b !important;
    font-weight: 600;
    font-size: 19px;
    line-height: 26px;
}

.usccre-input-box {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.usccre-prefix {
    padding: 8px 12px;
    /* background: #eee; */
    color: #333;
    font-weight: 500;
    font-size: 17px;
}

.usccre-input {
    border: none;
    padding: 10px;
    width: 100%;
    outline: none;
    font-size: 16px;
}

.usccre-result {
    margin-top: 30px;
}

.usccre-result-text {
    margin: 10px 0 0px 0px !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
}

.usccre-result-value {
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    margin: 10px 0px;
}

.usccre-input-box {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0px 5px 5px 0px;
    overflow: hidden;
    padding: 5px 0px;
}


@media(max-width:1080px) {
    .usccre-wrapper {

        margin: 0px auto;
        max-width: 100%;
    }

    .usccre-row {
        gap: 20px;
    }
}

@media (max-width:767px) {
    .usccre-row {
        flex-direction: column;
    }

    .usccre-input-group {
        width: 100%;
        margin-top: 20px;
    }

    .usccre-calculator {
        background: #262336;
        padding: 25px 20px;
    }

    .usccre-title {
        margin-bottom: 15px;
        font-size: 24px;
    }

    .usccre-label {
        font-size: 17px;
        line-height: 23px;
    }

    .usccre-wrapper {
        margin: 20px auto;
        padding: 40px 20px;
    }

    .usccre-input-box {
        padding: 1px 0px;
    }

    .usccre-result-value {
        font-size: 33px;
        margin: 3px 0px;
    }
}
/* Large screens (1800px+): widen calculator wrapper */
@media (min-width: 1800px) {
    .usccre-wrapper {
        max-width: 1600px;
    }
}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/assets/fontawesome-webfont-CX1dGGVw.woff');
  /* src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); */
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}


/* fonts
font-family: "Outfit", sans-serif;
font-family: "Inter", sans-serif;
*/

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

/* ul,
li {
    list-style: none;
} */

a {
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

button {
  /* WebKit */
  -webkit-appearance: none;

  /* Mozilla */
  -moz-appearance: none;

  /* Opera */
  -o-appearance: none;

  /* Internet Explorer */
  -ms-appearance: none;

  /* CSS3 */
  appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", sans-serif;
  color: #333333;
  font-weight: 600;
  margin: 0px 0px 15px;
}

h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0px 0px 10px;
  color: #2f343c;
  font-family: "Playfair Display", serif;
}

p {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
}

/*=====header=====*/

/*======TopHeader=====*/

header {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  background-color: #ffffff;
  transition: all 0.3s;
}

header ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.FormobmenuHeader {
  display: none;
}

.headerMainWrapper {
  position: relative;
}

.menuHeaderinner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menuHeaderinner .logoheader {
  max-width: 180px;
  overflow: hidden;
  position: relative;
}

header nav ul.mainULnav {
  margin: 0px;
  padding: 0px;
}

header nav ul li {
  display: inline-block;
  position: relative;
  list-style: none;
}

header nav ul li a {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 40px 15px;
  font-family: "Playfair Display", serif;
}

header .sub-menu {
  background-color: #fff;
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all ease 0.3s;
  top: calc(100% + 0px);
  width: auto;
  left: inherit;
  bottom: inherit;
}

header .sub-menu li {
  display: block;
}

header .sub-menu li a {
  font-size: 14px;
  font-weight: 500;
  color: #0d0d0d;
  padding: 0px;
  margin: 0;
  position: relative;
  display: block;
  text-transform: capitalize;
  min-height: auto;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header .sub-menu li:last-child a {
  border: 0px;
}

.hamburgerMenuBtn {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  margin: 0;
  cursor: pointer;
  display: none;
}

.HeaderMenuRhs {
  display: flex;
  align-items: center;
  gap: 15px;
}

.menuOverlay {
  background-color: rgba(0, 0, 0, 0.35);
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: all ease 0.3s;
  display: none;
}

body.sidebarMenuOpen .menuOverlay {
  display: block;
}

.cta {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  background-color: rgb(0, 32, 96);
  border-radius: 5px;
  border: 1px solid rgb(0, 32, 96);
  padding: 14px 30px;
  display: inline-block;
  position: relative;
}

.cta:hover {
  background-color: #c01434;
  border-color: #c01434;
  color: #ffffff;
}

/*=======min-width:1151px=======*/

@media (min-width: 1151px) {
  header .dropdownMenu .sub-menu {
    min-width: 240px;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    /* border-top: 3px solid #f3d014; */
  }

  header .dropdownMenu:hover .sub-menu {
    opacity: 1;
    z-index: 2;
    visibility: visible;
  }

  header nav ul li a:hover {
    color: #c01434;
  }

  header .sub-menu li a:hover {
    background-color: #c01434;
    color: #ffffff;
  }

  li.dropdownMenu > a:after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-flex;
    right: -5px;
    top: 3px;
    position: relative;
    transition: all 0.3s !important;
  }

  li.dropdownMenu > a:hover:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFA049' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  }

  .headermenuparent {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}

/*============max-width:1150px=========*/

@media screen and (max-width: 1150px) {
  .headerMainWrapper {
    padding: 10px 0px;
  }
  .sub-menu.open {
    max-height: 200px;
  }
  .hamburgerMenuBtn {
    display: block;
  }

  .headerrhscontent {
    position: fixed;
    right: -280px;
    bottom: 0;
    top: 0;
    z-index: 4;
    width: 280px;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
    background-color: #222;
    width: 280px;
  }

  body.sidebarMenuOpen .headerrhscontent {
    right: 0px;
  }

  /*for mobile*/
  .FormobmenuHeaderWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    position: relative;
    width: 100%;
  }
header .sub-menu {
    border: 0px solid var(--border);
    padding: 0px 0;}
  .FormobmenuHeaderWrapper .logo {
    max-width: 90px;
  }

  .FormobmenuHeaderWrapper .logo img {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    filter: brightness(0) invert(1);
  }

  .FormobmenuHeader {
    display: block;
    width: 100%;
  }

  header nav ul li a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li a:not(header.HeaderSticky ul.sub-menu li a) {
    color: #fff;
    padding: 12px;
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  }

  .headerrhs {
    display: none;
  }

  .headerrhscontent {
    flex-direction: column;
    justify-content: flex-start;
  }

  .closeIcon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
  }

  header nav ul li {
    width: 100%;
  }

  header nav ul li a {
    font-size: 14px;
  }

  header nav ul .dropdownMenu span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    right: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 4;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  header .sub-menu {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    transition: none;
    top: 0;
    /* display: none; */
    min-width: 100%;
    position: relative;
    box-shadow: none;
    padding: 0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s linear;
  }

  header .sub-menu li a {
    padding: 12px;
  }

  header .sub-menu li a:hover {
    color: #424242;
  }

  header nav {
    overflow-y: auto;
    height: calc(100% - 87px);
  }

  header nav::-webkit-scrollbar {
    display: none;
    width: 0px;
  }

  header nav ul li:last-child a:not(header ul.sub-menu li a),
  header.HeaderSticky
    nav
    ul
    li:last-child
    a:not(header.HeaderSticky ul.sub-menu li a) {
    border-bottom: 0px;
  }

  header nav ul .dropdownMenu span.hasSub.menuactve {
    transform: rotate(180deg);
  }

  .menuHeaderinner .logoheader {
    max-width: 140px;
  }

  .sidebarMenuOpen .HeaderSticky {
    animation: none;
  }
  header .sub-menu {
    border: 0px solid var(--border);
    padding: 0px 0;}

}

/*======================header=========================*/

/*===========banner==========*/

.bannersection {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 100px 0px;
  position: relative;
  background-blend-mode: overlay;
  background-color: rgba(0, 0, 0, 0.5);
}

.bannerWrapper {
  display: flex;
  gap: 30px;
  align-items: center;
}

/* .bannerlhs,
.bannerrhs {
  width: calc(50% - 15px);
  min-width: calc(50% - 15px);
} */

.bannerlhs {
  font-family: "Outfit", sans-serif;
}

.bannerlhs h1 {
  font-size: 67px;
  font-weight: 700;
  color: #ffffff;
  margin: 0px 0px 25px;
  text-align: left;
}

.bannerlhs h1 span {
  color: #c01434;
  font-size: 104px;
  line-height: 80px;
}

.tagline {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 8px;
}

.bannersubtitle {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  margin: 15px 0px;
}

.bannerlhs p {
  color: #ffffff;
  font-size: 20px;
  margin: 0px 0px 30px;
}

.bannerlhs .cta {
  font-family: "Inter", sans-serif;
}

.Imgparent {
  position: relative;
}

.Imgparent img {
  width: 100%;
}

/*===========banner==========*/

/*======.SmartFinancin========*/

.SmartFinancingSec {
  padding: 50px 0px;
}

.SmartFinancingWrapper {
  display: flex;
  gap: 50px;
  align-items: center;
}

.SmartFinancinglhs,
.SmartFinancingrhs {
  width: calc(50% - 25px);
  min-width: calc(50% - 25px);
}

.titleh2 {
  margin: 0px 0px 15px;
}

.titleh2 h2 {
  margin: 0px;
  font-size: 32px;
}

/*======.SmartFinancin========*/

/*=======Get Started =======*/

.getstartedSec {
  background-color: #f3f3f3;
  padding: 50px 0px;
}

.getstartedWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.getstartedBox {
  position: relative;
  text-align: center;
}

.getstartedImgin {
  width: 145px;
  min-width: 145px;
  height: 130px;
  min-height: 130px;
  margin: 0 auto;
  /* border: 1px solid #dbdbdb; */
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.getstartedImgin img {
  height: calc(100% - 30px);
}

.count-box {
  color: #4f4f4f;
  background-color: #f4c08d;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 700;
  margin: -30px auto auto;
}

.getstartedContent {
  margin: 30px 0px 0px;
}

.getstartedContent p {
  margin: 0px;
}

.centercta {
  text-align: center;
  margin: 40px 0px 0px;
}

/*=======Get Started =======*/

/*======== Property Type======*/

.PropertyTypeSec {
  padding: 50px 0px 50px 0px;
}

.PropertyTypeWrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.PropertyTypeBox {
  display: flex;
  align-items: center;
}

.PropertyTypeImg {
  background-color: #c01434;
  width: 95px;
  min-width: 95px;
  height: 95px;
  min-height: 95px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  position: relative;
  left: 45px;
  z-index: 1;
}

.PropertyTypeImg img {
  height: calc(100% - 45px);
}

.PropertyTypeContent {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #f3f3f3;
  padding: 50px 30px 50px 80px;
  border-radius: 10px;
  position: relative;
}

/*======== Property Type======*/

/*=========one line content========*/

.getstartedContent h4,
.PropertyTypeContent h4 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

/*=========one line content========*/

/*==============Why Us==========*/

.WhyUsSec {
  background-color: #f3f3f3;
  padding: 50px 0px;
}

.WhyUsWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.WhyUsBox {
  text-align: center;
  position: relative;
}

.WhyUsContent {
  margin: 15px 0px 0px;
}

.WhyUsContent h4 {
  font-size: 40px;
}

.WhyUsContent p {
  color: #333333;
  margin: 0px;
  font-weight: 600;
  font-size: 18px;
}

/*==============Why Us==========*/

/*======our logo slide=====*/

.ourlogosSec {
  padding: 50px 0px;
}

.ourlogosSec .swiper-wrapper {
  transition-timing-function: linear;
}

.ourlogosSec .swiper-slide {
  width: auto;
}

.ourlogobox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
}

/*======our logo slide=====*/

/*========cta section======*/

.cta__section {
  background-color: #535252;
  padding: 50px 0px;
}

.cta__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.cta__content .titleh2 {
  margin: 0px;
  width: 80%;
}

.cta__content .titleh2 h2 {
  color: #ffffff;
}

.cta__btn .cta {
  white-space: nowrap;
}

/*========cta section======*/

/*=========Our Clients======*/

.ourclientSec {
  padding: 50px 0px;
  display: none;
}

.slidercard {
  background-color: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  overflow: hidden;
  margin: 5px;
}

.slidercard .imgwrapper {
  height: 240px;
}

.sliderCardcontent {
  padding: 20px;
}

.sliderCardcontent h4 {
  margin: 0px 0px 2px;
  font-size: 20px;
}

.sliderCardcontent h4 a {
  color: #333 !important;
  text-transform: capitalize;
}

.sliderCardcontent p {
  margin: 0px;
  text-transform: capitalize;
}

.swiper-pagination__Custom .swiper-pagination-bullet-active {
  background-color: #c01434;
}

.swiper-pagination__Custom .swiper-pagination {
  position: relative;
  margin: 40px 0px 0px;
}

/*=========Our Clients======*/

/*=======================footer================*/

footer {
  background-color: #ebebed;
  position: relative;
}

.footerMenu {
  padding: 50px 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.FooterWidget h4 {
  margin: 0px 0px 20px;      font-size: 20px;
    font-weight: 500;
}

.footerLogo {
  width: 180px;
  margin: 0px 0px 5px;
}

.footerPoweredBy {
  color: var(--gray, #6b7280);
  font-size: 13px;
  margin: -12px 0px 20px;
}

.footerMenu .FooterWidget:first-child p {
  margin: 0px;
}

.FooterWidget ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.FooterWidget ul li a {
    color: #444444;
    font-size: 13px;
    font-weight: 400;
    display: block;
    margin: 11px 0px 0px;
    font-family: Inter", sans-serif";
}

.FooterWidget p a,
.FooterWidget p,
.FooterWidget a,
.ContactInfoText a,
.ContactInfoText p a {
  color: #444444;
  font-size: 13px;
  font-weight: 400;
}

.FooterWidget ul li a:hover {
  color: #c01434;
}

.ContactInfoWrap {
  display: flex;
  gap: 10px;
  align-items: center;
}

.contactInfo {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ContactInfoIcon {
  align-items: center;
  background-color:rgb(192, 20, 52);
  color: rgb(255, 255, 255);
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  min-height: 34px;
  min-width: 34px;
  width: 30px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(192, 20, 52);
  border-image: initial;
  border-radius: 50%;
}

.SubFooter {
  background-color:rgb(0, 32, 96);
  padding: 20px 0px;
}

.SubFooterWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.SubFooter p {
  color: #ffffff;
  margin: 0px;
  font-size: 14px;
}

.SocialIcons {
  display: flex;
  gap: 10px;
  justify-content: end;
}

.SocialIcons a {
  background-color: rgb(192, 20, 52);
  border: 1px solid rgb(192, 20, 52);
  width: 32px;
  min-width: 30px;
  height: 32px;
  min-height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #ffffff;
}

.SocialIcons a:hover {
  background-color: #ffffff;
  border-color: #ff962e;
  color: #ff962e;
}

/*=======================footer================*/

/*==================inner Banner==================*/

.InnerBanner {
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  position: relative;
  padding: 50px 0px;
  background-color: #f5f5f5;
  background-image: none !important;
}

.InnerBanner h1 {
  font-size: 45px;
  color: #333333;
  margin: 0px 0px 15px;
}

.BrubcrumbsDiv ol.breadcrumb {
  margin: 0px;
}

.BrubcrumbsDiv ol.breadcrumb li,
.BrubcrumbsDiv ol.breadcrumb li a {
  font-size: 16px;
  color: #333333;
}

/* 
.BrubcrumbsDiv ol.breadcrumb li {
  color: #55A63A;
} */

.BrubcrumbsDiv .breadcrumb-item + .breadcrumb-item {
  padding-left: 5px;
}

.BrubcrumbsDiv .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
  margin-right: 5px;
  display: inline;
}

/*===========inner Banner===========*/

/*=======inner pages=======*/

.Innerpage {
  margin: 50px 0px 0px;
}

.imgwrapper {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s;
}

.sixrationine {
  padding-bottom: 56.25%;
  display: block;
}

.imgwrapper iframe,
.imgwrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  object-fit: contain;
}

.imgwrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 266px;
  object-fit: scale-down;
  transform: translate(-50%, -50%);
}

/*==about us page====*/

.aboutwrapper {
  display: flex;
  gap: 50px;
}

.aboutuslhs,
.aboutusrhs {
  width: calc(50% - 25px);
  min-width: calc(50% - 25px);
}

.MeettheteamWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 0px 0px 50px;
}

.MeettheteamItem {
  text-align: center;
  background-color: #f3f3f3;
  position: relative;
}

.Overlaymask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -ms-transition: ease-in-out all 0.3s;
  -o-transition: ease-in-out all 0.3s;
}

.Overlaymask .Overlaymaskdot {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 0px;
  opacity: 0;
  visibility: hidden;
  transition: ease-in-out all 0.5s;
  -webkit-transition: ease-in-out all 0.5s;
  -moz-transition: ease-in-out all 0.5s;
  -ms-transition: ease-in-out all 0.5s;
  -o-transition: ease-in-out all 0.5s;
}

.Overlaymask .Overlaymaskdot span {
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  border-radius: 50%;
  background-color: #ffffff;
}

.MeettheteamContent {
  padding: 30px;
}

h4 a {
  color: #2f343c;
}

h4 a:hover {
  color: #ff962e;
}

.MeettheteamContent p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  min-height: 42px;
  margin: 20px 0px;
}

.MeettheteamContent .SocialIcons {
  justify-content: center;
}

.MeettheteamContent .SocialIcons a {
  color: #a3a3a3;
  border: 2px solid #a3a3a3;
  background-color: #ffffff;
}

.MeettheteamContent .SocialIcons a:hover {
  color: #ff962e;
  border: 2px solid #ff962e;
}

.MeettheteamItem .imgwrapper {
  height: 320px;
}

.MeettheteamItem:hover .Overlaymask {
  background-color: rgba(0, 0, 0, 0.5);
}

.MeettheteamItem:hover .Overlaymask .Overlaymaskdot {
  gap: 5px;
  opacity: 1;
  visibility: visible;
}

/*=======testimonilas page=====*/

.testimonilasWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 50px 0px;
}

.TestimonilasCard {
  border-radius: 30px 0px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.TestimonilasCard p {
  margin: 0px;
}

.TestimonialContent {
  padding: 20px;
}

.TestimonilaHd {
  border-top: 1px solid #dbdbdb;
  padding: 20px;
}

.TestimonialIcon {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-quote' viewBox='0 0 16 16'%3E%3Cpath d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z'/%3E%3C/svg%3E");
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  /* float: left; */
  border-radius: 50%;
  margin: 0px 0px 10px 0px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px;
}

.TestimonilaHd h4 {
  margin: 0px 0px 3px;
}

/*=======testimonilas page=====*/

/*======contact us page=======*/

.contactusInforow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 50px 0px;
}

.ContactusInfoBox {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background-color: #ffffff;
  padding: 20px;
  overflow: hidden;
  border-radius: 10px;
}

.ContactusInfoBox .infodflex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.infodflex .infodflexIcon {
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  background-color: #004aa1;
  color: #ffffff;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin: 0 auto 15px;
}

.infodflex .infodflexIcont h4 {
  font-size: 25px;
  color: #494949;
  margin: 0px 0px 10px;
}

.infodflex .infodflexIcont p {
  margin: 0px;
  font-size: 16px;
}

.infodflex .infodflexIcont p a {
  color: #494949;
  text-decoration: none;
}

.FormSectionrow {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  margin: 0px 0px 50px;
}

.FormSectionBox {
  height: 100%;
  border-top: 3px solid #004aa1;
  border-bottom: 3px solid #004aa1;
  padding: 30px;
  width: 100%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background: #fff;
}

.FormSectionBox .formDivarea .formgroup label {
  display: none;
}

.formgrouprow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px 15px;
}

.formDivarea .formgroup label {
  display: block;
  color: #494949;
  font-size: 16px;
  font-weight: 400;
  margin: 0px 0px 8px;
}

.formDivarea .formgroup {
  margin: 0px 0px 20px;
}

.formDivarea .formgroup input,
.formDivarea .TextAreaDiv textarea {
  border: 1px solid #dbdbdb;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding: 10px 15px;
  height: 50px;
  width: 100%;
  border-radius: 5px;
  outline: none;
  background-color: transparent;
  overflow: hidden;
}

.formDivarea .formgroup input::placeholder,
.formDivarea .TextAreaDiv textarea::placeholder {
  color: #494949;
}

.formDivarea .TextAreaDiv textarea {
  height: 120px;
  resize: none;
}

.formcta .formsubmitcta {
  border: 0px;
  background-color: #004aa1;
  padding: 10px 50px;
  display: table;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0 auto;
}

.InfoContactBox,
.locationIframeDiv,
.locationIframeDiv iframe {
  height: 100%;
}

/*======contact us page=======*/

/**informationpage**/

.informationpage {
  margin: 50px 0px;
}

.informationpage h2 {
  font-size: 28px;
}

.informationpage ul li {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  margin: 0px 0px 10px;
}

.informationpage ul {
  padding: 0px 0px 0px 15px;
  position: relative;
}

.greeniconlist ul,
.rediconlist ul {
  list-style: none;
  padding: 0px;
}

.greeniconlist ul li,
.rediconlist ul li {
  padding-left: 30px;
}

.greeniconlist ul li::before,
.rediconlist ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2038 0.83629L6.79729 8.24395L4.30465 5.75132C3.8937 5.34037 3.22869 5.34037 2.81774 5.75132C2.40678 6.16227 2.40678 6.82728 2.81774 7.23823L6.05383 10.4743C6.24584 10.6663 6.49522 10.7694 6.74695 10.7811C6.76334 10.7823 6.7809 10.7823 6.79729 10.7823C6.85115 10.7823 6.90501 10.7776 6.95886 10.7694C6.97877 10.7659 6.99867 10.7623 7.01857 10.7588C7.20707 10.719 7.3862 10.6265 7.53373 10.4814C7.53607 10.479 7.53958 10.4767 7.54192 10.4743L15.6919 2.32321C16.1028 1.91226 16.1028 1.24724 15.6919 0.83629C15.2809 0.425338 14.6147 0.425338 14.2038 0.83629Z' fill='%2379BD1F'/%3E%3Cpath d='M7.22536 14.4574C6.46902 14.4574 5.71971 14.338 4.9903 14.1003C4.06302 13.7982 3.22239 13.3229 2.49181 12.6883C1.78582 12.076 1.21329 11.3407 0.787121 10.5048C0.362119 9.66883 0.105714 8.77199 0.0260993 7.8412C-0.0558569 6.87646 0.0553699 5.91758 0.357437 4.9903C0.659504 4.06303 1.13485 3.22239 1.76942 2.49181C2.38175 1.78582 3.11702 1.21329 3.95297 0.787121C4.78892 0.362119 5.68576 0.105714 6.61655 0.0260993C7.58129 -0.0558568 8.54017 0.0553696 9.46745 0.357437C9.81283 0.469834 10.1512 0.609159 10.4732 0.770729C10.7331 0.900689 10.8373 1.2168 10.7073 1.47672C10.5774 1.73664 10.2613 1.84084 10.0013 1.71088C9.72619 1.57273 9.43701 1.45448 9.14079 1.3573C7.57192 0.846832 5.89884 0.976791 4.42832 1.72493C2.95779 2.47308 1.8666 3.74808 1.35613 5.31695C0.301239 8.55422 2.07734 12.0467 5.31578 13.1004C6.88466 13.6109 8.55773 13.481 10.0283 12.7328C11.4988 11.9847 12.59 10.7097 13.1004 9.14079C13.2796 8.59169 13.3803 8.02385 13.4013 7.4525C13.4119 7.16214 13.6554 6.93617 13.9458 6.94671C14.2361 6.95725 14.4621 7.20195 14.4516 7.49113C14.427 8.15966 14.3087 8.82468 14.0991 9.46628C13.7971 10.3936 13.3217 11.2342 12.6872 11.9648C12.0748 12.6708 11.3396 13.2433 10.5036 13.6695C9.66766 14.0956 8.77082 14.3509 7.84003 14.4305C7.63514 14.4492 7.43025 14.4574 7.22536 14.4574Z' fill='%2379BD1F'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 2px;
  background-size: 18px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
}

.rediconlist ul li::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.14063 14.2813C6.17687 14.2813 5.24168 14.0924 4.36103 13.7199C3.51067 13.3602 2.74707 12.8454 2.09145 12.1898C1.43582 11.5342 0.921022 10.7706 0.56135 9.92023C0.18886 9.03959 0 8.1044 0 7.14062C0 6.17686 0.18886 5.24167 0.56135 4.36102C0.921022 3.51066 1.43582 2.74706 2.09145 2.09144C2.74707 1.43582 3.51067 0.921012 4.36103 0.56135C5.24167 0.18886 6.17686 0 7.14063 0C8.10441 0 9.03959 0.18886 9.92024 0.56135C10.7706 0.921022 11.5342 1.43582 12.1898 2.09144C12.8454 2.74706 13.3602 3.51066 13.7199 4.36102C14.0924 5.24167 14.2813 6.17686 14.2813 7.14062C14.2813 8.10439 14.0924 9.03958 13.7199 9.92023C13.3602 10.7706 12.8454 11.5342 12.1898 12.1898C11.5342 12.8454 10.7706 13.3602 9.92024 13.7199C9.03959 14.0924 8.1044 14.2813 7.14063 14.2813ZM7.14063 0.980868C6.30885 0.980868 5.50222 1.14366 4.74313 1.46473C4.00969 1.77495 3.35088 2.21916 2.78502 2.78502C2.21916 3.35088 1.77495 4.00968 1.46473 4.74313C1.14367 5.50222 0.980868 6.30886 0.980868 7.14063C0.980868 7.97242 1.14367 8.77905 1.46473 9.53814C1.77495 10.2716 2.21916 10.9304 2.78502 11.4962C3.35088 12.0621 4.00969 12.5063 4.74313 12.8165C5.50222 13.1376 6.30886 13.3004 7.14063 13.3004C7.97241 13.3004 8.77905 13.1376 9.53814 12.8165C10.2716 12.5063 10.9304 12.0621 11.4962 11.4962C12.0621 10.9304 12.5063 10.2716 12.8165 9.53814C13.1376 8.77905 13.3004 7.97241 13.3004 7.14063C13.3004 6.30886 13.1376 5.50222 12.8165 4.74313C12.5063 4.00968 12.0621 3.35088 11.4962 2.78502C10.9304 2.21917 10.2716 1.77495 9.53814 1.46473C8.77905 1.14366 7.97242 0.980868 7.14063 0.980868Z' fill='%23C94E45'/%3E%3Cpath d='M6.65017 9.08429L6.45398 3.22168H7.82722L7.63103 9.08429H6.65017Z' fill='%23C94E45'/%3E%3Cpath d='M7.71782 9.90527H6.56348V11.0596H7.71782V9.90527Z' fill='%23C94E45'/%3E%3C/svg%3E%0A");
}

.listofdata {
  background-color: #f3f3f3;
  padding: 25px;
  border-radius: 10px;
  margin: 0px 0px 20px;
}

.listofdata ul {
  margin: 0px;
}

.listofdata h3 {
  font-size: 20px;
}

.listofdata h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 15px 0px 10px;
}

.listofdata ul li {
  margin: 0px 0px 5px;
}

.tableUi {
  margin: 30px 0px;
  overflow: auto;
  position: relative;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table th,
table td {
  border: 1px solid #dbdbdb;
  padding: 8px;
  font-size: 15px;
  color: #333333;
}

table th {
  font-weight: 600;
}

.mt-30 {
  margin: 30px 0px;
}

ol li:before {
  display: none;
}

ol li {
  padding-left: 5px !important;
}

.listofdata ol {
  padding-left: 20px;
}

/**informationpage**/

/*========researhc page=======*/

.researchcardWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 0px 0px 50px;
}

.researchcard {
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  overflow: hidden;
  position: relative;
}

.postedonwrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
  border-bottom: 1px solid #dbdbdb;
}

.postedonwrapper div {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
}

.postedonwrapper div a {
  color: #004aa1;
}

.postedonwrapper div a:hover {
  color: #ff962e;
}

.postedby {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23444444' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 24px;
  background-position: left 2px;
}

.dateDIv {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23444444' class='bi bi-calendar-event' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 23px;
  background-position: left 4px;
}

.researchcard .imgwrapper {
  height: 310px;
}

.researchCardContent {
  height: calc(100% - 350px);
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.readmorecta .cta {
  padding: 10px 15px;
}

.contentDiv h4 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.contentDiv p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

/*========researhc page=======*/

/*===========author bio============*/

.Authordetail {
  display: flex;
  gap: 30px;
  margin: 0px 0px 30px;
}

.AuthordetailLhs {
  width: calc(70% - 30px);
  min-width: calc(70% - 30px);
}

.AuthordetailBox {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  background-color: #fcfcfc;
  padding: 20px;
  margin: 0px 0px 30px;
}

.Authornamewithimg {
  display: flex;
  gap: 15px;
  align-items: center;
  margin: 0px 0px 15px;
}

.AuthorImg {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  border-radius: 50%;
  padding: 2px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
}

.AuthorImg img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.AuthorName {
  font-size: 22px;
  font-weight: 500;
  color: #2f343c;
}

.AuthorDescription p {
  margin: 0px;
}

.AuthorRecentpost .contentDiv h4,
.AuthorRecentpost .contentDiv p {
  -webkit-box-orient: inherit;
  -webkit-line-clamp: inherit;
  display: block;
}

.AuthorRecentpost .researchcard {
  margin: 0px 0px 20px;
}

.AuthordetailRhs {
  width: 30%;
  min-width: 30%;
}

.RecentWidget h4 {
  border-bottom: 1px solid #dbdbdb;
  padding: 10px;
}

.RecentWidget ul {
  padding: 5px 10px;
  margin: 0px;
  list-style: none;
}

.RecentWidget ul li a {
  color: #444444;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  margin: 0px 0px 8px;
}

.RecentWidget ul li a:hover {
  color: #ff962e;
}

.RecentWidget {
  border-radius: 4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}

/*===========author bio============*/

/*=======Accrodion========*/

.Accordionsection {
  margin: 40px 0px 0px;
}

.Accordionsection .titleh2 {
  text-align: center;
}

.Accordionitem {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  margin: 15px 0px 0px;
  overflow: hidden;
}

.AccordionHeader {
  font-size: 18px;
  padding: 14px 60px 14px 24px;
  color: #333333;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.AccordionHeader span {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.855.4 6.994 5.703 2.133.4A1.176 1.176 0 0 0 .366.4a1.45 1.45 0 0 0 0 1.927L6.116 8.6a1.176 1.176 0 0 0 1.767 0l5.75-6.273a1.45 1.45 0 0 0 0-1.927c-.488-.52-1.29-.533-1.778 0z' fill='%23212121' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  right: 24px;
}

.AccordionHeader span.arrow-up {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.145 8.6 4.861-5.303L11.867 8.6a1.176 1.176 0 0 0 1.767 0 1.45 1.45 0 0 0 0-1.927L7.884.4a1.176 1.176 0 0 0-1.767 0L.367 6.673a1.45 1.45 0 0 0 0 1.927c.488.52 1.29.533 1.778 0z' fill='%23212121' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

.AccordionBody {
  padding: 14px 24px 14px;
}

/*=======Accrodion========*/

/*=======inner pages=======*/

/*=======media query======*/

.custom-container {
  padding: 0px 15px;
  margin: 0 auto;
}

@media only screen and (min-width: 1152px) {
  .custom-container {
    max-width: calc(100% - 40px);
  }
}

@media only screen and (min-width: 1360px) {
  .custom-container {
    max-width: 1268px;
  }
}

@media only screen and (min-width: 1440px) {
  .custom-container {
    max-width: 1270px;
  }
}

@media screen and (min-width: 1151px) {
}

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

@media screen and (max-width: 1150px) {
  .footerLogo {
    width: 150px;
    margin: 0px 0px 15px;
  }
}

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

@media screen and (max-width: 991px) {
  .titleh2 h2 {
    font-size: 28px;
  }

  .bannerlhs h1 {
    font-size: 35px;
  }

  .tagline img {
    width: 40px;
  }

  .bannersubtitle {
    font-size: 25px;
    margin: 8px 0px;
  }

  .bannerlhs p {
    font-size: 16px;
    margin: 0px 0px 20px;
  }

  .bannerWrapper,
  .SmartFinancingWrapper {
    flex-direction: column;
    gap: 30px;
  }

  .bannerlhs,
  .bannerrhs,
  .SmartFinancinglhs,
  .SmartFinancingrhs {
    width: 100%;
    min-width: 100%;
  }

  .getstartedWrapper,
  .WhyUsWrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .PropertyTypeWrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .PropertyTypeBox {
    flex-direction: column;
  }

  .PropertyTypeImg {
    left: 0;
  }

  .PropertyTypeBox {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-color: #f3f3f3;
    padding: 30px 15px;
    border-radius: 10px;
  }

  .PropertyTypeContent {
    box-shadow: none;
    padding: 0px;
    border-radius: 0px;
    text-align: center;
    margin: 20px 0px 0px;
  }

  .WhyUsContent h4 {
    font-size: 25px;
  }

  .cta__wrapper {
    flex-direction: column;
  }

  .cta__content .titleh2 {
    width: 100%;
    text-align: center;
  }

  .footerMenu,
  .MeettheteamWrapper,
  .testimonilasWrapper,
  .contactusInforow {
    grid-template-columns: repeat(2, 1fr);
  }

  .FooterWidget h4 {
    margin: 0px 0px 15px;
  }

  .aboutwrapper {
    flex-direction: column;
    gap: 30px;
  }

  .aboutuslhs,
  .aboutusrhs {
    width: 100%;
    min-width: 100%;
  }

  .InnerBanner h1 {
    font-size: 40px;
  }

  .titleh2 {
    margin: 0px 0px 20px;
  }

  h4 {
    font-size: 22px;
  }

  .FormSectionrow {
    display: flex;
    flex-direction: column-reverse;
  }

  .FormSectionBox {
    padding: 20px;
  }

  .FormSectionrow,
  .formgrouprow,
  .researchcardWrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .postedonwrapper div {
    font-size: 14px;
  }

  .Authordetail {
    flex-direction: column;
    gap: 10px;
    margin: 0px 0px 50px;
  }

  .AuthordetailLhs,
  .AuthordetailRhs {
    width: 100%;
    min-width: 100%;
  }

  .AuthorRecentpost .researchcard .imgwrapper {
    height: auto;
  }

  .AccordionHeader {
    font-size: 16px;
    line-height: 20px;
  }
}

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

@media screen and (max-width: 575px) {
  .getstartedWrapper,
  .WhyUsWrapper,
  .footerMenu,
  .MeettheteamWrapper,
  .testimonilasWrapper,
  .contactusInforow {
    grid-template-columns: repeat(1, 1fr);
  }

  .footerMenu {
    gap: 20px;
  }

  .Headercta {
    display: none;
  }

  .SubFooterWrapper {
    flex-direction: column-reverse;
  }

  .MeettheteamContent p {
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    min-height: auto;
  }
}

.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.video-content {
  position: relative;
  width: 90%;
  max-width: 800px;
  border: 2px solid #ffffff;
  border-radius: 4px;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 22px;
  border-radius: 50%;
  color: #ffffff;
}

.InnerBanner h1 {
  text-transform: capitalize;
}

.BrubcrumbsDiv .breadcrumb-item + .breadcrumb-item {
  text-transform: capitalize;
}

.AuthorName {
  text-transform: capitalize;
}

.TestimonilaHd h4 {
  text-transform: capitalize;
}

.TestimonilasCard p {
  text-transform: capitalize;
}

/* Loan-program */

.loan-programs-header h1 {
  text-align: left;
}

.loan-programs-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #1f2937;
  margin-bottom: 10px;
}

.loan-programs-description {
  font-size: 1.2rem;
  color: #6b7280;
}

.left-side-inner {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: sticky;
  top: 155px;
}

.loan-grid {
  display: grid;
  grid-template-columns: 1fr;
  /* Default: 1 column for mobile */
  gap: 32px;
  margin: 50px 0;
}

/* Tablet and larger screens (768px and up) */

@media (min-width: 768px) {
  .loan-grid {
    grid-template-columns: repeat(1, 1fr);
    /* 2 columns for tablets and desktops */
  }
}

/* Loan-program */

/* lOAN-CARD */

.loan-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 24px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.loan-prgms-crds.loan-card:hover {
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
  transform: scale(1.02);
}

.loan-card-content {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.loan-icon-container {
  padding: 12px;
  background: #eff6ff;
  border-radius: 8px;
}

.loan-title {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
}

.loan-description {
  color: #4b5563;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.learn-more-button {
  margin-top: 16px;
  color: #2563eb;
  font-weight: 500;
  border: none;
  background: none;
  cursor: pointer;
  transition: color 0.2s ease;
}

.learn-more-button:hover {
  color: #1d4ed8;
}

/* lOAN-CARD */

/* lOAN-details */

.loan-detail-container {
  margin: 0 auto;
  padding: 32px;
}

.back-button {
  display: flex;
  align-items: center;
  color: #2563eb;
  cursor: pointer;
  margin-bottom: 32px;
  border: none;
  background: none;
}

.loan-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 32px;
}

.loan-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}

.loan-icon {
  padding: 16px;
  background: #eff6ff;
  border-radius: 12px;
}

.loan-title {
  font-size: 24px;
  font-weight: bold;
  color: #111827;
}

.loan-description {
  font-size: 18px;
  color: #374151;
  margin-bottom: 32px;
}

.loan-section {
  list-style-type: none;
  padding: 0;
}

.loan-section-title {
  font-size: 23px !important;

  color: #111827;
  margin-bottom: 16px;
  margin-top: 30px;
}

.loan-details h3 {
  font-size: 23px;
  color: #000000;
}

.loan-list-item {
  margin-bottom: 8px;
}

.loan-details h5 {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}

.cta-container {
  margin-top: 48px;
  padding: 24px;
  background: #eff6ff;
  border-radius: 12px;
}

.cta-title {
  font-size: 20px;
  font-weight: bold;
  color: #111827;
  margin-bottom: 16px;
}

.cta-text {
  color: #4b5563;
  margin-bottom: 24px;
}

.cta-button {
  background-color: #2563eb;
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.cta-button:hover {
  background-color: #1d4ed8;
}

.cughg {
  margin: 50px 0;
}

/* lOAN-details */

.calculator-container {
  margin-bottom: 40px;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.calculator-container h1 {
  text-align: center;
  color: #2d3748;
  margin-bottom: 2rem;
  font-size: 2.5rem;
}

.calculator-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-bottom: 2rem;
}

.input-group {
  display: flex;
}

.input-group label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: #4a5568;
  font-weight: 500;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #3182ce;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
  background: #3182ce;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}

.input-group .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #4299e1;
  cursor: pointer;
  transition: background 0.2s;
}

.input-group .slider::-webkit-slider-thumb:hover {
  background: #3182ce;
}

.input-group .number-input {
  padding: 0.75rem;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.2s;
}

.input-group .number-input:focus {
  outline: none;
  border-color: #4299e1;
}

.results-container {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 2rem;
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 2px solid #e2e8f0;
}

.results {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}

.result-item {
  text-align: center;
  padding: 1.5rem;
  background: #f7fafc;
  border-radius: 8px;
  transition: transform 0.2s;
}

.result-item:hover {
  transform: translateY(-4px);
}

.result-item h3 {
  color: #4a5568;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

.result-item .amount {
  color: #2b6cb0;
  font-size: 1.5rem;
  font-weight: bold;
}

.chart-container {
  background: #f7fafc;
  padding: 1.5rem;
  border-radius: 8px;
  text-align: center;
}

.chart-container h3 {
  color: #4a5568;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

@media (max-width: 768px) {
  .calculator-container {
    padding: 1.5rem;
  }

  .calculator-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .results-container {
    grid-template-columns: 1fr;
  }

  .results {
    grid-template-columns: 1fr;
  }
}

.results-contains {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 2rem;
  border-top: 2px solid #e2e8f0;
  /* margin-top: 50px; */
  padding-top: 30px;
}

@media (max-width: 768px) {
  .results-contains {
    grid-template-columns: 1fr;
  }
}

.ntfnd-cnt {
  text-align: center;
  margin: 40px 0px;
}

.ntfnd-cnt h4 {
  margin: 20px;
  font-size: medium;
  font-weight: 400;
}

.innerpage.Privacypolicypage {
  /* margin-top: 50px; */
  margin: 50px 0;
}

p.blddd {
  font-weight: 500;
}

span.title-boldss {
  font-weight: 700;
}

td.left-bold-table {
  font-weight: 600;
}

.sba-faq-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

h1 {
  text-align: center;
  margin-bottom: 20px;
}

.faq-item {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  background-color: #f9f9f9;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question.active {
  background-color: #e9e9e9;
}

.faq-question .icon {
  font-size: 20px;
}

.faq-answer {
  padding: 15px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

.areyouready {
  text-align: center;
  margin: 50px 0;
}

li.loan-list-item {
  list-style: circle;
  /* padding-left: 20px; */
  margin-left: 21px;
}

.contactbtn {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* General Styles */

.lnprgm {
  font-family: Arial, sans-serif;
  color: #333;
}

/* Sidebar Styles */

.sidebarx {
  width: 300px;
}

.sidebar-row {
  display: flex;
  gap: 30px;
  margin: 50px 0px;
}

.sidebarx-title {
  font-size: 1.2em;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 13px;
  width: 90%;
}

.menu-buttonx {
  background: none;
  border: none;
  cursor: pointer;
  display: none;
  /* Hide by default, show on smaller screens */
}

.menu-iconx .bar {
  width: 25px;
  height: 3px;
  background-color: #333;
  margin: 4px 0;
}

.sidebarx-links {
  list-style: none;
  padding: 0;
}

.sidebarx-links li {
  margin: 15px 0;
}

.sidebarx-links a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.sidebarx-links a:hover {
  color: #004aa1;
}

/* Main Content Styles */

.main-content {
  width: calc(70% - 30px);
}

.loan-prgms {
  margin-bottom: 40px;
}

.loan-card-content .loan-description {
  margin-bottom: 0;
}

.four-sm-txrt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}

.four-sm-txrt p {
  margin-bottom: 2px !important;
}

/* Responsive Styles */

@media (max-width: 990px) {
  .sidebarx {
    width: 100%;
    position: static;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  .menu-buttonx {
    display: block;
  }

  .main-content {
    margin-left: 0;
  }
}

.sidebarx-links li.active {
  color: #000;
}

.sidebarx-links li.active a {
  color: #004aa1;
  font-weight: 600;
  border-left: 3px solid #ff0000;
  padding-left: 5px;
  border-radius: px;
}

html {
  scroll-padding-top: 120px;
  /* Adjust based on your header height */
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-icon {
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.faq-icon.open {
  transform: rotate(180deg);
}

@media (max-width: 991px) {
  .sidebarx {
    display: none;
  }

  .main-content {
    width: calc(100%);
  }
}

@media (max-width: 1150px) {
  .left-side-inner {
    top: 120px;
  }
}

@media (max-width: 767px) {
  .bannerlhs h1 span {
    font-size: 60px;
    line-height: 55px;
  }
}

.thankyou-wrapper {
  max-width: 623px;
  text-align: center;
  margin: auto;
  padding: 100px 0;
}

.thankyou-wrapper p {
  color: #000;
  font-size: 22px;
  font-weight: 500;
}

@media screen and (max-width: 575px) {
  .thankyou-wrapper {
    padding: 65px 0;
  }

  .thank-img {
    width: 80%;
    text-align: center;
    margin: auto;
  }
}

.barret-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.full-wdth-foot {
  text-align: center;
}

.heimloan-footr-img img {
  width: 18%;
  margin: auto;
}

.SubFooterWrapper {
  display: grid;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}

.heimloan-footr-img {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .SubFooterWrapper {
    flex-direction: column-reverse;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }

  .SocialIcons {
    justify-content: center;
  }
}

@media only screen and (max-width: 575px) {
  .footerMenu {
    display: flex;
    flex-direction: column-reverse;
    grid-template-columns: repeat(1, 1fr);
  }
}

.calculator-container {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-family: "Arial", sans-serif;
}

.section {
  background: #f9f9f9;
  padding: 15px;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

h3 {
  color: #333;
  margin-bottom: 10px;
}

.input-group label {
  flex: 1;
  font-weight: 600;
}

.input-group input {
  flex: 2;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.radio-group label {
  margin-right: 10px;
}

.radio-group input {
  margin-right: 5px;
}

.btn {
  padding: 5px 10px;
  background: #4e95f4;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.btn:hover {
  background: #3578e5;
}

.uppercalc {
  display: flex;
  gap: 30px;
}

.uppercalc .input-row {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}

.upercalcsec {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  width: 50%;
}

.checkedbox input {
  height: 15px;
}

.lowercalc {
  display: flex;
  gap: 30px;
}

.sidelowercaloc {
  display: flex;
  width: 50%;
  gap: 20px;
  width: 50%;
}

.leftsidelowercalc {
  width: 50%;
}

.lowexyl {
  width: 50%;
}

.graphxs {
  width: 100%;
  height: 260px;
}

@media only screen and (max-width: 992px) {
  .uppercalc {
    flex-direction: column;
    width: 100%;
  }

  .upercalcsec {
    width: 100%;
  }

  .lowercalc {
    flex-direction: column;
  }

  .sidelowercaloc {
    display: flex;
    width: 50%;
    gap: 20px;
    width: 100%;
  }

  .lowercalc {
    display: flex;
    gap: 0px;
  }

  .leftsidelowercalc {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .sidelowercaloc {
    display: flex;
    flex-direction: column;

    width: 100%;
  }

  .lowexyl {
    width: 100%;
  }
}

.mortagecalcsec {
  padding: 50px 0px 50px 0px;
}

/* Mission-vission */

.ourvisionmissionsecrow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 50px 0px;
}

.ourvisionmissionBox {
  background: #fff;
  box-shadow: 0px 0px 7.7px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  padding: 30px;
}

.ourvisionmissionBox h4 {
  margin: 20px 0px;
  font-size: 24px;
  font-weight: 700;
}

.ourvisionmissionBox p {
  margin: 0px;
}

@media screen and (max-width: 991px) {
  .ourvisionmissionsecrow {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}

.tabSectionmain .titleh2 h2 {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin: 0px;
}

.Tab__Section {
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 10.3px 0px rgba(0, 0, 0, 0.25);
}

.tabnav {
  display: flex;
  background: rgb(0 74 161);
  flex-flow: row;
  overflow-y: auto;
  white-space: nowrap;
}

.tab-links {
  flex: 1;
}

.tab-content {
  padding: 30px;
  margin-bottom: 50px;
}

.tabdatarowparent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 30px;
}

.coreveluBox {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
  flex-direction: column;
  gap: 10px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.corevaluecountdiv {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  background-color: #0061d4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.corevaluetextdiv {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}

.tab-links.active .coreveluBox,
.tab-links:hover .coreveluBox {
  background-color: #0e2265;
}

.tab {
  display: none;
}

.tabdatarhs img {
  height: 300px;
  width: 100%;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .tabdatarowparent {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .coreveluBox {
    gap: 5px;
    padding: 10px;
  }
}

@media screen and (max-width: 991px) {
  .corevaluecountdiv {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .corevaluetextdiv {
    font-size: 16px;
  }
}

.SubFooterWrapperr {
  display: flex;
  justify-content: space-between;
}

.subfootertexts p a {
  color: #fff !important;
}

.researchimg img {
  width: 100%;
  object-fit: cover;
  height: 316px;
  padding: 18px;
  /* border-radius: 15px; */
}

.clamped-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  max-height: 4.5em; /* 3 lines * 1.5em line-height */
}

.xcresearchimg img {
  width: 100%;
  object-fit: cover;
  height: auto;
  padding: 18px;
  /* border-radius: 15px; */
}

table th,
table td {
  white-space: nowrap;
}

.text-green {
  color: green !important;
}

.text-red {
  color: red !important;
}

.mortagecalcx {
  display: flex;
  gap: 30px;
}

@media screen and (max-width: 1199px) {
  .mortagecalcx {
    flex-direction: column;
  }
}

@media screen and (max-width: 567px) {
  .leftpannelsx {
    grid-template-columns: repeat(1, 1fr);
  }
}

.leftpannelsx {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 567px) {
  .leftpannelsx {
    grid-template-columns: repeat(1, 1fr);
  }
}

.chhosexpart label {
  display: flex;
  margin-bottom: 5px;

  align-items: center;
}

.chhosexpart input {
  width: 35px;
}

.stylesect label {
  margin-bottom: 20px;
}

.stylesect input {
  width: 35px;
}

.calculator-container {
  font-family: Arial, sans-serif;
  margin: 20px;
}

label {
  font-weight: bold;
  display: block;
  margin-top: 15px;
}

input,
select {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.summary-box {
  margin-top: 20px;
  background: #0a2a66;
  color: white;
  padding: 20px;
  border-radius: 10px;
}

.summary-item {
  background: #fff;
  color: #000;
  padding: 10px;
  border-radius: 6px;
  margin: 8px 0;
}

.summary-item span {
  display: block;
  font-weight: 600;
  color: #ff7b2e;
}

.summary-item strong {
  font-size: 18px;
}

#KeyMarketRates tbody tr:last-child {
  display: none;
}

.bothcalcpartx {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin: 20px auto;
  max-width: 1100px;
  padding: 20px;
}

@media (max-width: 992px) {
  .bothcalcpartx {
    grid-template-columns: 1fr;
  }
}

section.toprx {
  margin: 60px 0px;
}

.inncontent {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.grid-diffbox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin: 1rem 0rem;
}

.grid-item-diff {
  padding: 0.75rem;
  background-color: white;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.grid-item-diff h4 {
  font-size: 22px;
}

.info-box h4 {
  font-size: 20px;
}

.whyimg img {
  height: 330px;
}

.example-box {
  background-color: #f8f9fa;
  border-radius: var(--border-radius);
  padding: 1.5rem;
  margin: 1.5rem 0;
}

.example-box h4 {
  font-size: 23px;
}

@media (max-width: 768px) {
  .grid-diffbox {
    grid-template-columns: 1fr;
  }
}

.sumarylist ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.sumarylist ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 51px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M20.312 6.60784C20.0479 5.90481 19.7112 5.23048 19.3164 4.59241C19.1901 4.38836 18.8534 4.30314 18.7206 4.54663C18.5807 4.80313 18.4251 5.0159 18.3586 5.10676C18.3579 5.10761 18.3573 5.10846 18.3567 5.10931C18.2475 5.25922 18.2358 5.45915 18.3269 5.62074C19.1056 7.00237 19.5765 8.55857 19.5911 10.1408C19.5936 10.3464 19.5896 10.6007 19.5744 10.805C19.5619 11.0164 19.5371 11.2564 19.5019 11.4653C19.4125 12.0448 19.2384 12.6189 19.0498 13.1734C19.0051 13.2901 18.9421 13.4712 18.8921 13.5846L18.8075 13.788C18.7757 13.8539 18.6998 14.0248 18.6683 14.0885C18.6358 14.1512 18.5517 14.319 18.5179 14.3837C18.4148 14.5706 18.2981 14.7789 18.1842 14.9578C17.6489 15.8021 16.9749 16.563 16.2072 17.203C15.4373 17.842 14.5658 18.3661 13.638 18.7418C13.4402 18.8203 13.2121 18.902 13.0115 18.9679C12.9455 18.9889 12.7534 19.0443 12.693 19.0633C12.6193 19.0841 12.4489 19.1248 12.3712 19.1468C9.04709 19.9501 5.31876 18.6399 3.21416 15.9465C1.7473 14.0805 1.04536 11.6002 1.38884 9.24651C1.74506 6.87637 3.17044 4.73205 5.04822 3.26644C7.85063 1.06693 11.9997 0.712929 15.1619 2.34982C15.3758 2.46055 15.7031 2.42455 15.8888 2.27116C16.0451 2.14203 16.0742 2.06024 16.2163 1.9092C16.4075 1.70601 16.335 1.45786 16.1318 1.33705C16.0225 1.27206 15.9105 1.20781 15.8253 1.16462C12.0255 -0.783615 7.07737 -0.266266 3.84666 2.55703C1.92292 4.21523 0.500534 6.51668 0.113334 9.05344C-0.528163 13.149 1.60342 17.4576 5.24531 19.4346C7.11235 20.4772 9.29289 20.9681 11.4272 20.756C11.6608 20.736 11.9641 20.6911 12.1944 20.6501C12.5269 20.5919 12.8748 20.5125 13.1991 20.4185C14.5158 20.0463 15.7578 19.4063 16.8435 18.5752C17.791 17.8453 18.6303 16.9637 19.2973 15.9705C19.5599 15.5838 19.8007 15.1624 20.0095 14.7447C20.0912 14.5746 20.2041 14.3313 20.2753 14.1552C20.334 14.022 20.4107 13.8095 20.4632 13.6721C20.4889 13.5919 20.5601 13.3818 20.5838 13.3041C20.6153 13.1832 20.658 13.0513 20.6867 12.9306C20.7872 12.5192 20.8656 12.0808 20.9138 11.6604C21.1369 9.95521 20.9238 8.21357 20.312 6.60784Z' fill='%23004AA1'/%3E%3Cpath d='M19.2971 1.39731C19.1139 1.09244 18.7182 0.993853 18.4133 1.17711C18.3347 1.2244 18.2623 1.27721 18.1915 1.33148C17.8673 1.57335 17.5282 1.96273 17.2547 2.25607C14.8518 4.84742 12.6744 7.66824 10.8778 10.72C10.6991 11.0172 10.5138 11.3433 10.3638 11.6563C10.2194 11.9512 10.0656 12.2762 9.92831 12.5762C8.98334 10.8463 7.49659 8.94782 5.7318 8.17095C5.0262 7.879 4.32802 8.62199 4.67742 9.31152C4.78098 9.51484 4.90189 9.7045 5.02289 9.89559C5.6128 10.825 6.30605 11.6738 6.9187 12.5838C7.69762 13.7238 8.35366 14.9308 8.98818 16.1541C9.42527 16.9789 10.6633 16.8552 10.9239 15.9505C11.3615 15.0299 11.8113 14.1205 12.2923 13.2237C12.4459 12.9329 12.6234 12.6232 12.771 12.3303C12.9146 12.0425 13.0759 11.7096 13.2252 11.4239C14.4624 9.00171 15.947 6.71762 17.5522 4.51649C17.8242 4.14545 18.1957 3.64315 18.4741 3.27619C18.6511 3.03906 18.9348 2.68936 19.0868 2.44291C19.1815 2.29423 19.2704 2.14254 19.3391 1.97799C19.4157 1.79499 19.4068 1.58009 19.2971 1.39731Z' fill='%23004AA1'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.grid-diffbox-three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 1rem 0rem;
}

@media (max-width: 992px) {
  .grid-diffbox-three {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .grid-diffbox-three {
    grid-template-columns: repeat(1, 1fr);
  }
}

.sumarylist.properties_list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.BrubcrumbsDiv ol.breadcrumb {
  justify-content: center;
}

.top-mortage-cal {
    display: flex;
    width: 100%;
    gap: 25px;
    padding: 0px;
    overflow: hidden;
}

.input-sidex-mortagecasl {
  width: 25%;
}

.output-sidex-mortagecasl {
  width: calc(80% - 25px);
}

.sumarylist_cross ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.sumarylist_cross ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 51px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M26.2 9.389C25.67 9.544 25.366 10.099 25.52 10.629C25.839 11.72 26 12.854 26 14C26 20.617 20.617 26 14 26C7.383 26 2 20.617 2 14C2 7.383 7.383 2 14 2C16.869 2 19.586 3 21.749 4.836L14 12.586L8.207 6.793C7.816 6.402 7.184 6.402 6.793 6.793C6.402 7.184 6.402 7.816 6.793 8.207L12.586 14L6.793 19.793C6.402 20.184 6.402 20.816 6.793 21.207C7.184 21.598 7.816 21.598 8.207 21.207L14 15.414L19.793 21.207C19.988 21.402 20.244 21.5 20.5 21.5C20.756 21.5 21.012 21.402 21.207 21.207C21.598 20.816 21.598 20.184 21.207 19.793L15.414 14L23.899 5.515C24.29 5.124 24.29 4.492 23.899 4.101C21.255 1.456 17.739 0 14 0C6.28 0 0 6.28 0 14C0 21.72 6.28 28 14 28C21.72 28 28 21.72 28 14C28 12.665 27.812 11.342 27.44 10.069C27.286 9.54 26.737 9.231 26.2 9.389Z' fill='%23185BAA'/%3E%3C/svg%3E");
}

.bannerlhs p {
  margin-bottom: 18px;
  margin-top: 12px;
}

.PropertyTypeSec.mortgage_calc h2 {
  justify-content: center;
}

.PropertyTypeSec.mortgage_calc {
  text-align: center;
}

/* images loader skelton start */

.loader {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.skeleton-banner,
.skeleton-line {
  background: #e0e0e0;
  animation: pulse 1.5s ease-in-out infinite;
}

.skeleton-banner {
  height: 627px; /* Adjust height to match your banner size */
  width: 100%;
}

.skeleton-line {
  height: 20px; /* Adjust height to match your line/text size */
  width: 70%; /* Adjust width to match your content */
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.skeleton-logo {
  background: #e0e0e0;
  border-radius: 4px;
  width: 150px; /* Adjust to match your logo width */
  height: 50px; /* Adjust to match your logo height */
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* images loader skelton end */

/* desclimer css */

.info-box.desclaminre {
  background: #fffbdfc4;
  border-left: 4px solid #ccc;
}

.info-box.desclaminre h4 {
  font-size: 16px;
  color: #575757;
  margin-bottom: 6px;
}

.info-box.desclaminre p {
  font-size: 12px;
  font-family: "Outfit";
}

.usccre-wrapper.dscr_calc_des {
  padding-bottom: 0;
}

.PropertyTypeSec.mortgage_calc {
  padding-bottom: 0px;
}

/* desclimer css end */

.sticky-call {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #28a745;
  color: #fff;
  padding: 12px 18px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.call-icon {
  font-size: 18px;
}

.sticky-call:hover {
  background: #218838;
}

.author-box {
  background: #ffffff;
  padding: 30px;
  border-radius: 10px;
  margin: 40px 0px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
}

.author-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Image */

.author-img img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
}

/* Content */

.author-content {
  flex: 1;
}

.author-name {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0px 10px;
}

.author-role {
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}

.author-bio {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 12px;
}

.author-contact {
  display: flex;
  gap: 20px;
  font-size: 14px;
  color: #004aa1;
}

/* Responsive */

@media (max-width: 768px) {
  .author-inner {
    flex-direction: column;
    text-align: center;
  }

  .author-img img {
    width: 70px;
    height: 70px;
  }

  .author-contact {
    flex-direction: column;
    gap: 5px;
  }
}

.rate-container {
  max-width: 900px;
  margin: auto;
  padding: 20px;
  background: transparent;
  font-family: Arial, sans-serif;
}

.rate-caption {
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 14px;
  font-family: monospace;
}

.rate-table-wrap {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.rate-table {
  width: 100%;
  border-collapse: collapse;
}

.rate-table thead th {
  background: #eceee5;
  text-align: left;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 600;
  padding: 14px 24px;
}

.rate-table tbody td {
  padding: 18px 24px;
  border-top: 1px solid #eee;
  font-size: 16px;
  color: #111827;
}

.rate-table tbody tr:first-child td {
  border-top: none;
}

.rate-index-name {
  font-weight: 700;
}

.rate-value {
  font-variant-numeric: tabular-nums;
}

.rate-change {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.rate-change-arrow {
  font-size: 10px;
}

.rate-change--down {
  color: #b91c1c;
}

.rate-change--up {
  color: #15803d;
}

.rate-change--unch {
  color: #9ca3af;
}

.margn-btn {
  margin-bottom: 50px;
}

.license-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px 25px;
}

.license-item p {
  margin: 0;
  line-height: 1.6;
  font-size: 13px;
}

/* Responsive */

@media (max-width: 768px) {
  .rate-table-wrap {
    overflow-x: auto;
  }
  .rate-table thead th,
  .rate-table tbody td {
    padding: 12px 16px;
  }
}

.BrubcrumbsDiv ol.breadcrumb {
  justify-content: center;
  display: flex;
}

.BrubcrumbsDiv ol.breadcrumb li {
  list-style: none;
  position: relative;
}

.BrubcrumbsDiv .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  top: 0px;
}

.aboutuslhs ul,.grid-item-diff ul,.example-box ul,.privacy-out-box ul{
    padding-left: 20px;
    margin: 10px 0px;
}

.privacy-out-box{max-width: 90%;margin: auto;}

.privacy-out-box {
    max-width: 90%;
    margin: 80px auto;
    padding: 50px;
}

.privacy-out-box h2{    margin: 20px 0px 10px;}

p.clamped-text {
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.author-contact span{
    display: flex;
    gap: 10px;
    align-items: center;
}

.contentDiv h2{padding-top: 20px;}

.sixrationine img{padding-top: 20px;}

.readmorecta{
    margin-top: 20px;
}

.xcresearchimg img {
    padding: 0px;
}

/* Large screens (1800px+): widen site container */

@media only screen and (min-width: 1800px) {
  .custom-container {
    max-width: 1600px;
  }
}

.blue-bg{background: var(--navy);}

.light-bg{background: #eeeeee;}

.navy-bg{background: var(--navy-light);}

.red-bg{background: var(--red);}

input, select {
    width: 100%;
    padding: 8px 30px;
}

.input-wrapper::before {
    content: "$";
    position: absolute;
    left: 17px;
    top: 52%;
    transform: translateY(-50%);
    color: #666;
}

/* Shared page content: tables, links, notes, FAQ titles */

.content-table-wrap {
    overflow-x: auto;
    margin: 20px 0;
}

.content-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.content-table th,
.content-table td {
    border: 1px solid #d9d9d9;
    padding: 12px 16px;
    text-align: left;
    vertical-align: top;
}

.content-table th {
    background-color: rgb(0, 32, 96);
    color: #fff;
    font-weight: 600;
}

.content-table td:first-child {
    white-space: nowrap;
    font-weight: 600;
}

.content-note {
    font-size: 13px;
    color: #666;
}

.content-link {
    color: rgb(0, 32, 96);
    font-weight: 600;
    text-decoration: underline;
}

.content-link:hover {
    color: #c01434;
}

.AccordionHeader h3.AccordionTitle {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    margin: 0;
    line-height: inherit;
}

.content-table--wrap td:first-child {
    white-space: normal;
    min-width: 140px;
}

/* Let content tables wrap text instead of inheriting the global nowrap */

.content-table th,
.content-table td {
    white-space: normal;
}

/* Wide comparison tables keep readable columns and scroll inside their wrapper on small screens */

.content-table--wide {
    min-width: 660px;
}

@media screen and (max-width: 1199px) {
    .content-table--wide th,
    .content-table--wide td {
        padding: 10px 10px;
        font-size: 14px;
    }

    .content-table--wide td:first-child {
        min-width: 110px;
    }
}

/* Loan programs hub: paragraph and button spacing */

.lnprgm .main-content p {
    margin: 0 0 14px;
}

.lnprgm .main-content .cta {
    margin: 6px 0 10px;
}

.quote-intro h1 {
    text-align: left;
    font-size: 32px;
    margin: 0 0 15px;
}

@media screen and (max-width: 991px) {
    .quote-intro h1 {
        font-size: 28px;
    }

    section.toprx.quote-intro {
        margin: 20px 0 16px;
    }
}

/* Numbered steps inside content pages */

.content-steps {
    list-style: decimal;
    padding-left: 22px;
    margin: 0 0 14px;
}

.content-steps li {
    list-style: decimal;
    margin-bottom: 8px;
    padding-left: 4px;
}

/* New loan program pages (land, multifamily): readable spacing and wrapping tables */

.loan-details--content .loan-gridx p,
.loan-details--content > .custom-container .loan-card > p {
    margin: 0 0 14px;
}

.loan-details.loan-details--content .loan-gridx .loan-section-title {
    margin-top: 28px;
}

.loan-details--content .content-table-wrap th,
.loan-details--content .content-table-wrap td {
    white-space: normal;
}

.loan-details--content .content-table-wrap table {
    min-width: 640px;
}

/* Mobile menu: let dropdowns with more items open fully */

@media screen and (max-width: 1150px) {
    header .sub-menu.open {
        max-height: 400px;
    }
}

.loan-details--content .content-final-cta {
    margin-top: 28px;
    text-align: center;
}

/* Long CTA labels wrap cleanly on small screens */

@media screen and (max-width: 575px) {
    .loan-details--content .contactbtn .cta {
        white-space: normal;
        text-align: center;
        line-height: 1.4;
        display: block;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* New loan program pages: use more of the screen width on phones */

@media screen and (max-width: 575px) {
    .loan-details--content .loan-detail-container {
        padding-left: 0;
        padding-right: 0;
    }

    .loan-details.loan-details--content .loan-card {
        padding: 16px;
    }

    .loan-details.loan-details--content .areyouready {
        padding: 18px;
    }
}



/* ════════════════════════════════════════════════════════════════
   SITE-WIDE DESIGN SYSTEM
   Canonical tokens + component reskins for every page except the
   Partner Portal. Extends/overrides custom.css (legacy) — loaded
   after it so these rules win the cascade without needing !important.
   Standard set: Playfair Display (display serif) + DM Sans (body),
   navy #0E2265 / crimson #C01434 — same palette as Home & About.
   ════════════════════════════════════════════════════════════════ */
:root {
  /* canonical */
  --navy: #0E2265;
  --navy-deep: #091847;
  --red: #C01434;
  --crimson: #C01434;
  --crimson-dk: #9e1028;
  --navy-light: #f7f7fb;
  --off-white: #f7f7fb;
  --border: #e8e8ec;
  --gray: #6b7280;
  --slate: #6b7280;
  --slate-lt: #9ca3af;
  --muted: #9ca3af;
  --white: #ffffff;
  --serif: 'Playfair Display', serif;
  --sans: 'DM Sans', sans-serif;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* ── BASE ───────────────────────────────────────────────────────── */
body {
  font-family: var(--sans);
  background: #f0f0f0;
  color: var(--navy);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--serif);
  color: var(--navy);
  font-weight: 700;
}
/* ── BUTTONS (canonical) ───────────────────────────────────────── */
.btn-white, a.btn-white {
  background: var(--white);
  color: var(--navy);
  border: none;
  padding: 14px 28px;
  border-radius: 4px;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  transition: background 0.2s;
}
.btn-white:hover { background: #eef0f8; }
.btn-navy, a.btn-navy {
  background: var(--navy);
  color: #fff;
  border: none;
  padding: 13px 26px;
  border-radius: 4px;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  transition: background 0.2s;
}
.btn-navy:hover { background: var(--navy-deep); }
.btn-outline, a.btn-outline {
  background: transparent;
  color: var(--slate);
  border: 1px solid var(--border);
  padding: 12px 22px;
  border-radius: 4px;
  font-family: var(--sans);
  font-size: 13px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s;
}
.btn-outline:hover { border-color: var(--navy); color: var(--navy); }
.btn-ghost-light, a.btn-ghost-light {
  background: transparent;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255,255,255,0.25);
  padding: 12px 24px;
  border-radius: 4px;
  font-family: var(--sans);
  font-size: 13px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s;
}
.btn-ghost-light:hover, a.btn-ghost-light:hover { color: #fff; border-color: rgba(255,255,255,0.6); }
.btn-white-solid, a.btn-white-solid {
  background: #fff;
  color: var(--red);
  border: none;
  padding: 13px 28px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--sans);
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s;
}
.btn-white-solid:hover { background: #f5f5f5; }
/* Legacy `.cta` button used across ~20 inner pages */
.cta, a.cta {
  font-family: var(--sans);
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  background-color: var(--navy);
  border-radius: 4px;
  border: 1px solid var(--navy);
  padding: 13px 26px;
  display: inline-block;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s;
}
.cta:hover {
  background-color: var(--red);
  border-color: var(--red);
  color: #ffffff;
}
/* ── SECTION UTILITIES ─────────────────────────────────────────── */
.section-label, .label {
  font-size: 10.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--red);
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}
.section-title {
  font-family: var(--serif);
  font-size: 34px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.2;
}
.section-sub {
  font-size: 15px;
  line-height: 1.75;
  color: var(--gray);
  font-weight: 300;
  max-width: 560px;
}
/* CTA band — supports both naming variants used across pages */
.cta-band {
  background: var(--red);
  padding: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.cta-band-title, .cta-title {
  font-family: var(--serif);
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.15;
}
.cta-band-sub, .cta-sub {
  font-size: 14px;
  color: rgba(255,255,255,0.75);
  font-weight: 300;
}
.cta-band-btns, .cta-btns { display: flex; gap: 12px; flex-shrink: 0; }
/* ════════════════════════════════════════════════════════════════
   HEADER / NAV
   ════════════════════════════════════════════════════════════════ */
header { background-color: var(--white); box-shadow: 0 1px 0 var(--border); }
.menuHeaderinner .logoheader img { max-height: 50px; width: auto; }
header nav ul li a {
  font-family: var(--serif);
  font-weight: 600;
  color: var(--navy);
  padding: 26px 16px;
  font-size: 14px;
}
header nav ul li a:hover { color: var(--red); }
header .sub-menu {
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: 0 12px 28px rgba(14,34,101,0.12);
  overflow: hidden;
  min-width: 240px;
  padding: 6px 0;
}
header .sub-menu li a {
  font-family: var(--sans);
  color: var(--navy);
  font-weight: 500;
  font-size: 13.5px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--border);
}
header .sub-menu li a:hover { color: var(--red); background: var(--navy-light); }
header .sub-menu li:last-child a { border: 0; }
.Headercta .cta {
  padding: 11px 22px;
  font-size: 13px;
  border-radius: 4px;
}
/* Partner Portal pill in nav */
header nav ul li a[href="/partner"] {
  background: var(--navy) !important;
  padding: 8px 18px !important;
}
.hamburgerMenuBtn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230E2265' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}
/* Mobile sidebar nav panel (≤1150px) — dark #222 legacy panel to navy */
header .sub-menu li a:hover { color: var(--red) !important; }
/* ════════════════════════════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════════════════════════════ */
footer { background-color: var(--navy-light); border-top: 1px solid var(--border); }
.FooterWidget h4 {
  font-family: var(--serif);
  font-size: 16px;
  font-weight: 700;
  color: var(--navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.FooterWidget ul li a,
.FooterWidget p a,
.FooterWidget p,
.FooterWidget a,
.ContactInfoText a,
.ContactInfoText p a {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 13.5px;
}
.FooterWidget ul li a:hover { color: var(--red); }
.footerLogo img { max-height: 65px; width: auto; }
.ContactInfoIcon {
  background-color: var(--red);
  border-color: var(--red);
}
.state-lisen-title h5 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 15px;
  margin-bottom: 12px;
}
.license-item p {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 12.5px;
  line-height: 1.6;
}
.SubFooter { background-color: var(--navy); }
.SubFooter p, .subfootertexts p, .subfootertexts p a { font-family: var(--sans); color: rgba(255,255,255,0.6); }
.subfootertexts p strong { color: #fff; }
.SocialIcons a { background-color: var(--red); border-color: var(--red); }
.SocialIcons a:hover { background-color: #fff; border-color: #fff; color: var(--red); }
/* ════════════════════════════════════════════════════════════════
   PAGE HERO (InnerBanner) — used by every inner page via
   partials/Breadcrumb.jsx. Reskinned to match the Home/About hero:
   navy background, Playfair headline, crimson breadcrumb accents.
   ════════════════════════════════════════════════════════════════ */
.InnerBanner {
  background-color: var(--navy) !important;
  background-image: none !important;
  padding: 64px 0 48px !important;
  position: relative;
  overflow: hidden;
}
.InnerBanner::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 1px;
  background: linear-gradient(to right, transparent, rgba(192,20,52,0.5), transparent);
}
.InnerBanner h1 {
  font-family: var(--serif);
  font-size: 44px !important;
  font-weight: 00;
  color: #fff !important;
  letter-spacing: -0.01em;
  margin: 0 0 14px !important;
}
.BrubcrumbsDiv ol.breadcrumb li,
.BrubcrumbsDiv ol.breadcrumb li a {
  font-family: var(--sans);
  font-size: 13px !important;
  color: rgba(255,255,255,0.45) !important;
  font-weight: 400;
}
.BrubcrumbsDiv ol.breadcrumb li:last-child,
.BrubcrumbsDiv ol.breadcrumb li:last-child a { color: rgba(255,255,255,0.85) !important; }
.BrubcrumbsDiv .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255,255,255,0.3) !important;
}
/* ════════════════════════════════════════════════════════════════
   INNER-PAGE CONTENT ("informationpage" template) — Bridge, CMBS,
   Fannie Mae, Freddie Mac, SBA 504/7a, FHA/HUD, Legal, Privacy,
   Terms all render through this shell.
   ════════════════════════════════════════════════════════════════ */
.Innerpage, .informationpage { margin: 56px 0; }
.informationpage h2, .Privacypolicypage h2 {
  font-family: var(--serif);
  font-size: 28px;
  font-weight: 700;
  color: var(--navy);
  margin: 40px 0 16px;
}
.informationpage h2:first-child, .Privacypolicypage h2:first-child { margin-top: 0; }
.informationpage p, .Privacypolicypage p {
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.8;
  color: var(--gray);
  font-weight: 400;
  margin-bottom: 14px;
}
.informationpage p strong, .Privacypolicypage p strong { color: var(--navy); font-weight: 600; }
.informationpage ul li {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 14.5px;
  line-height: 1.6;
}
.informationpage ul li strong { color: var(--navy); font-weight: 600; }
.greeniconlist, .rediconlist { margin-bottom: 8px; }
.greeniconlist ul li, .rediconlist ul li { padding-top: 1px; margin-bottom: 14px !important; }
.listofdata {
  background-color: var(--navy-light);
  border: 1px solid var(--border);
  border-radius: 8px;
}
.listofdata h3 { font-family: var(--serif); color: var(--navy); }
/* tables */
.tableUi table { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.tableUi table th, .tableUi table td,
table.w-full th, table.w-full td {
  font-family: var(--sans);
  border-color: var(--border) !important;
  color: var(--gray);
  font-size: 13.5px;
  padding: 12px 14px;
}
.tableUi table th, table.w-full th, .left-bold-table {
  background: var(--navy-light);
  color: var(--navy) !important;
  font-weight: 600;
}
/* FAQ accordion (Accordionsection variant) */
.Accordionsection .titleh2 h2, .Accordionsection .titleh2 {
  font-family: var(--serif);
  color: var(--navy);
}
.Accordionitem {
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: none;
  background: #fff;
}
.AccordionHeader {
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  color: var(--navy);
}
.AccordionBody, .AccordionBody p {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 14px;
  line-height: 1.75;
}
/* ════════════════════════════════════════════════════════════════
   LOAN LANDING PAGES (loan-details template) — SBA 7a, CMBS,
   Freddie Mac, SBA 504, Bridge, Fannie Mae, Life Insurance
   (the SEO-slug routes rendered from src/components/*.jsx)
   ════════════════════════════════════════════════════════════════ */
/* Scoped under .loan-details — .loan-card/.loan-title/.faq-* names are
   reused (unscoped) by the separate Loan Programs grid page in the
   legacy CSS, so every rule here must stay nested to avoid leaking. */
.loan-details { background: #fafafa; padding: 48px 0 72px; }
.loan-details .back-button {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--navy);
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 10px 18px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 24px;
  transition: border-color 0.2s, color 0.2s;
}
.loan-details .back-button:hover { border-color: var(--navy); color: var(--red); }
.loan-details .loan-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 44px;
  box-shadow: none;
}
.loan-details .loan-header { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.loan-details .loan-icon {
  width: 64px; height: 64px;
  border-radius: 8px;
  background: var(--navy-light);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  padding: 0;
}
.loan-details .loan-title {
  font-family: var(--serif);
  font-size: 32px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.15;
  margin: 0;
}
.loan-details .loan-descriptionx {
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.8;
  color: var(--gray);
  margin-bottom: 16px;
}
.loan-details .loan-section-title {
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
  margin: 8px 0 16px;
}
.loan-details .loan-section { list-style: none; padding: 0; margin: 0 0 8px; }
.loan-details .loan-list-item {
  font-family: var(--sans);
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--gray);
  padding: 14px 0;
  border-bottom: 1px solid var(--border);
}
.loan-details .loan-list-item:last-child { border-bottom: none; }
.loan-details .title-boldss { color: var(--navy); font-weight: 600; }
.loan-details .areyouready {
  background: var(--navy);
  border-radius: 8px;
  padding: 32px;
  margin-top: 12px;
}
.loan-details .areyouready h2 { color: #fff !important; margin-top: 0 !important; font-size: 24px !important; }
.loan-details .areyouready p { color: rgba(255,255,255,0.65) !important; }
.loan-details .areyouready .contactbtn { margin-top: 16px; }
.loan-details .faq-container { margin-top: 48px; }
.loan-details .faq-container > .loan-section-title { text-align: center; margin-bottom: 24px; }
.loan-details .faq-item {
  border: 1px solid var(--border);
  border-radius: 6px;
  margin-bottom: 12px;
  overflow: hidden;
}
.loan-details .faq-question {
  width: 100%;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  color: var(--navy);
  background: #fff;
  border: none;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  text-align: left;
}
.loan-details .faq-question.active { background: var(--navy-light); }
.loan-details .faq-question .icon { color: var(--red); font-size: 18px; font-weight: 700; }
.loan-details .faq-answer {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 14px;
  line-height: 1.75;
  padding: 4px 20px 20px;
}
.loan-details .faq-answer ul { padding-left: 18px; }
.loan-details .faq-answer li { margin-bottom: 8px; }
/* ════════════════════════════════════════════════════════════════
   CONTACT US
   ════════════════════════════════════════════════════════════════ */
.contactusInforow {
  margin: 56px 0 0;
  gap: 20px;
}
.ContactusInfoBox {
  box-shadow: none;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 28px 20px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ContactusInfoBox:hover { border-color: var(--navy); box-shadow: 0 8px 24px rgba(14,34,101,0.08); }
.infodflex .infodflexIcon {
  background-color: var(--navy);
  border-radius: 8px;
}
.infodflex .infodflexIcont h4 {
  font-family: var(--serif);
  font-size: 18px;
  color: var(--navy);
}
.infodflex .infodflexIcont p a {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 14px;
}
.infodflex .infodflexIcont p a:hover { color: var(--red); }
.FormSectionrow { margin: 0 0 64px; }
.FormSectionBox {
  border: 1px solid var(--border);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: none;
  padding: 40px;
  margin-top:22px;
}
.formDivarea .formgroup label {
  font-family: var(--sans);
  color: var(--navy);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.formDivarea .formgroup input,
.formDivarea .TextAreaDiv textarea {
  font-family: var(--sans);
  border-color: var(--border);
  border-radius: 4px;
  color: var(--navy);
  transition: border-color 0.2s;
}
.formDivarea .formgroup input:focus,
.formDivarea .TextAreaDiv textarea:focus { border-color: var(--navy); }
.formcta .formsubmitcta {
  font-family: var(--sans);
  background-color: var(--navy);
  border-radius: 4px;
  font-weight: 600;
  letter-spacing: 0;
  transition: background 0.2s;
}
.formcta .formsubmitcta:hover { background-color: var(--red); }
@media screen and (max-width: 767px) {
  .contactusInforow { grid-template-columns: 1fr; }
  .FormSectionBox { padding: 24px; }
}
/* ════════════════════════════════════════════════════════════════
   LOAN PROGRAMS (index/grid page) — scoped under .lnprgm; .loan-card/
   .loan-title/.faq-* names collide with the .loan-details template
   above, so every rule here stays nested too.
   ════════════════════════════════════════════════════════════════ */
.lnprgm { font-family: var(--sans); color: var(--navy); }
.lnprgm .loan-programs-header h2 {
  font-family: var(--serif);
  font-size: 30px;
  color: var(--navy);
}
.lnprgm .loan-programs-description {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 15px;
  line-height: 1.7;
}
.lnprgm .left-side-inner {
  box-shadow: none;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.lnprgm .sidebarx-title {
  font-family: var(--serif);
  color: var(--navy);
  border-bottom-color: var(--border);
}
.lnprgm .sidebarx-links a {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.lnprgm .sidebarx-links a:hover { color: var(--navy); }
.lnprgm .sidebarx-links li.active a {
  color: var(--navy);
  font-weight: 600;
  border-left-color: var(--red);
}
.lnprgm .loan-card {
  border: 1px solid var(--border);
  box-shadow: none;
  border-radius: 8px;
}
.lnprgm .loan-prgms-crds .loan-card:hover {
  border-color: var(--navy);
  box-shadow: 0 8px 24px rgba(14,34,101,0.08);
  transform: none;
}
.lnprgm .loan-icon-container { background: var(--navy-light); }
.lnprgm .loan-title {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 18px;
}
.lnprgm .loan-description {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 13.5px;
}
.lnprgm .faq-title, .lnprgm .faq-section h2 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 26px;
  margin-bottom: 20px;
}
.lnprgm .faq-item { border: 1px solid var(--border); border-radius: 6px; background: #fff; }
.lnprgm .faq-question {
  font-family: var(--sans);
  color: var(--navy);
  font-weight: 600;
  font-size: 15px;
  background: #fff;
}
.lnprgm .faq-question.active { background: var(--navy-light); }
.lnprgm .faq-answer {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 14px;
  line-height: 1.7;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .lnprgm .sidebar-row { flex-direction: column; margin: 32px 0; }
}
/* ════════════════════════════════════════════════════════════════
   TESTIMONIALS
   ════════════════════════════════════════════════════════════════ */
.testimonilasWrapper { gap: 24px; margin: 56px 0; }
.TestimonilasCard {
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid var(--border);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.TestimonilasCard:hover { border-color: var(--navy); box-shadow: 0 10px 28px rgba(14,34,101,0.08); }
.TestimonialContent p {
  font-family: var(--sans);
  color: var(--gray);
  font-size: 14.5px;
  line-height: 1.75;
}
.TestimonialIcon { background-color: var(--navy-light); box-shadow: none; }
.TestimonilaHd { border-top-color: var(--border); }
.TestimonilaHd h4 { font-family: var(--serif); color: var(--navy); font-size: 16px; }
.TestimonilaHd p { font-family: var(--sans); color: var(--muted); font-size: 12.5px; }
.slidercard { box-shadow: none; border: 1px solid var(--border); }
.sliderCardcontent h4 a { font-family: var(--serif); color: var(--navy) !important; }
.sliderCardcontent p { font-family: var(--sans); color: var(--muted); font-size: 13px; }
.swiper-pagination__Custom .swiper-pagination-bullet-active { background-color: var(--red); }
@media screen and (max-width: 991px) {
  .testimonilasWrapper { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 600px) {
  .testimonilasWrapper { grid-template-columns: 1fr; }
}
/* ════════════════════════════════════════════════════════════════
   RESEARCH / AUTHOR — index cards, single-post detail, author box
   ════════════════════════════════════════════════════════════════ */
.researchcard {
  box-shadow: none;
  border: 1px solid var(--border);
  border-radius: 6px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.researchcard:hover { border-color: var(--navy); box-shadow: 0 12px 28px rgba(14,34,101,0.08); }
.postedonwrapper { border-bottom-color: var(--border); }
.postedonwrapper div { font-family: var(--sans); font-size: 12.5px; color: var(--muted); }
.postedonwrapper div a { color: var(--navy); }
.postedonwrapper div a:hover { color: var(--red); }
.contentDiv h4 { font-family: var(--serif); }
.contentDiv h4 a { color: var(--navy) !important; }
.contentDiv p { font-family: var(--sans); color: var(--gray); font-size: 13.5px; line-height: 1.65; }
.contentDiv p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: revert-rule !important;
}
.readmorecta .cta { padding: 10px 18px; font-size: 12.5px; }
.AuthordetailBox {
  border-color: var(--border);
  background-color: #fff;
  border-radius: 8px;
}
.AuthorName { font-family: var(--serif); color: var(--navy); }
.AuthorDescription p { font-family: var(--sans); color: var(--gray); font-size: 14.5px; line-height: 1.75; }
.RecentWidget {
  box-shadow: none;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}
.RecentWidget h4 {
  font-family: var(--serif);
  color: var(--navy);
  border-bottom-color: var(--border);
  background: var(--navy-light);
  padding: 14px 16px;
}
.RecentWidget ul li a { font-family: var(--sans); color: var(--gray); font-size: 13.5px; font-weight: 400; }
.RecentWidget ul li a:hover { color: var(--red); }
@media screen and (max-width: 767px) {
  .researchcardWrapper { grid-template-columns: 1fr; }
  .Authordetail { flex-direction: column; }
  .AuthordetailLhs, .AuthordetailRhs { width: 100%; min-width: 100%; }
}
/* ════════════════════════════════════════════════════════════════
   CALCULATOR WIDGET ("bah-*") — commercial mortgage calculator used
   on Home, Property Management, Property Appraisal, LIBOR Rate,
   Commercial Mortgage Calculator pages. Generic dark/blue UI reskinned
   to navy/crimson.
   ════════════════════════════════════════════════════════════════ */
.bah-calculator { box-shadow: none; border: 1px solid var(--border); }
.bah-calculator-left { background-color: var(--navy); }
.bah-label { font-family: var(--sans); color: rgba(255,255,255,0.6); }
.bah-input, .bah-select-box {
  background-color: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.15);
  font-family: var(--sans);
}
.bah-input:focus, .bah-select-box.open { border-color: var(--red); box-shadow: 0 0 0 2px rgba(192,20,52,0.25); }
.bah-options { background-color: var(--navy-deep); border-color: rgba(255,255,255,0.15); }
.bah-option:hover { background-color: rgba(255,255,255,0.08); }
.bah-option.selected { background-color: var(--red); }
.bah-calculator-right { background-color: #fff; }
.bah-location { font-family: var(--serif); color: var(--navy); }
.bah-rank, .bah-label { color: var(--muted); }
.bah-value { font-family: var(--serif); color: var(--navy); }
.bah-amounts, .bah-result-info { box-shadow: none; border: 1px solid var(--border); }
/* Rate table + info-box/example-box/grid-diffbox content blocks used
   across NOI/DSCR/Interest Rate/Commercial Mortgage pages */
section.toprx { margin: 48px 0; }
.inncontent { box-shadow: none; border: 1px solid var(--border); }
.grid-item-diff { box-shadow: none; border: 1px solid var(--border); }
.grid-item-diff h4, .info-box h4, .example-box h4 { font-family: var(--serif); color: var(--navy); }
.example-box { background-color: var(--navy-light); }
.rate-container { background: transparent; max-width: 100%; padding: 0; font-family: var(--sans); }
.rate-caption { font-family: var(--sans); color: var(--muted); }
.rate-table-wrap { border-color: var(--border); }
.rate-table thead th { font-family: var(--sans); color: var(--gray); }
.rate-table tbody td { font-family: var(--sans); color: var(--navy); border-top-color: var(--border); }
.rate-index-name { color: var(--navy); }
@media screen and (max-width: 768px) {
  .bah-calculator { flex-direction: column; }
  .bah-calculator-left, .bah-calculator-right { width: 100%; border-radius: 0; }
}
/* DSCR calculator widget ("usccre-*") */
.usccre-calculator { background: var(--navy); }
.usccre-title { font-family: var(--serif); }
.usccre-label { color: rgba(255,255,255,0.7) !important; font-family: var(--sans); }
.usccre-prefix { font-family: var(--sans); }
.usccre-result { background: rgba(255,255,255,0.06); }
.usccre-result-value { color: #fff; font-family: var(--serif); }
/* ════════════════════════════════════════════════════════════════
   404 PAGE
   ════════════════════════════════════════════════════════════════ */
.ntfndd { padding: 80px 0; }
.ntfndd img { max-width: 260px; margin: 0 auto; display: block; }
.ntfnd-cnt h1 { font-size: 32px; margin: 24px 0 20px; }
.ntfnd-cnt .cta { display: inline-block; }
@media screen and (max-width: 767px) {
  .usccre-row { flex-direction: column; gap: 24px; }
  .SmartFinancingWrapper, .aboutwrapper { flex-direction: column; gap: 28px; }
  .SmartFinancinglhs, .SmartFinancingrhs, .aboutuslhs, .aboutusrhs { width: 100%; min-width: 100%; }
}
/* ── RESPONSIVE ─────────────────────────────────────────────────── */
@media screen and (max-width: 1024px) {
  .InnerBanner h1 { font-size: 36px !important; }
  .loan-details .loan-card { padding: 32px; }
}
@media screen and (max-width: 768px) {
  header nav ul li a { padding: 14px 16px; }
  .InnerBanner { padding: 48px 0 36px !important; }
  .InnerBanner h1 { font-size: 30px !important; }
  .cta-band { flex-direction: column; align-items: flex-start; padding: 40px 28px; }
  .loan-details .loan-card { padding: 24px; }
  .loan-details .loan-header { flex-direction: column; align-items: flex-start; gap: 12px; }
  .loan-details .loan-title { font-size: 26px; }
}
@media screen and (max-width: 480px) {
  .InnerBanner h1 { font-size: 25px !important; }
  .cta-band-title, .cta-title { font-size: 22px; }
  .loan-details .loan-card { padding: 18px; }
  .loan-details .areyouready { padding: 22px; }
}


/* ========================================
   Partner Portal – Design System
   Themed to match main site (navy / red, DM Sans + Playfair Display)
   ======================================== */
.pp-root {
  --pp-primary: #0e2265; /* brand navy */
  --pp-primary-dark: #0a1a4d;
  --pp-primary-light: #eef1f9;
  --pp-red: #c01434; /* brand red accent */
  --pp-red-dark: #9c0f2a;
  --pp-red-light: #fdeef1;
  --pp-success: #10b981;
  --pp-warning: #f59e0b;
  --pp-danger: #ef4444;
  --pp-dark: #0e2265;
  --pp-secondary: #6b7280;
  --pp-light: #f7f7fb;
  --pp-border: #e8e8ec;
  --pp-muted: #9ca3af;
  --pp-sidebar-w: 260px;
  --pp-shadow-sm:
    0 1px 3px rgba(14, 34, 101, 0.08), 0 1px 2px rgba(14, 34, 101, 0.06);
  --pp-shadow:
    0 4px 6px -1px rgba(14, 34, 101, 0.1),
    0 2px 4px -1px rgba(14, 34, 101, 0.06);
  --pp-shadow-lg:
    0 10px 15px -3px rgba(14, 34, 101, 0.1),
    0 4px 6px -2px rgba(14, 34, 101, 0.05);
  --pp-shadow-xl:
    0 20px 25px -5px rgba(14, 34, 101, 0.12),
    0 10px 10px -5px rgba(14, 34, 101, 0.05);
  --pp-radius: 12px;
  --pp-radius-sm: 8px;
  --pp-radius-lg: 16px;
  --pp-radius-xl: 24px;
  --pp-transition: all 0.25s ease;
  font-family: "DM Sans", sans-serif;
  background: #f0f0f0;
  color: var(--pp-dark);
  font-size: 14px;
  min-height: 100vh;
}
/* ── Reset inside portal ── */
.pp-root *,
.pp-root *::before,
.pp-root *::after {
  box-sizing: border-box;
}
.pp-root a {
  color: var(--pp-primary);
  text-decoration: none;
  transition: var(--pp-transition);
}
.pp-root h1,
.pp-root h2,
.pp-root h3,
.pp-root h4,
.pp-root h5,
.pp-root h6 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  color: var(--pp-dark);
}
.pp-root button {
  font-family: "DM Sans", sans-serif;
  cursor: pointer;
}
.pp-root input,
.pp-root select,
.pp-root textarea {
  font-family: "DM Sans", sans-serif;
}
/* Display serif for big marketing headings only */
.pp-display {
  font-family: "Playfair Display", serif;
}
/* ── Landing ── */
.pp-landing-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(232, 232, 236, 0.8);
  padding: 0 40px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 1px 12px rgba(14, 34, 101, 0.06);
}
.pp-nav-brand {
  font-size: 19px;
  font-weight: 700;
  color: var(--pp-dark);
  display: flex;
  align-items: center;
  gap: 10px;
}
.pp-nav-brand span {
  color: var(--pp-red);
}
.pp-brand-icon {
  width: 36px;
  height: 36px;
  background: var(--pp-primary);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.pp-nav-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.pp-hero {
  min-height: 100vh;
  background: linear-gradient(135deg, #0a1a4d 0%, #0e2265 55%, #15307f 100%);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.pp-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.pp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.04) 1px,
    transparent 1px
  );
  background-size: 40px 40px;
}
.pp-hero::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(192, 20, 52, 0.35),
    transparent
  );
  pointer-events: none;
}
.pp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.85);
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 24px;
  backdrop-filter: blur(8px);
  letter-spacing: 0.04em;
}
.pp-hero-badge svg {
  color: var(--pp-red);
}
.pp-hero-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(38px, 5vw, 60px);
  font-weight: 900;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
  text-align: left;
  
}
.pp-hero-title span {
  color: var(--pp-red);
  -webkit-text-fill-color: initial;
  font-family: 'Playfair Display', serif;
  font-weight: 800;
  font-size: clamp(50px, 4vw, 60px);
}
.pp-hero-sub {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.62);
  max-width: 500px;
  margin-bottom: 36px;
  line-height: 1.7;
  font-weight: 300;
}
.pp-hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
p.ubhrs {
    margin-top: 18px;
    color: #939393;
    font-size: 13px;
    font-weight: 300;
}
.pp-btn-hero-primary {
  background: #fff;
  color: var(--pp-primary);
  font-weight: 600;
  padding: 13px 28px;
  border-radius: 6px;
  font-size: 15px;
  border: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transition: var(--pp-transition);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "DM Sans", sans-serif;
}
.pp-btn-hero-primary:hover {
  background: var(--pp-red);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(192, 20, 52, 0.3);
}
.pp-btn-hero-outline {
  background: transparent;
  color: #fff;
  font-weight: 500;
  padding: 13px 28px;
  border-radius: 6px;
  font-size: 15px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: var(--pp-transition);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "DM Sans", sans-serif;
}
.pp-btn-hero-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-2px);
}
.pp-hero-trust {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.pp-hero-trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}
.pp-hero-trust-item .icon {
  color: var(--pp-red);
}
/* Hero visual cards */
.pp-hero-card {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  padding: 24px;
  color: #fff;
  margin-bottom: 16px;
}
.pp-stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.pp-stat-item {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 16px;
  text-align: center;
}
.pp-stat-item .val {
  font-family: "Playfair Display", serif;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
}
.pp-stat-item .lbl {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 400;
  letter-spacing: 0.04em;
}
.pp-float-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  padding: 12px 18px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  animation: pp-float 3s ease-in-out infinite;
}
@keyframes pp-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
/* Features Section */
.pp-features {
  padding: 70px 0;
  background: #fff;
}
.pp-section-eye {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--pp-red);
  margin-bottom: 12px;
}
.pp-section-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  color: var(--pp-dark);
  margin-bottom: 14px;
  letter-spacing: -0.5px;
  line-height: 1.18;
}
.pp-section-desc {
  font-size: 15px;
  color: var(--pp-secondary);
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.7;
  font-weight: 300;
}
.pp-feature-card {
  text-align: center;
  padding: 36px 28px;
  border-radius: var(--pp-radius-lg);
  background: #fff;
  border: 1px solid var(--pp-border);
  transition: var(--pp-transition);
  height: 100%;
}
.pp-feature-card:hover {
  border-color: var(--pp-primary);
  box-shadow: var(--pp-shadow-lg);
  transform: translateY(-6px);
}
.pp-feature-icon {
  width: 64px;
  height: 64px;
  background: var(--pp-primary-light);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: var(--pp-primary);
  margin: 0 auto 20px;
  transition: var(--pp-transition);
}
.pp-feature-card:hover .pp-feature-icon {
  background: var(--pp-primary);
  color: #fff;
  transform: scale(1.05);
}
/* CTA */
.pp-cta {
  background: linear-gradient(135deg, #0a1a4d, #0e2265);
  padding: 80px 0;
  text-align: center;
  color: #fff;
}
/* ── Auth Pages ── */
.pp-auth-page {
  min-height: calc(100vh - var(--site-header-h, 0px));
  background: linear-gradient(135deg, #f7f7fb 0%, #eef1f9 50%, #f7f7fb 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 20px;
  position: relative;
  font-family: "DM Sans", sans-serif;
}
.pp-auth-card {
  background: #fff;
  border-radius: var(--pp-radius-lg);
  box-shadow: var(--pp-shadow-xl);
  padding: 30px 32px;
  width: 100%;
  max-width: 440px;
  position: relative;
  z-index: 1;
  border: 1px solid var(--pp-border);
}
.pp-auth-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;
}
.pp-auth-logo-icon {
  width: 34px;
  height: 34px;
  background: var(--pp-primary);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
}
.pp-auth-logo-text {
  font-size: 19px;
  font-weight: 700;
  color: var(--pp-dark);
}
.pp-auth-logo-text span {
  color: var(--pp-red);
}
.pp-auth-title {
  font-family: "Playfair Display", serif;
  font-size: 23px;
  font-weight: 700;
  color: var(--pp-dark);
  margin-bottom: 4px;
}
.pp-auth-sub {
  font-size: 13px;
  color: var(--pp-muted);
  margin-bottom: 18px;
  font-weight: 300;
  line-height: 1.5;
}
.pp-form-label {
  display: block;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--pp-dark);
  margin-bottom: 4px;
}
.pp-form-input {
  width: 100%;
  border: 1.5px solid var(--pp-border);
  border-radius: var(--pp-radius-sm);
  padding: 9px 14px;
  font-size: 13.5px;
  color: var(--pp-dark);
  transition: var(--pp-transition);
  outline: none;
  background: #fff;
  font-family: "DM Sans", sans-serif;
}
.pp-form-input::placeholder {
  color: var(--pp-muted);
}
.pp-form-input:focus {
  border-color: var(--pp-primary);
  box-shadow: 0 0 0 3px rgba(14, 34, 101, 0.12);
}
.pp-input-wrap {
  position: relative;
}
.pp-pass-toggle {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--pp-muted);
  cursor: pointer;
  padding: 0;
  font-size: 15px;
  transition: var(--pp-transition);
}
.pp-pass-toggle:hover {
  color: var(--pp-primary);
}
.pp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--pp-radius-sm);
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 11px 20px;
  transition: var(--pp-transition);
  cursor: pointer;
  border: none;
}
.pp-btn-primary {
  background: var(--pp-primary);
  color: #fff;
}
.pp-btn-primary:hover {
  background: var(--pp-primary-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(14, 34, 101, 0.35);
}
.pp-btn-outline {
  background: transparent;
  color: var(--pp-primary);
  border: 1.5px solid var(--pp-primary);
}
.pp-btn-outline:hover {
  background: var(--pp-primary);
  color: #fff;
  transform: translateY(-1px);
}
.pp-btn-ghost {
  background: #f7f7fb;
  color: var(--pp-secondary);
  border: 1.5px solid var(--pp-border);
}
.pp-btn-ghost:hover {
  background: #f0f0f5;
  border-color: var(--pp-primary);
  color: var(--pp-primary);
}
.pp-btn-danger {
  background: var(--pp-red-light);
  color: var(--pp-red-dark);
}
.pp-btn-danger:hover {
  background: #fbdde3;
}
.pp-btn-sm {
  padding: 6px 14px;
  font-size: 12px;
}
.pp-btn-lg {
  padding: 11px 24px;
  font-size: 14.5px;
  border-radius: var(--pp-radius);
}
.pp-btn-icon {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: var(--pp-radius-sm);
}
.pp-btn-block {
  width: 100%;
}
.pp-divider {
  position: relative;
  text-align: center;
  margin: 14px 0;
}
.pp-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--pp-border);
}
.pp-divider span {
  background: #fff;
  padding: 0 14px;
  position: relative;
  font-size: 12px;
  color: var(--pp-muted);
  font-weight: 500;
}
/* ── Sidebar ── */
.pp-sidebar {
  position: fixed;
  top: var(--site-header-h, 0px);
  left: 0;
  width: var(--pp-sidebar-w);
  height: calc(100vh - var(--site-header-h, 0px));
  background: var(--pp-dark);
  overflow-y: auto;
  z-index: 200;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}
.pp-sidebar::-webkit-scrollbar {
  width: 4px;
}
.pp-sidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}
.pp-sidebar-brand {
  padding: 20px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  gap: 12px;
}
.pp-sidebar-brand-text {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}
.pp-sidebar-brand-text span {
  color: var(--pp-red);
}
.pp-sidebar-icon {
  width: 36px;
  height: 36px;
  background: var(--pp-red);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  flex-shrink: 0;
}
.pp-section-lbl {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.3);
  padding: 18px 22px 6px;
}
.pp-nav {
  padding: 6px 10px;
  flex: 1;
}
.pp-nav-link {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 13px;
  border-radius: var(--pp-radius-sm);
  color: rgba(255, 255, 255, 0.62);
  font-size: 13.5px;
  font-weight: 500;
  transition: var(--pp-transition);
  margin-bottom: 2px;
  cursor: pointer;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  font-family: "DM Sans", sans-serif;
}
.pp-nav-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.pp-nav-link.active {
  background: var(--pp-red);
  color: #fff;
  box-shadow: 0 4px 12px rgba(192, 20, 52, 0.4);
}
.pp-nav-icon {
  width: 19px;
  text-align: center;
  flex-shrink: 0;
  font-size: 14px;
}
.pp-nav-badge {
  margin-left: auto;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 20px;
}
.pp-nav-link.active .pp-nav-badge {
  background: rgba(255, 255, 255, 0.25);
}
.pp-nav-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.07);
  margin: 10px 10px;
}
.pp-sidebar-footer {
  padding: 14px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.pp-sidebar-user {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 13px;
  border-radius: var(--pp-radius-sm);
  cursor: pointer;
  transition: var(--pp-transition);
}
.pp-sidebar-user:hover {
  background: rgba(255, 255, 255, 0.08);
}
.pp-user-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
}
.pp-user-name {
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pp-user-role {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
}
.pp-sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(14, 34, 101, 0.5);
  z-index: 190;
}
.pp-sidebar-overlay.show {
  display: block;
}
/* ── Mobile sidebar toggle (site Header handles top nav on all breakpoints) ── */
.pp-mobile-toggle {
  display: none;
  position: sticky;
  top: calc(var(--site-header-h, 0px) + 14px);
  margin: 14px 0 0 20px;
  background: #fff;
  border: 1.5px solid var(--pp-border);
  border-radius: var(--pp-radius-sm);
  padding: 8px 11px;
  color: var(--pp-dark);
  cursor: pointer;
  font-size: 15px;
  box-shadow: var(--pp-shadow-sm);
  z-index: 50;
}
/* ── Main Content ── */
.pp-main {
  margin-left: var(--pp-sidebar-w);
  min-height: 100vh;
  background: #f0f0f0;
}
.pp-content {
  padding: 30px;
}
.pp-page-title {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  font-weight: 700;
  color: var(--pp-dark);
  margin-bottom: 4px;
}
.pp-page-sub {
  font-size: 13px;
  color: var(--pp-muted);
  margin-bottom: 28px;
  font-weight: 300;
}
/* ── Cards ── */
.pp-card {
  background: #fff;
  border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius);
  box-shadow: var(--pp-shadow-sm);
  transition: var(--pp-transition);
}
.pp-card:hover {
  box-shadow: var(--pp-shadow);
  transform: translateY(-2px);
}
.pp-card-body {
  padding: 22px;
}
/* Stat Card */
.pp-stat-card {
  background: #fff;
  border-radius: var(--pp-radius);
  padding: 22px;
  border: 1px solid var(--pp-border);
  box-shadow: var(--pp-shadow-sm);
  transition: var(--pp-transition);
  position: relative;
  overflow: hidden;
}
.pp-stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}
.pp-stat-card.blue::before {
  background: var(--pp-primary);
}
.pp-stat-card.green::before {
  background: var(--pp-success);
}
.pp-stat-card.orange::before {
  background: var(--pp-warning);
}
.pp-stat-card.purple::before {
  background: var(--pp-red);
}
.pp-stat-card.red::before {
  background: var(--pp-red);
}
.pp-stat-card:hover {
  box-shadow: var(--pp-shadow);
  transform: translateY(-3px);
}
.pp-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--pp-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 14px;
}
.pp-stat-icon.blue {
  background: var(--pp-primary-light);
  color: var(--pp-primary);
}
.pp-stat-icon.green {
  background: #ecfdf5;
  color: var(--pp-success);
}
.pp-stat-icon.orange {
  background: #fffbeb;
  color: var(--pp-warning);
}
.pp-stat-icon.purple {
  background: var(--pp-red-light);
  color: var(--pp-red);
}
.pp-stat-icon.red {
  background: var(--pp-red-light);
  color: var(--pp-red);
}
.pp-stat-val {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--pp-dark);
  line-height: 1;
  margin-bottom: 4px;
}
.pp-stat-lbl {
  font-size: 11px;
  color: var(--pp-muted);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pp-stat-change {
  font-size: 11px;
  font-weight: 500;
  margin-top: 8px;
}
.pp-stat-change.up {
  color: var(--pp-success);
}
/* Resource Card */
.pp-res-card {
  background: #fff;
  border-radius: var(--pp-radius);
  border: 1px solid var(--pp-border);
  overflow: hidden;
  transition: var(--pp-transition);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pp-res-card:hover {
  box-shadow: var(--pp-shadow-lg);
  transform: translateY(-4px);
  border-color: var(--pp-primary);
}
.pp-res-img-wrap {
  position: relative;
  height: 190px;
  overflow: hidden;
}
.pp-res-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.pp-res-card:hover .pp-res-img-wrap img {
  transform: scale(1.05);
}
.pp-res-body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pp-cat-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 3px 10px;
  border-radius: 20px;
  background: var(--pp-primary-light);
  color: var(--pp-primary);
  margin-bottom: 10px;
}
.pp-res-title {
  font-size: 14.5px;
  font-weight: 600;
  color: var(--pp-dark);
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}
.pp-res-desc {
  font-size: 12.5px;
  color: var(--pp-muted);
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  line-height: 1.6;
  font-weight: 300;
}
.pp-res-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11.5px;
  color: var(--pp-muted);
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.pp-res-footer {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--pp-border);
  margin-top: auto;
}
/* Type pill badge on image */
.pp-type-pill {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* ── Filter Bar ── */
.pp-filter-bar {
  background: #fff;
  border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius);
  padding: 16px 20px;
  margin-bottom: 24px;
  box-shadow: var(--pp-shadow-sm);
}
.pp-search-wrap {
  position: relative;
}
.pp-search-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--pp-muted);
  font-size: 13px;
  pointer-events: none;
}
.pp-search-input {
  width: 100%;
  padding: 10px 14px 10px 38px;
  border: 1.5px solid var(--pp-border);
  border-radius: var(--pp-radius-sm);
  font-size: 13px;
  color: var(--pp-dark);
  font-family: "DM Sans", sans-serif;
  outline: none;
  transition: var(--pp-transition);
}
.pp-search-input:focus {
  border-color: var(--pp-primary);
  box-shadow: 0 0 0 3px rgba(14, 34, 101, 0.1);
}
.pp-select {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid var(--pp-border);
  border-radius: var(--pp-radius-sm);
  font-size: 13px;
  color: var(--pp-dark);
  font-family: "DM Sans", sans-serif;
  outline: none;
  background: #fff;
  transition: var(--pp-transition);
}
.pp-select:focus {
  border-color: var(--pp-primary);
  box-shadow: 0 0 0 3px rgba(14, 34, 101, 0.1);
}
.pp-filter-btns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pp-filter-btn {
  padding: 7px 14px;
  border-radius: var(--pp-radius-sm);
  font-size: 12px;
  font-weight: 500;
  border: 1.5px solid var(--pp-border);
  background: #fff;
  color: var(--pp-secondary);
  cursor: pointer;
  transition: var(--pp-transition);
  font-family: "DM Sans", sans-serif;
}
.pp-filter-btn:hover {
  border-color: var(--pp-primary);
  color: var(--pp-primary);
}
.pp-filter-btn.active {
  background: var(--pp-primary);
  color: #fff;
  border-color: var(--pp-primary);
}
/* ── Table ── */
.pp-table-wrap {
  background: #fff;
  border-radius: var(--pp-radius);
  border: 1px solid var(--pp-border);
  overflow-x: auto;
  box-shadow: var(--pp-shadow-sm);
}
.pp-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}
.pp-table thead th {
  background: #f7f7fb;
  border-bottom: 1.5px solid var(--pp-border);
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--pp-secondary);
  padding: 13px 18px;
  white-space: nowrap;
  text-align: left;
}
.pp-table tbody td {
  padding: 13px 18px;
  border-bottom: 1px solid #f1f1f5;
  vertical-align: middle;
  color: var(--pp-dark);
  font-size: 13px;
}
.pp-table tbody tr:last-child td {
  border-bottom: none;
}
.pp-table tbody tr:hover td {
  background: #f7f7fb;
}
/* ── Pagination ── */
.pp-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
  flex-wrap: wrap;
  gap: 12px;
}
.pp-pagination-info {
  font-size: 12.5px;
  color: var(--pp-muted);
}
.pp-pages {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.pp-page-btn {
  min-width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--pp-radius-sm);
  border: 1.5px solid var(--pp-border);
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: var(--pp-dark);
  cursor: pointer;
  transition: var(--pp-transition);
  font-family: "DM Sans", sans-serif;
}
.pp-page-btn:hover {
  background: var(--pp-primary);
  color: #fff;
  border-color: var(--pp-primary);
}
.pp-page-btn.active {
  background: var(--pp-primary);
  color: #fff;
  border-color: var(--pp-primary);
}
.pp-page-btn:disabled {
  color: var(--pp-muted);
  cursor: not-allowed;
}
.pp-page-btn:disabled:hover {
  background: #fff;
  color: var(--pp-muted);
  border-color: var(--pp-border);
}
/* ── Section Header ── */
.pp-sec-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  gap: 12px;
  flex-wrap: wrap;
}
.pp-sec-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--pp-dark);
}
/* ── Tag ── */
.pp-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 20px;
  background: #f1f1f5;
  color: var(--pp-secondary);
}
/* ── Sticky Widget Sidebar ── */
.pp-sticky {
  position: sticky;
  top: calc(var(--site-header-h, 0px) + 24px);
}
.pp-widget {
  background: #fff;
  border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius);
  padding: 20px;
  margin-bottom: 18px;
  box-shadow: var(--pp-shadow-sm);
}
.pp-widget-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--pp-dark);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1.5px solid var(--pp-border);
}
.pp-share-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--pp-radius-sm);
  font-size: 12.5px;
  font-weight: 500;
  transition: var(--pp-transition);
  margin-bottom: 7px;
  cursor: pointer;
  border: none;
  width: 100%;
  font-family: "DM Sans", sans-serif;
}
.pp-share-btn:hover {
  filter: brightness(0.95);
  transform: translateX(2px);
}
.pp-related-item {
  display: flex;
  gap: 11px;
  padding: 11px 0;
  border-bottom: 1px solid var(--pp-border);
}
.pp-related-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pp-related-thumb {
  width: 58px;
  height: 58px;
  border-radius: var(--pp-radius-sm);
  object-fit: cover;
  flex-shrink: 0;
}
.pp-related-title {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--pp-dark);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  margin-bottom: 4px;
}
.pp-related-date {
  font-size: 11px;
  color: var(--pp-muted);
}
/* Article content */
.pp-article h2 {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  font-weight: 700;
  margin-top: 28px;
  margin-bottom: 12px;
  color: var(--pp-dark);
}
.pp-article h3 {
  font-size: 17px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
  color: var(--pp-dark);
}
.pp-article p {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--pp-secondary);
  margin-bottom: 16px;
}
.pp-article ul,
.pp-article ol {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--pp-secondary);
  margin-bottom: 16px;
  padding-left: 22px;
}
.pp-article li {
  margin-bottom: 7px;
}
.pp-article blockquote {
  border-left: 4px solid var(--pp-red);
  background: var(--pp-primary-light);
  padding: 14px 18px;
  border-radius: 0 var(--pp-radius-sm) var(--pp-radius-sm) 0;
  margin: 20px 0;
  font-style: italic;
  color: var(--pp-primary);
  font-size: 14.5px;
  line-height: 1.7;
}
.pp-article img {
  width: 100%;
  height: auto;
  border-radius: var(--pp-radius);
  margin: 18px 0;
}
/* Article HTML comes from the research API and carries its own inline widths
   (tables ship with min-width:600px). Keep any wide block scrolling inside the
   article instead of widening the page. */
.pp-article {
  max-width: 100%;
  overflow-wrap: break-word;
}
.pp-article .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 18px 0;
}
/* Fallback for tables the API did not wrap in .table-responsive */
.pp-article > table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.pp-article pre {
  max-width: 100%;
  overflow-x: auto;
}
.pp-meta-bar {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 20px;
  background: #fff;
  border-radius: var(--pp-radius);
  border: 1px solid var(--pp-border);
  margin-bottom: 20px;
  flex-wrap: wrap;
  box-shadow: var(--pp-shadow-sm);
}
.pp-meta-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--pp-muted);
}
.pp-meta-item .ic {
  color: var(--pp-red);
  font-size: 12px;
}
/* Profile */
.pp-profile-cover {
  height: 200px;
  background: linear-gradient(135deg, #0a1a4d, #0e2265);
  border-radius: var(--pp-radius) var(--pp-radius) 0 0;
  position: relative;
}
.pp-profile-avatar-wrap {
  position: absolute;
  bottom: -48px;
  left: 28px;
}
.pp-profile-avatar {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 4px solid #fff;
  object-fit: cover;
  box-shadow: var(--pp-shadow);
}
.pp-profile-dot {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  background: var(--pp-success);
  border: 2px solid #fff;
  border-radius: 50%;
}
.pp-info-lbl {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--pp-muted);
  margin-bottom: 4px;
}
.pp-info-val {
  font-size: 14.5px;
  font-weight: 500;
  color: var(--pp-dark);
}
/* Asset detail spec */
.pp-spec-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid var(--pp-border);
  font-size: 13px;
  gap: 16px;
}
.pp-spec-row:last-child {
  border-bottom: none;
}
.pp-spec-lbl {
  color: var(--pp-muted);
  font-weight: 500;
}
.pp-spec-val {
  color: var(--pp-dark);
  font-weight: 600;
  text-align: right;
}
p.ubhrs {
    color: #bdbdbd;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
}
/* ── Grid utility ── */
.pp-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.pp-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.pp-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
/* Two Ways to Get Access — pricing/comparison table */
.pp-access-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius-lg);
  overflow: hidden;
  background: #fff;
}
.pp-access-col:first-child {
  border-right: 1px solid var(--pp-border);
}
.pp-access-header {
  font-family: "Playfair Display", serif;
  font-size: 19px;
  font-weight: 700;
  color: var(--pp-dark);
  padding: 22px 32px;
  border-bottom: 1px solid var(--pp-border);
}
.pp-access-body {
  padding: 28px 32px 32px;
}
.pp-access-price {
    font-size: 17px;
    font-weight: 700;
    color: var(--pp-dark);
    margin-bottom: 14px;
}
.pp-access-desc {
  font-size: 14px;
  line-height: 1.65;
  color: var(--pp-secondary);
  font-weight: 300;
  margin-bottom: 22px;
}
.pp-access-link {
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--pp-primary);
  cursor: pointer;
  transition: var(--pp-transition);
}
.pp-access-link:hover {
  color: var(--pp-red);
}
/* ── Responsive split layout (main content + fixed-width side widget) ── */
.pp-split {
  display: grid;
  grid-template-columns: 1fr var(--pp-side-w, 340px);
  align-items: start;
  gap: 24px;
}
/* Grid items default to min-width:auto, so a wide child (e.g. a table in
   API-authored article HTML) would stretch the column past the viewport and
   push the whole layout sideways. Let the columns shrink instead. */
.pp-split > * {
  min-width: 0;
}
/* ── Responsive filter bar (search + controls) ── */
.pp-filter-grid {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 12px;
}
/* Welcome banner */
.pp-welcome-banner {
  background: linear-gradient(135deg, #0a1a4d, #0e2265);
  border-radius: var(--pp-radius-lg);
  padding: 30px 34px;
  margin-bottom: 28px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.pp-welcome-banner::before {
  content: "";
  position: absolute;
  right: -20px;
  top: -20px;
  width: 180px;
  height: 180px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
}
.pp-welcome-banner::after {
  content: "";
  position: absolute;
  right: 70px;
  bottom: -40px;
  width: 130px;
  height: 130px;
  background: rgba(192, 20, 52, 0.12);
  border-radius: 50%;
}
/* Quick Links */
.pp-quick-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--pp-border);
  cursor: pointer;
  transition: var(--pp-transition);
  text-decoration: none;
  color: inherit;
}
.pp-quick-link:last-child {
  border-bottom: none;
}
.pp-quick-link:hover {
  background: #f7f7fb;
}
.pp-ql-icon {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
}
/* Activity item */
.pp-activity-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 16px;
  border-bottom: 1px solid var(--pp-border);
}
.pp-activity-item:last-child {
  border-bottom: none;
}
.pp-activity-icon {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 12px;
}
/* Toast */
.pp-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: #fff;
  border-left: 4px solid var(--pp-success);
  padding: 13px 18px;
  border-radius: var(--pp-radius);
  box-shadow: 0 10px 30px rgba(14, 34, 101, 0.14);
  display: flex;
  align-items: center;
  gap: 11px;
  z-index: 9999;
  font-family: "DM Sans", sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--pp-dark);
  max-width: 340px;
  animation: pp-toast-in 0.3s ease;
}
@keyframes pp-toast-in {
  from {
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.pp-toast.hide {
  animation: pp-toast-out 0.3s ease forwards;
}
@keyframes pp-toast-out {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100px);
    opacity: 0;
  }
}
/* ── Responsive ── */
/* ── Tablet & below: hero must NOT lock to full viewport height ── */
@media (max-width: 1199px) {
  .pp-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .pp-hero {
    min-height: auto;
    align-items: stretch;
    padding: 56px 0;
  }
  .pp-hero-title {
    font-size: clamp(34px, 6vw, 50px);
  }
}
@media (max-width: 991px) {
  .pp-sidebar {
    transform: translateX(-100%);
    box-shadow: var(--pp-shadow-xl);
  }
  .pp-sidebar.open {
    transform: translateX(0);
  }
  .pp-main {
    margin-left: 0;
  }
  .pp-mobile-toggle {
    display: inline-flex;
    align-items: center;
  }
  .pp-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .pp-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .pp-hero {
    padding: 44px 0;
  }
  .pp-hero-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .pp-hero-card {
    max-width: 100%;
  }
  .pp-hero::after {
    display: none;
  }
  .pp-split {
    grid-template-columns: 1fr;
  }
  .pp-access-table {
    grid-template-columns: 1fr;
  }
  .pp-access-col:first-child {
    border-right: none;
    border-bottom: 1px solid var(--pp-border);
  }
}
@media (max-width: 767px) {
  .pp-landing-nav {
    padding: 0 20px;
  }
  .pp-content {
    padding: 20px 16px;
  }
  .pp-hero {
    padding: 36px 0;
  }
  .pp-hero-sub {
    margin-bottom: 28px;
  }
  .pp-features {
    padding: 64px 0;
  }
  .pp-grid-4,
  .pp-grid-3,
  .pp-grid-2 {
    grid-template-columns: 1fr 1fr;
  }
  .pp-auth-card {
    padding: 30px 22px;
  }
  .pp-filter-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .pp-filter-grid .pp-select {
    width: 100% !important;
  }
  .pp-pagination {
    justify-content: center;
  }
}
@media (max-width: 479px) {
  .pp-grid-4,
  .pp-grid-3,
  .pp-grid-2 {
    grid-template-columns: 1fr;
  }
  .pp-hero {
    padding: 28px 0;
  }
  .pp-hero-actions {
    flex-direction: column;
  }
  .pp-hero-actions .pp-btn-hero-primary,
  .pp-hero-actions .pp-btn-hero-outline {
    width: 100%;
    justify-content: center;
  }
  .pp-hero-trust {
    gap: 12px;
  }
  /* keep decorative float cards from spilling out of the narrow column */
  .pp-float-card {
    display: none;
  }
  .pp-features {
    padding: 52px 0;
  }
  .pp-auth-card {
    padding: 26px 18px;
  }
  .pp-content {
    padding: 16px 12px;
  }
}
.terms-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;               /* Space between checkbox and text */
    margin: 16px 0;
}
.terms-wrapper input[type="checkbox"] {
    width: 12px;
    height: 12px;
    margin: 0;
    flex-shrink: 0;
}
.terms-wrapper label {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}
.terms-wrapper label a {
    color: #0e2265;
    text-decoration: none;
    font-weight: 500;
}
.terms-wrapper label a:hover {
    text-decoration: underline;
}
.bottom-signin {
  text-align: center;
  margin-top: 14px;
}
.back-home-link {
  font-size: 13px;
  color: #94a3b8;
  text-decoration: none;
  transition: color 0.3s ease;
}
.back-home-link:hover {
  color: var(--pp-red);
}