/* ==============================
   Global Theme And Custom Container
================================= */
:root {
    --navy: #021124;
    --navy-2: #06182b;
    --paper: #f7f5f1;
    --gold: #d9a03b;
    --gold-light: #f0bf65;
    --red: #bd2830;
    --white: #ffffff;
    --ink: #071426;
    --muted: #66717f;
    --line: rgba(255, 255, 255, 0.34);
    --font-heading: "Playfair Display", Georgia, serif;
    --font-body: "Montserrat", Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--ink);
    background: var(--paper);
    font-family: var(--font-body);
    font-size: 16px;
    letter-spacing: 0;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
}

.container-custom {
    width: min(100% - 64px, 1700px);
    margin-inline: auto;
}

.section-rule {
  width: 84px;
    height: 6px;
    margin: 14px 0 8px;
    background: var(--red);
}

.section-rule.gold {
    background: var(--gold);
}

.btn {
    min-height: 58px;
    border-radius: 5px;
    padding: 17px 27px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
}
.color-gold{
    color: var(--gold);
}

.btn-arrow {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: url("./../img/lucide_arrow-up.svg") center / contain no-repeat;
}

.btn-arrow-gold{
    filter: invert(71%) sepia(32%) saturate(901%) hue-rotate(356deg) brightness(90%) contrast(88%) !important;
}


.btn-gold {
    color: #020d1c;
    background: var(--gold);
    border: 2px solid var(--gold);
}

.btn-gold:hover {
    color: #020d1c;
    background: var(--gold-light);
    border-color: var(--gold-light);
}

.btn-outline-gold,
.btn-outline-light-gold {
    color: var(--white);
    background: #020c1a9e;
    border: 2px solid var(--gold);
}

.btn-outline-gold .btn-arrow,
.btn-outline-light-gold .btn-arrow {
    filter: brightness(0) invert(1);
}

.btn-outline-gold:hover,
.btn-outline-light-gold:hover {
    color: #020d1c;
    background: var(--gold);
}

.btn-outline-gold:hover .btn-arrow,
.btn-outline-light-gold:hover .btn-arrow {
    filter: none;
}

/* ==============================
   Header And Navigation
================================= */
.site-header {
    background: #020d1c;
}

.navbar {
    min-height: 100px;
    padding: 0;
}

.navbar .container-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}

.navbar-collapse {
    align-items: center;
}

.brand-logo {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--white);
}

.brand-logo img {
    width: 183px;
    height: auto;
    object-fit: contain;
}

.navbar-nav {
    gap: 24px;
}

.navbar-dark .navbar-nav .nav-link {
    position: relative;
    padding: 14px 0;
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--gold);
}

.navbar-dark .navbar-nav .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 100%;
    height: 2px;
    background: var(--gold);
}

.nav-cta {
    min-height: 56px;
    padding-inline: 24px;
    font-size: 14px;
}

/* ==============================
   Hero Section
================================= */
.hero-section {
    min-height: 766px;
   
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.hero-inner {
    min-height: 766px;
    display: flex;
    align-items: center;
}

.hero-content {
    max-width: 720px;
    padding-top: 26px;
}

.hero-content h1 {
    margin: 0;
    color: var(--white);
    font-family: var(--font-heading);
    font-size: clamp(48px, 4.6vw, 78px);
    font-weight: 700;
    line-height: 1.03;
}

.hero-content h1 span {
    color: var(--gold);
}

.hero-content p {
    max-width: 650px;
    margin: 0 0 36px;
    color: var(--white);
    font-size: clamp(18px, 1.7vw, 24px);
    font-weight: 400;
    line-height: 1.45;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    /* Hero buttons: keep CTAs separated when they wrap on smaller screens. */
    gap: 14px;
}

/* ==============================
   Principle Feature Band
================================= */
.principles-band {
    background: var(--navy);
}

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

.principle-item {
    position: relative;
    /* min-height: 158px; */
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 20px 44px;
}

.principle-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 42px;
    background: var(--line);
    transform: translateY(-50%);
}

.principle-item img {
    width: 78px !important;
    height: 78px !important;
    object-fit: contain;
}

.principle-item h2 {
    margin: 0;
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
    text-transform: uppercase;
}

/* ==============================
   Choose Your Path Cards
================================= */
.path-section {
    padding: 44px 0 46px;
    background: var(--paper);
}

.section-heading h2,
.visible-copy h2,
.impact-section h2,
.cta-section h2,
.why-copy h2 {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(34px, 3vw, 46px);
    font-weight: 500;
    line-height: 1.1;
}

.section-heading p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.path-row {
    margin-top: 10px;
    /* Path cards: custom Bootstrap gutters keep cards separated on wide screens. */
    --bs-gutter-x: 32px;
    --bs-gutter-y: 48px;
}

