/* Match the compact homepage header on the About Us page. */
@media (min-width: 1200px) {
    .header-style2 .navbar { display: grid !important; grid-template-columns: auto minmax(0, 1fr); column-gap: 28px; }
    .header-style2 .nav-cont { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; width: calc(100% + 36px); }
    .header-style2 .navbar-nav { width: 100% !important; max-width: none !important; min-width: 0; flex: 1 1 auto !important; margin: 0 !important; padding: 0 18px; justify-content: space-evenly !important; gap: 0; overflow: visible; }
    .header-style2 .navbar-nav > li > a { white-space: nowrap; }
    .header-style2 .navbar-nav > li.d-flex { display: none !important; }
    .header-style2 .attr-nav { width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; overflow: visible; }
    .header-style2 .attr-nav > ul { margin: 0; }
}

.header-style2 .header-avatar-cont .advisor-avatar { width: 32px; height: 32px; object-fit: cover; border-radius: 50%; margin: 7px 0 7px auto !important; }
.header-style2 .header-avatar-cont h5 { color: #fff !important; text-transform: uppercase; font-size: 12px; }
.header-style2 .header-avatar-cont .col-6:first-child { width: 100%; }
.header-style2 .header-avatar-cont .col-2 { width: 48px; padding-right: 0; }
.header-style2 .navbar-default { box-shadow: 0 3px 12px #0001; }
.header-style2 .navbar-brand img { width: 300px; height: auto; max-height: none; object-fit: contain; }
.header-style2 .attr-nav > ul { flex-direction: row-reverse; gap: 18px; }
.header-style2 .attr-nav .btn-agentlogin { background: linear-gradient(100deg, #08748a, #62b9ab 48%, #008d0a) !important; border: 0 !important; border-radius: 30px; color: #fff !important; font-size: 12px; padding: 10px 28px !important; box-shadow: 0 4px 16px #0002; }
.header-style2 .attr-nav a[href*='member-login'] { background: linear-gradient(100deg, #e9ae20, #f7db74 48%, #d4a21d) !important; }

.about-2026 {
    --about-blue: #078aa6;
    --about-green: #00a92b;
    --about-text: #53555a;
    background: #fff;
    color: var(--about-text);
    font-family: "Poppins", "Lato", Arial, sans-serif;
    overflow: hidden;
}

.about-2026 * { box-sizing: border-box; }
.about-2026 img { display: block; max-width: 100%; }
.about-shell { width: min(1540px, calc(100% - 64px)); margin: 0 auto; }
.about-2026 h1,
.about-2026 h2,
.about-2026 h3,
.about-2026 p { font-family: inherit; }
.about-2026 h1 span,
.about-2026 h2 span {
    background: linear-gradient(90deg, var(--about-blue), #55c8ae 55%, var(--about-green));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.about-story { padding: 120px 0 128px; }
.about-story-grid { display: grid; grid-template-columns: minmax(380px, .8fr) minmax(650px, 1.55fr); grid-template-areas: ". heading" "founder copy"; align-items: center; column-gap: 64px; }
.about-story-heading { grid-area: heading; margin: 0 0 34px; color: var(--about-text); font-size: clamp(40px, 3.2vw, 56px); font-weight: 700; line-height: 1; letter-spacing: -.045em; }
.about-founder-art { grid-area: founder; align-self: start; width: min(360px, 100%); margin: 24px auto 0; text-align: center; }
.about-founder-art img { width: 100%; border-radius: 26px; }
.about-founder-art figcaption { margin-top: 18px; }
.about-founder-art figcaption strong { display: block; background: linear-gradient(90deg, var(--about-blue), #55c8ae 55%, var(--about-green)); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 30px; font-weight: 700; line-height: 1.1; }
.about-founder-art figcaption span { display: block; margin-top: 6px; color: #2d3033; font-size: 17px; font-weight: 600; line-height: 1.2; }
.about-story-copy { grid-area: copy; }
.about-story-copy p { margin: 0 0 28px; font-size: 17px; font-weight: 400; line-height: 1.55; }
.about-story-copy p:last-child { margin-bottom: 0; }

.about-team { padding: 66px 0 74px; background: #f6f4f4; border-top: 1px solid #e3dfdf; border-bottom: 1px solid #e3dfdf; }
.about-section-heading { margin: 0 auto 38px; text-align: center; }
.about-section-heading h2 { margin: 0 0 24px; color: var(--about-text); font-size: clamp(40px, 3.15vw, 58px); font-weight: 700; line-height: 1; letter-spacing: -.045em; }
.about-section-heading p { margin: 0; font-size: 16px; line-height: 1.5; }
.about-team-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; }
.about-team-card { min-width: 0; padding: 16px 16px 24px; background: #fff; border: 1px solid #ddd8d8; border-radius: 16px; box-shadow: 0 5px 14px rgba(42, 44, 45, .04); }
.about-team-card img { width: 100%; aspect-ratio: 254 / 251; object-fit: cover; border-radius: 8px; }
.about-team-card h3 { margin: 20px 0 5px; color: #25272a; font-size: 17px; font-weight: 700; line-height: 1.2; }
.about-team-card p { margin: 0; color: #45474b; font-size: 13px; line-height: 1.3; }

.about-vision { padding: 90px 0 120px; }
.about-vision .about-section-heading { margin-bottom: 50px; }
.about-vision-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px; }
.about-vision-card { min-height: 350px; padding: 35px 40px 38px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #fff; border: 2px solid #e3e1e1; border-radius: 18px; }
.about-vision-card img { width: 140px; max-width: 72%; height: 112px; object-fit: contain; object-position: center; margin: 0 auto 5px; }
.about-vision-card h3 { margin: 0 0 12px; color: #111; font-size: 25px; font-weight: 700; line-height: 1.1; }
.about-vision-card p { max-width: 360px; margin: 0; color: #292b2e; font-size: 16px; line-height: 1.35; }

@media (max-width: 1199px) {
    .header-style2 .attr-nav .btn-agentlogin { padding: 10px 18px !important; }
    .about-story-grid { grid-template-columns: minmax(310px, .75fr) minmax(0, 1.25fr); column-gap: 40px; }
    .about-story-copy p { font-size: 15px; }
    .about-team-grid { gap: 18px; }
    .about-team-card { padding: 12px 12px 20px; }
    .about-team-card h3 { font-size: 15px; }
}

@media (max-width: 991px) {
    .header-style2 .navbar-brand img { width: auto; height: auto; max-height: 42px !important; }
    .about-shell { width: min(720px, calc(100% - 40px)); }
    .about-story { padding: 70px 0 80px; }
    .about-story-grid { grid-template-columns: 1fr; grid-template-areas: "heading" "copy" "founder"; }
    .about-story-heading { margin-bottom: 24px; }
    .about-founder-art { width: min(340px, 100%); margin: 0 auto; }
    .about-story-copy { margin-bottom: 35px; }
    .about-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .about-team-card:last-child { grid-column: 1 / -1; width: calc(50% - 9px); justify-self: center; }
    .about-vision-grid { grid-template-columns: 1fr; gap: 24px; }
    .about-vision-card { min-height: 280px; }
}

@media (max-width: 575px) {
    .about-shell { width: calc(100% - 28px); }
    .about-story { padding: 52px 0 62px; }
    .about-story-heading { font-size: 38px; }
    .about-story-copy p { font-size: 14px; line-height: 1.6; }
    .about-team { padding: 54px 0 60px; }
    .about-section-heading h2 { font-size: 40px; }
    .about-section-heading p br { display: none; }
    .about-team-grid { grid-template-columns: 1fr; gap: 18px; }
    .about-team-card,
    .about-team-card:last-child { width: min(330px, 100%); grid-column: auto; justify-self: center; }
    .about-vision { padding: 65px 0 80px; }
    .about-vision-card { min-height: 260px; padding: 28px 24px; }
}