.path-card {
    height: 100%;
    background: var(--white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.path-image {
    position: relative;
}

.path-image > img {
    width: 100% !important;
    aspect-ratio: 570 / 240;
    object-fit: cover;
    height: 100% !important;
    max-width: 100% !important;
}

.path-icon {
    position: absolute;
    left: 50%;
    top: 0;
    width: 96px;
    height: 96px;
    display: grid;
    place-items: center;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--navy);
}

.featured .path-icon {
    background: var(--red);
}

.path-icon img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.path-body {
    /*min-height: 350px;*/
    padding: 28px;
    text-align: center;
}

.path-body h3 {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}

.featured .path-body h3 {
    color: var(--red);
}

.path-subtitle {
    margin: 18px 0 24px;
    color: var(--gold);
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 600;
}

.path-body p:last-of-type {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}

.btn-dark-action,
.btn-red-action {
    /* Path card buttons: allow fixed-design buttons to shrink inside narrower responsive cards. */
  /*  width: min(100%, 290px);*/
    min-width: 230px;
    min-height: 56px;
    padding-inline: 18px;
    color: var(--white);
    background: var(--navy);
    border: 0;
}

.btn-dark-action .btn-arrow,
.btn-red-action .btn-arrow {
    filter: invert(71%) sepia(32%) saturate(901%) hue-rotate(356deg) brightness(90%) contrast(88%);
}
.private-hero-btn .btn-arrow{
    filter: brightness(0) invert(1);
}
.hero-btn .btn-arrow{
    filter: brightness(0) invert(1);
}
.btn-red-action {
    background: #D42826;
}

.btn-dark-action:hover,
.btn-red-action:hover {
    color: var(--white);
    filter: brightness(1.1);
    background-color: #5b6572;
}

/* ==============================
   Why Wise Split Section
================================= */
.why-section {
    color: var(--white);
    background: var(--navy);
}

.why-copy {
    padding: 74px 76px 70px 0;
}

.why-copy h2 {
    color: var(--white);
    text-transform: none;
}

.why-copy p {
    max-width: 645px;
    margin: 0 0 18px;
    font-size: 20px;
    line-height: 1.8;
}

.gold-text {
    color: var(--gold);
}

.large-btn {
    margin-top: 22px;
    min-width: 400px;
}

.why-image {
    width: 100%;
    height: 100% !important;
    min-height: 562px;
    object-fit: cover;
}

/* ==============================
   Make Invisible Visible Section
================================= */
.visible-section {
    padding: 58px 0 60px;
    background: var(--paper);
}

.visible-layout {
    display: grid;
    grid-template-columns: 310px 1fr 358px;
    align-items: center;
    gap: 46px;
}

.visible-art {
    width: 100%;
    max-height: 230px;
    object-fit: contain;
}

.visible-copy {
    max-width: 810px;
    margin-inline: auto;
    text-align: center;
}

.visible-copy h2 span {
    color: var(--gold);
}

.visible-copy p {
    margin: 20px auto 0;
    max-width: 830px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
}

/* ==============================
   Impact Pillars Section
================================= */
.impact-section {
    padding: 58px 0 64px;
    background: var(--paper);
    border-top: 1px solid #dedbd4;
}

.impact-grid {
    margin-top: 46px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.impact-item {
    min-height: 214px;
    padding: 0 48px;
    text-align: center;
    border-right: 1px solid #cfcac2;
}

.impact-item:last-child {
    border-right: 0;
}

.impact-item img {
    width: 72px !important; 
    height: 72px !important;
    margin: 0 auto 24px;
    object-fit: contain;
}

.impact-item h3 {
    margin: 0 0 18px;
    color: var(--ink);
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.impact-item p {
    margin: 0 auto;
    max-width: 280px;
    font-size: 18px;
    line-height: 1.35;
}

/* ==============================
   Bottom CTA Section
================================= */
.cta-section {
    padding: 72px 0;
    color: var(--white);
    background: var(--navy);
}

.cta-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.cta-section h2 {
    color: var(--white);
}

.cta-section p {
    max-width: 630px;
    margin: 22px 0 0;
    color: var(--white);
    font-size: 18px;
    line-height: 1.45;
}

/* .cta-section .btn {
    min-width: 420px;
} */

/* ==============================
   Footer And Important Information
================================= */
.site-footer {
    color: var(--white);
    background: var(--navy);
        border: 0 !important;

}

.home-footer{
    border-top: 1px solid var(--gold) !important;
}
.important-info {
    padding: 52px 0 44px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.important-info h2,
.footer-main h3 {
    margin: 0 0 22px;
    color: var(--gold);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}


.important-info {
    padding: 52px 0 44px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.important-info-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.important-info-content {
    flex: 1;
}

.important-info-content h2 {
    max-width: 460px;
    margin: 0 0 16px;
    color: var(--white);
    font-size: 32px;
    font-family:Playfair Display, Georgia, serif;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
}

.important-info-content h2 .highlight {
    color: var(--gold);
}

.important-info-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    max-width: 440px;
}

.important-info-actions {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-shrink: 0;
    min-width: 300px;
}

.imp-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    
    transition: opacity 0.2s;
    border-radius: 6px;
}


.imp-btn--red {
    background: var(--red);
    color: var(--white);
    border: 2px solid var(--red);
    
}
.imp-btn--red:hover {
    background-color: #5b6572;
}
.imp-btn--outline {
    background: transparent;
    color: var(--white);
    border: 2px solid #D59E44;
}
.imp-btn--outline:hover {
    border: 2px solid #fff;
}



.important-info p {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 1.45;
}

.footer-main {
    padding: 42px 0 24px;
    display: grid;
    grid-template-columns: 1.5fr 0.8fr 0.9fr 0.9fr;
    gap: 70px;
}

.footer-logo img {
    width: 240px;
}

.footer-brand p,
.footer-legal p {
    max-width: 450px;
    margin: 26px 0 0;
    font-size: 18px;
    line-height: 1.45;
    margin-bottom: 15px;
}

.footer-links,
.footer-contact,
.footer-legal {
    display: grid;
    align-content: start;
}

.footer-links a,
.footer-contact a,
.footer-legal a {
    color: var(--white);
    font-size: 18px;
}

.contact-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.contact-link img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.footer-links a:hover,
.footer-contact a:hover,
.footer-legal a:hover {
    color: var(--gold);
}

.socials {
    display: flex;
    gap: 24px;
    margin-top: 18px;
}

.socials a {
    width: 45px;
    height: 45px;
    display: inline-grid;
    place-items: center;
    margin: 0;
}

.socials img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer-legal {
    padding-left: 32px;
    border-left: 1px solid rgba(255, 255, 255, 0.32);
}

.footer-legal p {
    margin-top: 0;
}

.footer-legal div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.copyright {
    margin: 0;
    padding-bottom: 36px;
    text-align: center;
    font-size: 18px;
}

/* ==============================
   Responsive Rules
================================= */
@media (max-width: 1399.98px) {
    .navbar-nav {
        gap: 16px;
    }

    .principle-item {
        padding-inline: 28px;
    }

    .visible-layout {
        grid-template-columns: 220px 1fr 250px;
    }
}

@media (max-width: 1199.98px) {
    .navbar {
        min-height: 96px;
    }

    .navbar .container-custom {
        flex-wrap: wrap;
        gap: 0;
        padding-block: 16px;
    }

    .navbar-toggler {
        margin-left: auto;
    }

    .navbar-collapse {
        flex-basis: 100%;
        padding: 20px 0 28px;
    }

    .navbar-nav {
        align-items: flex-start !important;
        gap: 6px;
        margin: 16px 0;
    }

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

    .impact-item:nth-child(2) {
        border-right: 0;
    }

    .principle-item {
        /* Principles band: use a light divider on the navy background in tablet layout. */
        border-bottom: 1px solid var(--line);
    }

    .principle-item:nth-child(odd) {
        /* Principles band: add the middle divider when the grid becomes two columns. */
        border-right: 1px solid var(--line);
    }

    .principle-item:nth-child(n+3) {
        border-bottom: 0;
    }

    .principle-item::after {
        display: none;
    }

    .why-copy {
        padding: 64px 0;
    }

    /* Path cards: reduce inner padding before cards stack so buttons stay inside the card. */
    .path-body {
        padding-inline: 24px;
    }

    .visible-layout {
        grid-template-columns: 1fr;
    }

    .visible-art {
        max-width: 220px;
        margin-inline: auto;
    }

    .footer-main {
        grid-template-columns: repeat(2, 1fr);
        gap: 44px;
    }

    .footer-legal {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 991.98px) {
    /* Path cards: extra vertical gap protects the raised circle icons when cards stack. */
    .path-row {
        --bs-gutter-y: 72px;
    }
    .important-info-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .important-info-actions {
        width: 100%;
        min-width: unset;
    }

    .imp-btn {
        width: 100%;
    }
    .path-card--featured{
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .container-custom {
        width: min(100% - 32px, 1700px);
    }

    .brand-logo img {
        width: 150px;
    }

    .hero-section,
    .hero-inner {
        min-height: 650px;
    }

    .hero-inner {
        /* Hero spacing: add bottom breathing room so stacked buttons do not touch the next section. */
        padding-block: 72px 56px;
        align-items: center;
    }

    .hero-section {
        background:
            linear-gradient(90deg, rgba(2, 13, 28, 0.95), rgba(2, 13, 28, 0.62)),
            url("./Assets/hero-bg.png") 43% center / cover no-repeat;
    }

    .hero-actions,
    .cta-layout {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-actions {
        /* Hero buttons: slightly larger vertical gap after switching to stacked CTAs. */
        gap: 16px;
    }

    .btn,
    .cta-section .btn,
    .large-btn,
    .btn-dark-action,
    .btn-red-action {
        width: 100%;
        min-width: 0;
    }

    .principles-grid,
    .impact-grid {
        grid-template-columns: 1fr;
    }

    .principle-item,
    .impact-item {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    }

    .principle-item {
        /* Principles band: restore visible dividers after the shared mobile border rule above. */
        border-right: 0;
        border-bottom-color: var(--line);
        min-height: 128px;
        padding: 25px 12px;
    }

    .principle-item:nth-child(odd) {
        /* Principles band: remove the tablet middle divider after items become one column. */
        border-right: 0;
    }

    .principle-item:nth-child(n+3) {
        /* Principles band: all stacked items except the last should keep a divider. */
        border-bottom: 1px solid var(--line);
    }

    .principle-item:last-child,
    .impact-item:last-child {
        border-bottom: 0;
    }

    .path-section,
    .visible-section,
    .impact-section,
    .cta-section {
        padding-block: 44px;
    }

    .path-body {
        min-height: 0;
        padding-inline: 22px;
    }

    /* Path card buttons: tighten spacing on phones so long labels remain inside the button. */
    .path-body .btn {
        gap: 12px;
        padding-inline: 14px;
        font-size: 12px;
        line-height: 1.25;
        white-space: normal;
    }

    .why-image {
        min-height: 340px;
    }

    .visible-art {
        display: none;
    }

    .impact-item {
        min-height: auto;
        padding: 30px 20px;
    }

    .footer-main {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .footer-logo img {
        width: 205px;
    }
}

/* ==============================
   About Page
================================= */
.about-page {
    background: var(--paper);
}

.about-hero {
    min-height: 575px;
    color: var(--white);
    /* About hero: use the dedicated background image from Assets with a dark overlay for readable text. */
    
}

.about-hero-inner {
    min-height: 575px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-eyebrow {
    margin: 0;
    color: var(--gold);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.about-hero h1,
.about-mission-copy h2,
.about-centered-heading h2,
.founder-section h2 {
    margin: 0;
    font-family: var(--font-heading);
    font-weight: 500;
    line-height: 1.05;
}

.about-hero h1 {
    /*max-width: 650px;*/
    margin-top: 18px;
    color: var(--white);
    font-size: clamp(48px, 4.5vw, 72px);
}

.about-hero h1 span {
    color: var(--gold);
}

.about-rule {
    width: 116px;
    height: 6px;
    margin: 28px 0 24px;
    background: var(--red);
}

.about-rule.small {
    width: 62px;
    height: 4px;
    margin: 12px 0 32px;
}

.about-hero p:last-child {
    max-width: 510px;
    margin: 0;
    font-size: 22px;
    line-height: 1.35;
}

.about-feature-band {
    background: var(--navy);
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.about-feature-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.about-feature-item {
    position: relative;
    min-height: 210px;
    padding: 42px 26px 34px;
    text-align: center;
}

.about-feature-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 70%;
    background: var(--line);
    transform: translateY(-50%);
}

.about-feature-item img {
    width: 56px !important;
    height: 56px !important;
    margin: 0 auto 18px;
    object-fit: contain;
}

.about-feature-item h2 {
    margin: 0 0 12px;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    text-transform: uppercase;
}

.about-feature-item p {
    max-width: 245px;
    margin: 0 auto;
    color: var(--white);
    font-size: 12px;
    line-height: 1.45;
}

.about-mission-section {
    padding: 66px 0 58px;
}

.about-mission-copy {
    padding-top: 8px;
}

.about-mission-copy h2 {
    max-width: 560px;
    color: var(--ink);
    font-size: clamp(34px, 3vw, 48px);
}

.about-mission-copy p:not(.about-eyebrow) {
    max-width: 630px;
    margin: 24px 0 0;
    font-size: 18px;
    line-height: 1.65;
}

.btn-outline-ink {
    margin-top: 32px;
    min-height: 58px;
    color: var(--ink);
    border: 2px solid var(--ink);
    background: transparent;
}

.btn-outline-ink:hover {
    color: var(--white);
    background: var(--ink);
}

.btn-outline-ink:hover .btn-arrow {
    filter: brightness(0) invert(1);
}

.ecosystem-card {
    padding: 34px 40px 46px;
    color: var(--white);
    background: var(--navy);
    border-radius: 12px;
}

.ecosystem-card h2 {
    margin: 0;
    color: var(--gold);
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
}

.ecosystem-list {
    margin-top: 24px;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.ecosystem-list::before {
    /* Wise ecosystem: left bracket line that connects the icon column like the reference design. */
    content: "";
    position: absolute;
    left: 0;
    top: 76px;
    bottom: 47px;
    width: 102px;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-right: 0;
    border-radius: 6px 0 0 6px;
    pointer-events: none;
}

.ecosystem-item {
    position: relative;
    display: grid;
    grid-template-columns: 134px minmax(240px, 1fr) minmax(270px, 1.15fr);
    align-items: center;
    gap: 24px;
    padding: 20px 0 20px 43px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.ecosystem-item:last-child {
    border-bottom: 0;
}

.ecosystem-icon {
    /* Wise ecosystem: large circles sit on top of the bracket line. */
    position: relative;
    z-index: 1;
    width: 108px;
    height: 108px;
    display: grid;
    place-items: center;
    background: var(--navy);
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 50%;
}

.ecosystem-icon img {
    width: 48px !important; 
    height: 48px !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.ecosystem-item h3 {
    margin: 0;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.ecosystem-item p {
    margin: 0;
    color: var(--white);
    font-size: 16px;
    line-height: 1.68;
}

.ecosystem-item div p {
    color: var(--gold);
}

.ecosystem-item > p {
    /* Wise ecosystem: vertical divider before the description column. */
    align-self: stretch;
    display: flex;
    align-items: center;
    padding-left: 24px;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
}

.about-principles-section,
.about-pathways-section {
    padding: 34px 0 54px;
}

.about-centered-heading {
    text-align: center;
}

.about-centered-heading h2 {
    color: var(--ink);
    font-size: clamp(34px, 3.1vw, 48px);
    text-transform: uppercase;
}

.about-centered-heading p {
    max-width: 720px;
    margin: 28px auto 0;
    font-size: 15px;
    line-height: 1.4;
}

.about-principles-grid {
    margin-top: 58px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.about-principle {
    min-height: 230px;
    padding: 0 46px;
    text-align: center;
    border-right: 1px solid #d5d0c8;
}

.about-principle:last-child {
    border-right: 0;
}

.about-principle img {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 22px;
    object-fit: contain;
}

.about-principle h3 {
    margin: 0 0 18px;
    color: var(--ink);
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.about-principle p {
    margin: 0 auto;
    max-width: 300px;
    font-size: 14px;
    line-height: 1.35;
}

.about-pathway-row {
    margin-top: 25px;
}

.about-pathway-card {
    height: 100%;
    display: grid;
    grid-template-columns: 38% 62%;
    overflow: hidden;
    background: var(--white);
    border: 1px solid var(--navy);
    border-radius: 10px;
}

.about-pathway-card > img {
    width: 100% !important;
    height: 100% !important;
    min-height: 280px;
    object-fit: cover;
}

.about-pathway-body {
    padding: 31px 22px 24px;
}

.about-pathway-title {
    display: flex;
    /* align-items: center; */
    gap: 13px;
}

.about-pathway-title span.path-main-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    border-radius: 50%;
    background: var(--navy);
}

.about-pathway-card.featured .about-pathway-title span.path-main-icon {
    background: var(--red);
}

.about-pathway-title span img {
    width: 27px !important;
    height: 27px !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.about-pathway-title h3 {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.22;
    text-transform: uppercase;
    min-height: 45px;
}

.about-pathway-card.featured h3 {
    color: var(--red);
}

.about-pathway-card .path-subtitle {
    color: #021024;
}
.about-pathway-card.featured .path-subtitle {
    color: #A12124;
}

.about-pathway-body .path-subtitle {
    margin: 18px 0 18px;
    font-size: 14px;
}

.about-pathway-body p:not(.path-subtitle) {
    min-height: 86px;
    margin: 0 0 20px;
    font-size: 12px;
    line-height: 1.65;
}

.about-pathway-body .btn {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    padding-inline: 18px;
    font-size: 12px;
}

.founder-section {
    min-height: 520px;
    color: var(--white);
     
}

.founder-content {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.quote-mark {
    color: var(--gold);
    font-family: var(--font-heading);
    font-size: 130px;
    line-height: 0.6;
}

.founder-section h2 {
    max-width: 590px;
    color: var(--white);
    font-size: clamp(32px, 3vw, 44px);
}

.founder-section p {
    max-width: 585px;
    margin: 34px 0 0;
    font-size: 18px;
    line-height: 1.7;
}

.founder-name {
    color: var(--gold);
    font-family: var(--font-heading);
    font-size: 28px !important;
    font-weight: 700;
}

.founder-title {
    margin-top: 3px !important;
    color: var(--gold);
    font-family: var(--font-heading);
    font-size: 18px !important;
}

.about-info-band {
    padding: 38px 0 44px;
    background: var(--paper);
}

.about-info-layout {
    display: grid;
    grid-template-columns: 58px 1fr 1fr;
    align-items: start;
    gap: 38px;
}

.about-info-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: var(--ink);
    border: 4px solid var(--ink);
    border-radius: 50%;
    font-size: 27px;
    font-weight: 800;
    line-height: 1;
}

.about-info-band h2 {
    margin: 0 0 18px;
    color: var(--gold);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.about-info-band p {
        margin: 0;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 500;
    color: #000000;
}

.about-info-layout > p {
    padding-left: 42px;
    height: 100%;
    border-left: 1px solid #b8b1a7;
    padding-top: 30px;
}

@media (max-width: 1199.98px) {
    .about-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-feature-item::after {
        display: none;
    }

    .about-info-layout {
        grid-template-columns: 1fr;
    }

    .about-info-layout > p {
        padding-left: 0;
        border-left: 0;
    }

    .about-mission-section .col-lg-5,
    .about-mission-section .col-lg-7 {
        /* About mission: stack columns before the ecosystem card becomes too narrow. */
        width: 100%;
    }

    .ecosystem-item {
        /* Wise ecosystem: keep the reference-style timeline layout while the section has full width. */
        grid-template-columns: 124px minmax(220px, 1fr) minmax(240px, 1.1fr);
        gap: 20px;
        padding-left: 35px;
    }

    .about-principles-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
    }

    .about-principle:nth-child(2) {
        border-right: 0;
    }
}

@media (max-width: 767.98px) {
    .about-hero,
    .about-hero-inner {
        min-height: 560px;
    }

    .about-hero {
        /* About hero: keep the background image framed better on narrow screens. */
        background-position: 58% center;
    }

    .about-hero h1 {
        font-size: 42px;
    }

    .about-hero p:last-child {
        font-size: 18px;
    }

    .about-feature-grid,
    .about-principles-grid {
        grid-template-columns: 1fr;
    }

    .about-feature-item {
        min-height: auto;
        padding: 30px 18px;
        border-bottom: 1px solid var(--line);
    }

    .about-feature-item:last-child {
        border-bottom: 0;
    }

    .about-mission-section,
    .about-principles-section,
    .about-pathways-section {
        padding-block: 44px;
    }

    .ecosystem-card {
        padding: 28px 20px;
    }

    .ecosystem-card h2 {
        font-size: 22px;
    }

    .ecosystem-list::before {
        /* Wise ecosystem: hide the left bracket line on mobile for a cleaner stacked layout. */
        display: none;
    }

    .ecosystem-item {
        /* Wise ecosystem: stack content cleanly on phones while keeping icons on the left line. */
        grid-template-columns: 88px 1fr;
        gap: 14px 18px;
        padding: 22px 0;
    }

    .ecosystem-icon {
        width: 78px;
        height: 78px;
    }

    .ecosystem-icon img {
        width: 38px;
        height: 38px;
    }

    .ecosystem-item h3 {
        font-size: 19px;
    }

    .ecosystem-item p {
        font-size: 14px;
        line-height: 1.55;
    }

    .ecosystem-item > p {
        /* Wise ecosystem: remove the desktop description divider after stacking the text. */
        grid-column: 2;
        display: block;
        padding-left: 0;
        border-left: 0;
    }

    .about-principle {
        min-height: auto;
        padding: 28px 18px;
        border-right: 0;
        border-bottom: 1px solid #d5d0c8;
    }

    .about-principle:last-child {
        border-bottom: 0;
    }

    .about-pathway-card {
        grid-template-columns: 1fr;
    }

    .about-pathway-card > img {
        min-height: 210px;
    }

    .founder-section {
        /* Founder section: use the full mobile artwork instead of cropping it with cover. */
        min-height: min(calc(100vw * 3.797), 1481px);
        /*background: var(--navy) url("./Assets/founder mobile bg.png") top center / min(100%, 390px) auto no-repeat;*/
    }

    .founder-content {
        /* Founder section: place the copy over the dark area built into the mobile image. */
        min-height: auto;
        justify-content: flex-start;
        padding: 38px 16px 0;
    }

    .quote-mark {
        /* Founder section: scale the quote mark to match the mobile composition. */
        font-size: 78px;
        line-height: 0.75;
    }

    .founder-section h2 {
        max-width: 330px;
        font-size: clamp(34px, 10.8vw, 42px);
        line-height: 1.28;
    }

    .founder-section p {
        max-width: 340px;
        margin-top: 26px;
        font-size: clamp(16px, 4.2vw, 21px);
        line-height: 1.65;
    }

    .founder-name {
        margin-top: 36px !important;
        font-size: clamp(28px, 8vw, 32px) !important;
    }

    .founder-title {
        margin-top: 8px !important;
        font-size: clamp(20px, 6.6vw, 26px) !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .founder-section {
        /* Founder section: keep the mobile artwork at its intended portrait size on wider phones. */
        min-height: 1481px;
        background-size: 390px auto;
    }

    .founder-content {
        /* Founder section: keep the text comfortably inside the dark top area on wider mobile screens. */
        padding-top: 56px;
    }
}

/* ==============================
   Private Strategic Advisory Page
================================= */
.private-page {
    background: #f5f5f5;
}

.private-hero {
    
   
    
       
       
}

.private-hero-inner {
    min-height: 538px;
    display: flex;
    align-items: center;
}

.private-hero-copy {
    width: min(100%, 650px);
    margin-left: 335px;
    padding-top: 12px;
}

.private-hero h1,
.private-block h2,
.application-card h2,
.private-centered-heading h2,
.benefits-band h2,
.expect-card h3,
.after-grid h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-weight: 400;
    line-height: 1.08;
    text-transform: uppercase;
}

.private-hero h1 {
    color: var(--white);
    font-size: clamp(42px, 3.9vw, 62px);
}

.private-hero p {
    max-width: 640px;
    margin: 24px 0 20px;
    font-size: 16px;
    line-height: 1.6;
}

.private-hero-btn {
    width: auto;
    min-width: 244px;
margin-bottom: 15px;
}

.private-consultation {
    position: relative;
    z-index: 2;
    color: var(--white);
    background: var(--navy);
}

.consultation-inner {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 32px;
    padding: 22px 0 5px;
}

.consultation-icon {
    width: 65px;
    height: 65px;
    display: grid;
    place-items: center;
    color: var(--gold);
    border: 4px solid var(--gold);
    border-radius: 50%;
    font-family: var(--font-heading);
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
}

.private-consultation h2 {
    margin: 0 0 15px;
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.private-consultation p {
    max-width: 865px;
    margin: 0 0 12px;
    color: var(--white);
    font-size: 16px;
    line-height: 1.72;
}

.private-main-section {
    position: relative;
    z-index: 3;
    padding: 44px 0 0;
    background: #f6f6f6;
}

.private-main-section .row {
    --bs-gutter-x: 42px;
}

.private-block {
    padding: 0 0 36px;
}

.private-block h2,
.private-centered-heading h2 {
    color: var(--ink);
    font-size: clamp(30px, 2.3vw, 42px);
    font-weight: 600;
}

.private-red-rule {
    width: 70px;
    height: 3px;
    margin: 14px 0 26px;
    background: var(--red);
}

@media (max-width:576px){
    .second-section-item{
        text-align: center;
    }
}


.private-block > p,
.private-centered-heading p {
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.7;
}

.analysis-lines {
    display: grid;
    gap: 10px;
}

.analysis-lines article,
.step-list article {
    display: grid;
    align-items: center;
    background: var(--white);
    border: 1px solid #0F2661;
    box-shadow: 0 1px 3px rgba(7, 20, 38, 0.06);
}

.analysis-lines article {
        grid-template-columns: 44px 1fr;
    min-height: 42px;
    border-radius: 20px 4px 4px 20px;
    border: 0;
    box-shadow: none;
    /*background: transparent !important;*/
    border-radius: 0;
}

.analysis-lines img {
    width: 34px;
    height: 34px;
    margin-left: 4px;
    object-fit: contain;
    background-color: black;
    padding: 4px;
    border-radius: 50%;
}

.analysis-lines span,
.step-list span {
    color: #172234;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}

.soft-note,
.example-note {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin-top: 18px !important;
    padding: 8px 10px;
    color: #2367a9;
    background: #eaf3ff;
    border-radius: 999px;
    font-size: 12px !important;
}
.access-card {
    margin-top: 3px;
    padding: 33px 31px 28px;
    color: var(--white);
    background: var(--navy);
    border-top-right-radius: 4px;
    position: relative;
    border-bottom-right-radius: 4px;
}

.access-card:before {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    bottom: 0;
    background: #011f46;
    width: 100%;
    z-index: -1;
    height: 100%;
    right: 100%;
}

@media (max-width: 768px) {
    .access-card::before {
        display: none;
    }
}
.access-card h2 {
    color: var(--white);
    font-size: clamp(28px, 2.2vw, 38px);
}

.access-card p {
    max-width: 895px;
    color: var(--white);
    font-size: 12px;
    line-height: 1.68;
}

.access-card h3 {
    margin: 20px 0 17px;
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
}

.access-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 13px;
}

.access-grid article {
    min-height: 122px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 12px;
    padding: 15px 8px;
    color: var(--ink);
    background: var(--white);
    border-radius: 5px;
    text-align: center;
}

.access-grid img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.access-grid span {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.28;
}

.access-alert {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 36px;
    margin: 14px 0 0 !important;
    padding: 7px 13px;
    color: var(--navy) !important;
    background: var(--white);
    border-radius: 4px;
}

.access-alert span {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    flex: 0 0 18px;
    color: var(--navy);
    border: 2px solid var(--navy);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
}

.session-steps {
    padding-top: 43px;
}

.step-list {
    display: grid;
    gap: 15px;
}

.step-list article {
    grid-template-columns: 52px 40px 1fr;
    min-height: 43px;
    border-radius: 22px 4px 4px 22px;
}

.step-list img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.step-list b {
    color: #071426;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.example-note {
          width: 100%;
    justify-content: flex-start;
    color: #000;
    background: #F4F7FF;
    border-radius: 10px;
    gap: 20px;
    border: 1px solid #A6C9F5;
}

.example-note span {
    margin-right: 5px;
    font-weight: 700;

}

.why-analysis {
    padding-top: 16px;
}

.why-analysis .why-feature-grid {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.why-feature-grid article {
    background: var(--white);
    width: 100%;
    border-radius:10px;
}

.why-feature-grid img {
    width: 125px;
    height: 125px;
    margin: 0 auto;
    object-fit: contain;
}

.why-feature-grid h3 {
    margin: 0 0 10px;
    color: var(--navy);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.22;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
}

.why-feature-grid p {
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    padding: 20px;
}

.private-form-column {
    margin-top: -160px;
}

.application-card,
.next-card {
    background: var(--white);
    border-radius: 6px;
  /*  box-shadow: 0 4px 18px rgba(7, 20, 38, 0.13);*/
}

.application-card {
    position: sticky;
    padding: 34px 32px 30px;
}

.application-card h2 {
    color: var(--ink);
    font-size: clamp(30px, 2.3vw, 42px);
}

.application-card form,
.check-list {
    display: grid;
}

.application-card form {
    gap: 13px; position: relative;
}

.application-card label {
    margin: 0;
    color: #111a28;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    width: 100%;
}

.application-card select,
.application-card input[type="text"],
.application-card input[type="email"],
.application-card input[type="tel"] {
    width: 100%;
    height: 40px;
    margin-top: 7px;
    padding: 0 13px;
    color: #5b6572;
    background: var(--white);
    border: 1px solid #d3d7dc;
    border-radius: 3px;
    font: 500 16px var(--font-body);
}

.application-card h3 {
    margin: 8px 0 0;
    color: var(--red);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.check-list {
    gap: 9px;
}

.check-list label {
    display: flex;
    /*grid-template-columns: 17px 1fr;*/
    gap: 9px;
    align-items: start;
    color: #172234;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

.check-list input {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    accent-color: var(--red);
}

.application-submit {
    width: 100%;
    max-width: none;
    min-height: 66px;
    margin-top: 6px;
    justify-content: center;
}

.secure-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 20px 0 44px;
    color: var(--navy);
    font-size: 11px;
    font-weight: 600;
}

.secure-note::before {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background: url("./../img/another-secure-recordkeeping-system.png") center / contain no-repeat;
}

.next-card {
    padding: 27px 24px 25px;
}

.next-card h3 {
    margin: 0 0 14px;
    color: var(--navy);
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.next-card .next-card-content p {
    min-width: 290px;
    margin: 0 0 18px;
    font-size: 11px;
    line-height: 1.45;
}

.next-flow {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 9px;
}

.next-flow span {
    position: relative;
    padding-top: 28px;
    color: #172234;
    font-size: 8px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}
 
.next-flow span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translateX(-50%);
    background: url("./../img/WHATTOEXPECTDURINGTHESESSIONicon-1.png") center / contain no-repeat;
}

/*.next-flow span:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10px;
    left: calc(50% + 15px);
    width: calc(100% - 21px);
    height: 1px;
    background: #d6292d;
}*/

.benefits-band {
    margin-top: 20px;
    padding: 48px 0 45px;
    color: var(--white);
    
}

.benefits-band h2 {
    color: var(--white);
    font-size: 30px;
}

.benefits-band ul {
    display: grid;
    gap: 12px;
    max-width: 760px;
    margin: 23px 0 0;
    padding: 0;
    list-style: none;
}

.benefits-band li {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}

.benefits-band li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    background: var(--red);
    border-radius: 50%;
}

.benefits-band li::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 11px;
    width: 10px;
    height: 5px;
    border: solid var(--white);
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg);
}

.expect-card-section,
.after-analysis-section {
    padding: 58px 0 68px;
    background: #f6f6f6;
}
.expect-card li{
    font-size: 18px !important;
    font-weight: 500;
}

.private-centered-heading {
    margin-bottom: 42px;
    text-align: center;
}

.private-centered-heading .private-red-rule {
    margin-bottom: 0;
}

.expect-card-section .row {
    --bs-gutter-x: 30px;
}

.expect-card {
    height: 100%;
    display: grid;
    grid-template-columns: 37% 1fr;
    gap: 26px;
    padding: 18px;
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(7, 20, 38, 0.16);
}

.expect-card > img {
    width: 100%;
    height: 100%;
    min-height: 366px;
    object-fit: cover;
    border-radius: 3px;
}

.expect-card h3 {
    margin-top: 16px;
    color: var(--ink);
    font-size: 25px;
}

.expect-card ul,
.after-grid ul {
    display: grid;
    gap: 11px;
    margin: 21px 0 0;
    padding: 0;
    list-style: none;
}

.expect-card li,
.after-grid li {
    position: relative;
    padding-left: 20px;
    font-size: 11px;
    line-height: 1.48;
}

.expect-card li::before,
.after-grid li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 13px;
    height: 13px;
    background: var(--navy);
    border-radius: 50%;
}

.expect-card li::after,
.after-grid li::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 14px;
    width: 5px;
    height: 3px;
    border: solid var(--white);
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg);
}

.after-analysis-section {
    padding-top: 36px;
}

.after-analysis-section .private-centered-heading p {
    max-width: 720px;
    margin: 22px auto 0;
}

.after-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
}

.after-grid article {
    min-height: 550px;
    padding: 36px 20px 27px;
    text-align: center;
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(7, 20, 38, 0.16);
}

.after-grid article > span {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    margin: 0 auto 26px;
    border-radius: 50%;
    background: #e9f3ff;
}

.after-grid article:first-child > span {
    background: var(--navy);
}

.after-grid article:first-child > span img {
    filter: brightness(0) invert(1);
    width: 43px;
    height: 43px;
}

.after-grid img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.after-grid h3 {
    min-height: 72px;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.25;
    text-transform: none;
}

.after-grid p {
    margin: 0 auto 18px;
    max-width: 245px;
    font-size: 11px;
    line-height: 1.55;
}

.after-grid ul {
    margin-top: 18px;
    text-align: left;
}

.after-grid li {
    min-height: 28px;
    padding: 8px 9px 8px 28px;
    background: #eef4fa;
    border-radius: 4px;
}

@media (max-width: 1399.98px) {
    .private-hero-copy {
        margin-left: 275px;
    }

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

    .why-analysis .why-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1199.98px) {
    .private-hero-copy {
        margin-left: 0;
    }

    .private-form-column {
        margin-top: 0;
    }

    .application-card {
        position: static;
    }

    .private-consultation p {
        max-width: none;
    }

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

    .after-grid article {
        min-height: auto;
    }
}

@media (max-width: 991.98px) {
    .expect-card {
        grid-template-columns: 220px 1fr;
    }

    .expect-card > img {
        min-height: 300px;
    }
}

@media (max-width: 767.98px) {
    .private-hero,
    .private-hero-inner {
        min-height: 520px;
    }

    .private-hero {
        background:
            linear-gradient(90deg, rgba(2, 13, 28, 0.93), rgba(2, 13, 28, 0.58)),
            url("./../img/PRIVATE-STRATEGIC-ADVISORY-hero-bg.png") 36% center / cover no-repeat;
    }

    .private-hero h1 {
        font-size: 36px;
    }

    .private-hero p {
        font-size: 14px;
    }

    .consultation-inner {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .private-main-section {
        padding-top: 36px;
    }

    .access-card,
    .application-card,
    .next-card {
        padding-inline: 18px;
    }

    .analysis-lines article {
        grid-template-columns: 42px 1fr;
        padding-right: 10px;
    }

    .access-grid,
    .why-analysis .why-feature-grid,
    .after-grid,
    .next-flow {
       /* grid-template-columns: 1fr;*/
            display: flex;
        justify-content: space-between;
    }
   ..next-card p{max-width: 100%;}

    .step-list article {
        grid-template-columns: 48px 30px 1fr;
        padding-right: 10px;
    }

    .soft-note,
    .example-note {
        border-radius: 14px;
    }

    .expect-card {
        grid-template-columns: 1fr;
    }

    .expect-card > img {
        min-height: 230px;
        max-height: 330px;
    }

    .next-flow span:not(:last-child)::after {
        display: none;
    }
}
.font-bold-500{
    font-weight:500;
}
.transform-icon{
    border-radius: 50%;
    border: 1px solid #0F2661;
    background-color: #fff;
    transform: scale(1.1);
}

/*  */



/* Strategic Philanthropy page css start */
.hero-btn{
 width: min(100%, 360px) !important;
}
.second-section {
    background-color: #000F22;
    color: #fff;
    padding: 60px 0;

}

.second-section-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
}

.second-section-item {
    display: flex;
    flex-direction: column;
    padding: 28px 16px;
    gap: 12px;
}



.second-section-item img {
    width: 56px !important;
    height: 56px !important;
    object-fit: contain;
    flex-shrink: 0;
    margin: 0 auto;
}

.second-section-item h5 {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0;
    color: #fff;
}

.second-section-item p {
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
}
.second-section-item:not(:last-child) {
    border-right: 1px solid #475260;
}

@media (max-width: 1024px) {
    .second-section-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .second-section {
        padding: 40px 0;
    }

    .second-section-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .second-section-item {
        padding: 20px 12px;
    }
}

@media (max-width: 400px) {
.next-flow-card1::after, .next-flow-card2::after, .next-flow-card3::after, .next-flow-card4::after {
    top: 100% !important;
    right: 46% !important;
    transform: rotate(90deg) !important;
}
    .second-section-grid {
        grid-template-columns: 1fr;
    }
.next-flow{ display: block;}
}

.third-section{
    padding: 30px 0;
    background-color: #f0ebe4;
    position: relative;
}

section.third-section.section-heading::Before {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background: #0000001c;
    margin: auto;
    bottom: 22px;
    position: absolute;
    left: 0;
    right: 0;
}

.third-section .heaing-color{
    color:#A81012
}
.third-section .section-right img{
    max-width: 100% !important;
}

.third-stat-item img {
    width: 56px !important;
    height: 56px !important;
    object-fit: contain;
    flex-shrink: 0;
}

.fifth-section{
background:  linear-gradient(90deg, rgba(2, 13, 28, 0.92) 0%, rgba(2, 13, 28, 0.98) 65%, rgba(2, 13, 28, 0.1) 68%);
color: #fff;
}

.arrow-img{
    position: relative;
    padding: 0 !important;
}
.arrow-img{
    position: absolute;
    left: -20px !important;
}


.current-focus-card {
    background-color: #0a1220;
    border: 1px solid #2a3a52;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
}

.current-focus-header {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
    padding: 14px 16px;
    border-bottom: 1px solid #2a3a52;
    color: #fff;
}

.current-focus-list {
    list-style: none;
    padding: 8px 20px;
    margin: 0;
}

.current-focus-list li {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    font-size: 1rem;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.07);
}

.current-focus-list li:last-child {
    border-bottom: none;
}

.focus-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 1.3rem;
    color: #fff;
    flex-shrink: 0;
}


.strategic-focus-card {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    color: #0d1f3c;
}

.strategic-focus-header {
    background-color: #b71c1c;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
    padding: 14px 16px;
}

.strategic-focus-list {
    list-style: none;
    padding: 8px 20px;
    margin: 0;
}

.strategic-focus-list li {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    font-size: 1rem;
    font-weight: 500;
    color: #0d1f3c;
    border-bottom: 1px solid rgba(0,0,0,0.07);
}

.strategic-focus-list li span{
    color: #0F2661;
}
.strategic-focus-list li:last-child {
    border-bottom: none;
}

.strategic-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 1.3rem;
    color: #1565c0;
    flex-shrink: 0;
}

.strategic-icon--box {
    border: 2px solid #1565c0;
    border-radius: 4px;
    font-size: 1.1rem;
}


    .sixth-sec-h4{
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 2rem;    
    font-weight: 700;
    line-height: 1.5;
}

.tax-rules-heading {
    font-weight: 700;
    color: #0d1f3c;
    margin-bottom: 16px;
}

.tax-rules-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tax-rules-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    font-size: 1rem;
    color: #1a1a1a;
    border-bottom: none;
}

.tax-rules-list li .fa-check {
    color: #b71c1c;
    font-size: 1.1rem;
    flex-shrink: 0;
}


.seventh-section {
    background-color: #f0ebe4;
}

.choose-path-heading {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #0d1f3c;
    font-size: 2rem;
}


.path-card {
    background: #fff;
    border: 1px solid #e4ddd5;
    border-radius: 10px;
    /*padding: 32px 28px;*/
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease;
}

.path-card:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.10);
}

.path-card--featured {
    box-shadow: 0 6px 24px rgba(0,0,0,0.10);
    padding: 32px 28px;
    background: #F0EAE7 !important;

        display: flex;
    flex-direction: row;
    gap: 20px;
}


.path-icon-wrap {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.path-icon--navy  { background-color: #011024; }
.path-icon--red   { background-color: #8b1a1a; }


.path-title {
        font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.04em;
    color: #0d1f3c;
    margin-bottom: 6px;
    font-family: 'Playfair Display';
}

.path-title--red { color: #8b1a1a; }
.new-path-class{
        display: flex;
    flex-direction: column;
}

.path-subtitle {
    font-size: 1.4rem;
    margin-bottom: 14px;
    font-weight: 500;
}

.path-subtitle--gold  { color: #c49a2a; }
.path-subtitle--red   { color: #8b1a1a; }
.path-subtitle--dark  { color: #333; }


.path-desc {
    font-size: 0.88rem;
    color: #444;
    line-height: 1.6;
    flex-grow: 1;
    margin-bottom: 24px;
}


.path-btn {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 12px 20px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    width: fit-content;
}

.path-btn--navy {
    background-color: #0d1f3c;
    color: #fff;
    border: none;
}

.path-btn--navy:hover {
    background-color: #162d52;
    color: #fff;
}

.path-btn--red {
    background-color: #8b1a1a;
    color: #fff;
    border: none;
}

.path-btn--red:hover {
    background-color: #a31f1f;
    color: #fff;
}


.fourth-section,
.sixth-section {
    background-color: #f0ebe4;
}


span.focus-icon img,
.strategic-icon img{
    width: 25px !important;
    height: 25px !important;
    object-fit: contain;
}
.fifth-arrow{
    object-fit: contain;
}
.sixth-border-item {
    height: -webkit-fill-available;
    align-content: center;
}
.sixth-border-item img{
    width: 125px !important; 
    height: 125px !important;
    object-fit: contain;
}
.path-icon-wrap img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
}
@media (min-width: 576px) {
    .third-stat-item:not(:last-child) {
        border-right: 1px solid #d0c8bf;
    }
}
@media (max-width: 575.98px) {
    .third-stat-item:not(:last-child) {
        border-bottom: 1px solid #d0c8bf;
        padding-bottom: 1.25rem;
    }
}

@media (max-width: 991.98px) {
    .fifth-section {
        background: rgba(2, 13, 28, 0.97);
    }
    .fifth-section p {
        font-size: 0.9rem;
    }
}


@media (max-width: 575.98px) {
    .fifth-arrow {
        transform: rotate(90deg);
        margin: 4px auto;
    }
}


@media (max-width: 767.98px) {
    .sixth-border-item {
        border-bottom: 1px solid #d0c8bf;
        padding-bottom: 1.5rem;
    }
}
@media (min-width: 768px) {
    .sixth-border-item {
        border-right: 1px solid #d0c8bf;
    }
}



.fifth-section .img-fluid {
    border-radius: 6px;
}


@media (max-width: 575.98px) {
    .fourth-section .border-end {
        border-right: none !important;
        border-bottom: 1px solid #d0c8bf;
        padding-bottom: 1rem;
    }
}
@media (max-width: 767.98px) {
    .hero-section {
        min-height: 480px;
        background-position: 70% center;
    }
    .hero-inner {
        min-height: 480px;
    }
    .hero-content h1 {
        font-size: clamp(32px, 8vw, 52px);
    }
    .hero-actions {
        flex-direction: column;
        align-items: flex-start;
    }
    .hero-actions .btn {
        width: 100%;
        justify-content: center;
    }
}


.pillars-row {
    border: 1px solid #d5cec6;
    border-radius: 10px;
    overflow: hidden;
}

.pillar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem 1.5rem;
    transition: background 0.2s;
}

.pillar-item:hover {
    background-color: rgba(0,0,0,0.03);
}

.pillar-icon-wrap {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pillar-icon-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pillar-body h4 {
    font-size: 0.9rem;
    font-weight: 700;
    /* letter-spacing: 0.03em; */
    color: #A81012;
    margin-bottom: 0.6rem;
}

.pillar-body p {
    font-size: 0.875rem;
    color: #555;
    line-height: 1.65;
    margin: 0;
}


@media (max-width: 575.98px) {
    .pillar-item:not(:last-child) {
        border-bottom: 1px solid #d5cec6;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .pillar-item {
        padding: 2rem 1.25rem;
    }
   
    .pillar-item:nth-child(odd) {
        border-right: 1px solid #d5cec6;
    }

    .pillar-item:nth-child(-n+2) {
        border-bottom: 1px solid #d5cec6;
    }
}

@media (min-width: 992px) {
    .pillar-item {
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
        gap: 1.25rem;
        padding: 2.5rem 1.75rem;
    }
    .pillar-icon-wrap {
        margin-bottom: 0;
        width: 72px;
        height: 72px;
    }
    .pillar-item:not(:last-child) {
        border-right: 1px solid #d5cec6;
    }
}
/* Strategic Philanthropy page css end */

.new-heading{
    font-family: 'Playfair Display' !important;
    text-transform: capitalize;
}

.section-right {
    margin-right: max(32px, calc((100vw - 1700px) / 2));
}

.section-left {
    margin-left: max(32px, calc((100vw - 1700px) / 2));
}
@media (max-width: 912px) {
    .section-right,
    .section-left {
        margin-left: max(32px, calc((100vw - 1700px) / 2)) !important;
        margin-right: max(32px, calc((100vw - 1700px) / 2)) !important;
    }
    
}

@media (max-width: 786px) {
    
    .why-section .section-left{
        margin:0px 20px 0px 20px !important
    }
}

@media (max-width:576px) {
    
    .impct-icons img {
      margin: 0 auto;
    }
}



/*=========== fix Tax-Strategy-website page css=============*/
.hero-subheading-text {
    font-size: 22px !important;
}

.check-list p{ margin-bottom: 8px;}
.wpcf7-list-item.first.last{ margin: 0 !important;}
.before-apply-card {
    display: block;
    text-align: center;
max-width: 195px;
}
.apply-card-circle {
    background: #011939;
    width: 75px;
    height: 75px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
}
.apply-card-circle img {
    position: absolute;
    left: 18px;
    top: 16px;
    width: 40px;
    height: 40px;
}
.next-flow-card1::before {
    content: '1';
    background: red;
    padding: 1px 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    left: 22px;
    position: relative;
}
.next-flow-card2::before {
    content: '2';
    background: red;
    padding: 1px 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    left: 22px;
    position: relative;
}
.next-flow-card3::before {
    content: '3';
    background: red;
    padding: 1px 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    left: 22px;
    position: relative;
}
.next-flow-card4::before {
    content: '4';
    background: red;
    padding: 1px 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    left: 22px;
    position: relative;
}
.next-flow-card5::before {
    content: '5';
    background: red;
    padding: 1px 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    left: 22px;
    position: relative;
}
.next-flow-card1::after {
    content: "\2192";
    position: absolute;
    top: 20%;
    right: -12%;
    font-size: 22px;
}
.next-flow-card2::after {
    content: "\2192";
    position: absolute;
    top: 20%;
    right: -12%;
    font-size: 22px;
}
.next-flow-card3::after {
    content: "\2192";
    position: absolute;
    top: 20%;
    right: -12%;
    font-size: 22px;
}
.next-flow-card4::after {
    content: "\2192";
    position: absolute;
    top: 20%;
    right: -12%;
    font-size: 22px;
}
.next-flow-card{position:relative}
.next-flow-card p{font-size:11px; text-align: center; color: #0a1932; font-weight: 500;}
/*.before-apply-card p {
    text-transform: capitalize;
}*/
span.wpcf7-spinner {
    position: absolute;
    right: 20px;
    margin-top: 25px;
}

.wpcf7.js .btn-arrow{    
    position: absolute;
bottom: 53px;
    right: 10px;
    filter: invert(1)
}
p:has(.btn-arrow) {
    margin-bottom: 0;
}
.next-flow-card img {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}
.sixth-sections {
font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #0d1f3c;
    font-size: 2rem;
}

.speaking-section{
    background:#fff;
}

/* .heading-wrapper{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:28px;

    margin-bottom:18px;
}

.heading-wrapper .line{

    width:85px;
    height:1px;
    background:#c8a05b;
}

.heading-wrapper h4{

   
    font-weight:700;
    color:#1f1f1f;
    margin:0;
} */

.section-desc{

    max-width:920px;
    margin:auto;

    text-align:center;

    color:#444;

    font-size:20px;
    line-height:1.6;

    font-family:'Poppins',sans-serif;
}

.logos-row{

    flex-wrap:nowrap;
    padding: 50px 0;
}

.logos-row .col{

    display:flex;
    justify-content:center;
}

.logo-img{

    max-height:105px;

    object-fit:contain;

    filter:grayscale(100%);

    transition:.35s;
}

.logo-img:hover{

    filter:none;
    transform:scale(1.05);
}

/* @media(max-width:992px){

    .logos-row{

        flex-wrap:wrap;
        row-gap:35px;
    }

    .heading-wrapper h4{

        font-size:32px;
    }

    .section-desc{

        font-size:17px;
    }

    .heading-wrapper .line{

        width:55px;
    }

}

@media(max-width:576px){

    .heading-wrapper{

        flex-direction:column;
        gap:15px;
    }

    .heading-wrapper .line{

        display:none;
    }

    .heading-wrapper h4{

        font-size:28px;
        text-align:center;
    }

    .section-desc{

        font-size:16px;
    }

    .logo-img{

        max-height:80px;
    }

} */
/* Mobile */
@media (max-width: 767.98px){

    .logos-row{
        flex-wrap: wrap;
        row-gap: 0px;
    }

    .logos-row .col{
        flex: 0 0 50%;
        max-width: 100%;
        justify-content: center;
    }

    .logo-img{
        max-height: 90px;
        width: auto;
    }

    /* jis image me class nahi hai */
    .logos-row .col img{
        max-height: 90px;
        width: auto;
        object-fit: contain;
    }

}

.logos-row img {
        filter: grayscale(1);
    width: 200px;
    object-fit: contain;
}