:root {
    --navy: #081b2d;
    --navy-2: #102b45;
    --blue: #164f7c;
    --teal: #20b8b5;
    --teal-2: #76e0d7;
    --gold: #d8b267;
    --ink: #102235;
    --muted: #667789;
    --light: #f4f8fb;
    --white: #fff;
    --border: #dce6ee;
    --shadow: 0 24px 70px rgba(8,27,45,.13)
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: #fff;
    color: var(--ink);
    font-family: 'Manrope',sans-serif;
    overflow-x: hidden
}

    body.menu-open {
        overflow: hidden
    }

a {
    text-decoration: none;
    color: inherit
}

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

.container {
    max-width: 1240px
}

.section-space {
    padding: 105px 0
}

.section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: var(--teal);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase
}

    .section-kicker:before {
        content: "";
        width: 28px;
        height: 2px;
        background: currentColor
    }

    .section-kicker.light {
        color: var(--teal-2)
    }

.display-heading {
    margin: 0;
    font-family: 'Playfair Display',serif;
    font-size: clamp(36px,4vw,58px);
    line-height: 1.08;
    color: var(--navy)
}

.section-subtitle {
    max-width: 680px;
    margin: 18px 0 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.8
}

.text-white {
    color: #fff !important
}

.text-white-50 {
    color: rgba(255,255,255,.65) !important
}

.page-loader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    background: #fff;
    transition: .55s ease
}

    .page-loader.hidden {
        opacity: 0;
        visibility: hidden
    }

.loader-logo {
    width: 190px;
    text-align: center
}

    .loader-logo span {
        display: block;
        width: 100%;
        height: 3px;
        margin-top: 20px;
        background: linear-gradient(90deg,transparent,var(--teal),transparent);
        animation: loader 1.15s infinite
    }

@keyframes loader {
    0% {
        transform: scaleX(.15);
        opacity: .2
    }

    50% {
        transform: scaleX(1);
        opacity: 1
    }

    100% {
        transform: scaleX(.15);
        opacity: .2
    }
}

.topbar-modern {
    background: var(--navy);
    color: #d4e1ea;
    font-size: 12px
}

.topbar-modern-inner {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.topbar-contact, .topbar-actions, .top-socials {
    display: flex;
    align-items: center;
    gap: 22px
}

.topbar-modern a, .topbar-modern span {
    transition: .25s
}

    .topbar-modern a:hover {
        color: var(--teal-2)
    }

.topbar-modern i {
    margin-right: 7px;
    color: var(--teal-2)
}

.top-socials {
    gap: 12px
}

    .top-socials i {
        margin: 0
    }

.modern-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid rgba(8,27,45,.07);
    backdrop-filter: blur(18px);
    transition: .35s
}

    .modern-header.scrolled {
        box-shadow: 0 12px 35px rgba(8,27,45,.1)
    }

.header-inner {
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

.modern-brand img {
    width: 220px
}

.desktop-nav {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: auto
}

.nav-modern {
    position: relative;
    padding: 33px 13px;
    border: 0;
    background: transparent;
    color: #21364a;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap
}

    .nav-modern:after {
        content: "";
        position: absolute;
        left: 13px;
        right: 13px;
        bottom: 24px;
        height: 2px;
        background: var(--teal);
        transform: scaleX(0);
        transform-origin: left;
        transition: .3s
    }

    .nav-modern:hover, .nav-modern.active {
        color: var(--teal)
    }

        .nav-modern:hover:after, .nav-modern.active:after {
            transform: scaleX(1)
        }

    .nav-modern i {
        font-size: 10px;
        margin-left: 4px
    }

.nav-dropdown {
    position: relative
}

.modern-dropdown {
    position: absolute;
    top: 78px;
    left: 0;
    width: 215px;
    padding: 10px;
    background: #fff;
    border-radius: 14px;
    box-shadow: var(--shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: .3s
}

.nav-dropdown:hover .modern-dropdown {
    opacity: 1;
    visibility: visible;
    transform: none
}

.modern-dropdown a {
    display: block;
    padding: 12px 14px;
    border-radius: 9px;
    color: #405267;
    font-size: 13px;
    font-weight: 600
}

    .modern-dropdown a:hover {
        background: var(--light);
        color: var(--teal)
    }

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

.icon-btn, .mobile-menu-btn {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #fff;
    color: var(--navy)
}

.investor-btn {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 18px;
    border-radius: 12px;
    background: var(--navy);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    transition: .3s
}

    .investor-btn:hover {
        background: var(--teal);
        transform: translateY(-2px)
    }

.mobile-menu-btn {
    display: none;
    gap: 4px
}

    .mobile-menu-btn span {
        width: 20px;
        height: 2px;
        background: var(--navy)
    }

.hero-modern {
    height: 720px;
    background: var(--navy)
}

.hero-modern-slide {
    position: relative;
    background-position: center;
    background-size: cover
}

.hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(5,20,35,.99) 0%,rgba(8,27,45,.97) 27%,rgba(8,27,45,.90) 43%,rgba(8,27,45,.62) 58%,rgba(8,27,45,.20) 76%,rgba(8,27,45,.04) 100%),linear-gradient(180deg,rgba(8,27,45,.08),rgba(8,27,45,.18))
}

.hero-content-wrap {
    height: 100%;
    display: flex;
    align-items: center
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    color: #fff
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    margin-bottom: 24px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
    backdrop-filter: blur(12px)
}

    .eyebrow i {
        color: var(--teal-2)
    }

.hero-content h1 {
    margin: 0;
    font-family: 'Playfair Display',serif;
    font-size: clamp(48px,6vw,78px);
    line-height: 1.03;
    letter-spacing: -1.5px
}

.hero-content p {
    max-width: 680px;
    margin: 25px 0 32px;
    color: #d6e1e9;
    font-size: 18px;
    line-height: 1.8
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

.btn-modern {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 24px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
    transition: .3s
}

.btn-primary-modern {
    background: var(--teal);
    color: #fff;
    box-shadow: 0 15px 30px rgba(32,184,181,.25)
}

    .btn-primary-modern:hover {
        background: #18a3a0;
        color: #fff;
        transform: translateY(-3px)
    }

.btn-outline-modern {
    border: 1px solid rgba(255,255,255,.35);
    color: #fff;
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(8px)
}

    .btn-outline-modern:hover {
        background: #fff;
        color: var(--navy)
    }

.btn-light-modern {
    background: #fff;
    color: var(--navy)
}

.hero-controls {
    position: absolute !important;
    left: 50% !important;
    bottom: 34px !important;
    z-index: 5;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.hero-pagination {
    position: static !important;
    width: auto !important
}

    .hero-pagination .swiper-pagination-bullet {
        width: 28px;
        height: 3px;
        border-radius: 4px;
        background: rgba(255,255,255,.4);
        opacity: 1;
        transition: .3s
    }

    .hero-pagination .swiper-pagination-bullet-active {
        width: 54px;
        background: var(--teal-2)
    }

.hero-arrows, .slider-buttons {
    display: flex;
    gap: 10px
}

    .hero-arrows button, .slider-buttons button {
        width: 48px;
        height: 48px;
        border: 1px solid rgba(255,255,255,.25);
        border-radius: 50%;
        background: rgba(255,255,255,.08);
        color: #fff;
        backdrop-filter: blur(10px);
        transition: .3s
    }

        .hero-arrows button:hover {
            background: var(--teal);
            border-color: var(--teal)
        }

.quick-actions-section {
    position: relative;
    z-index: 10;
    margin-top: -38px
}

.quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    background: #fff;
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden
}

.quick-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 112px;
    padding: 22px;
    border-right: 1px solid var(--border);
    transition: .35s
}

    .quick-card:last-child {
        border-right: 0
    }

    .quick-card:hover {
        background: var(--navy);
        color: #fff;
        transform: translateY(-6px)
    }

.quick-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 19px
}

.quick-card strong, .quick-card small {
    display: block
}

.quick-card strong {
    font-size: 15px
}

.quick-card small {
    margin-top: 5px;
    color: var(--muted);
    font-size: 11px
}

.quick-card:hover small {
    color: #b9c9d5
}

.quick-arrow {
    margin-left: auto;
    color: #9eb1bf;
    font-size: 12px
}

.news-strip {
    background: #edf6f8;
    border-bottom: 1px solid #d8e7eb
}

.news-strip-inner {
    min-height: 70px;
    display: flex;
    align-items: center;
    gap: 24px
}

.news-label {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    color: var(--navy);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px
}

.pulse-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--teal);
    box-shadow: 0 0 0 0 rgba(32,184,181,.5);
    animation: pulse 1.8s infinite
}

@keyframes pulse {
    70% {
        box-shadow: 0 0 0 9px rgba(32,184,181,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(32,184,181,0)
    }
}

.news-swiper {
    height: 24px;
    flex: 1
}

    .news-swiper a {
        font-size: 13px;
        color: #415569
    }

.news-all {
    flex: 0 0 auto;
    color: var(--teal);
    font-size: 12px;
    font-weight: 800
}

.about-visual {
    position: relative;
    min-height: 580px
}

.about-image-main {
    width: 85%;
    height: 520px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--shadow)
}

    .about-image-main img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.experience-card {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 240px;
    padding: 26px;
    border-radius: 20px;
    background: var(--navy);
    color: #fff;
    box-shadow: var(--shadow)
}

.experience-number {
    display: block;
    color: var(--teal-2);
    font-family: 'Playfair Display',serif;
    font-size: 54px;
    line-height: 1
}

.experience-card span:last-child {
    display: block;
    margin-top: 10px;
    color: #d5e0e7;
    font-size: 12px;
    line-height: 1.6
}

.floating-badge {
    position: absolute;
    top: 40px;
    right: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 16px;
    background: rgba(255,255,255,.92);
    box-shadow: var(--shadow);
    backdrop-filter: blur(10px)
}

    .floating-badge i {
        color: var(--teal);
        font-size: 25px
    }

    .floating-badge span {
        font-size: 11px;
        font-weight: 800;
        line-height: 1.4
    }

.lead-text {
    margin: 24px 0 18px;
    color: #31475c;
    font-size: 18px;
    line-height: 1.75
}

.body-text {
    color: var(--muted);
    line-height: 1.8
}

.feature-list {
    display: grid;
    gap: 15px;
    margin: 28px 0
}

    .feature-list div {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        font-weight: 700
    }

    .feature-list i {
        color: var(--teal)
    }

.text-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--navy);
    font-weight: 800;
    border-bottom: 1px solid var(--navy);
    padding-bottom: 5px
}

    .text-link:hover {
        color: var(--teal);
        border-color: var(--teal)
    }

.fund-prices-modern {
    position: relative;
    background: linear-gradient(135deg,var(--navy),#123c5e);
    overflow: hidden
}

    .fund-prices-modern:before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        right: -130px;
        top: -230px;
        border-radius: 50%;
        background: rgba(32,184,181,.08)
    }

.section-heading-row {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 42px
}

.price-date {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 20px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 14px;
    color: #fff;
    background: rgba(255,255,255,.06)
}

    .price-date i {
        color: var(--teal-2);
        font-size: 22px
    }

    .price-date span {
        font-size: 11px;
        color: #b9c9d5
    }

    .price-date strong {
        color: #fff;
        font-size: 14px
    }

.fund-table-card {
    position: relative;
    z-index: 2;
    border-radius: 22px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,.22)
}

.fund-modern-table thead th {
    padding: 13px 18px;
    background: #eef5f7;
    color: #506477;
    border: 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .8px
}

.fund-modern-table td {
    padding: 12px 18px;
    border-color: #edf1f4;
    color: #263b50;
    font-size: 13px
}

.fund-name {
    display: flex;
    align-items: center;
    gap: 13px
}

    .fund-name > span {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        background: #e9f8f7;
        color: var(--teal);
        font-weight: 800
    }

    .fund-name strong {
        font-size: 13px
    }

.fund-category {
    padding: 7px 10px;
    border-radius: 999px;
    background: #eff4f8;
    color: #617386;
    font-size: 10px;
    font-weight: 700
}

.fund-modern-table td a {
    color: var(--teal);
    font-weight: 800
}

.fund-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 22px;
    background: #fbfcfd;
    font-size: 11px;
    color: #718293
}

    .fund-table-footer a {
        color: var(--navy);
        font-weight: 800
    }

.section-heading-centered {
    max-width: 800px;
    margin: 0 auto 52px;
    text-align: center
}

    .section-heading-centered .section-kicker:before {
        display: none
    }

    .section-heading-centered .section-subtitle {
        margin-left: auto;
        margin-right: auto
    }

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

.modern-service-card {
    position: relative;
    min-height: 370px;
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    overflow: hidden;
    transition: .4s
}

    .modern-service-card:before {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 0;
        background: linear-gradient(180deg,var(--navy-2),var(--navy));
        transition: .4s
    }

    .modern-service-card > * {
        position: relative;
        z-index: 2
    }

    .modern-service-card:hover {
        transform: translateY(-10px);
        box-shadow: var(--shadow);
        border-color: transparent
    }

        .modern-service-card:hover:before {
            height: 100%
        }

.service-number {
    position: absolute;
    top: 24px;
    right: 24px;
    color: #dce6ec;
    font-family: 'Playfair Display',serif;
    font-size: 42px
}

.modern-service-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    margin-bottom: 28px;
    border-radius: 18px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 26px
}

.modern-service-card h3 {
    margin: 0 0 16px;
    font-family: 'Playfair Display',serif;
    font-size: 25px;
    color: var(--navy)
}

.modern-service-card p {
    min-height: 118px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.8
}

.modern-service-card a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--teal);
    font-size: 12px;
    font-weight: 800
}

.modern-service-card:hover h3, .modern-service-card:hover p {
    color: #fff
}

.modern-service-card:hover .service-number {
    color: rgba(255,255,255,.1)
}

.stats-section {
    padding: 55px 0;
    background: #edf6f8
}

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

.stat-item {
    padding: 12px 35px;
    border-right: 1px solid #cadde3;
    text-align: center
}

    .stat-item:last-child {
        border-right: 0
    }

    .stat-item strong {
        display: block;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 48px
    }

    .stat-item span {
        color: var(--muted);
        font-size: 12px
    }

/* =========================
   PREMIUM FUND FAMILY SECTION
   Dark and colourful design for white fund logos
========================= */
.fund-logo-modern {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #ffffff;
    background: radial-gradient(circle at 12% 20%, rgba(32,184,181,.26), transparent 30%), radial-gradient(circle at 88% 22%, rgba(48,111,255,.23), transparent 31%), radial-gradient(circle at 50% 115%, rgba(24,150,180,.18), transparent 38%), linear-gradient(135deg,#061521 0%,#0a2b46 47%,#071a2b 100%);
}

    .fund-logo-modern::before {
        content: "";
        position: absolute;
        z-index: -1;
        width: 620px;
        height: 620px;
        top: -360px;
        right: -180px;
        border-radius: 50%;
        background: rgba(32,184,181,.22);
        filter: blur(95px);
        animation: fundGlowFloat 8s ease-in-out infinite alternate;
    }

    .fund-logo-modern::after {
        content: "";
        position: absolute;
        z-index: -1;
        width: 520px;
        height: 520px;
        left: -240px;
        bottom: -330px;
        border-radius: 50%;
        background: rgba(31,94,255,.20);
        filter: blur(105px);
        animation: fundGlowFloat 10s ease-in-out infinite alternate-reverse;
    }

@keyframes fundGlowFloat {
    from {
        transform: translate3d(0,0,0) scale(1);
    }

    to {
        transform: translate3d(28px,-20px,0) scale(1.08);
    }
}

.fund-logo-modern .container {
    position: relative;
    z-index: 2;
}

.fund-logo-modern .section-kicker {
    color: var(--teal-2);
}

.fund-logo-modern .display-heading {
    color: #ffffff;
    text-shadow: 0 10px 35px rgba(0,0,0,.22);
}

.fund-logo-modern .section-heading-row {
    position: relative;
}

    .fund-logo-modern .section-heading-row::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -22px;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg,rgba(118,224,215,.45),rgba(255,255,255,.08),transparent);
    }

.fund-logo-modern .slider-buttons {
    position: relative;
    z-index: 4;
}

    .fund-logo-modern .slider-buttons button {
        position: relative;
        width: 52px;
        height: 52px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.22);
        background: rgba(255,255,255,.08);
        color: #ffffff;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
        backdrop-filter: blur(14px);
    }

        .fund-logo-modern .slider-buttons button::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg,var(--teal),#176ca8);
            opacity: 0;
            transition: .3s ease;
        }

        .fund-logo-modern .slider-buttons button i {
            position: relative;
            z-index: 2;
        }

        .fund-logo-modern .slider-buttons button:hover {
            color: #ffffff;
            border-color: rgba(118,224,215,.8);
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(0,0,0,.25);
        }

            .fund-logo-modern .slider-buttons button:hover::before {
                opacity: 1;
            }

.fund-logo-swiper {
    position: relative;
    padding: 24px 8px 40px;
}

    .fund-logo-swiper .swiper-slide {
        height: auto;
    }

.fund-logo-card-modern {
    position: relative;
    isolation: isolate;
    height: 178px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 22px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 24px;
    background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035)), linear-gradient(135deg,rgba(16,65,101,.92),rgba(5,24,39,.96));
    box-shadow: 0 24px 50px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.16);
    backdrop-filter: blur(18px);
    transition: transform .45s cubic-bezier(.2,.75,.25,1), border-color .35s ease, box-shadow .45s ease;
}

    .fund-logo-card-modern::before {
        content: "";
        position: absolute;
        z-index: -1;
        width: 190px;
        height: 190px;
        top: -105px;
        right: -75px;
        border-radius: 50%;
        background: rgba(32,184,181,.30);
        filter: blur(20px);
        transition: .5s ease;
    }

    .fund-logo-card-modern::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        pointer-events: none;
        background: linear-gradient(115deg, transparent 22%, rgba(255,255,255,.18) 42%, rgba(255,255,255,.04) 51%, transparent 68%);
        transform: translateX(-135%);
        transition: transform .75s ease;
    }

    .fund-logo-card-modern img {
        position: relative;
        z-index: 2;
        width: auto;
        max-width: 205px;
        max-height: 94px;
        object-fit: contain;
        filter: none drop-shadow(0 5px 7px rgba(0,0,0,.48)) drop-shadow(0 0 12px rgba(255,255,255,.28));
        opacity: 1;
        transition: transform .45s cubic-bezier(.2,.75,.25,1), filter .4s ease;
    }

    .fund-logo-card-modern:hover {
        transform: translateY(-11px) scale(1.025);
        border-color: rgba(118,224,215,.75);
        box-shadow: 0 34px 70px rgba(0,0,0,.36), 0 0 0 1px rgba(32,184,181,.16), inset 0 1px 0 rgba(255,255,255,.20);
    }

        .fund-logo-card-modern:hover::before {
            width: 240px;
            height: 240px;
            top: -120px;
            right: -65px;
            background: rgba(32,184,181,.46);
        }

        .fund-logo-card-modern:hover::after {
            transform: translateX(135%);
        }

        .fund-logo-card-modern:hover img {
            transform: scale(1.09);
            filter: none drop-shadow(0 7px 10px rgba(0,0,0,.52)) drop-shadow(0 0 18px rgba(255,255,255,.48)) drop-shadow(0 0 32px rgba(32,184,181,.28));
        }

/* Different colourful glow on every visible card */
.fund-logo-swiper .swiper-slide:nth-child(5n+1) .fund-logo-card-modern {
    background: radial-gradient(circle at 88% 8%,rgba(25,203,198,.30),transparent 42%), linear-gradient(145deg,#123e5b,#071b2c);
}

.fund-logo-swiper .swiper-slide:nth-child(5n+2) .fund-logo-card-modern {
    background: radial-gradient(circle at 88% 8%,rgba(51,112,255,.34),transparent 42%), linear-gradient(145deg,#173c68,#07192b);
}

.fund-logo-swiper .swiper-slide:nth-child(5n+3) .fund-logo-card-modern {
    background: radial-gradient(circle at 88% 8%,rgba(194,145,48,.35),transparent 42%), linear-gradient(145deg,#4e3a17,#101b28);
}

.fund-logo-swiper .swiper-slide:nth-child(5n+4) .fund-logo-card-modern {
    background: radial-gradient(circle at 88% 8%,rgba(39,190,184,.30),transparent 42%), linear-gradient(145deg,#16485a,#071c2c);
}

.fund-logo-swiper .swiper-slide:nth-child(5n+5) .fund-logo-card-modern {
    background: radial-gradient(circle at 88% 8%,rgba(26,198,112,.30),transparent 42%), linear-gradient(145deg,#164b45,#081b2d);
}

.fund-logo-swiper .swiper-slide:nth-child(5n+3) .fund-logo-card-modern::before {
    background: rgba(216,178,103,.38);
}

.fund-logo-swiper .swiper-slide:nth-child(5n+4) .fund-logo-card-modern::before {
    background: rgba(44,194,188,.38);
}

.fund-logo-swiper .swiper-slide:nth-child(5n+5) .fund-logo-card-modern::before {
    background: rgba(38,207,128,.36);
}

/* Make broken-image fallback text readable during path testing */
.fund-logo-card-modern {
    color: rgba(255,255,255,.86);
    font-weight: 700;
}

    .fund-logo-card-modern img[alt] {
        color: rgba(255,255,255,.9);
    }

/* Decorative moving lines */
.fund-logo-modern .fund-logo-swiper::before {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 6px;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--teal-2),transparent);
    opacity: .42;
}

@media (max-width: 991px) {
    .fund-logo-card-modern {
        height: 165px;
        border-radius: 20px;
    }

        .fund-logo-card-modern img {
            max-width: 185px;
            max-height: 86px;
        }
}

@media (max-width: 767px) {
    .fund-logo-modern {
        padding-top: 78px;
        padding-bottom: 74px;
    }

        .fund-logo-modern .section-heading-row {
            margin-bottom: 25px;
        }

            .fund-logo-modern .section-heading-row::after {
                bottom: -14px;
            }

        .fund-logo-modern .slider-buttons {
            align-self: flex-end;
        }

            .fund-logo-modern .slider-buttons button {
                width: 46px;
                height: 46px;
            }

    .fund-logo-card-modern {
        height: 154px;
        padding: 22px 18px;
    }

        .fund-logo-card-modern img {
            max-width: 170px;
            max-height: 80px;
        }
}

@media (max-width: 480px) {
    .fund-logo-modern .display-heading {
        font-size: 36px;
    }

    .fund-logo-card-modern {
        height: 146px;
        border-radius: 18px;
    }

        .fund-logo-card-modern img {
            max-width: 155px;
            max-height: 74px;
        }
}

.cta-modern {
    position: relative;
    padding: 85px 0;
    background: linear-gradient(135deg,#0e3350,#0b2237);
    overflow: hidden
}

.cta-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px
}

    .cta-inner h2 {
        max-width: 720px;
        margin: 0;
        color: #fff;
        font-family: 'Playfair Display',serif;
        font-size: clamp(34px,4vw,54px)
    }

    .cta-inner p {
        margin: 15px 0 0;
        color: #b8c9d5
    }

.cta-actions {
    display: flex;
    gap: 12px;
    flex: 0 0 auto
}

.cta-shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(32,184,181,.08)
}

.cta-shape-one {
    width: 380px;
    height: 380px;
    right: -120px;
    top: -190px
}

.cta-shape-two {
    width: 200px;
    height: 200px;
    left: -70px;
    bottom: -110px
}

.modern-footer {
    position: relative;
    padding: 85px 0 25px;
    background: #061521;
    color: #aebdca;
    overflow: hidden
}

.footer-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    top: -350px;
    left: 35%;
    border-radius: 50%;
    background: rgba(32,184,181,.08);
    filter: blur(30px)
}

.footer-top {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.6fr .8fr .9fr 1.25fr;
    gap: 55px
}

.footer-logo-modern {
    width: 105px;
    margin-bottom: 22px
}

.footer-brand-column p {
    max-width: 390px;
    font-size: 13px;
    line-height: 1.9
}

.footer-social-modern {
    display: flex;
    gap: 10px;
    margin-top: 25px
}

    .footer-social-modern a {
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 10px;
        color: #fff;
        transition: .3s
    }

        .footer-social-modern a:hover {
            background: var(--teal);
            border-color: var(--teal);
            transform: translateY(-3px)
        }

.footer-column {
    display: flex;
    flex-direction: column;
    gap: 14px
}

    .footer-column h3 {
        margin: 0 0 10px;
        color: #fff;
        font-size: 15px
    }

    .footer-column > a {
        font-size: 12px;
        transition: .25s
    }

        .footer-column > a:hover {
            color: var(--teal-2);
            transform: translateX(4px)
        }

.contact-column p {
    display: flex;
    gap: 12px;
    margin: 0;
    font-size: 12px;
    line-height: 1.7
}

.contact-column i {
    margin-top: 4px;
    color: var(--teal-2)
}

.footer-bottom-modern {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 60px;
    padding-top: 25px;
    padding-right: 190px;
    border-top: 1px solid rgba(255,255,255,.09);
    font-size: 10px
}

    .footer-bottom-modern > span {
        flex: 1 1 auto;
    }

    .footer-bottom-modern > div {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 20px;
        white-space: nowrap;
    }

    .footer-bottom-modern a {
        transition: color .25s ease;
    }

        .footer-bottom-modern a:hover,
        .footer-bottom-modern a.active {
            color: var(--teal-2);
        }


.back-to-top {
    position: fixed;
    right: 28px;
    bottom: 96px;
    z-index: 500;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: var(--navy);
    color: #fff;
    box-shadow: var(--shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: .3s
}

    .back-to-top.show {
        opacity: 1;
        visibility: visible;
        transform: none
    }

.floating-chat {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 168px;
    min-height: 52px;
    padding: 14px 20px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    background: var(--teal);
    color: #fff;
    box-shadow: 0 15px 35px rgba(32,184,181,.35);
    font-size: 12px;
    font-weight: 800;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease
}

    .floating-chat:hover {
        background: #18a3a0;
        transform: translateY(-3px);
        box-shadow: 0 18px 42px rgba(32,184,181,.42)
    }

.chat-status {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #bfffd7
}

.mobile-menu, .mobile-menu-backdrop {
    display: none
}

.reveal, .reveal-left, .reveal-right {
    opacity: 0;
    transition: opacity .8s ease,transform .8s ease
}

.reveal {
    transform: translateY(35px)
}

.reveal-left {
    transform: translateX(-45px)
}

.reveal-right {
    transform: translateX(45px)
}

    .reveal.visible, .reveal-left.visible, .reveal-right.visible {
        opacity: 1;
        transform: none
    }

@media(max-width:1199px) {
    .desktop-nav {
        display: none
    }

    .mobile-menu-btn {
        display: flex;
        flex-direction: column
    }

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

    .footer-top {
        grid-template-columns: 1.4fr 1fr 1fr
    }

    .contact-column {
        grid-column: 1/-1
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 5000;
        display: block;
        width: min(390px,88vw);
        height: 100vh;
        padding: 25px;
        background: #fff;
        transform: translateX(105%);
        transition: .4s;
        overflow: auto
    }

        .mobile-menu.open {
            transform: none
        }

    .mobile-menu-backdrop {
        position: fixed;
        inset: 0;
        z-index: 4900;
        display: block;
        background: rgba(4,15,25,.65);
        opacity: 0;
        visibility: hidden;
        transition: .35s
    }

        .mobile-menu-backdrop.open {
            opacity: 1;
            visibility: visible
        }

    .mobile-menu-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 22px;
        border-bottom: 1px solid var(--border)
    }

        .mobile-menu-head img {
            width: 180px
        }

        .mobile-menu-head button {
            width: 42px;
            height: 42px;
            border: 0;
            border-radius: 10px;
            background: var(--light)
        }

    .mobile-menu nav {
        display: flex;
        flex-direction: column;
        padding: 18px 0
    }

        .mobile-menu nav a {
            padding: 15px 4px;
            border-bottom: 1px solid #edf1f4;
            font-size: 14px;
            font-weight: 700
        }

    .mobile-investor-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 15px;
        border-radius: 12px;
        background: var(--navy);
        color: #fff;
        font-size: 13px;
        font-weight: 800
    }
}

@media(max-width:991px) {
    .section-space {
        padding: 75px 0
    }

    .hero-modern {
        height: 650px
    }

    .hero-overlay {
        background: linear-gradient(90deg,rgba(5,20,35,.95),rgba(8,27,45,.72))
    }

    .quick-actions-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .quick-card:nth-child(2) {
        border-right: 0
    }

    .quick-card:nth-child(-n+2) {
        border-bottom: 1px solid var(--border)
    }

    .about-visual {
        min-height: 520px
    }

    .about-image-main {
        height: 460px
    }

    .section-heading-row, .cta-inner {
        align-items: flex-start;
        flex-direction: column
    }

    .cta-actions {
        flex-wrap: wrap
    }

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

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

    .stat-item:nth-child(-n+2) {
        margin-bottom: 30px
    }

    .footer-top {
        grid-template-columns: repeat(2,1fr)
    }

    .contact-column {
        grid-column: auto
    }

    .footer-bottom-modern {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:767px) {
    .topbar-modern {
        display: none
    }

    .modern-brand img {
        width: 175px
    }

    .header-inner {
        min-height: 74px
    }

    .investor-btn span {
        display: none
    }

    .investor-btn {
        width: 44px;
        height: 44px;
        padding: 0;
        justify-content: center
    }

    .hero-modern {
        height: 590px
    }

    .hero-content h1 {
        font-size: 45px
    }

    .hero-content p {
        font-size: 15px
    }

    .hero-controls {
        bottom: 22px !important
    }

    .hero-arrows {
        display: none
    }

    .quick-actions-section {
        margin-top: 0
    }

    .quick-actions-grid {
        grid-template-columns: 1fr;
        border-radius: 0
    }

    .quick-card {
        min-height: 90px;
        border-right: 0 !important;
        border-bottom: 1px solid var(--border) !important
    }

    .news-strip-inner {
        min-height: 82px;
        gap: 12px
    }

    .news-label {
        display: none
    }

    .news-all {
        display: none
    }

    .about-visual {
        min-height: 430px
    }

    .about-image-main {
        width: 92%;
        height: 390px
    }

    .experience-card {
        width: 205px;
        padding: 20px
    }

    .floating-badge {
        display: none
    }

    .display-heading {
        font-size: 38px
    }

    .fund-modern-table {
        min-width: 760px
    }

    .fund-table-footer {
        align-items: flex-start;
        flex-direction: column
    }

    .services-grid {
        grid-template-columns: 1fr
    }

    .modern-service-card {
        min-height: auto
    }

        .modern-service-card p {
            min-height: auto
        }

    .stats-grid {
        grid-template-columns: 1fr
    }

    .stat-item {
        border-right: 0;
        border-bottom: 1px solid #cadde3;
        padding: 25px
    }

        .stat-item:nth-child(-n+2) {
            margin: 0
        }

        .stat-item:last-child {
            border-bottom: 0
        }

    .footer-top {
        grid-template-columns: 1fr
    }

    .footer-bottom-modern div {
        flex-wrap: wrap
    }

    .floating-chat span:last-child {
        display: none
    }

    .floating-chat {
        width: 50px;
        height: 50px;
        justify-content: center;
        padding: 0
    }

    .chat-status {
        position: absolute;
        top: 5px;
        right: 5px
    }
}

@media(max-width:480px) {
    .hero-content h1 {
        font-size: 38px
    }

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

    .btn-modern {
        width: 100%
    }

    .about-visual {
        min-height: 370px
    }

    .about-image-main {
        height: 330px
    }

    .experience-card {
        right: 0;
        bottom: 0;
        width: 180px
    }

    .experience-number {
        font-size: 42px
    }

    .cta-actions {
        width: 100%
    }

    .footer-bottom-modern div {
        flex-direction: column;
        gap: 10px
    }
}

@media(prefers-reduced-motion:reduce) {
    * {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important
    }

    .reveal, .reveal-left, .reveal-right {
        opacity: 1;
        transform: none
    }
}


/* ===== ADVANCED LIVE FUND TICKER ===== */
.market-ticker {
    position: relative;
    z-index: 1100;
    height: 64px;
    display: grid;
    grid-template-columns: 175px minmax(0,1fr) 118px;
    align-items: stretch;
    color: #d9e8f2;
    background: radial-gradient(circle at 15% 50%,rgba(32,184,181,.16),transparent 24%),linear-gradient(90deg,#061521,#0a2237 48%,#061521);
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(118,224,215,.18);
    overflow: hidden
}

.market-ticker-title, .ticker-view-all {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    background: rgba(3,15,25,.94)
}

.market-ticker-title {
    gap: 11px;
    padding: 0 22px;
    border-right: 1px solid rgba(255,255,255,.09)
}

    .market-ticker-title small, .news-label small {
        display: block;
        margin-bottom: 2px;
        color: var(--teal-2);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.5px
    }

    .market-ticker-title strong {
        display: block;
        color: #fff;
        font-size: 13px;
        line-height: 1.15
    }

.live-indicator {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #31e1a8;
    box-shadow: 0 0 0 0 rgba(49,225,168,.55);
    animation: liveTickerPulse 1.8s infinite
}

@keyframes liveTickerPulse {
    70% {
        box-shadow: 0 0 0 9px rgba(49,225,168,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(49,225,168,0)
    }
}

.market-ticker-window {
    position: relative;
    min-width: 0;
    overflow: hidden
}

    .market-ticker-window:before, .market-ticker-window:after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        width: 70px;
        pointer-events: none
    }

    .market-ticker-window:before {
        left: 0;
        background: linear-gradient(90deg,#0a2237,transparent)
    }

    .market-ticker-window:after {
        right: 0;
        background: linear-gradient(270deg,#071a2b,transparent)
    }

.market-ticker-track {
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
    will-change: transform;
    animation: marketTickerMove 36s linear infinite
}

.market-ticker:hover .market-ticker-track {
    animation-play-state: paused
}

.ticker-set {
    display: flex;
    align-items: stretch;
    height: 100%
}

@keyframes marketTickerMove {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.ticker-quote {
    min-width: 230px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    column-gap: 10px;
    padding: 8px 22px;
    border-right: 1px solid rgba(255,255,255,.08);
    transition: .3s
}

    .ticker-quote:hover {
        color: #fff;
        background: rgba(255,255,255,.055)
    }

.ticker-symbol {
    grid-row: 1/3;
    min-width: 61px;
    padding: 7px 8px;
    border: 1px solid rgba(118,224,215,.22);
    border-radius: 8px;
    color: var(--teal-2);
    background: rgba(32,184,181,.08);
    font-size: 10px;
    font-weight: 800;
    text-align: center;
    letter-spacing: .5px
}

.ticker-name {
    align-self: end;
    color: #8fa6b7;
    font-size: 9px;
    white-space: nowrap
}

.ticker-quote strong {
    align-self: start;
    color: #fff;
    font-size: 14px;
    font-variant-numeric: tabular-nums
}

.ticker-change {
    grid-column: 3;
    grid-row: 1/3;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap
}

    .ticker-change.up {
        color: #47e1a7
    }

    .ticker-change.down {
        color: #ff7d7d
    }

.ticker-view-all {
    justify-content: center;
    gap: 8px;
    border-left: 1px solid rgba(255,255,255,.09);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: .3s
}

    .ticker-view-all:hover {
        color: #fff;
        background: var(--teal)
    }

/* ===== HEADER LOGO ===== */
.modern-brand {
    min-width: 225px
}

    .modern-brand img {
        width: 215px;
        max-height: 62px;
        object-fit: contain
    }

.loader-logo img, .mobile-menu-head img {
    object-fit: contain
}

/* ===== ENHANCED LATEST NEWS ===== */
.news-strip {
    position: relative;
    background: linear-gradient(90deg,#edf8fa,#f7fbfc 55%,#eaf6f8);
    border-top: 1px solid #d7e9ed;
    border-bottom: 1px solid #cfe2e7;
    box-shadow: 0 12px 35px rgba(8,27,45,.05)
}

.news-strip-inner {
    min-height: 94px;
    gap: 25px
}

.news-label {
    min-width: 165px;
    padding-right: 22px;
    border-right: 1px solid #cfe0e5
}

    .news-label strong {
        display: block;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 22px;
        line-height: 1.05
    }

.news-swiper {
    height: 46px;
    min-width: 0
}

    .news-swiper .swiper-slide {
        display: flex;
        align-items: center
    }

    .news-swiper a {
        width: 100%;
        display: grid;
        grid-template-columns: 78px minmax(0,1fr) 28px;
        align-items: center;
        gap: 16px;
        color: #263f54;
        font-size: 14px
    }

        .news-swiper a strong {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 700
        }

        .news-swiper a > i {
            color: var(--teal);
            transition: .25s
        }

        .news-swiper a:hover > i {
            transform: translateX(5px)
        }

.news-date {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    background: var(--navy);
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .7px
}

.news-all {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border: 1px solid #c9dde2;
    border-radius: 10px;
    background: #fff;
    transition: .3s
}

    .news-all:hover {
        color: #fff;
        border-color: var(--teal);
        background: var(--teal);
        transform: translateY(-2px)
    }

.hero-modern {
    height: clamp(560px,43vw,720px)
}

.hero-modern-slide {
    background-color: var(--navy);
    background-repeat: no-repeat
}

.hero-content {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .85s ease .18s,transform .85s cubic-bezier(.2,.75,.25,1) .18s
}

    .swiper-slide-active .hero-content, .hero-content.hero-content-active {
        opacity: 1;
        transform: none
    }

@media(max-width:991px) {
    .market-ticker {
        grid-template-columns: 145px minmax(0,1fr)
    }

    .ticker-view-all {
        display: none
    }

    .ticker-quote {
        min-width: 215px
    }
}

@media(max-width:767px) {
    .market-ticker {
        height: 54px;
        grid-template-columns: 112px minmax(0,1fr)
    }

    .market-ticker-title {
        padding: 0 12px
    }

        .market-ticker-title small {
            font-size: 7px
        }

        .market-ticker-title strong {
            font-size: 11px
        }

    .live-indicator {
        width: 8px;
        height: 8px
    }

    .ticker-quote {
        min-width: 195px;
        padding: 6px 14px
    }

    .ticker-symbol {
        min-width: 55px;
        font-size: 9px
    }

    .news-strip-inner {
        min-height: 86px
    }

    .news-label {
        display: flex;
        min-width: 118px;
        padding-right: 12px
    }

        .news-label small {
            font-size: 7px;
            letter-spacing: .8px
        }

        .news-label strong {
            font-size: 16px
        }

    .news-swiper {
        height: 52px
    }

        .news-swiper a {
            grid-template-columns: 58px minmax(0,1fr);
            gap: 10px;
            font-size: 12px
        }

            .news-swiper a > i {
                display: none
            }

    .news-date {
        min-height: 27px;
        padding: 0 7px;
        font-size: 8px
    }
}

@media(max-width:480px) {
    .market-ticker {
        grid-template-columns: 88px minmax(0,1fr)
    }

    .market-ticker-title {
        gap: 7px;
        padding: 0 8px
    }

        .market-ticker-title small {
            display: none
        }

        .market-ticker-title strong {
            font-size: 10px
        }

    .ticker-quote {
        min-width: 182px
    }

    .news-strip-inner {
        gap: 10px
    }

    .news-label {
        min-width: 96px
    }

        .news-label strong {
            font-size: 14px
        }
}


/* =========================================================
   COMPACT FUND PRICE TABLE + DAILY NAV MOVEMENT
========================================================= */
.compact-fund-table {
    table-layout: auto;
}

    .compact-fund-table thead th {
        padding: 12px 16px;
        white-space: nowrap;
        font-size: 10px;
        letter-spacing: .72px;
    }

    .compact-fund-table tbody tr {
        transition: background-color .22s ease, transform .22s ease;
    }

        .compact-fund-table tbody tr:hover {
            background: #f7fbfc;
        }

    .compact-fund-table td {
        padding: 11px 16px;
        line-height: 1.35;
        white-space: nowrap;
    }

    .compact-fund-table .fund-name {
        min-width: 245px;
        gap: 11px;
    }

        .compact-fund-table .fund-name > span {
            width: 36px;
            height: 36px;
            min-width: 36px;
            border-radius: 11px;
            font-size: 11px;
        }

        .compact-fund-table .fund-name strong {
            font-size: 12px;
        }

    .compact-fund-table .fund-category {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 5px 9px;
        font-size: 9px;
    }

.fund-price-value {
    color: var(--navy);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.nav-change-badge {
    min-width: 76px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

    .nav-change-badge.up {
        color: #087a54;
        background: #e4f8ef;
        border: 1px solid #c2eedc;
    }

    .nav-change-badge.down {
        color: #c43f4b;
        background: #fff0f1;
        border: 1px solid #ffd5d9;
    }

    .nav-change-badge.flat {
        color: #6c7f91;
        background: #edf3f7;
        border: 1px solid #dce6ed;
    }

.fund-details-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 11px;
}

    .fund-details-link i {
        transition: transform .22s ease;
    }

    .fund-details-link:hover i {
        transform: translateX(4px);
    }

/* Removed footer summary under fund table */
.fund-table-card .fund-table-footer {
    display: none !important;
}

/* Ticker movement badges */
.ticker-change.flat {
    color: #a9bcc9;
}

.ticker-change i {
    margin-right: 2px;
}

@media (max-width: 991px) {
    .compact-fund-table {
        min-width: 880px;
    }
}

@media (max-width: 767px) {
    .compact-fund-table thead th,
    .compact-fund-table td {
        padding-left: 13px;
        padding-right: 13px;
    }

    .compact-fund-table .fund-name {
        min-width: 220px;
    }
}


/* =========================================================
   DATABASE NEWS STRIP
========================================================= */
.news-swiper {
    height: 52px;
}

    .news-swiper .swiper-slide {
        display: flex;
        align-items: center;
    }

    .news-swiper a {
        width: 100%;
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) 25px;
        align-items: center;
        gap: 14px;
    }

.news-preview {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .news-preview strong,
    .news-preview small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news-preview strong {
        color: var(--navy);
        font-size: 13px;
        font-weight: 800;
    }

    .news-preview small {
        color: #687b8d;
        font-size: 10px;
        font-weight: 500;
    }

.news-empty {
    color: #617386;
    font-size: 12px;
}

/* =========================================================
   NEWS & ANNOUNCEMENTS PAGE
========================================================= */
.inner-page-hero {
    position: relative;
    padding: 105px 0 90px;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 85% 10%, rgba(32,184,181,.25), transparent 28%), linear-gradient(135deg,#061521,#123c5e);
}

    .inner-page-hero::after {
        content: "";
        position: absolute;
        width: 430px;
        height: 430px;
        right: -150px;
        bottom: -260px;
        border-radius: 50%;
        background: rgba(118,224,215,.10);
    }

    .inner-page-hero .container {
        position: relative;
        z-index: 2;
    }

    .inner-page-hero h1 {
        max-width: 850px;
        margin: 0;
        color: #fff;
        font-family: 'Playfair Display',serif;
        font-size: clamp(45px,6vw,72px);
        line-height: 1.06;
    }

    .inner-page-hero p {
        max-width: 750px;
        margin: 22px 0 0;
        color: rgba(255,255,255,.72);
        font-size: 16px;
        line-height: 1.8;
    }

.news-list-section {
    background: #f4f8fb;
}

.news-announcement-grid {
    display: grid;
    gap: 22px;
}

.news-announcement-card {
    display: grid;
    grid-template-columns: 105px minmax(0,1fr);
    gap: 28px;
    padding: 30px;
    border: 1px solid #dbe6ee;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 15px 45px rgba(8,27,45,.07);
    scroll-margin-top: 120px;
    transition: transform .3s ease, box-shadow .3s ease;
}

    .news-announcement-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 24px 60px rgba(8,27,45,.12);
    }

.news-announcement-date {
    width: 92px;
    height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
    color: #fff;
    background: linear-gradient(145deg,var(--teal),#176f9e);
    box-shadow: 0 13px 30px rgba(32,184,181,.24);
}

    .news-announcement-date span {
        font-family: 'Playfair Display',serif;
        font-size: 34px;
        line-height: 1;
    }

    .news-announcement-date small {
        margin-top: 7px;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .8px;
        text-transform: uppercase;
    }

.news-announcement-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--teal);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.news-announcement-content h2 {
    margin: 0 0 14px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: clamp(24px,3vw,34px);
}

.news-announcement-description {
    color: #617386;
    font-size: 14px;
    line-height: 1.85;
}

    .news-announcement-description p:last-child {
        margin-bottom: 0;
    }

.news-no-record {
    padding: 65px 25px;
    border: 1px solid #dce6ee;
    border-radius: 22px;
    background: #fff;
    text-align: center;
}

    .news-no-record i {
        margin-bottom: 18px;
        color: var(--teal);
        font-size: 45px;
    }

    .news-no-record h2 {
        color: var(--navy);
        font-family: 'Playfair Display',serif;
    }

@media(max-width:767px) {
    .news-swiper a {
        grid-template-columns: 58px minmax(0,1fr);
    }

        .news-swiper a > i {
            display: none;
        }

    .news-preview small {
        display: none;
    }

    .inner-page-hero {
        padding: 78px 0 68px;
    }

    .news-announcement-card {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 22px;
    }

    .news-announcement-date {
        width: 82px;
        height: 82px;
    }
}


/* =========================================================
   NEWS DESCRIPTION LINKS
   Database news_description ke links ko bold aur visible rakhta hai.
========================================================= */
.news-announcement-description a {
    color: var(--teal);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    transition: color .22s ease, text-decoration-color .22s ease;
}

    .news-announcement-description a:hover {
        color: var(--navy);
        text-decoration-color: var(--teal);
    }


.news-announcement-description strong,
.news-announcement-description b {
    color: var(--navy);
    font-weight: 800;
}


/* =========================================================
   ABOUT AKD PAGE
========================================================= */

.about-akd-hero {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(100deg, rgba(8,27,45,.98), rgba(16,62,91,.92)), url('/images/Home/banner2.png') center/cover no-repeat;
}

    .about-akd-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(8,27,45,.15) 1px, transparent 1px), linear-gradient(rgba(8,27,45,.15) 1px, transparent 1px);
        background-size: 44px 44px;
        opacity: .25;
    }

    .about-akd-hero .container {
        position: relative;
        z-index: 3;
    }

.about-akd-hero-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
}

.about-akd-hero-shape-one {
    width: 430px;
    height: 430px;
    right: -110px;
    top: -160px;
    background: rgba(32,184,181,.18);
}

.about-akd-hero-shape-two {
    width: 300px;
    height: 300px;
    right: 240px;
    bottom: -220px;
    background: rgba(216,178,103,.12);
}

.about-akd-hero-content {
    max-width: 830px;
    padding: 95px 0;
    color: #fff;
}

    .about-akd-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(48px,6vw,78px);
        line-height: 1.02;
    }

    .about-akd-hero-content > p {
        max-width: 680px;
        margin: 24px 0 32px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8;
    }

.about-akd-jump-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .about-akd-jump-links a {
        padding: 11px 15px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 999px;
        background: rgba(255,255,255,.07);
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        backdrop-filter: blur(10px);
        transition: .3s;
    }

        .about-akd-jump-links a:hover {
            background: var(--teal);
            border-color: var(--teal);
            transform: translateY(-2px);
        }

.about-akd-section-heading {
    max-width: 780px;
    margin-bottom: 42px;
}

    .about-akd-section-heading > p {
        margin: 15px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.about-akd-section-heading-row {
    max-width: none;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
}

.about-akd-vision-card {
    display: grid;
    grid-template-columns: 88px 1fr;
    align-items: center;
    gap: 25px;
    padding: 35px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: linear-gradient(135deg,#fff,#f3fafb);
    box-shadow: var(--shadow);
}

.about-akd-vision-icon,
.about-akd-info-icon {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: var(--navy);
    color: var(--teal-2);
    font-size: 28px;
}

.about-akd-vision-card p {
    margin: 0;
    color: #243b50;
    font-family: 'Playfair Display',serif;
    font-size: clamp(21px,2.3vw,31px);
    line-height: 1.55;
}

.about-akd-aspiration-grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 25px;
    margin-top: 30px;
}

.about-akd-content-card,
.about-akd-info-card {
    padding: 34px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(8,27,45,.08);
}

.about-akd-pledge-card {
    background: linear-gradient(145deg,var(--navy-2),var(--navy));
    color: #fff;
}

.about-akd-card-title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 24px;
}

    .about-akd-card-title > span {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        border-radius: 14px;
        background: #e7f8f7;
        color: var(--teal);
    }

.about-akd-pledge-card .about-akd-card-title > span {
    background: rgba(255,255,255,.1);
    color: var(--teal-2);
}

.about-akd-card-title small {
    display: block;
    color: var(--teal);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.about-akd-card-title h3 {
    margin: 4px 0 0;
    font-family: 'Playfair Display',serif;
    font-size: 30px;
}

.about-akd-card-lead {
    color: var(--muted);
}

.about-akd-check-list,
.about-akd-awards-list {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .about-akd-check-list li,
    .about-akd-awards-list li {
        position: relative;
        padding-left: 27px;
        color: #526579;
        font-size: 13px;
        line-height: 1.75;
    }

        .about-akd-check-list li::before,
        .about-akd-awards-list li::before {
            content: "\f00c";
            position: absolute;
            left: 0;
            top: 1px;
            color: var(--teal);
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
        }

.about-akd-pledge-card .about-akd-check-list li {
    color: rgba(255,255,255,.73);
}

.about-akd-intro {
    padding-bottom: 42px;
}

.about-akd-company-section {
    padding: 48px 0 62px;
    background: #f3f7fa;
}

.about-akd-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
}

.about-akd-info-card {
    position: relative;
}

.about-akd-info-heading {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}

.about-akd-info-heading-text {
    min-width: 0;
}

    .about-akd-info-heading-text .section-kicker {
        margin-bottom: 8px;
    }

.about-akd-info-card h2 {
    margin: 0;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 38px;
    line-height: 1.12;
}

.about-akd-info-list {
    display: grid;
    gap: 13px;
}

    .about-akd-info-list p {
        margin: 0;
        padding-bottom: 13px;
        border-bottom: 1px solid #e5edf2;
        color: #526579;
        font-size: 13px;
        line-height: 1.7;
    }

    .about-akd-info-list strong {
        color: var(--navy);
    }

.about-akd-awards-card {
    background: linear-gradient(145deg,#fffaf1,#fff);
}

    .about-akd-awards-card .about-akd-info-icon {
        background: #8b6320;
        color: #ffe2a3;
    }

.about-akd-awards-list li::before {
    content: "\f091";
    color: #c1903a;
}

.about-akd-membership {
    padding: 55px 0;
    background: var(--navy);
}

.about-akd-membership-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    text-align: center;
    color: #fff;
}

.about-akd-membership-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    background: rgba(255,255,255,.09);
    color: var(--teal-2);
    font-size: 24px;
}

.about-akd-membership p {
    margin: 0;
    font-size: clamp(18px,2.2vw,27px);
}

.about-akd-membership strong {
    border-bottom: 1px solid currentColor;
}

.about-akd-count {
    min-width: 106px;
    padding: 15px 20px;
    border: 1px solid var(--border);
    border-radius: 16px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 30px;
    text-align: center;
}

    .about-akd-count small {
        display: block;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.about-akd-count-light {
    border-color: rgba(255,255,255,.18);
    color: #fff;
}

    .about-akd-count-light small {
        color: rgba(255,255,255,.55);
    }

.about-akd-people-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 24px;
}

.about-akd-person-card {
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(8,27,45,.08);
    text-align: left;
    cursor: pointer;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

    .about-akd-person-card:hover {
        transform: translateY(-9px);
        border-color: rgba(32,184,181,.55);
        box-shadow: 0 28px 60px rgba(8,27,45,.17);
    }

.about-akd-person-image {
    position: relative;
    display: block;
    height: 310px;
    overflow: hidden;
    background: #edf3f6;
}

    .about-akd-person-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        transition: transform .45s ease;
    }

.about-akd-person-overlay {
    position: absolute;
    inset: auto 14px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 12px;
    border-radius: 12px;
    background: rgba(8,27,45,.9);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    opacity: 0;
    transform: translateY(12px);
    transition: .3s;
}

.about-akd-person-card:hover .about-akd-person-overlay {
    opacity: 1;
    transform: none;
}

.about-akd-person-card:hover .about-akd-person-image img {
    transform: scale(1.045);
}

.about-akd-person-content {
    display: block;
    min-height: 150px;
    padding: 23px;
}

    .about-akd-person-content small {
        display: block;
        margin-bottom: 8px;
        color: var(--teal);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.3px;
        text-transform: uppercase;
    }

    .about-akd-person-content strong {
        display: block;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 21px;
        line-height: 1.25;
    }

    .about-akd-person-content > span {
        display: block;
        margin-top: 9px;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.6;
    }



/* Compact About AKD section spacing */
#board-directors.about-akd-people-section {
    padding-top: 68px;
    padding-bottom: 68px;
}

#management-team.about-akd-people-section {
    padding-top: 68px;
    padding-bottom: 72px;
}

.about-akd-section-heading-row {
    margin-bottom: 34px;
}

.about-akd-person-content {
    min-height: 126px;
}

    .about-akd-person-content small {
        display: none;
    }

/* About AKD leadership section theme assignment */
#board-directors {
    background: #ffffff;
}

#management-team.about-akd-board-section {
    background: radial-gradient(circle at top right,rgba(32,184,181,.17),transparent 30%), linear-gradient(145deg,#0b2339,#071827);
}

#management-team .about-akd-committee-grid {
    margin-top: 65px;
}

.about-akd-board-section {
    position: relative;
    background: radial-gradient(circle at top right,rgba(32,184,181,.17),transparent 30%), linear-gradient(145deg,#0b2339,#071827);
    overflow: hidden;
}

.about-akd-board-card {
    border-color: rgba(255,255,255,.08);
    background: rgba(255,255,255,.97);
}

.about-akd-committee-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-top: 65px;
}

.about-akd-committee-card {
    padding: 28px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    background: rgba(255,255,255,.06);
    color: #fff;
    backdrop-filter: blur(12px);
}

    .about-akd-committee-card > span {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        margin-bottom: 20px;
        border-radius: 14px;
        background: rgba(118,224,215,.12);
        color: var(--teal-2);
    }

    .about-akd-committee-card h3 {
        margin: 0 0 18px;
        font-family: 'Playfair Display',serif;
        font-size: 25px;
    }

    .about-akd-committee-card p {
        margin: 8px 0 0;
        color: rgba(255,255,255,.67);
        font-size: 12px;
        line-height: 1.55;
    }

.about-akd-empty-state {
    padding: 55px;
    border: 1px dashed #cbd9e3;
    border-radius: 22px;
    text-align: center;
    color: var(--muted);
}

    .about-akd-empty-state i {
        margin-bottom: 15px;
        color: var(--teal);
        font-size: 34px;
    }

    .about-akd-empty-state h3 {
        margin: 0;
        font-size: 17px;
    }

.about-akd-empty-dark {
    border-color: rgba(255,255,255,.18);
    color: rgba(255,255,255,.65);
}

.about-akd-document-list {
    display: grid;
    gap: 15px;
}

.about-akd-document-card {
    display: grid;
    grid-template-columns: 58px 1fr auto;
    align-items: center;
    gap: 20px;
    padding: 21px 24px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
    transition: .3s;
}

    .about-akd-document-card:hover {
        transform: translateY(-3px);
        border-color: rgba(32,184,181,.45);
        box-shadow: 0 20px 45px rgba(8,27,45,.11);
    }

.about-akd-document-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #fff0f0;
    color: #d84b4b;
    font-size: 22px;
}

.about-akd-document-card small {
    color: var(--teal);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.about-akd-document-card h3 {
    margin: 5px 0 0;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 20px;
}

.about-akd-document-card p {
    margin: 7px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.about-akd-document-card > a,
.about-akd-document-card > button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 15px;
    border: 0;
    border-radius: 11px;
    background: var(--navy);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    transition: .3s;
}

    .about-akd-document-card > a:hover,
    .about-akd-document-card > button:hover {
        background: var(--teal);
    }

.about-akd-profile-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 25px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

    .about-akd-profile-modal.open {
        opacity: 1;
        visibility: visible;
    }

.about-akd-profile-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4,17,29,.78);
    backdrop-filter: blur(8px);
}

.about-akd-profile-dialog {
    position: relative;
    z-index: 2;
    width: min(1080px,100%);
    max-height: 88vh;
    display: grid;
    grid-template-columns: minmax(360px,43%) 1fr;
    overflow: auto;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 35px 100px rgba(0,0,0,.42);
    transform: translateY(24px) scale(.98);
    transition: .3s;
}

.about-akd-profile-modal.open .about-akd-profile-dialog {
    transform: none;
}

.about-akd-profile-close {
    position: absolute;
    z-index: 5;
    top: 15px;
    right: 15px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 12px;
    background: rgba(8,27,45,.08);
    color: var(--navy);
}

.about-akd-profile-image-wrap {
    position: relative;
    min-height: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 22px;
    background-color: #dfe8ee;
    background-position: center;
    background-size: cover;
    isolation: isolate;
}

    .about-akd-profile-image-wrap::before {
        content: "";
        position: absolute;
        inset: -22px;
        z-index: -1;
        background: inherit;
        filter: blur(24px);
        transform: scale(1.12);
        opacity: .42;
    }

    .about-akd-profile-image-wrap::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(145deg,rgba(8,27,45,.20),rgba(255,255,255,.22));
    }

    .about-akd-profile-image-wrap img {
        width: 100%;
        height: 100%;
        max-height: 546px;
        border-radius: 16px;
        object-fit: contain;
        object-position: center;
        box-shadow: 0 22px 55px rgba(8,27,45,.24);
        background: rgba(255,255,255,.16);
    }

        .about-akd-profile-image-wrap img.is-tall {
            width: auto;
            max-width: 100%;
            height: 546px;
        }

        .about-akd-profile-image-wrap img.is-balanced {
            width: 100%;
            height: 546px;
        }

        .about-akd-profile-image-wrap img.is-wide {
            width: 100%;
            height: auto;
            max-height: 500px;
        }

.about-akd-profile-content {
    padding: 65px 45px 45px;
}

    .about-akd-profile-content > span {
        display: block;
        color: var(--teal);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .about-akd-profile-content h2 {
        margin: 10px 0 25px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: clamp(32px,4vw,50px);
        line-height: 1.05;
    }

.about-akd-profile-description {
    color: #53677a;
    font-size: 14px;
    line-height: 1.85;
}

    .about-akd-profile-description p:last-child {
        margin-bottom: 0;
    }

@media (max-width: 1199px) {
    .about-akd-people-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 991px) {
    .about-akd-aspiration-grid,
    .about-akd-info-grid {
        grid-template-columns: 1fr;
    }

    .about-akd-people-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .about-akd-committee-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .about-akd-hero {
        min-height: auto;
    }

    .about-akd-hero-content {
        padding: 75px 0;
    }

    .about-akd-section-heading-row,
    .about-akd-membership-inner {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .about-akd-people-grid {
        grid-template-columns: 1fr;
    }

    .about-akd-person-image {
        height: 390px;
    }

    .about-akd-document-card {
        grid-template-columns: 52px 1fr;
    }

        .about-akd-document-card > a,
        .about-akd-document-card > button {
            grid-column: 1 / -1;
            justify-content: center;
        }

    .about-akd-profile-dialog {
        grid-template-columns: 1fr;
    }

    .about-akd-profile-image-wrap {
        min-height: 390px;
        max-height: 430px;
        padding: 16px;
    }

        .about-akd-profile-image-wrap img,
        .about-akd-profile-image-wrap img.is-tall,
        .about-akd-profile-image-wrap img.is-balanced {
            width: auto;
            max-width: 100%;
            height: 390px;
            max-height: 390px;
        }

            .about-akd-profile-image-wrap img.is-wide {
                width: 100%;
                height: auto;
                max-height: 360px;
            }

    .about-akd-profile-content {
        padding: 35px 25px;
    }
}


/* =========================================================
   GOLDEN ARROW ABOUT PAGE
========================================================= */

.golden-arrow-hero {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(105deg,rgba(8,27,45,.98),rgba(30,69,96,.90)), url('/images/banners/banner3.png') center/cover no-repeat;
}

    .golden-arrow-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 82% 18%,rgba(216,178,103,.18),transparent 28%), linear-gradient(90deg,transparent,rgba(255,255,255,.025));
    }

.golden-arrow-hero-glow {
    position: absolute;
    width: 460px;
    height: 460px;
    right: -130px;
    top: -200px;
    border-radius: 50%;
    background: rgba(216,178,103,.16);
    filter: blur(10px);
}

.golden-arrow-hero .container {
    position: relative;
    z-index: 3;
}

.golden-arrow-hero-content {
    max-width: 900px;
    padding: 90px 0;
    color: #fff;
}

    .golden-arrow-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(45px,6vw,76px);
        line-height: 1.05;
    }

.golden-arrow-conversion-note {
    display: inline-flex;
    padding: 9px 14px;
    margin: 20px 0 0 !important;
    border: 1px solid rgba(216,178,103,.38);
    border-radius: 999px;
    background: rgba(216,178,103,.11);
    color: #f3d99d !important;
    font-size: 12px !important;
    font-weight: 800;
}

.golden-arrow-hero-content > p:not(.golden-arrow-conversion-note) {
    max-width: 700px;
    margin: 22px 0 30px;
    color: rgba(255,255,255,.72);
    font-size: 17px;
    line-height: 1.8;
}

.golden-arrow-jump-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .golden-arrow-jump-links a {
        padding: 11px 15px;
        border: 1px solid rgba(255,255,255,.17);
        border-radius: 999px;
        background: rgba(255,255,255,.07);
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        transition: .3s;
    }

        .golden-arrow-jump-links a:hover {
            background: var(--gold);
            border-color: var(--gold);
            color: var(--navy);
            transform: translateY(-2px);
        }

.golden-arrow-two-column {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
}

.golden-arrow-content-card,
.golden-arrow-info-card,
.golden-arrow-investor-card {
    padding: 35px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(8,27,45,.08);
}

.golden-arrow-icon {
    width: 65px;
    height: 65px;
    display: grid;
    place-items: center;
    margin-bottom: 24px;
    border-radius: 18px;
    background: #fff7e9;
    color: #a87626;
    font-size: 25px;
}


.golden-arrow-info-heading {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
}

.golden-arrow-info-icon {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    flex: 0 0 72px;
    border-radius: 20px;
    background: var(--navy);
    color: var(--teal-2);
    font-size: 27px;
}

    .golden-arrow-info-icon.golden-arrow-award-icon {
        background: #9a681f;
        color: #ffe4a7;
    }

.golden-arrow-info-heading-text .section-kicker {
    margin-bottom: 10px;
}

.golden-arrow-info-heading-text h2 {
    margin-bottom: 0;
}

.golden-arrow-content-card h2,
.golden-arrow-info-card h2 {
    margin: 0 0 18px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 37px;
}

.golden-arrow-content-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.9;
}

.golden-arrow-company-section {
    background: #f3f7fa;
}

.golden-arrow-company-list {
    display: grid;
    gap: 12px;
}

    .golden-arrow-company-list p {
        margin: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid #e4ecf1;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.7;
    }

    .golden-arrow-company-list strong {
        color: var(--navy);
    }

.golden-arrow-awards-card {
    background: linear-gradient(145deg,#fffaf0,#fff);
}

.golden-arrow-awards-list {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .golden-arrow-awards-list li {
        position: relative;
        padding-left: 28px;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.75;
    }

        .golden-arrow-awards-list li::before {
            content: "\f091";
            position: absolute;
            left: 0;
            color: #b4812f;
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
        }

.golden-arrow-board-section {
    position: relative;
    background: radial-gradient(circle at top right,rgba(216,178,103,.17),transparent 32%), linear-gradient(145deg,#0d2941,#071824);
    overflow: hidden;
}

.golden-arrow-section-heading {
    max-width: 790px;
    margin-bottom: 45px;
}

    .golden-arrow-section-heading > p {
        margin: 14px 0 0;
        color: rgba(255,255,255,.62);
    }

.golden-arrow-compliance .golden-arrow-section-heading > p,
.golden-arrow-investor-section .golden-arrow-section-heading > p {
    color: var(--muted);
}

.golden-arrow-directors-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
}

.golden-arrow-director-card {
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 21px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: .35s;
}

    .golden-arrow-director-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 28px 65px rgba(0,0,0,.26);
    }

.golden-arrow-director-image {
    position: relative;
    display: block;
    height: 285px;
    overflow: hidden;
    background: #edf3f6;
}

    .golden-arrow-director-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        transition: .4s;
    }

    .golden-arrow-director-image > span {
        position: absolute;
        inset: auto 14px 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px;
        border-radius: 11px;
        background: rgba(8,27,45,.9);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        opacity: 0;
        transform: translateY(10px);
        transition: .3s;
    }

.golden-arrow-director-card:hover .golden-arrow-director-image > span {
    opacity: 1;
    transform: none;
}

.golden-arrow-director-card:hover img {
    transform: scale(1.045);
}

.golden-arrow-director-content {
    display: block;
    min-height: 116px;
    padding: 21px;
}

    .golden-arrow-director-content strong {
        display: block;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 20px;
        line-height: 1.28;
    }

    .golden-arrow-director-content small {
        display: block;
        margin-top: 8px;
        color: #a87626;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
    }

.golden-arrow-committee-empty {
    margin-top: 42px;
}

.golden-arrow-committee-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin-top: 42px;
}

.golden-arrow-committee-card {
    padding: 30px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    background: rgba(255,255,255,.06);
    color: #fff;
}

    .golden-arrow-committee-card > span {
        width: 50px;
        height: 50px;
        display: grid;
        place-items: center;
        margin-bottom: 20px;
        border-radius: 14px;
        background: rgba(216,178,103,.13);
        color: #f1d394;
    }

    .golden-arrow-committee-card h3 {
        margin: 0 0 17px;
        font-family: 'Playfair Display',serif;
        font-size: 27px;
    }

    .golden-arrow-committee-card p {
        margin: 8px 0 0;
        color: rgba(255,255,255,.68);
        font-size: 12px;
        line-height: 1.55;
    }

.golden-arrow-empty-state {
    padding: 50px;
    border: 1px dashed rgba(255,255,255,.2);
    border-radius: 22px;
    color: rgba(255,255,255,.65);
    text-align: center;
}

    .golden-arrow-empty-state i {
        margin-bottom: 15px;
        color: #f1d394;
        font-size: 34px;
    }

.golden-arrow-compliance {
    background: #f5f8fa;
}

.golden-arrow-compliance-list,
.golden-arrow-compliance-fallback {
    display: grid;
    gap: 15px;
}

    .golden-arrow-compliance-list article,
    .golden-arrow-compliance-fallback article {
        display: grid;
        grid-template-columns: 58px 1fr auto;
        align-items: center;
        gap: 18px;
        padding: 20px 23px;
        border: 1px solid var(--border);
        border-radius: 17px;
        background: #fff;
        box-shadow: 0 12px 35px rgba(8,27,45,.06);
    }

        .golden-arrow-compliance-list article > span,
        .golden-arrow-compliance-fallback article > span {
            width: 52px;
            height: 52px;
            display: grid;
            place-items: center;
            border-radius: 14px;
            background: #fff0f0;
            color: #d34d4d;
            font-size: 21px;
        }

    .golden-arrow-compliance-list small,
    .golden-arrow-compliance-fallback small {
        color: #a87626;
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .golden-arrow-compliance-list h3,
    .golden-arrow-compliance-fallback h3 {
        margin: 4px 0 0;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 20px;
    }

    .golden-arrow-compliance-list a {
        padding: 11px 14px;
        border-radius: 10px;
        background: var(--navy);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
    }

.golden-arrow-investor-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 26px;
    align-items: start;
}

.golden-arrow-investor-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

    .golden-arrow-investor-card-head > span {
        width: 52px;
        height: 52px;
        display: grid;
        place-items: center;
        border-radius: 15px;
        background: #fff7e9;
        color: #a87626;
        font-size: 21px;
    }

    .golden-arrow-investor-card-head small {
        display: block;
        color: #a87626;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .golden-arrow-investor-card-head h3 {
        margin: 4px 0 0;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 28px;
    }

.golden-arrow-investor-meta {
    margin-bottom: 20px;
}

    .golden-arrow-investor-meta p {
        margin: 7px 0;
        color: var(--muted);
        font-size: 12px;
    }

    .golden-arrow-investor-meta a {
        color: var(--teal);
        font-weight: 800;
    }

.golden-arrow-data-image {
    position: relative;
    width: 100%;
    display: block;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
    cursor: zoom-in;
}

    .golden-arrow-data-image img {
        width: 100%;
        height: auto;
    }

    .golden-arrow-data-image > span {
        position: absolute;
        right: 13px;
        bottom: 13px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 12px;
        border-radius: 10px;
        background: rgba(8,27,45,.9);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
    }

.golden-arrow-investor-details {
    display: grid;
    gap: 15px;
    margin-top: 24px;
}

    .golden-arrow-investor-details p {
        margin: 0;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.75;
    }

    .golden-arrow-investor-details strong {
        color: var(--navy);
    }

.golden-arrow-image-missing {
    padding: 60px 25px;
    border: 1px dashed var(--border);
    border-radius: 16px;
    color: var(--muted);
    text-align: center;
}

    .golden-arrow-image-missing i {
        margin-bottom: 12px;
        color: #a87626;
        font-size: 33px;
    }

.golden-arrow-profile-modal,
.golden-arrow-image-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

    .golden-arrow-profile-modal.open,
    .golden-arrow-image-modal.open {
        opacity: 1;
        visibility: visible;
    }

.golden-arrow-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3,15,26,.82);
    backdrop-filter: blur(8px);
}

.golden-arrow-profile-dialog {
    position: relative;
    z-index: 2;
    width: min(1080px,100%);
    max-height: 88vh;
    display: grid;
    grid-template-columns: minmax(360px,43%) 1fr;
    overflow: auto;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 35px 100px rgba(0,0,0,.42);
    transform: translateY(24px) scale(.98);
    transition: .3s;
}

.golden-arrow-profile-modal.open .golden-arrow-profile-dialog {
    transform: none;
}

.golden-arrow-profile-image-wrap {
    position: relative;
    min-height: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 22px;
    background-color: #dfe8ee;
    background-position: center;
    background-size: cover;
    isolation: isolate;
}

    .golden-arrow-profile-image-wrap::before {
        content: "";
        position: absolute;
        inset: -22px;
        z-index: -1;
        background: inherit;
        filter: blur(24px);
        transform: scale(1.12);
        opacity: .42;
    }

    .golden-arrow-profile-image-wrap::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(145deg,rgba(8,27,45,.20),rgba(255,255,255,.22));
    }

    .golden-arrow-profile-image-wrap img {
        width: 100%;
        height: 100%;
        max-height: 546px;
        border-radius: 16px;
        object-fit: contain;
        object-position: center;
        box-shadow: 0 22px 55px rgba(8,27,45,.24);
        background: rgba(255,255,255,.16);
    }

        .golden-arrow-profile-image-wrap img.is-tall {
            width: auto;
            max-width: 100%;
            height: 546px;
        }

        .golden-arrow-profile-image-wrap img.is-balanced {
            width: 100%;
            height: 546px;
        }

        .golden-arrow-profile-image-wrap img.is-wide {
            width: 100%;
            height: auto;
            max-height: 500px;
        }

.golden-arrow-profile-content {
    padding: 65px 44px 44px;
}

    .golden-arrow-profile-content > span {
        color: #a87626;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .golden-arrow-profile-content h2 {
        margin: 10px 0 23px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: clamp(32px,4vw,48px);
    }

.golden-arrow-profile-description {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.85;
}

.golden-arrow-modal-close {
    position: absolute;
    z-index: 5;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 12px;
    background: rgba(8,27,45,.09);
    color: var(--navy);
}

.golden-arrow-image-dialog {
    position: relative;
    z-index: 2;
    width: min(1180px,100%);
    max-height: 90vh;
    padding: 30px;
    overflow: auto;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 35px 100px rgba(0,0,0,.42);
}

    .golden-arrow-image-dialog h2 {
        margin: 0 55px 22px 0;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 30px;
    }

    .golden-arrow-image-dialog img {
        width: 100%;
        height: auto;
    }

@media (max-width: 1199px) {
    .golden-arrow-directors-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 991px) {
    .golden-arrow-two-column,
    .golden-arrow-investor-grid {
        grid-template-columns: 1fr;
    }

    .golden-arrow-directors-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 767px) {
    .golden-arrow-info-heading {
        gap: 15px;
    }

    .golden-arrow-info-icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
        border-radius: 16px;
        font-size: 22px;
    }

    .golden-arrow-directors-grid,
    .golden-arrow-committee-grid {
        grid-template-columns: 1fr;
    }

    .golden-arrow-director-image {
        height: 390px;
    }

    .golden-arrow-profile-dialog {
        grid-template-columns: 1fr;
    }

    .golden-arrow-profile-image-wrap {
        min-height: 390px;
        max-height: 430px;
        padding: 16px;
    }

        .golden-arrow-profile-image-wrap img,
        .golden-arrow-profile-image-wrap img.is-tall,
        .golden-arrow-profile-image-wrap img.is-balanced {
            width: auto;
            max-width: 100%;
            height: 390px;
            max-height: 390px;
        }

            .golden-arrow-profile-image-wrap img.is-wide {
                width: 100%;
                height: auto;
                max-height: 360px;
            }

    .golden-arrow-profile-content {
        padding: 35px 25px;
    }

    .golden-arrow-compliance-list article,
    .golden-arrow-compliance-fallback article {
        grid-template-columns: 52px 1fr;
    }

    .golden-arrow-compliance-list a {
        grid-column: 1 / -1;
        text-align: center;
    }
}


/* =========================================================
   DIRECTORS ELECTION PAGE
========================================================= */

.directors-election-hero {
    position: relative;
    min-height: 440px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 82% 12%,rgba(32,184,181,.18),transparent 30%), linear-gradient(120deg,#071a2b,#123b59);
}

    .directors-election-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 46px 46px;
    }

.directors-election-hero-shape {
    position: absolute;
    width: 420px;
    height: 420px;
    right: -140px;
    bottom: -260px;
    border-radius: 50%;
    background: rgba(216,178,103,.13);
}

.directors-election-hero .container {
    position: relative;
    z-index: 2;
}

.directors-election-hero-content {
    max-width: 780px;
    padding: 80px 0;
    color: #fff;
}

    .directors-election-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(50px,6vw,76px);
        line-height: 1.04;
    }

    .directors-election-hero-content p {
        max-width: 650px;
        margin: 22px 0 30px;
        color: rgba(255,255,255,.7);
        font-size: 17px;
        line-height: 1.8;
    }

.directors-election-scroll-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .directors-election-scroll-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.directors-election-section {
    background: linear-gradient(180deg,#fff,#f5f8fa);
}

.directors-election-heading {
    max-width: 830px;
    margin-bottom: 45px;
}

    .directors-election-heading > p {
        margin: 17px 0 0;
        color: var(--muted);
        font-size: 15px;
        line-height: 1.8;
    }

.directors-election-list {
    display: grid;
    gap: 16px;
}

.directors-election-card {
    position: relative;
    display: grid;
    grid-template-columns: 68px minmax(0,1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 22px 24px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 12px 38px rgba(8,27,45,.07);
    transition: .35s;
}

    .directors-election-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--teal);
        transform: scaleY(0);
        transition: .35s;
    }

    .directors-election-card:hover {
        transform: translateY(-4px);
        border-color: rgba(32,184,181,.4);
        box-shadow: 0 22px 52px rgba(8,27,45,.13);
    }

        .directors-election-card:hover::before {
            transform: scaleY(1);
        }

.directors-election-file-icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background: #fff0f0;
    color: #cf4a4a;
    font-size: 25px;
}

.directors-election-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 7px;
}

    .directors-election-meta span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 5px 8px;
        border-radius: 999px;
        background: #eef6f8;
        color: #527083;
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
    }

.directors-election-document-info h3 {
    margin: 0;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 21px;
    line-height: 1.35;
}

.directors-election-document-info small {
    display: block;
    margin-top: 6px;
    color: #8a9aa8;
    font-size: 10px;
}

.directors-election-open-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 145px;
    padding: 13px 16px;
    border-radius: 11px;
    background: var(--navy);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    transition: .3s;
}

    .directors-election-open-button:hover {
        background: var(--teal);
        color: #fff;
        transform: translateY(-2px);
    }

.directors-election-unavailable {
    padding: 11px 14px;
    border-radius: 10px;
    background: #f1f3f5;
    color: #8996a0;
    font-size: 10px;
    font-weight: 800;
}

.directors-election-empty {
    padding: 65px 25px;
    border: 1px dashed #c9d7e1;
    border-radius: 22px;
    background: #fff;
    text-align: center;
}

    .directors-election-empty > span {
        width: 70px;
        height: 70px;
        display: grid;
        place-items: center;
        margin: 0 auto 20px;
        border-radius: 20px;
        background: #eaf8f7;
        color: var(--teal);
        font-size: 29px;
    }

.directors-election-note {
    display: flex;
    gap: 13px;
    margin-top: 28px;
    padding: 18px 20px;
    border: 1px solid #d7e8ec;
    border-radius: 14px;
    background: #edf7f8;
    color: #536b7b;
}

    .directors-election-note p {
        margin: 0;
        font-size: 11px;
        line-height: 1.7;
    }

@media (max-width: 767px) {
    .directors-election-card {
        grid-template-columns: 58px minmax(0,1fr);
        padding: 19px;
    }

    .directors-election-open-button,
    .directors-election-unavailable {
        grid-column: 1 / -1;
        width: 100%;
    }
}


/* =========================================================
   DISTRIBUTORS PAGE
========================================================= */

.distributors-hero {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 82% 16%,rgba(32,184,181,.22),transparent 32%), linear-gradient(120deg,#071a2b,#143f5f);
}

    .distributors-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.distributors-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.distributors-hero-shape-one {
    width: 420px;
    height: 420px;
    right: -130px;
    top: -230px;
    background: rgba(216,178,103,.15);
}

.distributors-hero-shape-two {
    width: 260px;
    height: 260px;
    left: -100px;
    bottom: -170px;
    background: rgba(32,184,181,.1);
}

.distributors-hero .container {
    position: relative;
    z-index: 2;
}

.distributors-hero-content {
    max-width: 790px;
    padding: 90px 0;
    color: #fff;
}

    .distributors-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(50px,6vw,78px);
        line-height: 1.05;
    }

    .distributors-hero-content p {
        max-width: 680px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8;
    }

.distributors-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .distributors-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.distributors-section {
    background: linear-gradient(180deg,#fff,#f4f8fb);
}

.distributors-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 45px;
}

    .distributors-heading > div {
        max-width: 760px;
    }

    .distributors-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.distributors-count {
    width: 105px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .distributors-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

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

.distributor-card {
    position: relative;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(8,27,45,.08);
    transition: .35s;
}

    .distributor-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--teal);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .distributor-card:hover {
        transform: translateY(-7px);
        border-color: rgba(32,184,181,.35);
        box-shadow: 0 26px 60px rgba(8,27,45,.14);
    }

        .distributor-card:hover::before {
            transform: scaleY(1);
        }

.distributor-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 23px;
}

.distributor-fund-icon {
    min-width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    padding: 0 10px;
    border-radius: 16px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 14px;
    font-weight: 800;
}

.distributor-fund-code {
    padding: 7px 11px;
    border-radius: 999px;
    background: #eff4f8;
    color: #617386;
    font-size: 10px;
    font-weight: 800;
}

.distributor-card h3 {
    margin: 0 0 20px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 27px;
    line-height: 1.3;
}

.distributor-company {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px;
    border-radius: 13px;
    background: #f2f8fa;
    color: var(--navy);
    font-size: 13px;
}

    .distributor-company i {
        color: var(--teal);
        font-size: 18px;
    }

.distributor-details {
    display: grid;
    gap: 15px;
    margin-top: 22px;
}

    .distributor-details p {
        display: grid;
        grid-template-columns: 22px 1fr;
        gap: 10px;
        margin: 0;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.75;
    }

    .distributor-details i {
        margin-top: 4px;
        color: #a87626;
    }

.distributor-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid #e8eef2;
    color: #607488;
    font-size: 11px;
    font-weight: 800;
}

    .distributor-card-footer i {
        color: var(--teal);
    }

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

@media (max-width: 767px) {
    .distributors-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .distributor-card {
        padding: 24px;
    }
}


/* =========================================================
   FACILITATORS PAGE
========================================================= */

.facilitators-hero {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 80% 12%,rgba(216,178,103,.2),transparent 31%), linear-gradient(120deg,#071a2b,#153e5a);
}

    .facilitators-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.facilitators-hero-orb {
    position: absolute;
    border-radius: 50%;
}

.facilitators-hero-orb-one {
    width: 430px;
    height: 430px;
    right: -155px;
    top: -250px;
    background: rgba(32,184,181,.17);
}

.facilitators-hero-orb-two {
    width: 270px;
    height: 270px;
    left: -105px;
    bottom: -175px;
    background: rgba(216,178,103,.1);
}

.facilitators-hero .container {
    position: relative;
    z-index: 2;
}

.facilitators-hero-content {
    max-width: 790px;
    padding: 90px 0;
    color: #fff;
}

    .facilitators-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(50px,6vw,78px);
        line-height: 1.05;
    }

    .facilitators-hero-content p {
        max-width: 680px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8;
    }

.facilitators-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .facilitators-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.facilitators-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.facilitators-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 46px;
}

    .facilitators-heading > div {
        max-width: 770px;
    }

    .facilitators-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.facilitators-count {
    width: 105px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .facilitators-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

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

.facilitator-fund-card {
    position: relative;
    padding: 29px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 17px 48px rgba(8,27,45,.08);
    transition: .35s;
}

    .facilitator-fund-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(var(--teal),var(--gold));
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .facilitator-fund-card:hover {
        transform: translateY(-7px);
        border-color: rgba(32,184,181,.34);
        box-shadow: 0 28px 64px rgba(8,27,45,.14);
    }

        .facilitator-fund-card:hover::before {
            transform: scaleY(1);
        }

.facilitator-card-header {
    display: grid;
    grid-template-columns: 65px 1fr;
    align-items: center;
    gap: 17px;
    margin-bottom: 24px;
}

.facilitator-fund-icon {
    min-width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    padding: 0 9px;
    border-radius: 17px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 13px;
    font-weight: 800;
}

.facilitator-fund-code {
    display: inline-flex;
    margin-bottom: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eff4f8;
    color: #617386;
    font-size: 9px;
    font-weight: 800;
}

.facilitator-card-header h3 {
    margin: 0;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 25px;
    line-height: 1.3;
}

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

.facilitator-office {
    padding: 18px;
    border: 1px solid #e3ebf0;
    border-radius: 16px;
    background: #f8fbfc;
}

.facilitator-office-title {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e1e9ee;
}

    .facilitator-office-title > span {
        width: 39px;
        height: 39px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 11px;
        background: #fff3df;
        color: #aa7827;
    }

    .facilitator-office-title strong {
        color: var(--navy);
        font-size: 13px;
        line-height: 1.45;
    }

.facilitator-office-details {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

    .facilitator-office-details p {
        display: grid;
        grid-template-columns: 20px 1fr;
        gap: 9px;
        margin: 0;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.7;
    }

    .facilitator-office-details i {
        margin-top: 4px;
        color: var(--teal);
    }

.facilitator-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 22px;
    padding-top: 17px;
    border-top: 1px solid #e7edf1;
    color: #607488;
    font-size: 10px;
    font-weight: 800;
}

    .facilitator-card-footer span:last-child {
        padding: 6px 9px;
        border-radius: 999px;
        background: #eaf8f7;
        color: #158f8c;
    }

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

@media (max-width: 767px) {
    .facilitators-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .facilitator-fund-card {
        padding: 23px;
    }

    .facilitator-card-header {
        grid-template-columns: 56px 1fr;
    }

    .facilitator-fund-icon {
        min-width: 54px;
        height: 54px;
    }
}


/* =========================================================
   POLICIES PAGE
========================================================= */

.policies-hero {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 82% 12%,rgba(216,178,103,.2),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .policies-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.policies-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.policies-hero-shape-one {
    width: 430px;
    height: 430px;
    right: -145px;
    top: -245px;
    background: rgba(32,184,181,.16);
}

.policies-hero-shape-two {
    width: 270px;
    height: 270px;
    left: -105px;
    bottom: -175px;
    background: rgba(216,178,103,.11);
}

.policies-hero .container {
    position: relative;
    z-index: 2;
}

.policies-hero-content {
    max-width: 800px;
    padding: 90px 0;
    color: #fff;
}

    .policies-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(50px,6vw,78px);
        line-height: 1.05;
    }

    .policies-hero-content p {
        max-width: 680px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8;
    }

.policies-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .policies-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.policies-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.policies-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 46px;
}

    .policies-heading > div {
        max-width: 770px;
    }

    .policies-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.policies-count {
    width: 105px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .policies-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

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

.policy-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 285px;
    padding: 27px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(8,27,45,.08);
    transition: .35s;
}

    .policy-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(var(--teal),var(--gold));
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .policy-card:hover {
        transform: translateY(-7px);
        border-color: rgba(32,184,181,.35);
        box-shadow: 0 27px 62px rgba(8,27,45,.14);
    }

        .policy-card:hover::before {
            transform: scaleY(1);
        }

.policy-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.policy-file-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #fff0f0;
    color: #cf4a4a;
    font-size: 24px;
}

.policy-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

    .policy-meta span {
        padding: 6px 9px;
        border-radius: 999px;
        background: #eff4f8;
        color: #63778a;
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
    }

.policy-card-content {
    margin: 24px 0;
}

    .policy-card-content h3 {
        margin: 0;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 26px;
        line-height: 1.35;
    }

    .policy-card-content p {
        margin: 10px 0 0;
        color: #8a9aa8;
        font-size: 10px;
        word-break: break-word;
    }

.policy-open-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    padding: 13px 15px;
    border-radius: 11px;
    background: var(--navy);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    transition: .3s;
}

    .policy-open-button:hover {
        background: var(--teal);
        color: #fff;
        transform: translateY(-2px);
    }

.policies-empty-state {
    padding: 65px 25px;
    border: 1px dashed #c9d7e1;
    border-radius: 22px;
    background: #fff;
    text-align: center;
}

    .policies-empty-state > span {
        width: 70px;
        height: 70px;
        display: grid;
        place-items: center;
        margin: 0 auto 20px;
        border-radius: 20px;
        background: #eaf8f7;
        color: var(--teal);
        font-size: 29px;
    }

    .policies-empty-state h3 {
        margin: 0;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 27px;
    }

    .policies-empty-state p {
        margin: 10px 0 0;
        color: var(--muted);
    }

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

@media (max-width: 767px) {
    .policies-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .policy-card {
        min-height: 260px;
        padding: 23px;
    }
}


/* Facilitators using distributor card design */
.facilitator-office-divider {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e8eef2;
    opacity: 1;
}


/* =========================================================
   PRIVACY POLICY PAGE
========================================================= */

.privacy-policy-hero {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 82% 12%,rgba(32,184,181,.2),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .privacy-policy-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.privacy-policy-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.privacy-policy-hero-shape-one {
    width: 430px;
    height: 430px;
    right: -145px;
    top: -245px;
    background: rgba(216,178,103,.15);
}

.privacy-policy-hero-shape-two {
    width: 270px;
    height: 270px;
    left: -105px;
    bottom: -175px;
    background: rgba(32,184,181,.1);
}

.privacy-policy-hero .container {
    position: relative;
    z-index: 2;
}

.privacy-policy-hero-content {
    max-width: 810px;
    padding: 90px 0;
    color: #fff;
}

    .privacy-policy-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(50px,6vw,78px);
        line-height: 1.05;
    }

    .privacy-policy-hero-content p {
        max-width: 680px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8;
    }

.privacy-policy-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .privacy-policy-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.privacy-policy-section {
    background: linear-gradient(180deg,#fff,#f4f8fb);
}

.privacy-policy-layout {
    display: grid;
    grid-template-columns: 285px minmax(0,1fr);
    align-items: start;
    gap: 38px;
}

.privacy-policy-sidebar {
    position: sticky;
    top: 125px;
}

.privacy-policy-sidebar-card {
    padding: 28px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: linear-gradient(145deg,#0d2a43,#071a2b);
    color: #fff;
    box-shadow: 0 18px 50px rgba(8,27,45,.15);
}

    .privacy-policy-sidebar-card > span {
        width: 62px;
        height: 62px;
        display: grid;
        place-items: center;
        margin-bottom: 22px;
        border-radius: 17px;
        background: rgba(32,184,181,.15);
        color: var(--teal-2);
        font-size: 25px;
    }

    .privacy-policy-sidebar-card h2 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: 30px;
    }

    .privacy-policy-sidebar-card p {
        margin: 12px 0 0;
        color: rgba(255,255,255,.67);
        font-size: 12px;
        line-height: 1.75;
    }

.privacy-policy-content {
    padding: 42px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 52px rgba(8,27,45,.08);
}

    .privacy-policy-content h2 {
        margin: 42px 0 16px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e4ebf0;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 30px;
        line-height: 1.3;
    }

        .privacy-policy-content h2:first-of-type {
            margin-top: 34px;
        }

    .privacy-policy-content p {
        margin: 0 0 18px;
        color: #5f7183;
        font-size: 14px;
        line-height: 1.95;
    }

    .privacy-policy-content ul {
        display: grid;
        gap: 10px;
        margin: 0 0 24px;
        padding-left: 22px;
        color: #5f7183;
    }

    .privacy-policy-content li {
        padding-left: 4px;
        font-size: 14px;
        line-height: 1.7;
    }

        .privacy-policy-content li::marker {
            color: var(--teal);
        }

@media (max-width: 991px) {
    .privacy-policy-layout {
        grid-template-columns: 1fr;
    }

    .privacy-policy-sidebar {
        position: static;
    }
}

@media (max-width: 767px) {
    .privacy-policy-content {
        padding: 25px;
        border-radius: 18px;
    }

        .privacy-policy-content h2 {
            font-size: 25px;
        }
}


/* =========================================================
   WEALTH MANAGEMENT SERVICES PAGE
========================================================= */

.wealth-management-hero {
    position: relative;
    min-height: 510px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 82% 15%,rgba(32,184,181,.22),transparent 31%), radial-gradient(circle at 20% 100%,rgba(216,178,103,.14),transparent 30%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .wealth-management-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.wealth-management-hero-orb {
    position: absolute;
    border-radius: 50%;
}

.wealth-management-hero-orb-one {
    width: 460px;
    height: 460px;
    top: -265px;
    right: -150px;
    background: rgba(216,178,103,.14);
}

.wealth-management-hero-orb-two {
    width: 290px;
    height: 290px;
    left: -115px;
    bottom: -185px;
    background: rgba(32,184,181,.11);
}

.wealth-management-hero .container {
    position: relative;
    z-index: 2;
}

.wealth-management-hero-content {
    max-width: 900px;
    padding: 95px 0;
    color: #fff;
}

    .wealth-management-hero-content h1 {
        max-width: 850px;
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(48px,6vw,78px);
        line-height: 1.05;
    }

    .wealth-management-hero-content > p {
        max-width: 720px;
        margin: 24px 0 31px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.85;
    }

.wealth-management-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .wealth-management-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.wealth-management-section {
    position: relative;
    background: linear-gradient(180deg,#fff 0%,#f5f9fb 58%,#fff 100%);
}

.wealth-management-intro {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 50px;
    margin-bottom: 58px;
}

.wealth-management-intro-heading {
    max-width: 520px;
}

.wealth-management-intro-card {
    position: relative;
    padding: 34px 36px 34px 112px;
    border: 1px solid var(--border);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 18px 52px rgba(8,27,45,.09);
}

.wealth-management-intro-icon {
    position: absolute;
    top: 34px;
    left: 34px;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 23px;
}

.wealth-management-intro-card p {
    margin: 0;
    color: #566b7e;
    font-size: 14px;
    line-height: 1.95;
}

.wealth-management-services-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px;
}

.wealth-management-service-card {
    position: relative;
    min-height: 560px;
    padding: 38px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 18px 52px rgba(8,27,45,.09);
    transition: .4s;
}

    .wealth-management-service-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--teal);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .wealth-management-service-card:hover {
        transform: translateY(-7px);
        border-color: rgba(32,184,181,.35);
        box-shadow: 0 26px 60px rgba(8,27,45,.14);
    }

        .wealth-management-service-card:hover::before {
            transform: scaleY(1);
        }

.wealth-management-service-card-featured {
    color: #fff;
    border-color: transparent;
    background: radial-gradient(circle at 100% 0,rgba(32,184,181,.22),transparent 34%), linear-gradient(145deg,#123d5b,#071a2b);
}

.wealth-management-service-number {
    position: absolute;
    top: 25px;
    right: 30px;
    color: #e6edf2;
    font-family: 'Playfair Display',serif;
    font-size: 52px;
    font-weight: 700;
}

.wealth-management-service-card-featured
.wealth-management-service-number {
    color: rgba(255,255,255,.1);
}

.wealth-management-service-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    margin-bottom: 28px;
    border-radius: 19px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 27px;
}

.wealth-management-service-card-featured
.wealth-management-service-icon {
    background: rgba(255,255,255,.09);
    color: var(--teal-2);
}

.wealth-management-service-label {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eef5f7;
    color: #617386;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.wealth-management-service-card-featured
.wealth-management-service-label {
    background: rgba(255,255,255,.09);
    color: var(--teal-2);
}

.wealth-management-service-card h2 {
    max-width: 500px;
    margin: 0 0 21px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 34px;
    line-height: 1.25;
}

.wealth-management-service-card-featured h2 {
    color: #fff;
}

.wealth-management-service-card p {
    margin: 0;
    color: #607386;
    font-size: 14px;
    line-height: 1.95;
}

.wealth-management-service-card-featured p {
    color: rgba(255,255,255,.7);
}

.wealth-management-principles {
    margin-top: 78px;
    padding: 55px;
    border-radius: 27px;
    background: radial-gradient(circle at 92% 0,rgba(32,184,181,.12),transparent 35%), #edf6f8;
}

.wealth-management-principles-heading {
    max-width: 730px;
    margin-bottom: 38px;
}

.wealth-management-principles-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

    .wealth-management-principles-grid article {
        padding: 26px;
        border: 1px solid #d9e5eb;
        border-radius: 18px;
        background: rgba(255,255,255,.78);
        transition: .35s;
    }

        .wealth-management-principles-grid article:hover {
            transform: translateY(-5px);
            background: #fff;
            box-shadow: 0 18px 45px rgba(8,27,45,.09);
        }

        .wealth-management-principles-grid article > span {
            width: 51px;
            height: 51px;
            display: grid;
            place-items: center;
            margin-bottom: 18px;
            border-radius: 14px;
            background: #e7f8f6;
            color: var(--teal);
            font-size: 21px;
        }

    .wealth-management-principles-grid h3 {
        margin: 0 0 11px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 23px;
    }

    .wealth-management-principles-grid p {
        margin: 0;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.75;
    }

@media (max-width: 991px) {
    .wealth-management-intro,
    .wealth-management-services-grid {
        grid-template-columns: 1fr;
    }

    .wealth-management-service-card {
        min-height: auto;
    }

    .wealth-management-principles-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .wealth-management-intro {
        gap: 30px;
    }

    .wealth-management-intro-card {
        padding: 95px 25px 26px;
    }

    .wealth-management-intro-icon {
        top: 25px;
        left: 25px;
    }

    .wealth-management-service-card {
        padding: 28px;
    }

        .wealth-management-service-card h2 {
            font-size: 29px;
        }

    .wealth-management-principles {
        padding: 30px 23px;
    }
}


/* =========================================================
   MUTUAL FUNDS PAGE
========================================================= */

.mutual-funds-hero {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 82% 12%,rgba(32,184,181,.22),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .mutual-funds-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.mutual-funds-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.mutual-funds-hero-shape-one {
    width: 440px;
    height: 440px;
    top: -250px;
    right: -150px;
    background: rgba(216,178,103,.15);
}

.mutual-funds-hero-shape-two {
    width: 280px;
    height: 280px;
    left: -110px;
    bottom: -180px;
    background: rgba(32,184,181,.11);
}

.mutual-funds-hero .container {
    position: relative;
    z-index: 2;
}

.mutual-funds-hero-content {
    max-width: 830px;
    padding: 92px 0;
    color: #fff;
}

    .mutual-funds-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(52px,6vw,80px);
        line-height: 1.04;
    }

    .mutual-funds-hero-content p {
        max-width: 690px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8;
    }

.mutual-funds-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .mutual-funds-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.mutual-funds-introduction {
    padding: 35px 0;
    background: #edf6f8;
    border-bottom: 1px solid #dce8ed;
}

.mutual-funds-introduction-card {
    display: grid;
    grid-template-columns: 60px 1fr;
    align-items: center;
    gap: 20px;
    padding: 25px 28px;
    border: 1px solid #d7e5eb;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(8,27,45,.07);
}

    .mutual-funds-introduction-card > span {
        width: 56px;
        height: 56px;
        display: grid;
        place-items: center;
        border-radius: 15px;
        background: #e8f8f6;
        color: var(--teal);
        font-size: 23px;
    }

    .mutual-funds-introduction-card p {
        margin: 0;
        color: #52687b;
        font-size: 14px;
        line-height: 1.9;
    }

.mutual-funds-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.mutual-funds-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 46px;
}

    .mutual-funds-heading > div {
        max-width: 780px;
    }

    .mutual-funds-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.mutual-funds-count {
    width: 105px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .mutual-funds-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.mutual-funds-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 23px;
}

.mutual-fund-card {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    color: inherit;
    box-shadow: 0 16px 45px rgba(8,27,45,.08);
    transition: .35s;
}

    .mutual-fund-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        z-index: 3;
        width: 4px;
        background: var(--teal);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .mutual-fund-card:hover {
        color: inherit;
        transform: translateY(-7px);
        border-color: rgba(32,184,181,.35);
        box-shadow: 0 26px 60px rgba(8,27,45,.14);
    }

        .mutual-fund-card:hover::before {
            transform: scaleY(1);
        }

.mutual-fund-card-inner {
    min-height: 390px;
    display: flex;
    flex-direction: column;
    padding: 23px;
}

.mutual-fund-logo-wrap {
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid #e1e9ee;
    border-radius: 17px;
    background: linear-gradient(145deg,#fff,#f5f8fa);
    overflow: hidden;
}

    .mutual-fund-logo-wrap img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: transform .4s ease;
    }

.mutual-fund-card:hover .mutual-fund-logo-wrap img {
    transform: scale(1.08);
}

.mutual-fund-code {
    align-self: flex-start;
    margin-bottom: 11px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eaf8f7;
    color: #158f8c;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .5px;
}

.mutual-fund-card h3 {
    margin: 0;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 23px;
    line-height: 1.28;
}

.mutual-fund-card p {
    margin: 10px 0 0;
    color: #81909d;
    font-size: 10px;
    line-height: 1.55;
}

.mutual-fund-coming-soon {
    display: inline-flex;
    align-self: flex-start;
    margin-top: 13px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #fff0f0;
    color: #d64040;
    font-size: 10px;
    font-weight: 800;
}

.mutual-fund-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #e8eef2;
    color: #607488;
    font-size: 10px;
    font-weight: 800;
}

    .mutual-fund-card-footer i {
        color: var(--teal);
        transition: transform .3s;
    }

.mutual-fund-card:hover .mutual-fund-card-footer i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .mutual-funds-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 991px) {
    .mutual-funds-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 767px) {
    .mutual-funds-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .mutual-funds-introduction-card {
        grid-template-columns: 1fr;
    }

    .mutual-funds-grid {
        grid-template-columns: 1fr;
    }

    .mutual-fund-card-inner {
        min-height: 350px;
    }
}


/* =========================================================
   ALERTS PAGE
========================================================= */

.alerts-hero {
    position: relative;
    min-height: 485px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 84% 12%,rgba(32,184,181,.22),transparent 31%), radial-gradient(circle at 18% 105%,rgba(216,178,103,.13),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .alerts-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.alerts-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.alerts-hero-shape-one {
    width: 450px;
    height: 450px;
    top: -260px;
    right: -155px;
    background: rgba(216,178,103,.14);
}

.alerts-hero-shape-two {
    width: 285px;
    height: 285px;
    left: -110px;
    bottom: -185px;
    background: rgba(32,184,181,.11);
}

.alerts-hero .container {
    position: relative;
    z-index: 2;
}

.alerts-hero-content {
    max-width: 850px;
    padding: 92px 0;
    color: #fff;
}

    .alerts-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(52px,6vw,80px);
        line-height: 1.04;
    }

    .alerts-hero-content p {
        max-width: 720px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.82;
    }

.alerts-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .alerts-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.alerts-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.alerts-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 46px;
}

    .alerts-heading > div {
        max-width: 790px;
    }

    .alerts-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.alerts-count {
    width: 105px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .alerts-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.alerts-services-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: start;
    gap: 26px;
}

.alerts-side-column {
    display: grid;
    gap: 26px;
}

.alerts-service-card {
    position: relative;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 17px 48px rgba(8,27,45,.08);
    transition: .35s;
}

    .alerts-service-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--teal);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .alerts-service-card:hover {
        transform: translateY(-7px);
        border-color: rgba(32,184,181,.35);
        box-shadow: 0 26px 60px rgba(8,27,45,.14);
    }

        .alerts-service-card:hover::before {
            transform: scaleY(1);
        }

.alerts-service-card-sms {
    min-height: 100%;
}

.alerts-service-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 23px;
}

.alerts-service-icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 17px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 25px;
}

.alerts-service-label {
    display: inline-flex;
    margin-bottom: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef4f7;
    color: #66798b;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.alerts-service-header h2 {
    margin: 0;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 30px;
}

.alerts-service-intro,
.alerts-service-copy {
    margin: 0;
    color: #5b7083;
    font-size: 13px;
    line-height: 1.85;
}

    .alerts-service-copy a {
        color: var(--teal);
        text-decoration: underline;
        text-underline-offset: 3px;
    }

.alerts-service-copy-secondary {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e5edf2;
}

.sms-command-list {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.sms-command-item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 17px;
    border: 1px solid #e2ebf0;
    border-radius: 15px;
    background: #f8fbfc;
}

    .sms-command-item > div {
        min-width: 0;
    }

    .sms-command-item strong {
        display: block;
        margin-bottom: 7px;
        color: var(--navy);
        font-size: 11px;
    }

    .sms-command-item code {
        display: block;
        color: #4f6578;
        font-family: 'Manrope',sans-serif;
        font-size: 11px;
        line-height: 1.55;
        white-space: normal;
    }

    .sms-command-item > span {
        min-width: 55px;
        padding: 9px 10px;
        border-radius: 10px;
        background: var(--navy);
        color: #fff;
        text-align: center;
        font-size: 11px;
        font-weight: 800;
    }

.alerts-contact-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    margin-top: 23px;
    padding: 14px 16px;
    border-radius: 11px;
    background: var(--navy);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    transition: .3s;
}

    .alerts-contact-button:hover {
        background: var(--teal);
        color: #fff;
        transform: translateY(-2px);
    }

.alerts-contact-button-light {
    background: #eaf8f7;
    color: #148c89;
}

    .alerts-contact-button-light:hover {
        background: var(--navy);
        color: #fff;
    }

.alerts-contact-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-top: 23px;
}

    .alerts-contact-actions .alerts-contact-button {
        margin-top: 0;
    }

.alerts-online-card {
    background: radial-gradient(circle at 100% 0,rgba(32,184,181,.12),transparent 32%), #fff;
}

.alerts-help-strip {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
    gap: 18px;
    margin-top: 35px;
    padding: 23px 25px;
    border-radius: 18px;
    background: linear-gradient(135deg,var(--navy),#123d5a);
    color: #fff;
}

    .alerts-help-strip > span {
        width: 52px;
        height: 52px;
        display: grid;
        place-items: center;
        border-radius: 14px;
        background: rgba(255,255,255,.09);
        color: var(--teal-2);
        font-size: 21px;
    }

    .alerts-help-strip strong {
        display: block;
        margin-bottom: 5px;
        font-family: 'Playfair Display',serif;
        font-size: 20px;
    }

    .alerts-help-strip p {
        margin: 0;
        color: rgba(255,255,255,.68);
        font-size: 11px;
    }

    .alerts-help-strip > a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 12px 15px;
        border-radius: 11px;
        background: var(--teal);
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        transition: .3s;
    }

        .alerts-help-strip > a:hover {
            background: #fff;
            color: var(--navy);
            transform: translateY(-2px);
        }

@media (max-width: 991px) {
    .alerts-services-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .alerts-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .alerts-service-card {
        padding: 23px;
    }

    .sms-command-item {
        grid-template-columns: 1fr;
    }

        .sms-command-item > span {
            justify-self: start;
        }

    .alerts-contact-actions {
        grid-template-columns: 1fr;
    }

    .alerts-help-strip {
        grid-template-columns: 1fr;
    }

        .alerts-help-strip > a {
            justify-content: space-between;
        }
}


/* =========================================================
   INVESTMENT PLANS PAGE
========================================================= */

.investment-plans-hero {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 84% 12%,rgba(32,184,181,.22),transparent 31%), radial-gradient(circle at 18% 105%,rgba(216,178,103,.13),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .investment-plans-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.investment-plans-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.investment-plans-hero-shape-one {
    width: 460px;
    height: 460px;
    top: -270px;
    right: -155px;
    background: rgba(216,178,103,.14);
}

.investment-plans-hero-shape-two {
    width: 290px;
    height: 290px;
    left: -115px;
    bottom: -185px;
    background: rgba(32,184,181,.11);
}

.investment-plans-hero .container {
    position: relative;
    z-index: 2;
}

.investment-plans-hero-content {
    max-width: 900px;
    padding: 95px 0;
    color: #fff;
}

    .investment-plans-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(48px,6vw,78px);
        line-height: 1.05;
    }

    .investment-plans-hero-content p {
        max-width: 730px;
        margin: 24px 0 31px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.82;
    }

.investment-plans-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .investment-plans-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.investment-plans-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.investment-plans-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 40px;
}

    .investment-plans-heading > div {
        max-width: 790px;
    }

    .investment-plans-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.investment-plans-count {
    width: 105px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .investment-plans-count small {
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.investment-plans-tabs {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 15px 42px rgba(8,27,45,.07);
}

.investment-plan-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 58px;
    padding: 13px 18px;
    border: 0;
    border-radius: 13px;
    background: transparent;
    color: #52687b;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .investment-plan-tab i {
        color: var(--teal);
    }

    .investment-plan-tab:hover,
    .investment-plan-tab.active {
        background: var(--navy);
        color: #fff;
    }

        .investment-plan-tab.active i,
        .investment-plan-tab:hover i {
            color: var(--teal-2);
        }

.investment-plan-panel {
    display: none;
}

    .investment-plan-panel.active {
        display: block;
        animation: investmentPlanFade .35s ease;
    }

@keyframes investmentPlanFade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.investment-plan-title-block {
    margin-bottom: 26px;
}

    .investment-plan-title-block > p {
        max-width: 760px;
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.investment-plan-copy-card,
.investment-plan-table-wrap,
.investment-plan-features,
.monthly-income-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 16px 46px rgba(8,27,45,.07);
}

.investment-plan-copy-card {
    padding: 31px;
    margin-bottom: 26px;
}

    .investment-plan-copy-card::before,
    .asset-plan-card::before,
    .monthly-income-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--teal);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .investment-plan-copy-card:hover::before,
    .asset-plan-card:hover::before,
    .monthly-income-card:hover::before {
        transform: scaleY(1);
    }

    .investment-plan-copy-card p {
        margin: 0 0 18px;
        color: #5b7083;
        font-size: 13px;
        line-height: 1.9;
    }

        .investment-plan-copy-card p:last-child {
            margin-bottom: 0;
        }

    .investment-plan-copy-card h3 {
        margin: 6px 0 17px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 28px;
    }

    .investment-plan-copy-card h4 {
        margin: 20px 0 10px;
        color: var(--navy);
        font-size: 14px;
        font-weight: 800;
    }

.asset-plan-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
    margin-bottom: 26px;
}

.asset-plan-card {
    position: relative;
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(8,27,45,.06);
    transition: .35s;
}

    .asset-plan-card:hover,
    .monthly-income-card:hover {
        transform: translateY(-6px);
        border-color: rgba(32,184,181,.35);
        box-shadow: 0 24px 54px rgba(8,27,45,.12);
    }

    .asset-plan-card > span {
        display: block;
        margin: -24px -24px 20px;
        padding: 14px 17px;
        background: var(--navy);
        color: #fff;
        font-size: 12px;
        font-weight: 800;
    }

    .asset-plan-card ul,
    .investment-plan-features ul,
    .monthly-income-card ul {
        margin: 0;
        padding-left: 20px;
        color: #566b7e;
    }

    .asset-plan-card li,
    .investment-plan-features li,
    .monthly-income-card li {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.65;
    }

    .asset-plan-card p {
        margin: 0;
        color: #566b7e;
        font-size: 12px;
        line-height: 1.75;
    }

.investment-plan-features {
    padding: 27px 30px;
    margin-bottom: 24px;
}

    .investment-plan-features h3,
    .investment-plan-table-wrap h3,
    .monthly-income-card h3 {
        margin: 0 0 17px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 24px;
    }

.investment-plan-disclaimer {
    padding: 20px 22px;
    border-left: 4px solid var(--gold);
    border-radius: 12px;
    background: #fff9ed;
    color: #6c6047;
    font-size: 11px;
    line-height: 1.75;
}

.investment-plan-table-wrap {
    padding: 28px;
    margin-bottom: 26px;
}

.investment-plan-table {
    margin: 0;
    overflow: hidden;
    border-radius: 13px;
}

    .investment-plan-table thead th {
        padding: 14px 16px;
        border: 0;
        background: var(--navy);
        color: #fff;
        font-size: 11px;
    }

    .investment-plan-table tbody td {
        padding: 14px 16px;
        border-color: #e7edf1;
        color: #53687b;
        font-size: 11px;
    }

.monthly-income-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.monthly-income-card {
    padding: 28px;
    transition: .35s;
}

.monthly-income-card-wide {
    grid-column: 1 / -1;
}

.monthly-income-icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 15px;
    background: #e8f8f6;
    color: var(--teal);
    font-size: 22px;
}

.monthly-income-card p {
    color: #5b7083;
    font-size: 12px;
    line-height: 1.75;
}

@media (max-width: 991px) {
    .investment-plans-tabs,
    .asset-plan-grid,
    .monthly-income-grid {
        grid-template-columns: 1fr;
    }

    .monthly-income-card-wide {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .investment-plans-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .investment-plan-tab {
        justify-content: flex-start;
    }

    .investment-plan-copy-card,
    .investment-plan-table-wrap,
    .investment-plan-features,
    .monthly-income-card {
        padding: 23px;
    }
}


/* =========================================================
   GENERAL FORMS PAGE
========================================================= */

.general-forms-hero {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 84% 12%,rgba(32,184,181,.22),transparent 31%), radial-gradient(circle at 18% 105%,rgba(216,178,103,.13),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .general-forms-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.general-forms-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.general-forms-hero-shape-one {
    width: 450px;
    height: 450px;
    top: -260px;
    right: -155px;
    background: rgba(216,178,103,.14);
}

.general-forms-hero-shape-two {
    width: 285px;
    height: 285px;
    left: -110px;
    bottom: -185px;
    background: rgba(32,184,181,.11);
}

.general-forms-hero .container {
    position: relative;
    z-index: 2;
}

.general-forms-hero-content {
    max-width: 850px;
    padding: 90px 0;
    color: #fff;
}

    .general-forms-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(52px,6vw,80px);
        line-height: 1.04;
    }

    .general-forms-hero-content p {
        max-width: 710px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8;
    }

.general-forms-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .general-forms-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.general-forms-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.general-forms-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 46px;
}

    .general-forms-heading > div {
        max-width: 780px;
    }

    .general-forms-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.general-forms-count {
    width: 105px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .general-forms-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

@media (max-width: 767px) {
    .general-forms-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================================================
   VALUE ADDED SERVICES PAGE
========================================================= */

.value-added-hero {
    position: relative;
    min-height: 490px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 84% 12%,rgba(32,184,181,.22),transparent 31%), radial-gradient(circle at 18% 105%,rgba(216,178,103,.13),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .value-added-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.value-added-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.value-added-hero-shape-one {
    width: 460px;
    height: 460px;
    top: -270px;
    right: -155px;
    background: rgba(216,178,103,.14);
}

.value-added-hero-shape-two {
    width: 290px;
    height: 290px;
    left: -115px;
    bottom: -185px;
    background: rgba(32,184,181,.11);
}

.value-added-hero .container {
    position: relative;
    z-index: 2;
}

.value-added-hero-content {
    max-width: 900px;
    padding: 94px 0;
    color: #fff;
}

    .value-added-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(48px,6vw,78px);
        line-height: 1.05;
    }

    .value-added-hero-content p {
        max-width: 730px;
        margin: 24px 0 31px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.82;
    }

.value-added-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .value-added-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.value-added-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.value-added-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 46px;
}

    .value-added-heading > div {
        max-width: 790px;
    }

    .value-added-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.value-added-count {
    width: 105px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .value-added-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.value-added-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 25px;
}

.value-added-card {
    position: relative;
    padding: 31px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 17px 48px rgba(8,27,45,.08);
    transition: .35s;
}

    .value-added-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--teal);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .value-added-card:hover {
        transform: translateY(-7px);
        border-color: rgba(32,184,181,.35);
        box-shadow: 0 26px 60px rgba(8,27,45,.14);
    }

        .value-added-card:hover::before {
            transform: scaleY(1);
        }

.value-added-card-wide {
    grid-column: 1 / -1;
}

.value-added-card-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.value-added-icon {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 25px;
}

.value-added-label {
    display: inline-flex;
    margin-bottom: 7px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef4f7;
    color: #66798b;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.value-added-card h2 {
    margin: 0;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 29px;
    line-height: 1.25;
}

.value-added-intro,
.value-added-subheading {
    color: #5b7083;
    font-size: 13px;
    line-height: 1.85;
}

.value-added-intro {
    margin: 0 0 18px;
}

.value-added-subheading {
    margin: 0 0 15px;
    color: var(--navy);
    font-weight: 800;
}

.value-added-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .value-added-list li {
        position: relative;
        padding-left: 24px;
        color: #566b7e;
        font-size: 12px;
        line-height: 1.75;
    }

        .value-added-list li::before {
            content: "";
            position: absolute;
            top: 8px;
            left: 0;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--teal);
            box-shadow: 0 0 0 4px rgba(32,184,181,.12);
        }

    .value-added-list a {
        color: var(--teal);
        text-decoration: underline;
        text-underline-offset: 3px;
    }

.value-added-sms-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}

.value-added-sms-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 13px;
    padding: 16px;
    border: 1px solid #e1eaf0;
    border-radius: 14px;
    background: #f8fbfc;
    color: #53687b;
    font-size: 11px;
    line-height: 1.65;
}

    .value-added-sms-item i {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        background: #e7f7f5;
        color: var(--teal);
        font-size: 16px;
    }

.value-added-csr-card {
    background: radial-gradient(circle at 100% 0,rgba(32,184,181,.12),transparent 34%), #fff;
}

.value-added-contact-button {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: 24px;
    padding: 13px 17px;
    border-radius: 11px;
    background: var(--navy);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    transition: .3s;
}

    .value-added-contact-button:hover {
        background: var(--teal);
        color: #fff;
        transform: translateY(-2px);
    }

@media (max-width: 991px) {
    .value-added-grid {
        grid-template-columns: 1fr;
    }

    .value-added-card-wide {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .value-added-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .value-added-card {
        padding: 23px;
    }

    .value-added-sms-grid {
        grid-template-columns: 1fr;
    }

    .value-added-card-header {
        align-items: flex-start;
    }

    .value-added-card h2 {
        font-size: 25px;
    }
}


/* =========================================================
   AKDIML WHATSAPP SERVICES
========================================================= */

.value-added-whatsapp-card {
    background: radial-gradient(circle at 100% 0, rgba(37, 211, 102, .13), transparent 31%), linear-gradient(145deg, #ffffff, #f7fcf9);
}

    .value-added-whatsapp-card::before {
        background: #25d366;
    }

.value-added-whatsapp-icon {
    background: rgba(37, 211, 102, .12);
    color: #159447;
}

.value-added-whatsapp-label {
    background: rgba(37, 211, 102, .11);
    color: #11813d;
}

.value-added-whatsapp-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, .75fr);
    gap: 25px;
    align-items: stretch;
}

.value-added-whatsapp-services {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.value-added-whatsapp-service {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 62px;
    padding: 13px 14px;
    border: 1px solid #deebe3;
    border-radius: 14px;
    background: rgba(255, 255, 255, .82);
    color: #344b40;
    box-shadow: 0 9px 24px rgba(8, 27, 45, .045);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

    .value-added-whatsapp-service:hover {
        transform: translateY(-3px);
        border-color: rgba(37, 211, 102, .45);
        box-shadow: 0 15px 30px rgba(8, 27, 45, .09);
    }

    .value-added-whatsapp-service > span {
        width: 31px;
        height: 31px;
        display: grid;
        place-items: center;
        flex: 0 0 31px;
        border-radius: 9px;
        background: rgba(37, 211, 102, .13);
        color: #11813d;
        font-size: 11px;
        font-weight: 800;
    }

    .value-added-whatsapp-service strong {
        color: #31483d;
        font-size: 11px;
        line-height: 1.45;
    }

.value-added-whatsapp-channel {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 27px;
    overflow: hidden;
    border-radius: 19px;
    color: #ffffff;
    background: radial-gradient(circle at 95% 5%, rgba(118, 224, 215, .21), transparent 35%), linear-gradient(145deg, #0a3d2a, #075e54 58%, #06463e);
    box-shadow: 0 20px 46px rgba(7, 94, 84, .22);
}

    .value-added-whatsapp-channel::after {
        content: "";
        position: absolute;
        width: 175px;
        height: 175px;
        right: -75px;
        bottom: -90px;
        border-radius: 50%;
        background: rgba(37, 211, 102, .16);
    }

    .value-added-whatsapp-channel > * {
        position: relative;
        z-index: 2;
    }

.value-added-whatsapp-channel-icon {
    width: 57px;
    height: 57px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, .19);
    border-radius: 17px;
    background: rgba(255, 255, 255, .12);
    color: #ffffff;
    font-size: 29px;
}

.value-added-whatsapp-channel-kicker {
    margin-bottom: 8px;
    color: #aef0ca;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.value-added-whatsapp-channel h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    line-height: 1.25;
}

.value-added-whatsapp-channel p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 11px;
    line-height: 1.8;
}

.value-added-whatsapp-channel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 21px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #25d366;
    color: #063b25;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
    transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
}

    .value-added-whatsapp-channel-button:hover {
        transform: translateY(-3px);
        background: #5be187;
        color: #063b25;
        box-shadow: 0 15px 30px rgba(0, 0, 0, .20);
    }

    .value-added-whatsapp-channel-button .fa-arrow-up-right-from-square {
        margin-left: auto;
        font-size: 9px;
    }

.value-added-whatsapp-channel small {
    display: block;
    margin-top: 11px;
    color: rgba(255, 255, 255, .58);
    font-size: 8px;
    line-height: 1.55;
}

@media (max-width: 1100px) {
    .value-added-whatsapp-services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .value-added-whatsapp-layout {
        grid-template-columns: 1fr;
    }

    .value-added-whatsapp-channel {
        min-height: 330px;
    }
}

@media (max-width: 575px) {
    .value-added-whatsapp-services {
        grid-template-columns: 1fr;
    }

    .value-added-whatsapp-channel {
        min-height: 0;
        padding: 23px;
    }

        .value-added-whatsapp-channel h3 {
            font-size: 23px;
        }

    .value-added-whatsapp-channel-button {
        align-items: center;
        line-height: 1.45;
    }
}



/* =========================================================
   BROCHURES PAGE
========================================================= */

.brochures-hero {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 84% 12%,rgba(32,184,181,.22),transparent 31%), radial-gradient(circle at 18% 105%,rgba(216,178,103,.13),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .brochures-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.brochures-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.brochures-hero-shape-one {
    width: 450px;
    height: 450px;
    top: -260px;
    right: -155px;
    background: rgba(216,178,103,.14);
}

.brochures-hero-shape-two {
    width: 285px;
    height: 285px;
    left: -110px;
    bottom: -185px;
    background: rgba(32,184,181,.11);
}

.brochures-hero .container {
    position: relative;
    z-index: 2;
}

.brochures-hero-content {
    max-width: 850px;
    padding: 90px 0;
    color: #fff;
}

    .brochures-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(52px,6vw,80px);
        line-height: 1.04;
    }

    .brochures-hero-content p {
        max-width: 710px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8;
    }

.brochures-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .brochures-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.brochures-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.brochures-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 46px;
}

    .brochures-heading > div {
        max-width: 780px;
    }

    .brochures-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.brochures-count {
    width: 112px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .brochures-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: .8px;
        text-transform: uppercase;
    }

@media (max-width: 767px) {
    .brochures-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================================================
   GENERAL FAQ PAGE
========================================================= */

.general-faq-hero {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 84% 12%,rgba(32,184,181,.22),transparent 31%), radial-gradient(circle at 18% 105%,rgba(216,178,103,.13),transparent 31%), linear-gradient(120deg,#071a2b,#143d5a);
}

    .general-faq-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px;
    }

.general-faq-hero-shape {
    position: absolute;
    border-radius: 50%;
}

.general-faq-hero-shape-one {
    width: 460px;
    height: 460px;
    top: -270px;
    right: -155px;
    background: rgba(216,178,103,.14);
}

.general-faq-hero-shape-two {
    width: 290px;
    height: 290px;
    left: -115px;
    bottom: -185px;
    background: rgba(32,184,181,.11);
}

.general-faq-hero .container {
    position: relative;
    z-index: 2;
}

.general-faq-hero-content {
    max-width: 900px;
    padding: 94px 0;
    color: #fff;
}

    .general-faq-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(50px,6vw,80px);
        line-height: 1.04;
    }

    .general-faq-hero-content p {
        max-width: 730px;
        margin: 24px 0 31px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.82;
    }

.general-faq-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .general-faq-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px);
    }

.general-faq-section {
    background: linear-gradient(180deg,#fff,#f3f7fa);
}

.general-faq-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 34px;
}

    .general-faq-heading > div {
        max-width: 790px;
    }

    .general-faq-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.general-faq-count {
    width: 112px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06);
}

    .general-faq-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: .8px;
        text-transform: uppercase;
    }

.general-faq-search-wrap {
    position: relative;
    margin-bottom: 26px;
}

    .general-faq-search-wrap i {
        position: absolute;
        top: 50%;
        left: 19px;
        color: var(--teal);
        transform: translateY(-50%);
    }

    .general-faq-search-wrap input {
        width: 100%;
        min-height: 58px;
        padding: 0 20px 0 50px;
        border: 1px solid var(--border);
        border-radius: 15px;
        outline: none;
        background: #fff;
        color: var(--navy);
        font-size: 13px;
        box-shadow: 0 12px 35px rgba(8,27,45,.05);
        transition: .3s;
    }

        .general-faq-search-wrap input:focus {
            border-color: var(--teal);
            box-shadow: 0 0 0 4px rgba(32,184,181,.1);
        }

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

.general-faq-item {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(8,27,45,.06);
    transition: .35s;
}

    .general-faq-item::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--teal);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: .35s;
    }

    .general-faq-item:hover,
    .general-faq-item[open] {
        border-color: rgba(32,184,181,.35);
        box-shadow: 0 23px 52px rgba(8,27,45,.11);
    }

        .general-faq-item:hover::before,
        .general-faq-item[open]::before {
            transform: scaleY(1);
        }

    .general-faq-item summary {
        display: grid;
        grid-template-columns: 48px 1fr 28px;
        align-items: center;
        gap: 16px;
        min-height: 78px;
        padding: 15px 22px;
        cursor: pointer;
        list-style: none;
    }

        .general-faq-item summary::-webkit-details-marker {
            display: none;
        }

        .general-faq-item summary > span {
            width: 42px;
            height: 42px;
            display: grid;
            place-items: center;
            border-radius: 12px;
            background: #e9f8f7;
            color: var(--teal);
            font-size: 11px;
            font-weight: 800;
        }

        .general-faq-item summary strong {
            color: var(--navy);
            font-family: 'Playfair Display',serif;
            font-size: 21px;
            line-height: 1.35;
        }

        .general-faq-item summary i {
            color: var(--teal);
            font-size: 14px;
        }

.general-faq-answer {
    padding: 0 28px 27px 86px;
    color: #5b7083;
    font-size: 13px;
    line-height: 1.9;
}

    .general-faq-answer p {
        margin: 0 0 16px;
    }

        .general-faq-answer p:last-child {
            margin-bottom: 0;
        }

    .general-faq-answer ul {
        display: grid;
        gap: 9px;
        margin: 0 0 17px;
        padding-left: 20px;
    }

    .general-faq-answer li::marker {
        color: var(--teal);
    }

    .general-faq-answer a {
        color: var(--teal);
        font-weight: 800;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

.general-faq-empty {
    display: none;
    padding: 55px 25px;
    border: 1px dashed #cbd8e0;
    border-radius: 18px;
    background: #fff;
    text-align: center;
}

    .general-faq-empty i {
        margin-bottom: 16px;
        color: var(--teal);
        font-size: 32px;
    }

    .general-faq-empty h3 {
        margin: 0;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 26px;
    }

    .general-faq-empty p {
        margin: 9px 0 0;
        color: var(--muted);
    }

@media (max-width: 767px) {
    .general-faq-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .general-faq-item summary {
        grid-template-columns: 42px 1fr 22px;
        gap: 12px;
        padding: 14px 16px;
    }

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

    .general-faq-answer {
        padding: 0 18px 22px;
    }
}


/* =========================================================
   FATWA PAGE
========================================================= */
.fatwa-hero {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 84% 12%,rgba(32,184,181,.22),transparent 31%),radial-gradient(circle at 18% 105%,rgba(216,178,103,.13),transparent 31%),linear-gradient(120deg,#071a2b,#143d5a)
}

    .fatwa-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
        background-size: 48px 48px
    }

.fatwa-hero-shape {
    position: absolute;
    border-radius: 50%
}

.fatwa-hero-shape-one {
    width: 450px;
    height: 450px;
    top: -260px;
    right: -155px;
    background: rgba(216,178,103,.14)
}

.fatwa-hero-shape-two {
    width: 285px;
    height: 285px;
    left: -110px;
    bottom: -185px;
    background: rgba(32,184,181,.11)
}

.fatwa-hero .container {
    position: relative;
    z-index: 2
}

.fatwa-hero-content {
    max-width: 850px;
    padding: 90px 0;
    color: #fff
}

    .fatwa-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(52px,6vw,80px);
        line-height: 1.04
    }

    .fatwa-hero-content p {
        max-width: 710px;
        margin: 23px 0 30px;
        color: rgba(255,255,255,.72);
        font-size: 17px;
        line-height: 1.8
    }

.fatwa-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 19px;
    border-radius: 12px;
    background: var(--teal);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s
}

    .fatwa-hero-link:hover {
        background: #fff;
        color: var(--navy);
        transform: translateY(-3px)
    }

.fatwa-section {
    background: linear-gradient(180deg,#fff,#f3f7fa)
}

.fatwa-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 46px
}

    .fatwa-heading > div:first-child {
        max-width: 780px
    }

    .fatwa-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.8
    }

.fatwa-count {
    width: 112px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 12px 35px rgba(8,27,45,.06)
}

    .fatwa-count small {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-family: 'Manrope',sans-serif;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: .8px;
        text-transform: uppercase
    }

.fatwa-document-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px
}

.fatwa-document-card {
    display: flex;
    gap: 22px;
    padding: 28px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(8,27,45,.07);
    transition: .35s
}

    .fatwa-document-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 24px 60px rgba(8,27,45,.13);
        border-color: rgba(32,184,181,.35)
    }

.fatwa-document-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 29px
}

.fatwa-document-content {
    min-width: 0;
    flex: 1
}

.fatwa-document-type {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eff4f8;
    color: #617386;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px
}

.fatwa-document-content h3 {
    margin: 14px 0 10px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 23px;
    line-height: 1.3;
    overflow-wrap: anywhere
}

.fatwa-document-content p {
    margin: 0;
    color: var(--muted);
    font-size: 12px
}

    .fatwa-document-content p i {
        margin-right: 7px;
        color: var(--teal)
    }

.fatwa-document-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px
}

.fatwa-view-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 17px;
    border-radius: 11px;
    background: var(--navy);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    transition: .3s
}

    .fatwa-view-button:hover {
        background: var(--teal);
        color: #fff;
        transform: translateY(-2px)
    }

.fatwa-download-button {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: #fff;
    color: var(--navy);
    transition: .3s
}

    .fatwa-download-button:hover {
        border-color: var(--teal);
        background: #e9f8f7;
        color: var(--teal)
    }

.fatwa-empty-state {
    padding: 70px 25px;
    border: 1px dashed #cad8e2;
    border-radius: 22px;
    background: #fff;
    text-align: center
}

    .fatwa-empty-state > i {
        color: var(--teal);
        font-size: 52px
    }

    .fatwa-empty-state h3 {
        margin: 20px 0 8px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 28px
    }

    .fatwa-empty-state p {
        margin: 0;
        color: var(--muted)
    }

@media(max-width:991px) {
    .fatwa-document-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width:767px) {
    .fatwa-heading {
        align-items: flex-start;
        flex-direction: column
    }

    .fatwa-hero-content {
        padding: 75px 0
    }

    .fatwa-document-card {
        flex-direction: column;
        padding: 23px
    }

    .fatwa-document-actions {
        align-items: stretch
    }

    .fatwa-view-button {
        flex: 1
    }
}


/* =========================================================
   HOW TO INVEST PAGE
========================================================= */

.how-invest-hero {
    position: relative;
    min-height: 455px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 82% 18%, rgba(32,184,181,.24), transparent 30%), linear-gradient(135deg, #071a2b 0%, #0d3554 58%, #0a263e 100%);
}

.how-invest-hero-shape {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.09);
}

.how-invest-hero-shape-one {
    width: 360px;
    height: 360px;
    right: -70px;
    top: -135px;
}

.how-invest-hero-shape-two {
    width: 220px;
    height: 220px;
    right: 22%;
    bottom: -145px;
    background: rgba(32,184,181,.06);
}

.how-invest-hero-content {
    position: relative;
    z-index: 2;
    max-width: 790px;
    padding: 82px 0;
    color: #fff;
}

    .how-invest-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display', serif;
        font-size: clamp(50px, 6vw, 76px);
        line-height: 1.05;
    }

    .how-invest-hero-content p {
        max-width: 720px;
        margin: 22px 0 30px;
        color: #d4e2eb;
        font-size: 17px;
        line-height: 1.8;
    }

.how-invest-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-height: 50px;
    padding: 0 20px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    backdrop-filter: blur(10px);
    transition: .3s ease;
}

    .how-invest-hero-link:hover {
        background: var(--teal);
        border-color: var(--teal);
        color: #fff;
        transform: translateY(-3px);
    }

.how-invest-section {
    background: linear-gradient(180deg, #f7fafc 0%, #fff 36%);
}

.how-invest-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 45px;
}

    .how-invest-heading p {
        max-width: 690px;
        margin: 18px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.how-invest-count {
    min-width: 130px;
    padding: 19px 22px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    color: var(--navy);
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    box-shadow: 0 15px 35px rgba(8,27,45,.07);
}

    .how-invest-count small {
        display: block;
        margin-top: 7px;
        color: var(--muted);
        font-family: 'Manrope', sans-serif;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.how-invest-alert {
    margin-bottom: 25px;
    border-radius: 13px;
}

.how-invest-layout {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

.how-invest-sidebar {
    position: sticky;
    top: 115px;
}

.how-invest-sidebar-card {
    padding: 28px;
    border-radius: 22px;
    background: radial-gradient(circle at 100% 0, rgba(118,224,215,.18), transparent 35%), var(--navy);
    color: #fff;
    box-shadow: var(--shadow);
}

.how-invest-sidebar-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 22px;
    border-radius: 16px;
    background: rgba(255,255,255,.09);
    color: var(--teal-2);
    font-size: 22px;
}

.how-invest-sidebar-card h3 {
    margin: 0 0 13px;
    font-family: 'Playfair Display', serif;
    font-size: 26px;
}

.how-invest-sidebar-card p {
    margin: 0 0 23px;
    color: #bdccd7;
    font-size: 13px;
    line-height: 1.75;
}

.how-invest-sidebar-card a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,.1);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    word-break: break-word;
}

    .how-invest-sidebar-card a i {
        color: var(--teal-2);
    }

.how-invest-faq-list {
    display: grid;
    gap: 16px;
}

.how-invest-faq-item {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 13px 35px rgba(8,27,45,.055);
    transition: border-color .3s ease, box-shadow .3s ease;
}

    .how-invest-faq-item[open] {
        border-color: rgba(32,184,181,.42);
        box-shadow: 0 20px 50px rgba(8,27,45,.09);
    }

    .how-invest-faq-item summary {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) 42px;
        align-items: center;
        gap: 17px;
        min-height: 92px;
        padding: 18px 22px;
        cursor: pointer;
        list-style: none;
    }

        .how-invest-faq-item summary::-webkit-details-marker {
            display: none;
        }

.how-invest-question-number {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 12px;
    font-weight: 800;
}

.how-invest-question {
    color: var(--navy);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
}

.how-invest-toggle {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    justify-self: end;
    border-radius: 50%;
    background: #f1f5f8;
    color: var(--navy);
    transition: .3s ease;
}

.how-invest-faq-item[open] .how-invest-toggle {
    background: var(--teal);
    color: #fff;
    transform: rotate(45deg);
}

.how-invest-answer {
    padding: 5px 28px 30px 87px;
    border-top: 1px solid #edf2f5;
    color: #4f6274;
    font-size: 14px;
    line-height: 1.85;
}

    .how-invest-answer > p:first-child {
        margin-top: 22px;
    }

    .how-invest-answer a {
        color: var(--teal);
        font-weight: 800;
    }

    .how-invest-answer h4 {
        margin: 25px 0 15px;
        color: var(--navy);
        font-family: 'Playfair Display', serif;
        font-size: 23px;
    }

.how-invest-bank-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.how-invest-bank-card {
    padding: 21px;
    border: 1px solid #e1e9ef;
    border-radius: 16px;
    background: #fbfdfe;
}

    .how-invest-bank-card h4 {
        margin: 0 0 16px;
        font-family: 'Manrope', sans-serif;
        font-size: 14px;
        font-weight: 800;
    }

    .how-invest-bank-card dl,
    .how-invest-bank-card dd {
        margin: 0;
    }

    .how-invest-bank-card dl {
        display: grid;
        gap: 10px;
    }

        .how-invest-bank-card dl > div {
            padding-bottom: 9px;
            border-bottom: 1px dashed #dbe5eb;
        }

            .how-invest-bank-card dl > div:last-child {
                padding-bottom: 0;
                border-bottom: 0;
            }

    .how-invest-bank-card dt {
        color: #8594a2;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .7px;
        text-transform: uppercase;
    }

    .how-invest-bank-card dd {
        margin-top: 3px;
        color: #24394c;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.55;
        overflow-wrap: anywhere;
    }

.how-invest-steps {
    display: grid;
    gap: 13px;
    padding: 0;
    margin: 17px 0 25px;
    list-style: none;
}

    .how-invest-steps > li {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 14px;
        align-items: start;
    }

        .how-invest-steps > li > span {
            width: 38px;
            height: 38px;
            display: grid;
            place-items: center;
            border-radius: 11px;
            background: var(--navy);
            color: #fff;
            font-size: 11px;
            font-weight: 800;
        }

.how-invest-form-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 13px;
}

    .how-invest-form-links a,
    .how-invest-form-unavailable {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 10px 13px;
        border-radius: 10px;
        background: #e9f8f7;
        color: #108c89;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.4;
    }

        .how-invest-form-links a:hover {
            background: var(--teal);
            color: #fff;
        }

.how-invest-form-unavailable {
    background: #f1f3f5;
    color: #8996a1;
}

@media (max-width: 991px) {
    .how-invest-layout {
        grid-template-columns: 1fr;
    }

    .how-invest-sidebar {
        position: static;
    }

    .how-invest-sidebar-card {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 20px;
    }

        .how-invest-sidebar-card p,
        .how-invest-sidebar-card a {
            grid-column: 2;
        }

    .how-invest-bank-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .how-invest-hero {
        min-height: 390px;
    }

    .how-invest-hero-content {
        padding: 65px 0;
    }

    .how-invest-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .how-invest-count {
        min-width: 115px;
    }

    .how-invest-faq-item summary {
        grid-template-columns: 40px minmax(0, 1fr) 36px;
        gap: 11px;
        min-height: 82px;
        padding: 15px;
    }

    .how-invest-question-number {
        width: 40px;
        height: 40px;
    }

    .how-invest-question {
        font-size: 14px;
    }

    .how-invest-toggle {
        width: 36px;
        height: 36px;
    }

    .how-invest-answer {
        padding: 4px 18px 24px;
    }

    .how-invest-sidebar-card {
        display: block;
    }

        .how-invest-sidebar-card p,
        .how-invest-sidebar-card a {
            grid-column: auto;
        }
}

@media (max-width: 480px) {
    .how-invest-hero-content h1 {
        font-size: 43px;
    }

    .how-invest-steps > li {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 11px;
    }

        .how-invest-steps > li > span {
            width: 34px;
            height: 34px;
        }
}

/* =========================================================
   QUARTERLY REPORTS PAGE
   Reuses the existing Brochures document-card design
========================================================= */

.quarterly-report-search {
    margin-bottom: 34px;
}

.quarterly-report-card .brochure-card-body h3 {
    min-height: 78px;
}

.quarterly-report-card .brochure-upload-date {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 17px 0 0;
    color: var(--muted);
    font-size: 12px;
}

    .quarterly-report-card .brochure-upload-date i {
        color: var(--teal);
    }

#quarterlyReportsEmpty {
    display: none;
}

@media (max-width: 767px) {
    .quarterly-report-card .brochure-card-body h3 {
        min-height: auto;
    }
}



.annual-report-search {
    margin-bottom: 34px;
}

#annualReportsEmpty {
    display: none;
}


.fund-manager-report-search {
    margin-bottom: 34px;
}

#fundManagerReportsEmpty {
    display: none;
}


.fund-expense-ratio-search {
    margin-bottom: 34px;
}

#fundExpenseRatioReportsEmpty {
    display: none;
}

/* =========================================================
   CONTACT US PAGE
========================================================= */

.contact-page-hero {
    position: relative;
    padding: 120px 0 110px;
    background: linear-gradient(135deg, var(--navy), #123c5e);
    overflow: hidden;
}

.contact-page-hero-shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(32,184,181,.09);
}

.contact-page-hero-shape-one {
    width: 480px;
    height: 480px;
    right: -120px;
    top: -210px;
}

.contact-page-hero-shape-two {
    width: 260px;
    height: 260px;
    left: -90px;
    bottom: -140px;
}

.contact-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 780px;
    color: #fff;
}

    .contact-page-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(48px,6vw,76px);
        line-height: 1.05;
    }

    .contact-page-hero-content p {
        max-width: 700px;
        margin: 22px 0 30px;
        color: #d6e1e9;
        font-size: 17px;
        line-height: 1.8;
    }

.contact-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.contact-overview-section {
    background: #f8fbfd;
}

.contact-section-heading {
    max-width: 760px;
    margin-bottom: 45px;
}

    .contact-section-heading p,
    .contact-map-heading p,
    .secp-complaints-content p,
    .investor-concerns-intro {
        margin: 18px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.contact-office-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
}

.contact-office-card {
    display: flex;
    gap: 22px;
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(8,27,45,.08);
}

.contact-office-card-featured {
    border-top: 4px solid var(--teal);
}

.contact-office-icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 24px;
}

.contact-office-label {
    color: var(--teal);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.contact-office-content h3 {
    margin: 8px 0 18px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 25px;
}

.contact-address-link {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
    background: #f4f8fb;
    color: #31475c;
    line-height: 1.65;
    transition: .3s;
}

    .contact-address-link i:first-child {
        margin-top: 5px;
        color: var(--teal);
    }

    .contact-address-link i:last-child {
        margin-left: auto;
        margin-top: 5px;
        color: #8ba0b1;
        font-size: 12px;
    }

    .contact-address-link:hover {
        background: var(--navy);
        color: #fff;
        transform: translateY(-2px);
    }

.contact-office-details {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

    .contact-office-details a,
    .contact-office-details > div {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        color: #52677a;
        font-size: 13px;
    }

    .contact-office-details i {
        width: 18px;
        margin-top: 3px;
        color: var(--teal);
    }

.contact-query-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px;
    margin-top: 32px;
}

.contact-query-card {
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
}

.contact-query-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
    border-radius: 16px;
    background: var(--navy);
    color: var(--teal-2);
    font-size: 20px;
}

.contact-query-card h3 {
    margin: 0 0 13px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 23px;
}

.contact-query-card p {
    min-height: 105px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.75;
}

    .contact-query-card p a {
        color: var(--teal);
        font-weight: 800;
    }

.contact-inline-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 11px;
    color: var(--teal);
    font-size: 13px;
    font-weight: 800;
}

.investor-concerns-section {
    background: #fff;
}

.investor-concerns-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 55px;
    align-items: center;
}

.representative-card {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 30px;
    padding: 22px;
    border-radius: 20px;
    background: var(--navy);
    color: #fff;
}

.representative-avatar {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(255,255,255,.1);
    color: var(--teal-2);
    font-size: 24px;
}

.representative-card span {
    color: #b9c9d5;
    font-size: 11px;
}

.representative-card h3 {
    margin: 4px 0 0;
    font-family: 'Playfair Display',serif;
    font-size: 25px;
}

.investor-contact-panel {
    display: grid;
    gap: 12px;
}

.investor-contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 17px 19px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
    transition: .3s;
}

    .investor-contact-item > span {
        width: 44px;
        height: 44px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 13px;
        background: #e9f8f7;
        color: var(--teal);
    }

    .investor-contact-item small,
    .investor-contact-item strong {
        display: block;
    }

    .investor-contact-item small {
        margin-bottom: 3px;
        color: var(--muted);
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .8px;
    }

    .investor-contact-item strong {
        color: #2b4054;
        font-size: 13px;
    }

a.investor-contact-item:hover {
    border-color: var(--teal);
    transform: translateX(5px);
}

.contact-disclaimer-section {
    padding: 0 0 90px;
    background: #fff;
}

.contact-disclaimer-card {
    display: flex;
    gap: 22px;
    padding: 30px;
    border-left: 5px solid var(--gold);
    border-radius: 18px;
    background: #fffaf0;
}

.contact-disclaimer-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 16px;
    background: #fff;
    color: #b48631;
    font-size: 21px;
}

.contact-disclaimer-card h3 {
    margin: 0 0 10px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 24px;
}

.contact-disclaimer-card p {
    margin: 0;
    color: #5d6670;
    font-size: 13px;
    line-height: 1.85;
}

.secp-complaints-section {
    background: #edf6f8;
}

.secp-complaints-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 55px;
    align-items: center;
}

.secp-complaints-content p {
    margin-bottom: 27px;
}

.secp-service-image-card {
    display: block;
    padding: 18px;
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--shadow);
    overflow: hidden;
}

    .secp-service-image-card img {
        width: 100%;
        max-height: 210px;
        object-fit: contain;
    }

    .secp-service-image-card span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        padding: 16px 5px 2px;
        color: var(--navy);
        font-size: 13px;
        font-weight: 800;
    }

.contact-map-section {
    padding-top: 95px;
    background: #fff;
}

.contact-map-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 35px;
}

    .contact-map-heading > div {
        max-width: 760px;
    }

.contact-map-open-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-radius: 12px;
    background: var(--navy);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

    .contact-map-open-link:hover {
        background: var(--teal);
        color: #fff;
    }

.contact-map-frame {
    width: 100%;
    height: 520px;
    background: #e9eef2;
}

    .contact-map-frame iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

@media (max-width: 991px) {
    .contact-office-grid,
    .investor-concerns-grid,
    .secp-complaints-grid {
        grid-template-columns: 1fr;
    }

    .contact-query-grid {
        grid-template-columns: 1fr 1fr;
    }

    .contact-map-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .contact-page-hero {
        padding: 85px 0 80px;
    }

    .contact-page-hero-content h1 {
        font-size: 43px;
    }

    .contact-office-card {
        flex-direction: column;
        padding: 24px;
    }

    .contact-query-grid {
        grid-template-columns: 1fr;
    }

    .contact-query-card p {
        min-height: auto;
    }

    .contact-disclaimer-card {
        flex-direction: column;
        padding: 23px;
    }

    .contact-map-frame {
        height: 420px;
    }
}

/* =========================================================
   TOPBAR INVESTOR LOGIN
========================================================= */

.topbar-investor-login {
    font-weight: 800;
}

    .topbar-investor-login i {
        color: var(--teal-2);
    }

/* =========================================================
   CAREER PAGE
========================================================= */

.career-page-hero {
    position: relative;
    padding: 120px 0 110px;
    background: linear-gradient(135deg,var(--navy),#123c5e);
    overflow: hidden;
}

.career-hero-shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(32,184,181,.09);
}

.career-hero-shape-one {
    width: 520px;
    height: 520px;
    top: -240px;
    right: -130px;
}

.career-hero-shape-two {
    width: 270px;
    height: 270px;
    left: -100px;
    bottom: -150px;
}

.career-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    color: #fff;
}

    .career-page-hero-content h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(45px,5.7vw,74px);
        line-height: 1.06;
    }

    .career-page-hero-content p {
        max-width: 720px;
        margin: 24px 0 32px;
        color: #d6e1e9;
        font-size: 17px;
        line-height: 1.8;
    }

.career-intro-section {
    background: #fff;
}

.career-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.career-intro-copy > p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.85;
}

.career-values {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

    .career-values span {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 11px 15px;
        border-radius: 999px;
        background: #e9f8f7;
        color: var(--navy);
        font-size: 12px;
        font-weight: 800;
    }

    .career-values i {
        color: var(--teal);
    }

.career-jobs-section {
    background: #f4f8fb;
}

.career-jobs-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 32px;
}

    .career-jobs-heading > div {
        max-width: 760px;
    }

    .career-jobs-heading p {
        margin: 18px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }

.career-open-count {
    min-width: 120px;
    padding: 19px 22px;
    border-radius: 18px;
    background: var(--navy);
    color: var(--teal-2);
    font-family: 'Playfair Display',serif;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
}

    .career-open-count small {
        display: block;
        margin-top: 2px;
        color: #c5d4df;
        font-family: 'Manrope',sans-serif;
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.career-search-wrap {
    position: relative;
    max-width: 680px;
    margin-bottom: 32px;
}

    .career-search-wrap i {
        position: absolute;
        left: 20px;
        top: 50%;
        color: var(--teal);
        transform: translateY(-50%);
    }

    .career-search-wrap input {
        width: 100%;
        height: 58px;
        padding: 0 20px 0 53px;
        border: 1px solid var(--border);
        border-radius: 16px;
        background: #fff;
        color: var(--ink);
        outline: none;
        box-shadow: 0 12px 35px rgba(8,27,45,.06);
    }

        .career-search-wrap input:focus {
            border-color: var(--teal);
        }

.career-job-list {
    display: grid;
    gap: 24px;
}

.career-job-card {
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(8,27,45,.07);
}

.career-job-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25px;
}

.career-job-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 12px;
}

    .career-job-badges span {
        padding: 7px 10px;
        border-radius: 999px;
        background: #e9f8f7;
        color: var(--teal);
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .5px;
    }

.career-job-card h3 {
    margin: 0;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: clamp(27px,3vw,38px);
}

.career-job-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 17px;
    background: var(--navy);
    color: var(--teal-2);
    font-size: 21px;
}

.career-job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin: 22px 0;
    padding-bottom: 22px;
    border-bottom: 1px solid #edf1f4;
}

    .career-job-meta span {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #53687a;
        font-size: 12px;
        font-weight: 700;
    }

    .career-job-meta i {
        color: var(--teal);
    }

.career-job-description {
    margin-bottom: 22px;
    color: var(--muted);
    line-height: 1.8;
}

    .career-job-description p:last-child {
        margin-bottom: 0;
    }

.career-job-details-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 14px;
}

.career-job-detail {
    display: flex;
    gap: 13px;
    padding: 17px;
    border-radius: 16px;
    background: #f4f8fb;
}

    .career-job-detail > span {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 12px;
        background: #fff;
        color: var(--teal);
    }

    .career-job-detail small,
    .career-job-detail strong {
        display: block;
    }

    .career-job-detail small {
        margin-bottom: 4px;
        color: var(--muted);
        font-size: 9px;
        letter-spacing: .8px;
        text-transform: uppercase;
    }

    .career-job-detail strong {
        color: #30465a;
        font-size: 12px;
        line-height: 1.55;
    }

.career-requirements {
    margin-top: 22px;
    padding: 22px;
    border-left: 4px solid var(--teal);
    border-radius: 14px;
    background: #f9fcfd;
}

    .career-requirements h4 {
        margin: 0 0 13px;
        color: var(--navy);
        font-size: 14px;
    }

    .career-requirements ul {
        display: grid;
        gap: 8px;
        margin: 0;
        padding-left: 20px;
        color: #5b6e7e;
        font-size: 12px;
        line-height: 1.65;
    }

.career-job-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 25px;
    padding-top: 22px;
    border-top: 1px solid #edf1f4;
}

.career-apply-email small,
.career-apply-email a {
    display: block;
}

.career-apply-email small {
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 10px;
}

.career-apply-email a {
    color: var(--teal);
    font-size: 13px;
    font-weight: 800;
}

.career-apply-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 21px;
    border-radius: 12px;
    background: var(--navy);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    transition: .3s;
}

    .career-apply-button:hover {
        background: var(--teal);
        color: #fff;
        transform: translateY(-2px);
    }

.career-empty-state {
    padding: 55px 25px;
    border: 1px dashed #c9d9e3;
    border-radius: 22px;
    background: #fff;
    text-align: center;
}

    .career-empty-state > span {
        width: 68px;
        height: 68px;
        display: grid;
        place-items: center;
        margin: 0 auto 18px;
        border-radius: 20px;
        background: #e9f8f7;
        color: var(--teal);
        font-size: 25px;
    }

    .career-empty-state h3 {
        margin: 0 0 9px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 26px;
    }

    .career-empty-state p {
        margin: 0;
        color: var(--muted);
    }

#careerSearchEmpty {
    display: none;
}

.career-cta-section {
    padding: 85px 0;
    background: #fff;
}

.career-cta-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 45px;
    border-radius: 26px;
    background: linear-gradient(135deg,var(--navy),#123c5e);
    color: #fff;
    overflow: hidden;
}

    .career-cta-card h2 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(32px,4vw,48px);
    }

    .career-cta-card p {
        max-width: 680px;
        margin: 15px 0 0;
        color: #c7d5df;
        line-height: 1.75;
    }

@media (max-width: 991px) {
    .career-intro-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .career-cta-card {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .career-page-hero {
        padding: 85px 0 80px;
    }

    .career-page-hero-content h1 {
        font-size: 42px;
    }

    .career-jobs-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .career-job-card {
        padding: 23px;
    }

    .career-job-details-grid {
        grid-template-columns: 1fr;
    }

    .career-job-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .career-apply-button {
        width: 100%;
    }

    .career-cta-card {
        padding: 30px 24px;
    }
}

/* =========================================================
   CAREER RESUME NOTE
========================================================= */

.career-resume-note {
    margin-top: 18px !important;
    padding: 18px 20px;
    border-left: 4px solid var(--teal);
    border-radius: 12px;
    background: #f4f8fb;
    color: #40576a !important;
}

    .career-resume-note a {
        color: var(--teal);
        font-weight: 800;
    }

/* =========================================================
   GLOBAL WEBSITE SEARCH
========================================================= */

body.search-open {
    overflow: hidden;
}

.website-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 25px;
    background: rgba(5,20,35,.94);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
}

    .website-search-overlay.open {
        opacity: 1;
        visibility: visible;
    }

.website-search-close {
    position: absolute;
    top: 28px;
    right: 30px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 20px;
}

.website-search-panel {
    width: min(900px,100%);
    text-align: center;
}

    .website-search-panel h2 {
        margin: 0 0 28px;
        color: #fff;
        font-family: 'Playfair Display',serif;
        font-size: clamp(38px,5vw,62px);
    }

    .website-search-panel > p {
        margin: 18px 0 0;
        color: #b9c9d5;
        font-size: 12px;
    }

.website-search-form,
.website-search-page-form {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px;
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow);
}

    .website-search-form > i,
    .website-search-page-form > i {
        margin-left: 12px;
        color: var(--teal);
        font-size: 19px;
    }

    .website-search-form input,
    .website-search-page-form input {
        min-width: 0;
        flex: 1;
        height: 55px;
        border: 0;
        outline: 0;
        color: var(--ink);
        font-size: 15px;
    }

    .website-search-form button,
    .website-search-page-form button {
        min-height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 0 22px;
        border: 0;
        border-radius: 12px;
        background: var(--teal);
        color: #fff;
        font-size: 12px;
        font-weight: 800;
    }

.website-search-page-hero {
    padding: 95px 0;
    background: linear-gradient(135deg,var(--navy),#123c5e);
    color: #fff;
}

    .website-search-page-hero h1 {
        margin: 0;
        font-family: 'Playfair Display',serif;
        font-size: clamp(46px,6vw,72px);
    }

    .website-search-page-hero p {
        max-width: 720px;
        margin: 20px 0 0;
        color: #d6e1e9;
        font-size: 16px;
        line-height: 1.8;
    }

.website-search-results-section {
    background: #f4f8fb;
}

.website-search-page-form {
    max-width: 900px;
    margin: 0 auto 45px;
}

.website-search-results-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 28px;
}

    .website-search-results-heading h2 {
        margin: 0;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: clamp(30px,4vw,48px);
    }

    .website-search-results-heading > strong {
        min-width: 105px;
        padding: 16px;
        border-radius: 16px;
        background: var(--navy);
        color: var(--teal-2);
        font-family: 'Playfair Display',serif;
        font-size: 30px;
        text-align: center;
    }

        .website-search-results-heading > strong small {
            display: block;
            color: #c7d5df;
            font-family: 'Manrope',sans-serif;
            font-size: 9px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

.website-search-result-list {
    display: grid;
    gap: 15px;
}

.website-search-result-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    transition: .3s;
}

    .website-search-result-card:hover {
        border-color: var(--teal);
        box-shadow: 0 16px 45px rgba(8,27,45,.09);
        transform: translateY(-3px);
    }

.website-search-result-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 20px;
}

.website-search-result-category {
    color: var(--teal);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.website-search-result-card h3 {
    margin: 5px 0 6px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 22px;
}

.website-search-result-card p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.65;
}

.website-search-result-card > i {
    color: #91a4b4;
}

.website-search-empty {
    padding: 65px 25px;
    border: 1px dashed #c8d8e2;
    border-radius: 22px;
    background: #fff;
    text-align: center;
}

    .website-search-empty > span {
        width: 70px;
        height: 70px;
        display: grid;
        place-items: center;
        margin: 0 auto 18px;
        border-radius: 20px;
        background: #e9f8f7;
        color: var(--teal);
        font-size: 25px;
    }

    .website-search-empty h2 {
        margin: 0 0 9px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
    }

    .website-search-empty p {
        margin: 0;
        color: var(--muted);
    }

@media (max-width: 767px) {
    .website-search-form,
    .website-search-page-form {
        align-items: stretch;
        flex-wrap: wrap;
    }

        .website-search-form input,
        .website-search-page-form input {
            width: calc(100% - 50px);
        }

        .website-search-form button,
        .website-search-page-form button {
            width: 100%;
        }

    .website-search-results-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .website-search-result-card {
        grid-template-columns: auto 1fr;
    }

        .website-search-result-card > i {
            display: none;
        }
}

/* =========================================================
   AKDOF FUND DETAIL PAGE
========================================================= */

.fund-detail-hero {
    position: relative;
    padding: 90px 0 75px;
    background: linear-gradient(135deg,var(--navy),#123c5e);
    overflow: hidden;
}

.fund-detail-hero-shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(32,184,181,.09);
}

.fund-detail-hero-shape-one {
    width: 450px;
    height: 450px;
    top: -220px;
    right: -100px;
}

.fund-detail-hero-shape-two {
    width: 260px;
    height: 260px;
    left: -90px;
    bottom: -150px;
}

.fund-detail-logo-card {
    position: relative;
    z-index: 2;
    max-width: 620px;
    margin: 0 auto;
    padding: 38px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 28px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 30px 80px rgba(0,0,0,.25);
    text-align: center;
}

    .fund-detail-logo-card img {
        max-width: 280px;
        max-height: 135px;
        margin: 0 auto 20px;
        object-fit: contain;
    }

    .fund-detail-logo-card > span {
        display: inline-block;
        padding: 7px 12px;
        border-radius: 999px;
        background: #e9f8f7;
        color: var(--teal);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .fund-detail-logo-card h1 {
        margin: 15px 0 6px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: clamp(34px,4vw,52px);
    }

    .fund-detail-logo-card p {
        margin: 0;
        color: var(--muted);
    }

.fund-detail-tabs {
    position: sticky;
    top: 88px;
    z-index: 900;
    border-bottom: 1px solid var(--border);
    background: rgba(255,255,255,.97);
    box-shadow: 0 10px 30px rgba(8,27,45,.06);
    backdrop-filter: blur(12px);
}

.fund-detail-tabs-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    overflow-x: auto;
}

.fund-detail-tabs a {
    flex: 0 0 auto;
    padding: 20px 18px;
    color: #405568;
    font-size: 12px;
    font-weight: 800;
    border-bottom: 3px solid transparent;
}

    .fund-detail-tabs a:hover {
        color: var(--teal);
        border-bottom-color: var(--teal);
    }

.fund-detail-section {
    scroll-margin-top: 165px;
}

.fund-detail-alt {
    background: #f4f8fb;
}

.fund-objective-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 25px;
    padding: 38px;
    border: 1px solid var(--border);
    border-radius: 25px;
    background: #fff;
    box-shadow: var(--shadow);
}

.fund-section-icon {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: var(--navy);
    color: var(--teal-2);
    font-size: 27px;
}

.fund-objective-card p {
    max-width: 950px;
    margin: 22px 0 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.9;
}

.fund-detail-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 35px;
}

    .fund-detail-heading > div {
        max-width: 780px;
    }

    .fund-detail-heading p {
        margin: 17px 0 0;
        color: var(--muted);
        line-height: 1.75;
    }

.fund-record-count {
    min-width: 110px;
    padding: 16px;
    border-radius: 17px;
    background: var(--navy);
    color: var(--teal-2);
    font-family: 'Playfair Display',serif;
    font-size: 30px;
    text-align: center;
}

    .fund-record-count small {
        display: block;
        color: #c7d5df;
        font-family: 'Manrope',sans-serif;
        font-size: 9px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.fund-document-list {
    display: grid;
    gap: 14px;
}

.fund-document-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 21px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
}

.fund-document-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #fff1f1;
    color: #d94a4a;
    font-size: 20px;
}

.fund-document-card small {
    color: var(--teal);
    font-size: 10px;
    font-weight: 800;
}

.fund-document-card h3 {
    margin: 5px 0 3px;
    color: var(--navy);
    font-family: 'Playfair Display',serif;
    font-size: 21px;
}

.fund-document-card p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
}

.fund-document-card > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 15px;
    border-radius: 11px;
    background: var(--navy);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.fund-data-table-wrap {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(8,27,45,.08);
    overflow-x: auto;
}

.fund-data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 650px;
}

    .fund-data-table th {
        padding: 15px 20px;
        background: var(--navy);
        color: #dce7ef;
        font-size: 10px;
        letter-spacing: .8px;
        text-transform: uppercase;
    }

    .fund-data-table td {
        padding: 16px 20px;
        border-bottom: 1px solid #edf1f4;
        color: #334a5e;
        font-size: 13px;
    }

    .fund-data-table tbody tr:hover {
        background: #f7fbfc;
    }

.fund-document-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
}

.fund-document-tile {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: #fff;
    transition: .3s;
}

    .fund-document-tile:hover {
        border-color: var(--teal);
        transform: translateY(-4px);
        box-shadow: var(--shadow);
    }

    .fund-document-tile > span {
        width: 55px;
        height: 55px;
        display: grid;
        place-items: center;
        border-radius: 16px;
        background: #fff1f1;
        color: #d94a4a;
        font-size: 22px;
    }

    .fund-document-tile small {
        color: var(--teal);
        font-size: 9px;
        font-weight: 800;
    }

    .fund-document-tile h3 {
        margin: 5px 0 4px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 20px;
    }

    .fund-document-tile p {
        margin: 0;
        color: var(--muted);
        font-size: 10px;
    }

    .fund-document-tile > i {
        color: #8da1b2;
    }

.fund-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 28px;
}

    .fund-pagination button {
        width: 40px;
        height: 40px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: #fff;
        color: var(--navy);
        font-size: 12px;
        font-weight: 800;
    }

        .fund-pagination button.active,
        .fund-pagination button:hover {
            border-color: var(--teal);
            background: var(--teal);
            color: #fff;
        }

.fund-empty-state {
    padding: 38px;
    border: 1px dashed #c9d9e3;
    border-radius: 18px;
    background: #fff;
    color: var(--muted);
    text-align: center;
}

@media (max-width: 767px) {
    .fund-detail-logo-card {
        padding: 28px 20px;
    }

    .fund-detail-tabs {
        top: 0;
    }

    .fund-detail-tabs-inner {
        justify-content: flex-start;
    }

    .fund-objective-card {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .fund-detail-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .fund-document-card {
        grid-template-columns: auto 1fr;
    }

        .fund-document-card > a {
            grid-column: 1 / -1;
            justify-content: center;
        }

    .fund-document-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   FOOTER LEGAL LINKS / FLOATING CHAT RESPONSIVE FIX
========================================================= */
@media (max-width: 1199px) {
    .footer-bottom-modern {
        padding-right: 0;
        padding-bottom: 78px;
    }
}

@media (max-width: 767px) {
    .about-akd-intro {
        padding-bottom: 28px;
    }

    .about-akd-company-section {
        padding: 34px 0 46px;
    }

    .about-akd-info-heading {
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 20px;
    }

        .about-akd-info-heading .about-akd-info-icon {
            width: 58px;
            height: 58px;
            border-radius: 16px;
        }

    .about-akd-info-card h2 {
        font-size: 31px;
    }

    #board-directors.about-akd-people-section,
    #management-team.about-akd-people-section {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .footer-bottom-modern {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
        padding-bottom: 88px;
    }

        .footer-bottom-modern > div {
            justify-content: flex-start;
            white-space: normal;
        }

    .floating-chat {
        right: 16px;
        bottom: 16px;
        min-width: 148px;
        min-height: 48px;
        padding: 12px 16px;
    }

    .back-to-top {
        right: 18px;
        bottom: 78px;
    }
}

@media (max-width: 420px) {
    .footer-bottom-modern > div {
        gap: 12px 18px;
    }

    .floating-chat {
        min-width: 52px;
        width: 52px;
        padding: 0;
    }

        .floating-chat > span:last-child {
            display: none;
        }

        .floating-chat .chat-status {
            position: absolute;
            top: 8px;
            left: 8px;
        }
}

/* =========================================================
   NEWS SEARCH AND PAGINATION
========================================================= */
.news-search-panel {
    margin-bottom: 28px;
    padding: 22px;
    border: 1px solid #dbe6ee;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(8,27,45,.06);
}

.news-search-form {
    display: flex;
    align-items: center;
    gap: 12px;
}

.news-search-input-wrap {
    position: relative;
    flex: 1;
}

    .news-search-input-wrap > i {
        position: absolute;
        top: 50%;
        left: 18px;
        color: #7d8d9c;
        transform: translateY(-50%);
        pointer-events: none;
    }

.news-search-input {
    width: 100%;
    min-height: 52px;
    padding: 0 18px 0 48px;
    border: 1px solid #d6e2ea;
    border-radius: 13px;
    outline: none;
    background: #f8fbfd;
    color: var(--navy);
    font: inherit;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .news-search-input:focus {
        border-color: var(--teal);
        background: #fff;
        box-shadow: 0 0 0 4px rgba(32,184,181,.12);
    }

.news-search-button,
.news-clear-button,
.news-empty-clear-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    padding: 0 21px;
    border: 0;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}

.news-search-button {
    background: var(--teal);
    color: #fff;
}

    .news-search-button:hover {
        background: #169f9c;
        transform: translateY(-2px);
    }

.news-clear-button {
    border: 1px solid #d6e2ea;
    background: #fff;
    color: var(--navy);
}

    .news-clear-button:hover {
        border-color: var(--teal);
        color: var(--teal);
    }

.news-result-summary {
    margin-top: 14px;
    color: #687b8d;
    font-size: 13px;
}

    .news-result-summary strong {
        color: var(--navy);
    }

.news-empty-clear-link {
    min-height: 44px;
    margin-top: 8px;
    background: var(--navy);
    color: #fff;
}

.news-pagination-wrap {
    display: flex;
    justify-content: center;
    margin-top: 38px;
}

.news-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .news-pagination li > a,
    .news-pagination li > span {
        min-width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 13px;
        border: 1px solid #d7e2ea;
        border-radius: 11px;
        background: #fff;
        color: #41566a;
        font-size: 13px;
        font-weight: 800;
        transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
    }

        .news-pagination li > a:hover {
            border-color: var(--teal);
            background: #eaf8f7;
            color: var(--teal);
            transform: translateY(-2px);
        }

    .news-pagination li.active > span {
        border-color: var(--teal);
        background: var(--teal);
        color: #fff;
        box-shadow: 0 10px 24px rgba(32,184,181,.22);
    }

    .news-pagination li.disabled > span {
        background: #eef3f6;
        color: #9aa8b4;
        cursor: not-allowed;
    }

    .news-pagination li.ellipsis > span {
        min-width: 32px;
        padding: 0 5px;
        border-color: transparent;
        background: transparent;
    }

@media(max-width:767px) {
    .news-search-panel {
        padding: 16px;
    }

    .news-search-form {
        align-items: stretch;
        flex-direction: column;
    }

    .news-search-button,
    .news-clear-button {
        width: 100%;
    }

    .news-pagination li > a,
    .news-pagination li > span {
        min-width: 40px;
        height: 40px;
        padding: 0 10px;
    }

    .news-pagination li:first-child span span,
    .news-pagination li:first-child a span,
    .news-pagination li:last-child span span,
    .news-pagination li:last-child a span {
        display: none;
    }
}


/* =========================================================
   2026 HOME PAGE EXPERIENCE
   ========================================================= */
.hero-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 24px;
    color: rgba(255,255,255,.78);
    font-size: 11px;
    font-weight: 700
}

    .hero-trust-row span {
        display: flex;
        align-items: center;
        gap: 7px
    }

    .hero-trust-row i {
        color: var(--teal-2)
    }

.investor-journey-modern {
    position: relative;
    background: #fff;
    overflow: hidden
}

    .investor-journey-modern:before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        right: -230px;
        top: -220px;
        border-radius: 50%;
        background: rgba(32,184,181,.055)
    }

.journey-heading-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    padding: 12px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    color: var(--navy);
    font-size: 12px;
    font-weight: 800;
    transition: .3s
}

    .journey-heading-link:hover {
        border-color: var(--teal);
        color: var(--teal);
        transform: translateY(-2px)
    }

.investor-journey-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px
}

.investor-journey-card {
    position: relative;
    min-height: 310px;
    display: flex;
    flex-direction: column;
    padding: 28px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: linear-gradient(180deg,#fff,#f9fbfd);
    overflow: hidden;
    transition: .35s
}

    .investor-journey-card:before {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 4px;
        background: linear-gradient(90deg,var(--teal),var(--teal-2));
        transform: scaleX(0);
        transform-origin: left;
        transition: .35s
    }

    .investor-journey-card:hover {
        transform: translateY(-8px);
        border-color: rgba(32,184,181,.45);
        box-shadow: 0 24px 55px rgba(8,27,45,.12)
    }

        .investor-journey-card:hover:before {
            transform: scaleX(1)
        }

    .investor-journey-card.featured {
        background: linear-gradient(145deg,var(--navy),var(--navy-2));
        color: #fff;
        border-color: transparent
    }

.journey-card-number {
    position: absolute;
    top: 22px;
    right: 24px;
    color: #d5e0e7;
    font-size: 12px;
    font-weight: 900
}

.featured .journey-card-number {
    color: rgba(255,255,255,.38)
}

.journey-card-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 28px;
    border-radius: 17px;
    background: #e9f8f7;
    color: var(--teal);
    font-size: 22px
}

.featured .journey-card-icon {
    background: rgba(255,255,255,.09);
    color: var(--teal-2)
}

.investor-journey-card h3 {
    margin: 0 0 12px;
    font-family: 'Playfair Display',serif;
    font-size: 25px
}

.investor-journey-card p {
    margin: 0 0 25px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.75
}

.featured p {
    color: #b9c9d5
}

.journey-card-action {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: auto;
    color: var(--teal);
    font-size: 12px;
    font-weight: 800
}

.featured .journey-card-action {
    color: var(--teal-2)
}

.fund-explorer-toolbar {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 18px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(12px)
}

.fund-explorer-search {
    position: relative;
    min-width: 340px;
    flex: 1;
    max-width: 520px
}

    .fund-explorer-search > i {
        position: absolute;
        left: 17px;
        top: 50%;
        transform: translateY(-50%);
        color: #7590a5
    }

    .fund-explorer-search input {
        width: 100%;
        height: 48px;
        padding: 0 48px;
        border: 1px solid rgba(255,255,255,.16);
        border-radius: 12px;
        outline: 0;
        background: #fff;
        color: var(--ink);
        font-size: 13px
    }

        .fund-explorer-search input:focus {
            border-color: var(--teal);
            box-shadow: 0 0 0 4px rgba(32,184,181,.12)
        }

    .fund-explorer-search button {
        position: absolute;
        right: 7px;
        top: 7px;
        width: 34px;
        height: 34px;
        display: none;
        place-items: center;
        border: 0;
        border-radius: 9px;
        background: #eef5f7;
        color: var(--muted)
    }

        .fund-explorer-search button.visible {
            display: grid
        }

.fund-category-filters {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap
}

    .fund-category-filters button {
        min-height: 38px;
        padding: 0 14px;
        border: 1px solid rgba(255,255,255,.16);
        border-radius: 10px;
        background: rgba(255,255,255,.05);
        color: #d6e1e9;
        font-size: 11px;
        font-weight: 800;
        transition: .25s
    }

        .fund-category-filters button:hover, .fund-category-filters button.active {
            background: var(--teal);
            border-color: var(--teal);
            color: #fff
        }

.home-fund-mobile-grid {
    display: none
}

.home-fund-no-results {
    display: none;
    padding: 65px 20px;
    text-align: center
}

    .home-fund-no-results > i {
        font-size: 34px;
        color: var(--teal);
        margin-bottom: 16px
    }

    .home-fund-no-results h3 {
        margin: 0 0 8px;
        color: var(--navy)
    }

    .home-fund-no-results p {
        color: var(--muted)
    }

    .home-fund-no-results button {
        padding: 11px 16px;
        border: 0;
        border-radius: 10px;
        background: var(--navy);
        color: #fff;
        font-size: 12px;
        font-weight: 800
    }

.investment-calculator-modern {
    background: #eef5f7;
    position: relative;
    overflow: hidden
}

    .investment-calculator-modern:before {
        content: "";
        position: absolute;
        width: 360px;
        height: 360px;
        left: -190px;
        bottom: -210px;
        border-radius: 50%;
        background: rgba(32,184,181,.09)
    }

.investment-calculator-shell {
    position: relative;
    display: grid;
    grid-template-columns: .88fr 1.12fr;
    gap: 55px;
    padding: 58px;
    border-radius: 30px;
    background: linear-gradient(145deg,var(--navy),#123c5e);
    box-shadow: 0 35px 85px rgba(8,27,45,.2);
    overflow: hidden
}

    .investment-calculator-shell:after {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        top: -260px;
        right: -150px;
        border-radius: 50%;
        background: rgba(118,224,215,.08)
    }

.investment-calculator-copy, .investment-calculator-card {
    position: relative;
    z-index: 2
}

    .investment-calculator-copy h2 {
        margin: 0;
        color: #fff;
        font-family: 'Playfair Display',serif;
        font-size: clamp(34px,4vw,52px);
        line-height: 1.08
    }

    .investment-calculator-copy > p {
        margin: 22px 0;
        color: #c5d3dd;
        line-height: 1.8
    }

.calculator-benefits {
    display: grid;
    gap: 13px;
    margin: 28px 0
}

    .calculator-benefits div {
        display: flex;
        align-items: center;
        gap: 11px;
        color: #e3edf3;
        font-size: 13px;
        font-weight: 700
    }

    .calculator-benefits i {
        color: var(--teal-2)
    }

.calculator-disclaimer {
    display: flex;
    gap: 11px;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 13px;
    background: rgba(255,255,255,.055);
    color: #aebfcb;
    font-size: 10px;
    line-height: 1.6
}

    .calculator-disclaimer i {
        color: var(--teal-2);
        margin-top: 2px
    }

.investment-calculator-card {
    padding: 30px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0,0,0,.18)
}

.calculator-field {
    margin-bottom: 20px
}

    .calculator-field label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 9px;
        color: #506477;
        font-size: 11px;
        font-weight: 800
    }

        .calculator-field label strong {
            color: var(--teal);
            font-size: 12px
        }

.calculator-input-wrap {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    transition: .25s
}

    .calculator-input-wrap:focus-within {
        border-color: var(--teal);
        box-shadow: 0 0 0 4px rgba(32,184,181,.1)
    }

    .calculator-input-wrap span {
        align-self: stretch;
        display: grid;
        place-items: center;
        padding: 0 14px;
        background: #eef5f7;
        color: #607386;
        font-size: 11px;
        font-weight: 800
    }

    .calculator-input-wrap input {
        width: 100%;
        height: 50px;
        padding: 0 15px;
        border: 0;
        outline: 0;
        color: var(--navy);
        font-size: 18px;
        font-weight: 800
    }

.calculator-range-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px
}

.calculator-field input[type=range] {
    width: 100%;
    accent-color: var(--teal)
}

.calculator-result {
    padding: 24px;
    border-radius: 17px;
    background: linear-gradient(145deg,#edf8f7,#f6fafc);
    border: 1px solid #d7ebe9
}

    .calculator-result > span {
        display: block;
        color: #637688;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .6px
    }

    .calculator-result > strong {
        display: block;
        margin: 7px 0 20px;
        color: var(--navy);
        font-family: 'Playfair Display',serif;
        font-size: 36px;
        line-height: 1
    }

.calculator-result-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

    .calculator-result-grid div {
        padding: 12px;
        border-radius: 11px;
        background: rgba(255,255,255,.75)
    }

    .calculator-result-grid small, .calculator-result-grid b {
        display: block
    }

    .calculator-result-grid small {
        color: #718293;
        font-size: 9px;
        margin-bottom: 5px
    }

    .calculator-result-grid b {
        color: var(--navy);
        font-size: 12px
    }

.calculator-progress {
    height: 7px;
    display: flex;
    margin-top: 18px;
    border-radius: 999px;
    overflow: hidden;
    background: #dbe5eb
}

    .calculator-progress span:first-child {
        background: var(--navy)
    }

    .calculator-progress span:last-child {
        background: var(--teal)
    }

.resource-hub-modern {
    background: #fff
}

.resource-hub-shell {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    border-radius: 28px;
    background: linear-gradient(145deg,var(--navy),#123c5e);
    overflow: hidden;
    box-shadow: 0 32px 80px rgba(8,27,45,.17)
}

.resource-hub-intro {
    padding: 52px;
    position: relative
}

    .resource-hub-intro h2 {
        margin: 0;
        color: #fff;
        font-family: 'Playfair Display',serif;
        font-size: 42px;
        line-height: 1.1
    }

    .resource-hub-intro p {
        margin: 20px 0 28px;
        color: #bdccd6;
        line-height: 1.8
    }

.resource-hub-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(255,255,255,.12)
}

.resource-hub-card {
    min-height: 190px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 30px;
    background: rgba(255,255,255,.055);
    color: #fff;
    transition: .3s
}

    .resource-hub-card:hover {
        background: rgba(255,255,255,.11)
    }

    .resource-hub-card > i {
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 13px;
        background: rgba(118,224,215,.13);
        color: var(--teal-2);
        font-size: 18px
    }

    .resource-hub-card strong, .resource-hub-card small {
        display: block
    }

    .resource-hub-card strong {
        margin: 3px 0 8px;
        font-size: 14px
    }

    .resource-hub-card small {
        color: #aebfcb;
        font-size: 10px;
        line-height: 1.6
    }

    .resource-hub-card > span {
        margin-left: auto;
        color: var(--teal-2);
        transition: .3s
    }

    .resource-hub-card:hover > span {
        transform: translateX(4px)
    }

.home-utility-dock {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 900;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(8,27,45,.09);
    border-radius: 17px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 45px rgba(8,27,45,.16);
    backdrop-filter: blur(15px)
}

    .home-utility-dock a, .home-utility-dock button {
        width: 48px;
        min-height: 48px;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 12px;
        background: #fff;
        color: var(--navy);
        cursor: pointer;
        transition: .25s
    }

        .home-utility-dock a:hover, .home-utility-dock button:hover {
            background: var(--navy);
            color: #fff;
            transform: translateY(-2px)
        }

    .home-utility-dock span {
        display: none
    }

#homeBackToTop {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px)
}

    #homeBackToTop.visible {
        opacity: 1;
        visibility: visible;
        transform: none
    }

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

    .investment-calculator-shell {
        gap: 35px;
        padding: 44px
    }
}

@media (max-width:991.98px) {
    .fund-explorer-toolbar {
        align-items: stretch;
        flex-direction: column
    }

    .fund-explorer-search {
        min-width: 0;
        max-width: none
    }

    .investment-calculator-shell, .resource-hub-shell {
        grid-template-columns: 1fr
    }

    .resource-hub-grid {
        min-height: 380px
    }
}

@media (max-width:767.98px) {
    .hero-trust-row {
        display: none
    }

    .journey-heading-link {
        display: none
    }

    .investor-journey-grid {
        grid-template-columns: 1fr
    }

    .investor-journey-card {
        min-height: 255px
    }

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

        .fund-category-filters button {
            width: 100%
        }

    .fund-modern-table {
        display: none
    }

    .home-fund-mobile-grid {
        display: grid;
        gap: 14px;
        padding: 14px
    }

    .home-fund-mobile-card {
        padding: 20px;
        border: 1px solid var(--border);
        border-radius: 17px;
        background: #fff
    }

    .home-fund-mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px
    }

    .home-fund-mobile-code {
        width: 44px;
        height: 44px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        background: #e9f8f7;
        color: var(--teal);
        font-size: 11px;
        font-weight: 900
    }

    .home-fund-mobile-card h3 {
        margin: 16px 0 9px;
        color: var(--navy);
        font-size: 17px
    }

    .home-fund-mobile-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 7px
    }

        .home-fund-mobile-meta span {
            padding: 6px 9px;
            border-radius: 999px;
            background: #eff4f8;
            color: #617386;
            font-size: 9px;
            font-weight: 700
        }

    .home-fund-mobile-values {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 17px 0
    }

        .home-fund-mobile-values div {
            padding: 12px;
            border-radius: 11px;
            background: #f6f9fb
        }

        .home-fund-mobile-values small, .home-fund-mobile-values strong {
            display: block
        }

        .home-fund-mobile-values small {
            margin-bottom: 5px;
            color: #718293;
            font-size: 9px
        }

        .home-fund-mobile-values strong {
            color: var(--navy);
            font-size: 14px
        }

    .home-fund-mobile-card > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--teal);
        font-size: 11px;
        font-weight: 800
    }

    .investment-calculator-shell {
        padding: 28px 20px;
        border-radius: 22px
    }

    .investment-calculator-card {
        padding: 20px
    }

    .calculator-range-grid, .calculator-result-grid {
        grid-template-columns: 1fr
    }

    .calculator-result > strong {
        font-size: 27px
    }

    .resource-hub-intro {
        padding: 35px 24px
    }

        .resource-hub-intro h2 {
            font-size: 34px
        }

    .resource-hub-grid {
        grid-template-columns: 1fr;
        min-height: 0
    }

    .resource-hub-card {
        min-height: 140px;
        padding: 22px
    }

    .home-utility-dock {
        left: 12px;
        right: 12px;
        bottom: 12px;
        flex-direction: row;
        justify-content: space-around;
        padding: 6px;
        border-radius: 15px
    }

        .home-utility-dock a, .home-utility-dock button {
            width: auto;
            flex: 1;
            min-height: 50px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-size: 14px
        }

        .home-utility-dock span {
            display: block;
            font-size: 8px;
            font-weight: 800
        }
}

@media (prefers-reduced-motion:reduce) {
    .investor-journey-card, .journey-heading-link, .resource-hub-card, .home-utility-dock * {
        transition: none !important
    }
}



.golden-arrow-overview.section-space,
.golden-arrow-company-section.section-space,
.golden-arrow-board-section.section-space,
.golden-arrow-compliance.section-space,
.golden-arrow-investor-section.section-space {
    padding-top: 68px;
    padding-bottom: 68px;
}

.golden-arrow-overview + .golden-arrow-company-section {
    margin-top: 0;
}

.golden-arrow-section-heading {
    margin-bottom: 28px;
}

.golden-arrow-committee-heading {
    max-width: 790px;
    margin-top: 48px;
    margin-bottom: 22px;
    padding-top: 38px;
    border-top: 1px solid rgba(255,255,255,.14);
}

    .golden-arrow-committee-heading .section-kicker {
        margin-bottom: 10px;
    }

    .golden-arrow-committee-heading > p {
        margin: 12px 0 0;
        color: rgba(255,255,255,.62);
    }

.golden-arrow-committee-grid {
    margin-top: 0;
    gap: 14px;
}

.golden-arrow-committee-empty {
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .golden-arrow-overview.section-space,
    .golden-arrow-company-section.section-space,
    .golden-arrow-board-section.section-space,
    .golden-arrow-compliance.section-space,
    .golden-arrow-investor-section.section-space {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .golden-arrow-committee-heading {
        margin-top: 34px;
        padding-top: 30px;
    }
}



.golden-arrow-board-section,
.golden-arrow-board-section.section-space {
    position: relative;
    padding-top: 52px !important;
    padding-bottom: 58px !important;
    background: radial-gradient(circle at 88% 12%, rgba(32,184,181,.12), transparent 30%), radial-gradient(circle at 10% 90%, rgba(22,79,124,.18), transparent 34%), linear-gradient(135deg, #081b2d 0%, #0d2b43 58%, #081b2d 100%) !important;
    color: #fff !important;
    overflow: hidden;
}

.golden-arrow-company-section + .golden-arrow-board-section {
    margin-top: 0 !important;
}

.golden-arrow-board-section .golden-arrow-section-heading {
    margin-bottom: 26px !important;
}

    .golden-arrow-board-section .golden-arrow-section-heading .display-heading,
    .golden-arrow-board-section .golden-arrow-committee-heading .display-heading {
        color: #fff !important;
    }

    .golden-arrow-board-section .golden-arrow-section-heading > p,
    .golden-arrow-board-section .golden-arrow-committee-heading > p {
        color: rgba(255,255,255,.72) !important;
    }

.golden-arrow-board-section .golden-arrow-directors-grid {
    gap: 16px !important;
}

.golden-arrow-board-section .golden-arrow-committee-heading {
    max-width: 790px;
    margin-top: 34px !important;
    margin-bottom: 20px !important;
    padding-top: 28px !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
}

.golden-arrow-board-section .golden-arrow-committee-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch;
    gap: 18px !important;
    margin-top: 0 !important;
}

.golden-arrow-board-section .golden-arrow-committee-card {
    min-height: 100%;
    padding: 28px 30px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.075) !important;
    color: #fff !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.16);
    backdrop-filter: blur(10px);
}

    .golden-arrow-board-section .golden-arrow-committee-card > span {
        margin-bottom: 16px !important;
        background: rgba(216,178,103,.16) !important;
        color: #f4d99c !important;
    }

    .golden-arrow-board-section .golden-arrow-committee-card h3 {
        margin-bottom: 14px !important;
        color: #fff !important;
        font-size: 27px;
    }

    .golden-arrow-board-section .golden-arrow-committee-card p {
        margin: 8px 0 0 !important;
        color: rgba(255,255,255,.80) !important;
        font-size: 13px;
        line-height: 1.6;
    }


    .golden-arrow-board-section .golden-arrow-committee-card:first-child {
        order: 1;
    }

    .golden-arrow-board-section .golden-arrow-committee-card:nth-child(2) {
        order: 2;
    }

@media (max-width: 991.98px) {
    .golden-arrow-board-section .golden-arrow-committee-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767.98px) {
    .golden-arrow-board-section,
    .golden-arrow-board-section.section-space {
        padding-top: 42px !important;
        padding-bottom: 46px !important;
    }

        .golden-arrow-board-section .golden-arrow-committee-heading {
            margin-top: 28px !important;
            padding-top: 24px !important;
        }

        .golden-arrow-board-section .golden-arrow-committee-card {
            padding: 23px 21px !important;
        }
}



@media (max-width: 1199px) {
    .mobile-menu-btn {
        align-items: center;
        justify-content: center;
        padding: 0;
        line-height: 0;
    }

        .mobile-menu-btn span {
            display: block;
            flex: 0 0 auto;
            margin: 0;
            border-radius: 999px;
        }

    .mobile-menu nav > a,
    .mobile-nav-group summary,
    .mobile-nav-submenu a {
        position: relative;
    }


        .mobile-menu nav > a.active,
        .mobile-nav-group summary.active,
        .mobile-nav-submenu a.active {
            border-bottom-color: #edf1f4 !important;
            background: transparent !important;
            color: #214f8f !important;
            border-radius: 0 !important;
            box-shadow: none !important;
        }

        .mobile-menu nav > a.active,
        .mobile-nav-group summary.active,
        .mobile-nav-submenu a.active {
            padding-left: 13px !important;
        }

        .mobile-menu nav > a.active {
            padding-right: 0 !important;
        }

        .mobile-nav-group summary.active {
            padding-right: 0 !important;
        }

        .mobile-nav-submenu a.active {
            padding-right: 0 !important;
        }

            .mobile-menu nav > a.active::before,
            .mobile-nav-group summary.active::before,
            .mobile-nav-submenu a.active::before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                width: 3px;
                height: 22px;
                border-radius: 999px;
                background: #214f8f;
                transform: translateY(-50%);
            }

    .mobile-investor-btn {
        margin-top: 18px;
        border-bottom: 0 !important;
    }

        .mobile-investor-btn i:last-child {
            margin-left: auto;
            font-size: 11px;
        }
}

@media (max-width: 767.98px) {
    .header-actions {
        flex: 0 0 auto;
        gap: 8px;
    }

    .icon-btn,
    .mobile-menu-btn {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    .mobile-menu-btn {
        gap: 4px;
    }

        .mobile-menu-btn span {
            width: 19px;
            height: 2px;
        }


    .fund-table-card {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .fund-modern-table {
        display: table !important;
        min-width: 720px;
        margin-bottom: 0;
    }

    .home-fund-mobile-grid:empty {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .modern-brand img {
        width: 165px;
    }

    .header-inner {
        gap: 8px;
    }

    .mobile-menu {
        width: min(360px, 92vw);
        padding: 20px;
    }
}



body.company-alert-open {
    overflow: hidden;
}

/* =========================================================
   RESPONSIVE HIGH ALERT POPUP
   Desktop, laptop, tablet and mobile sizes are controlled here.
   ========================================================= */

.company-alert-popup {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
}

    .company-alert-popup.is-visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

.company-alert-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 15, 27, .76);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.company-alert-popup__dialog {
    position: relative;
    z-index: 1;
    /* =====================================================
       MAIN POPUP WIDTH
       680px ko change karke desktop popup bara/chhota karein.
       Height ke hisab se width automatically limit hoti hai
       taake popup screen se bahar na nikle.
       ===================================================== */
    width: min( 680px, 94vw, calc((100dvh - 72px) * 0.72) );
    max-height: calc(100dvh - 24px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .45);
    margin: auto;
    transform: translateY(14px) scale(.98);
    transition: transform .28s ease;
}

.company-alert-popup.is-visible .company-alert-popup__dialog {
    transform: translateY(0) scale(1);
}

.company-alert-popup__image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    overflow: hidden;
    background: #fff;
}

.company-alert-popup__image {
    display: block;
    width: 100%;
    height: auto;
    /* Image aur Sign Up button dono screen ke andar rahenge */
    max-height: calc(100dvh - 74px);
    object-fit: contain;
}

.company-alert-popup__signup {
    flex: 0 0 auto;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-top: 1px solid rgba(8, 27, 45, .12);
    background: #20b8b5;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .2px;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

    .company-alert-popup__signup:hover,
    .company-alert-popup__signup:focus {
        background: #081b2d;
        color: #fff;
    }

    .company-alert-popup__signup:focus-visible {
        outline: 3px solid rgba(32, 184, 181, .4);
        outline-offset: -3px;
    }

.company-alert-popup__close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 2px solid #20b8b5;
    border-radius: 50%;
    background: rgba(255, 255, 255, .97);
    color: #081b2d;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(8, 27, 45, .22);
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

    .company-alert-popup__close:hover {
        background: #081b2d;
        color: #fff;
        transform: rotate(90deg);
    }

    .company-alert-popup__close:focus-visible {
        outline: 3px solid rgba(32, 184, 181, .35);
        outline-offset: 3px;
    }

/* =========================================================
   LARGE DESKTOP / FULL HD SCREENS
   ========================================================= */
@media (min-width: 1600px) and (min-height: 850px) {
    .company-alert-popup__dialog {
        /* Large screen popup size */
        width: min( 760px, 92vw, calc((100dvh - 90px) * 0.72) );
    }

    .company-alert-popup__signup {
        min-height: 52px;
        font-size: 15px;
    }
}

/* =========================================================
   NORMAL LAPTOP / 15-INCH / 1366x768 SCREENS
   ========================================================= */
@media (min-width: 768px) and (max-height: 820px) {
    .company-alert-popup {
        padding: 8px;
    }

    .company-alert-popup__dialog {
        /* 15-inch laptop size: readable but fully visible */
        width: min( 620px, 92vw, calc((100dvh - 58px) * 0.72) );
        max-height: calc(100dvh - 16px);
    }

    .company-alert-popup__image {
        max-height: calc(100dvh - 66px);
    }

    .company-alert-popup__signup {
        min-height: 46px;
    }
}

/* =========================================================
   TABLET AND MOBILE
   ========================================================= */
@media (max-width: 767.98px) {
    .company-alert-popup {
        width: 100vw;
        height: 100dvh;
        min-height: 100dvh;
        padding: 8px;
        align-items: center;
        justify-content: center;
    }

    .company-alert-popup__dialog {
        /* MOBILE POPUP WIDTH
           96vw ko reduce/increase karke mobile size change karein */
        width: min( 96vw, calc((100dvh - 58px) * 0.72) );
        max-height: calc(100dvh - 16px);
        border-radius: 12px;
    }

    .company-alert-popup__image {
        max-height: calc(100dvh - 62px);
    }

    .company-alert-popup__signup {
        min-height: 42px;
        font-size: 13px;
    }

    .company-alert-popup__close {
        top: 6px;
        right: 6px;
        width: 34px;
        height: 34px;
        font-size: 15px;
    }
}

/* Very narrow phones */
@media (max-width: 390px) {
    .company-alert-popup {
        padding: 6px;
    }

    .company-alert-popup__dialog {
        width: min( 97vw, calc((100dvh - 52px) * 0.72) );
        max-height: calc(100dvh - 12px);
    }

    .company-alert-popup__image {
        max-height: calc(100dvh - 56px);
    }

    .company-alert-popup__signup {
        min-height: 40px;
        font-size: 12px;
    }
}


@media (max-height: 560px) {
    .company-alert-popup__dialog {
        width: min( 90vw, calc((100dvh - 48px) * 0.72) );
        max-height: calc(100dvh - 10px);
    }

    .company-alert-popup__image {
        max-height: calc(100dvh - 52px);
    }

    .company-alert-popup__signup {
        min-height: 38px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .company-alert-popup,
    .company-alert-popup__dialog,
    .company-alert-popup__close,
    .company-alert-popup__signup {
        transition: none;
    }
}
/* =====================================================================
   AKDIML CLEAN BLUE & WHITE CORPORATE THEME
   Strict palette: white + logo-inspired blue shades only.
   No red accent and no logo mark/watermark used anywhere.
   ===================================================================== */

:root {
    --navy: #071a38;
    --navy-2: #0b2d5d;
    --blue: #214f8f;
    --teal: #2d65aa;
    --teal-2: #8fb5e4;
    --gold: #214f8f;
    --ink: #102443;
    --muted: #66758a;
    --light: #f3f7fc;
    --white: #ffffff;
    --border: #dbe5f0;
    --brand-navy: #071a38;
    --brand-blue: #214f8f;
    --brand-blue-2: #2d65aa;
    --brand-blue-3: #6f9bd0;
    --brand-blue-soft: #eaf1f9;
    --brand-blue-soft-2: #f6f9fd;
    --shadow: 0 24px 70px rgba(7,26,56,.14);
}

body {
    background: radial-gradient(circle at 100% 0, rgba(33,79,143,.055), transparent 28%), #ffffff;
    color: var(--ink);
}

/* Top bar and header */
.topbar-modern {
    background: linear-gradient(90deg, #06162f, #0b2d5d);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

    .topbar-modern,
    .topbar-modern a,
    .topbar-modern span {
        color: #dbe7f5;
    }

        .topbar-modern i,
        .topbar-modern a:hover {
            color: #a8c7eb;
        }

.modern-header {
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid rgba(7,26,56,.09);
    backdrop-filter: blur(18px);
}

    .modern-header.scrolled {
        box-shadow: 0 14px 38px rgba(7,26,56,.12);
    }

.nav-modern {
    color: #203a61;
}

    .nav-modern::after {
        height: 3px;
        border-radius: 99px;
        background: linear-gradient(90deg, #214f8f, #6f9bd0);
    }

    .nav-modern:hover,
    .nav-modern.active {
        color: var(--brand-blue);
    }

.modern-dropdown {
    border: 1px solid rgba(7,26,56,.08);
    box-shadow: 0 24px 60px rgba(7,26,56,.15);
}

    .modern-dropdown a:hover {
        color: var(--brand-blue);
        background: var(--brand-blue-soft-2);
    }

.investor-btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #214f8f, #123b72);
    box-shadow: 0 12px 28px rgba(33,79,143,.24);
}

    .investor-btn::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.24), transparent 70%);
        transform: translateX(-130%);
        transition: .65s ease;
    }

    .investor-btn:hover {
        background: linear-gradient(135deg, #2d65aa, #17467f);
        transform: translateY(-2px);
    }

        .investor-btn:hover::before {
            transform: translateX(130%);
        }

.icon-btn:hover,
.mobile-menu-btn:hover {
    color: var(--brand-blue);
    border-color: rgba(33,79,143,.30);
    background: #f4f8fd;
}

/* Hero */
.hero-modern {
    height: 720px;
    background: var(--brand-navy);
}

.hero-modern-slide {
    isolation: isolate;
}

    .hero-modern-slide::before {
        content: "";
        position: absolute;
        z-index: 1;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(120deg, transparent 56%, rgba(83,131,188,.12) 56.2%, transparent 68%), linear-gradient(120deg, transparent 69%, rgba(255,255,255,.07) 69.2%, transparent 79%);
    }

.hero-overlay {
    z-index: 0;
    background: radial-gradient(circle at 78% 46%, rgba(58,105,166,.24), transparent 32%), linear-gradient(90deg, rgba(4,17,38,.97) 0%, rgba(7,26,56,.88) 48%, rgba(7,26,56,.28) 100%);
}

.hero-content {
    max-width: 790px;
}

.eyebrow {
    border-color: rgba(255,255,255,.20);
    background: rgba(255,255,255,.08);
}

    .eyebrow i {
        color: #9fc1ea;
    }

.hero-content h1 {
    text-wrap: balance;
    text-shadow: 0 12px 35px rgba(0,0,0,.22);
}

    .hero-content h1::after {
        content: "";
        display: block;
        width: 96px;
        height: 5px;
        margin-top: 24px;
        border-radius: 20px;
        background: linear-gradient(90deg, #4c7fbd, #a5c5e9);
        box-shadow: 0 8px 24px rgba(64,116,179,.34);
    }

.btn-primary-modern {
    background: linear-gradient(135deg, #2d65aa, #17467f);
    box-shadow: 0 15px 32px rgba(33,79,143,.28);
}

    .btn-primary-modern:hover {
        background: linear-gradient(135deg, #3b75ba, #1b4d88);
    }

.hero-pagination .swiper-pagination-bullet-active {
    background: #8fb5e4;
}

.hero-arrows button:hover {
    background: var(--brand-blue);
    border-color: var(--brand-blue);
}

/* Blue corporate trust strip */
.blue-trust-strip {
    position: relative;
    z-index: 12;
    background: #ffffff;
    border-bottom: 1px solid var(--border);
}

.blue-trust-grid {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, 1fr);
    min-height: 108px;
    border-left: 1px solid var(--border);
}

.blue-trust-intro,
.blue-trust-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    border-right: 1px solid var(--border);
}

.blue-trust-intro {
    background: linear-gradient(135deg, #eef4fb, #ffffff);
}

.blue-trust-symbol {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 15px;
    background: linear-gradient(135deg, #214f8f, #5f8fc8);
    color: #ffffff;
    font-size: 20px;
    box-shadow: 0 12px 28px rgba(33,79,143,.20);
}

.blue-trust-intro small,
.blue-trust-intro strong,
.blue-trust-item strong,
.blue-trust-item small {
    display: block;
}

.blue-trust-intro small {
    color: #527198;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.blue-trust-intro strong {
    margin-top: 5px;
    color: var(--brand-navy);
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    line-height: 1.35;
}

.blue-trust-item > i {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--brand-blue);
    background: var(--brand-blue-soft);
}

.blue-trust-item strong {
    color: var(--brand-navy);
    font-size: 13px;
}

.blue-trust-item small {
    margin-top: 4px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.45;
}

/* Quick actions */
.quick-actions-section {
    margin-top: 0;
    padding: 30px 0;
    background: #f4f7fb;
}

.quick-actions-grid {
    border: 1px solid rgba(7,26,56,.08);
    box-shadow: 0 20px 55px rgba(7,26,56,.11);
}

.quick-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 0 10px 10px 0;
    background: var(--brand-blue);
    transform: scaleY(0);
    transition: .35s;
}

.quick-card:hover {
    background: linear-gradient(145deg, #0a2852, #06162f);
}

    .quick-card:hover::before {
        transform: scaleY(1);
    }

.quick-icon,
.fund-name > span,
.modern-service-icon {
    background: var(--brand-blue-soft);
    color: var(--brand-blue);
}

.news-strip {
    background: linear-gradient(90deg, #edf3fa, #f9fbfe);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.pulse-dot {
    background: var(--brand-blue);
    box-shadow: 0 0 0 0 rgba(33,79,143,.46);
}

.news-all,
.fund-modern-table td a,
.modern-service-card a {
    color: var(--brand-blue);
}

/* Headings and section labels */
.section-kicker {
    color: var(--brand-blue);
}

    .section-kicker.light {
        color: #9fc1ea;
    }

    .section-kicker::before {
        background: linear-gradient(90deg, var(--brand-blue), #8fb5e4);
    }

.display-heading {
    color: var(--brand-navy);
}

/* About */
.about-modern {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 0 100%, rgba(33,79,143,.08), transparent 28%), #ffffff;
}

    .about-modern::before {
        content: "";
        position: absolute;
        right: -160px;
        top: 110px;
        width: 390px;
        height: 390px;
        border: 52px solid rgba(33,79,143,.035);
        border-radius: 50%;
        pointer-events: none;
    }

.about-image-main {
    border: 7px solid #fff;
    box-shadow: 0 28px 75px rgba(7,26,56,.17);
}

.experience-card {
    background: linear-gradient(150deg, rgba(83,131,188,.24), transparent 44%), var(--brand-navy);
    border-bottom: 5px solid #5d8fc8;
}

.experience-number {
    color: #a8c7eb;
}

.floating-badge i,
.feature-list i {
    color: var(--brand-blue);
}

.text-link {
    color: var(--brand-navy);
    border-color: var(--brand-blue);
}

    .text-link:hover {
        color: var(--brand-blue);
        border-color: var(--brand-blue);
    }

/* Fund prices */
.fund-prices-modern {
    background: radial-gradient(circle at 92% 10%, rgba(100,148,205,.18), transparent 26%), radial-gradient(circle at 8% 90%, rgba(33,79,143,.24), transparent 29%), linear-gradient(135deg, #06162f 0%, #0a2d5d 58%, #17467f 100%);
}

    .fund-prices-modern::before {
        background: rgba(103,153,211,.08);
    }

.price-date i {
    color: #9fc1ea;
}

.fund-table-card {
    border-top: 5px solid #3d73b4;
}

.fund-modern-table thead th {
    background: #edf3fa;
    color: #425b7a;
}

.fund-modern-table tbody tr:hover {
    background: #f5f9fd;
}

.fund-category {
    background: var(--brand-blue-soft);
    color: var(--brand-blue);
}

/* Services */
.services-modern {
    background: linear-gradient(180deg, #ffffff, #f5f8fc);
}

.modern-service-card {
    border-color: var(--border);
}

    .modern-service-card::before {
        background: radial-gradient(circle at 88% 12%, rgba(94,143,200,.28), transparent 28%), linear-gradient(160deg, #123b72, #06162f);
    }

    .modern-service-card:hover {
        box-shadow: 0 28px 65px rgba(7,26,56,.18);
    }

        .modern-service-card:hover .modern-service-icon {
            color: #fff;
            background: #4c7fbd;
        }

/* Statistics */
.stats-section {
    background: linear-gradient(110deg, rgba(33,79,143,.09), rgba(255,255,255,.68)), #eef3f9;
}

.stat-item strong {
    color: var(--brand-navy);
}

/* Fund family */
.fund-logo-modern {
    background: radial-gradient(circle at 10% 18%, rgba(62,113,177,.35), transparent 31%), radial-gradient(circle at 90% 12%, rgba(126,168,215,.22), transparent 27%), linear-gradient(135deg,#06162f 0%,#0b2d5d 50%,#071a38 100%);
}

    .fund-logo-modern::before {
        background: rgba(84,136,198,.24);
    }

    .fund-logo-modern::after {
        background: rgba(33,79,143,.28);
    }

    .fund-logo-modern .section-kicker {
        color: #a8c7eb;
    }

    .fund-logo-modern .section-heading-row::after {
        background: linear-gradient(90deg, rgba(143,181,228,.60), rgba(255,255,255,.12), transparent);
    }

    .fund-logo-modern .slider-buttons button::before {
        background: linear-gradient(135deg, #3d73b4, #17467f);
    }

.fund-logo-card-modern,
.fund-logo-swiper .swiper-slide:nth-child(5n+1) .fund-logo-card-modern,
.fund-logo-swiper .swiper-slide:nth-child(5n+2) .fund-logo-card-modern,
.fund-logo-swiper .swiper-slide:nth-child(5n+3) .fund-logo-card-modern,
.fund-logo-swiper .swiper-slide:nth-child(5n+4) .fund-logo-card-modern,
.fund-logo-swiper .swiper-slide:nth-child(5n+5) .fund-logo-card-modern {
    background: radial-gradient(circle at 88% 8%, rgba(111,155,208,.28), transparent 42%), linear-gradient(145deg,#153f77,#06162f);
}

    .fund-logo-card-modern::before,
    .fund-logo-swiper .swiper-slide:nth-child(5n+3) .fund-logo-card-modern::before,
    .fund-logo-swiper .swiper-slide:nth-child(5n+4) .fund-logo-card-modern::before,
    .fund-logo-swiper .swiper-slide:nth-child(5n+5) .fund-logo-card-modern::before {
        background: rgba(95,143,200,.32);
    }

    .fund-logo-card-modern:hover {
        border-color: rgba(143,181,228,.75);
        box-shadow: 0 34px 70px rgba(0,0,0,.36), 0 0 0 1px rgba(95,143,200,.18);
    }

/* CTA */
.cta-modern {
    background: radial-gradient(circle at 85% 20%, rgba(103,153,211,.24), transparent 28%), linear-gradient(135deg, #0b2d5d, #06162f);
}

.cta-shape {
    background: rgba(126,168,215,.10);
}

/* Footer */
.modern-footer {
    background: radial-gradient(circle at 48% -15%, rgba(49,101,166,.28), transparent 33%), #040f22;
}

.footer-glow {
    background: rgba(91,143,204,.09);
}

.footer-social-modern a:hover {
    color: #fff;
    border-color: #4c7fbd;
    background: #2d65aa;
}

/* Forms and focus */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(33,79,143,.24);
    outline-offset: 3px;
}

/* Responsive */
@media (max-width: 1199px) {
    .blue-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .blue-trust-intro,
    .blue-trust-item {
        border-bottom: 1px solid var(--border);
    }

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

@media (max-width: 991px) {
    .hero-modern {
        height: 680px;
    }

    .blue-trust-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .hero-modern {
        height: 650px;
    }

    .hero-content h1::after {
        width: 72px;
        height: 4px;
        margin-top: 18px;
    }

    .blue-trust-grid {
        grid-template-columns: 1fr;
        border-left: 0;
    }

    .blue-trust-intro,
    .blue-trust-item {
        border-right: 0;
    }

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

@media (max-width: 480px) {
    .hero-modern {
        height: 620px;
    }

    .blue-trust-intro,
    .blue-trust-item {
        padding: 17px 18px;
    }
}
/* =====================================================================
   HOME PAGE SPACING + HERO OVERLAP REFINEMENT
   ===================================================================== */

/* Quick cards overlap the banner again. */
.quick-actions-section {
    position: relative !important;
    z-index: 20 !important;
    margin-top: -44px !important;
    padding: 0 0 24px !important;
    background: transparent !important;
}

    .quick-actions-section .container {
        position: relative;
        z-index: 2;
    }

.quick-actions-grid {
    overflow: hidden;
    border: 1px solid rgba(33,79,143,.12);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 22px 55px rgba(7,26,56,.16);
}

.quick-card {
    min-height: 108px;
    padding: 19px 21px;
}

    .quick-card:hover {
        transform: translateY(-3px);
    }

/* The standalone news strip was removed; keep no residual gap. */
.news-strip {
    display: none !important;
}

/* Reduce vertical spacing between all home-page card sections. */
.about-modern.section-space,
.fund-prices-modern.section-space,
.services-modern.section-space,
.fund-logo-modern.section-space {
    padding-top: 72px;
    padding-bottom: 72px;
}

.about-modern .row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
}

.section-heading-row {
    margin-bottom: 30px;
}

.section-heading-centered {
    margin-bottom: 36px;
}

.services-grid {
    gap: 14px;
}

.modern-service-card {
    min-height: 345px;
    padding: 25px;
    border-radius: 18px;
}

.modern-service-icon {
    margin-bottom: 20px;
}

.modern-service-card h3 {
    margin-bottom: 12px;
}

.modern-service-card p {
    min-height: 102px;
    margin-bottom: 18px;
}

.stats-section {
    padding-top: 42px;
    padding-bottom: 42px;
}

.stat-item {
    padding-left: 24px;
    padding-right: 24px;
}

.fund-logo-swiper {
    padding-top: 14px;
    padding-bottom: 24px;
}

.fund-logo-card-modern {
    height: 165px;
    border-radius: 20px;
}

.fund-table-card {
    border-radius: 18px;
}

.cta-modern {
    padding-top: 68px;
    padding-bottom: 68px;
}

/* Blue active page styling fallback from site.css. */
.nav-modern.active,
.nav-modern:hover {
    color: #214f8f !important;
}

    .nav-modern.active::after,
    .nav-modern:hover::after {
        background: linear-gradient(90deg, #214f8f, #8fb5e4) !important;
    }

.modern-dropdown a.active {
    color: #214f8f !important;
    background: rgba(33,79,143,.10) !important;
}

@media (max-width: 991px) {
    .quick-actions-section {
        margin-top: -30px !important;
    }

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

    .quick-card:nth-child(2) {
        border-right: 0;
    }

    .quick-card:nth-child(-n+2) {
        border-bottom: 1px solid var(--border);
    }

    .about-modern.section-space,
    .fund-prices-modern.section-space,
    .services-modern.section-space,
    .fund-logo-modern.section-space {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .services-grid {
        gap: 12px;
    }
}

@media (max-width: 576px) {
    .quick-actions-section {
        margin-top: -20px !important;
        padding-bottom: 18px !important;
    }

    .quick-actions-grid {
        grid-template-columns: 1fr;
        border-radius: 15px;
    }

    .quick-card {
        min-height: 88px;
        padding: 15px 17px;
        border-right: 0 !important;
        border-bottom: 1px solid var(--border);
    }

        .quick-card:last-child {
            border-bottom: 0;
        }

    .quick-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .about-modern.section-space,
    .fund-prices-modern.section-space,
    .services-modern.section-space,
    .fund-logo-modern.section-space {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .section-heading-row,
    .section-heading-centered {
        margin-bottom: 26px;
    }

    .services-grid {
        gap: 10px;
    }

    .modern-service-card {
        min-height: auto;
        padding: 22px;
    }

        .modern-service-card p {
            min-height: auto;
        }

    .stats-section {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .cta-modern {
        padding-top: 54px;
        padding-bottom: 54px;
    }
}
/* =====================================================================
   FINAL HOME PAGE WHITE BACKGROUND + COMPACT SPACING
   ===================================================================== */

/* White background behind overlapping quick-action cards. */
.quick-actions-section {
    margin-top: -44px !important;
    padding: 0 !important;
    background: #ffffff !important;
}

    .quick-actions-section::before {
        content: "";
        position: absolute;
        inset: 44px 0 0;
        z-index: -1;
        background: #ffffff;
    }

.quick-actions-grid {
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(7,26,56,.13) !important;
}

/* Bring About section much closer to the quick cards. */
.about-modern.section-space {
    padding-top: 34px !important;
    padding-bottom: 50px !important;
    background: #ffffff !important;
}

.about-modern .row {
    --bs-gutter-y: 1.25rem !important;
}

/* Reduce spacing throughout remaining home page sections. */
.fund-prices-modern.section-space {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
}

.services-modern.section-space {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.fund-logo-modern.section-space {
    padding-top: 50px !important;
    padding-bottom: 48px !important;
}

.section-heading-row {
    margin-bottom: 24px !important;
}

.section-heading-centered {
    margin-bottom: 28px !important;
}

.services-grid {
    gap: 10px !important;
}

.modern-service-card {
    min-height: 325px !important;
    padding: 22px !important;
}

.modern-service-icon {
    margin-bottom: 16px !important;
}

.modern-service-card h3 {
    margin-bottom: 10px !important;
}

.modern-service-card p {
    min-height: 88px !important;
    margin-bottom: 14px !important;
}

.stats-section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

.fund-logo-swiper {
    padding-top: 8px !important;
    padding-bottom: 14px !important;
}

.fund-logo-card-modern {
    height: 152px !important;
}

/* CTA is removed from Index, so ensure no accidental empty block remains. */
.cta-modern {
    display: none !important;
}

@media (max-width: 991px) {
    .quick-actions-section {
        margin-top: -30px !important;
    }

        .quick-actions-section::before {
            inset: 30px 0 0;
        }

    .about-modern.section-space {
        padding-top: 28px !important;
        padding-bottom: 42px !important;
    }

    .fund-prices-modern.section-space,
    .services-modern.section-space,
    .fund-logo-modern.section-space {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
}

@media (max-width: 576px) {
    .quick-actions-section {
        margin-top: -20px !important;
    }

        .quick-actions-section::before {
            inset: 20px 0 0;
        }

    .about-modern.section-space {
        padding-top: 24px !important;
        padding-bottom: 36px !important;
    }

    .fund-prices-modern.section-space,
    .services-modern.section-space,
    .fund-logo-modern.section-space {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }

    .section-heading-row,
    .section-heading-centered {
        margin-bottom: 22px !important;
    }

    .modern-service-card {
        min-height: auto !important;
        padding: 19px !important;
    }

        .modern-service-card p {
            min-height: auto !important;
        }

    .fund-logo-card-modern {
        height: 142px !important;
    }
}
/* =====================================================================
   FINAL WHITE BACKGROUND FIX FOR AREA ABOVE/AROUND QUICK ACTION CARDS
   ===================================================================== */

/*
   The quick cards overlap the hero, but the page area behind and around
   them must remain pure white on both left and right sides.
*/
.hero-modern {
    margin-bottom: 0 !important;
}

    .hero-modern + .quick-actions-section {
        position: relative !important;
        z-index: 25 !important;
        margin-top: -44px !important;
        padding: 0 0 24px !important;
        background: #ffffff !important;
        isolation: isolate;
    }

        .hero-modern + .quick-actions-section::before {
            content: "";
            position: absolute;
            z-index: -2;
            left: 0;
            right: 0;
            top: 44px;
            bottom: 0;
            background: #ffffff !important;
        }

        .hero-modern + .quick-actions-section::after {
            content: "";
            position: absolute;
            z-index: -1;
            left: 0;
            right: 0;
            top: 0;
            height: 44px;
            background: linear-gradient( to bottom, transparent 0, transparent 43px, #ffffff 43px, #ffffff 100% );
            pointer-events: none;
        }

.quick-actions-section,
.quick-actions-section .container,
.quick-actions-grid {
    background-color: #ffffff !important;
}

    .quick-actions-section .container {
        position: relative;
        z-index: 2;
    }

.quick-actions-grid {
    border: 1px solid rgba(33,79,143,.12) !important;
    box-shadow: 0 18px 42px rgba(7,26,56,.13) !important;
}

/* Ensure the following section also starts on white. */
.quick-actions-section + .about-modern {
    margin-top: 0 !important;
    background: #ffffff !important;
}

/* Remove any leftover dark or gradient separator below quick cards. */
.quick-actions-section + section::before,
.quick-actions-section + section::after {
    pointer-events: none;
}

/* Tablet */
@media (max-width: 991px) {
    .hero-modern + .quick-actions-section {
        margin-top: -30px !important;
    }

        .hero-modern + .quick-actions-section::before {
            top: 30px;
        }

        .hero-modern + .quick-actions-section::after {
            height: 30px;
            background: linear-gradient( to bottom, transparent 0, transparent 29px, #ffffff 29px, #ffffff 100% );
        }
}

/* Mobile */
@media (max-width: 576px) {
    .hero-modern + .quick-actions-section {
        margin-top: -20px !important;
        padding-bottom: 18px !important;
    }

        .hero-modern + .quick-actions-section::before {
            top: 20px;
        }

        .hero-modern + .quick-actions-section::after {
            height: 20px;
            background: linear-gradient( to bottom, transparent 0, transparent 19px, #ffffff 19px, #ffffff 100% );
        }
}
/* =====================================================================
   FINAL TOP CONTACT BAR WHITE THEME
   Investor Login / Email / Office Time / Social Icons
   ===================================================================== */

.topbar-modern {
    background: #ffffff !important;
    color: #21364a !important;
    border-top: 1px solid #e2e9f1;
    border-bottom: 1px solid #dbe5f0;
    box-shadow: 0 4px 14px rgba(7,26,56,.05);
}

.topbar-modern-inner {
    min-height: 42px;
}

.topbar-modern a,
.topbar-modern span {
    color: #21364a !important;
    font-weight: 600;
}

.topbar-modern i {
    color: #21364a !important;
}

.topbar-modern a:hover,
.topbar-modern a:hover i {
    color: #214f8f !important;
}

.topbar-contact,
.topbar-actions,
.top-socials {
    color: #21364a !important;
}

    .top-socials a {
        color: #21364a !important;
    }

        .top-socials a:hover {
            color: #214f8f !important;
        }

/* Keep the contact bar visually aligned with the main navigation. */
.topbar-modern .container {
    max-width: 1240px;
}

/* Mobile contact bar */
@media (max-width: 767px) {
    .topbar-modern {
        background: #ffffff !important;
    }

        .topbar-modern a,
        .topbar-modern span,
        .topbar-modern i {
            color: #21364a !important;
        }
}

/* =====================================================================
   FINAL TOP CONTACT BAR TYPOGRAPHY MATCH WITH MAIN NAVIGATION
   ===================================================================== */
.topbar-modern {
    background: #ffffff !important;
    color: #21364a !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-top: 1px solid #e2e9f1;
    border-bottom: 1px solid #dbe5f0;
    box-shadow: 0 4px 14px rgba(7,26,56,.05);
}

.topbar-modern-inner {
    min-height: 42px;
}

.topbar-modern a,
.topbar-modern span,
.topbar-modern .topbar-contact,
.topbar-modern .topbar-actions,
.topbar-modern .top-socials {
    color: #21364a !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2;
}

.topbar-modern i {
    color: #21364a !important;
    font-size: 13px;
}

.topbar-modern a:hover,
.topbar-modern a:hover span,
.topbar-modern a:hover i,
.topbar-modern .top-socials a:hover,
.topbar-modern .top-socials a:hover i {
    color: #214f8f !important;
}

@media (max-width: 767px) {
    .topbar-modern,
    .topbar-modern a,
    .topbar-modern span,
    .topbar-modern i {
        color: #21364a !important;
        font-weight: 700 !important;
    }
}
/* =====================================================================
   FINAL HOME PAGE REFINEMENT
   Smaller About heading, tighter card gaps, compact Fund Prices spacing,
   blue Chat hover, blue popup Sign Up, and bold Fund Prices headings.
   ===================================================================== */

/* 1) Circled About heading: slightly smaller and cleaner */
.about-modern .display-heading {
    max-width: 620px;
    font-size: clamp(38px, 3.7vw, 54px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1px;
}

/* 2) Reduce gap below quick-action cards and above About content */
.hero-modern + .quick-actions-section {
    padding-bottom: 10px !important;
}

.quick-actions-section + .about-modern.section-space {
    padding-top: 18px !important;
}

.about-modern .row {
    --bs-gutter-x: 1.6rem !important;
    --bs-gutter-y: 1rem !important;
}

/* Reduce gaps between homepage cards */
.quick-actions-grid {
    box-shadow: 0 14px 34px rgba(7, 26, 56, .11) !important;
}

.quick-card {
    min-height: 100px !important;
    padding: 17px 20px !important;
    gap: 13px !important;
}

.services-grid {
    gap: 8px !important;
}

.modern-service-card {
    min-height: 312px !important;
    padding: 20px !important;
}

.modern-service-icon {
    margin-bottom: 14px !important;
}

.modern-service-card p {
    min-height: 78px !important;
    margin-bottom: 12px !important;
}

/* 3) Fund Prices: reduce top, side, and bottom spacing */
.fund-prices-modern.section-space {
    padding-top: 42px !important;
    padding-bottom: 44px !important;
}

.fund-prices-modern > .container {
    max-width: 1215px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.fund-prices-modern .section-heading-row {
    margin-bottom: 22px !important;
}

.fund-prices-modern .section-subtitle {
    margin-top: 10px !important;
}

.price-date {
    padding: 12px 16px !important;
}

/* Fund Prices table heading titles: bold and visible */
.fund-modern-table thead th {
    color: #17365f !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .65px !important;
}

/* Slightly compact Fund Prices table rows */
.fund-modern-table td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 4) Chat button: remove old teal hover and keep blue theme */
.floating-chat,
.floating-chat:visited {
    background: linear-gradient(135deg, #2d65aa, #214f8f) !important;
    border-color: rgba(255, 255, 255, .30) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 32px rgba(33, 79, 143, .28) !important;
}

    .floating-chat:hover,
    .floating-chat:focus,
    .floating-chat:focus-visible,
    .floating-chat:active {
        background: linear-gradient(135deg, #3b75ba, #214f8f) !important;
        border-color: #8fb5e4 !important;
        color: #ffffff !important;
        box-shadow: 0 18px 38px rgba(33, 79, 143, .34) !important;
        transform: translateY(-3px) !important;
    }

        .floating-chat i,
        .floating-chat span,
        .floating-chat:hover i,
        .floating-chat:hover span {
            color: #ffffff !important;
        }

        .floating-chat .chat-status,
        .floating-chat:hover .chat-status {
            background: #b9f3d0 !important;
        }

/* 5) Alert popup Sign Up: replace old teal with corporate blue */
.company-alert-popup__signup,
.company-alert-popup__signup:visited {
    background: linear-gradient(135deg, #2d65aa, #214f8f) !important;
    border-color: #214f8f !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

    .company-alert-popup__signup:hover,
    .company-alert-popup__signup:focus,
    .company-alert-popup__signup:focus-visible,
    .company-alert-popup__signup:active {
        background: linear-gradient(135deg, #3b75ba, #17467f) !important;
        border-color: #8fb5e4 !important;
        color: #ffffff !important;
        box-shadow: 0 12px 28px rgba(33, 79, 143, .30) !important;
    }

/* Responsive refinement */
@media (max-width: 991px) {
    .about-modern .display-heading {
        font-size: clamp(36px, 5vw, 48px) !important;
    }

    .quick-actions-section + .about-modern.section-space {
        padding-top: 16px !important;
    }

    .fund-prices-modern.section-space {
        padding-top: 38px !important;
        padding-bottom: 40px !important;
    }

    .fund-prices-modern > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

@media (max-width: 576px) {
    .about-modern .display-heading {
        font-size: 34px !important;
        line-height: 1.12 !important;
    }

    .hero-modern + .quick-actions-section {
        padding-bottom: 8px !important;
    }

    .quick-actions-section + .about-modern.section-space {
        padding-top: 12px !important;
    }

    .quick-card {
        min-height: 82px !important;
        padding: 14px 16px !important;
    }

    .fund-prices-modern.section-space {
        padding-top: 32px !important;
        padding-bottom: 34px !important;
    }

    .fund-prices-modern > .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .fund-modern-table thead th {
        font-size: 10px !important;
        font-weight: 800 !important;
    }
}
/* =====================================================================
   ABOUT AKDIML COMPACT TYPOGRAPHY + HERO OPEN-ACCOUNT MENU
   ===================================================================== */

/* Complete About AKDIML text area slightly smaller and more balanced. */
.about-modern .section-kicker {
    margin-bottom: 11px !important;
    font-size: 11px !important;
    letter-spacing: 1.6px !important;
}

.about-modern .display-heading {
    max-width: 610px;
    font-size: clamp(34px, 3.25vw, 48px) !important;
    line-height: 1.09 !important;
    letter-spacing: -.75px !important;
}

.about-modern .lead-text {
    margin-top: 18px !important;
    margin-bottom: 12px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.about-modern .body-text {
    font-size: 13px !important;
    line-height: 1.7 !important;
}

.about-modern .feature-list {
    gap: 10px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

    .about-modern .feature-list div {
        gap: 10px !important;
        font-size: 12px !important;
    }

.about-modern .text-link {
    gap: 8px !important;
    padding-bottom: 4px !important;
    font-size: 12px !important;
}

/* Account menu wrapper inside every hero slide. */
.hero-account-menu {
    position: relative;
    z-index: 20;
    display: inline-flex;
    flex: 0 0 auto;
}

/* Trigger uses the existing corporate blue button style. */
.hero-account-trigger {
    border: 0;
    cursor: pointer;
    white-space: nowrap;
}

    .hero-account-trigger > i {
        font-size: 11px;
        transition: transform .25s ease;
    }

/* Dropdown panel. */
.hero-account-dropdown {
    position: absolute;
    z-index: 50;
    left: 0;
    top: calc(100% + 10px);
    width: 355px;
    padding: 9px;
    border: 1px solid rgba(33, 79, 143, .16);
    border-radius: 16px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 22px 55px rgba(7, 26, 56, .25);
    backdrop-filter: blur(16px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}

    /* Small bridge so hover remains active while moving to the menu. */
    .hero-account-dropdown::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -12px;
        height: 12px;
    }

    .hero-account-dropdown a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 13px;
        border-radius: 12px;
        color: #21364a;
        transition: background .2s ease, color .2s ease, transform .2s ease;
    }

        .hero-account-dropdown a + a {
            margin-top: 4px;
            border-top: 1px solid #e8eef5;
        }

        .hero-account-dropdown a:hover,
        .hero-account-dropdown a:focus {
            color: #214f8f;
            background: #eef4fb;
            transform: translateX(3px);
            outline: none;
        }

.hero-account-option-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    color: #214f8f;
    background: #e7f0fa;
    font-size: 16px;
}

.hero-account-dropdown strong,
.hero-account-dropdown small {
    display: block;
}

.hero-account-dropdown strong {
    color: inherit;
    font-size: 12px;
    line-height: 1.35;
}

.hero-account-dropdown small {
    margin-top: 3px;
    color: #6b7d91;
    font-size: 9px;
    line-height: 1.45;
}

/* Desktop hover and keyboard focus support. */
.hero-account-menu:hover .hero-account-dropdown,
.hero-account-menu:focus-within .hero-account-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hero-account-menu:hover .hero-account-trigger > i,
.hero-account-menu:focus-within .hero-account-trigger > i {
    transform: rotate(180deg);
}

/* Ensure the dropdown remains visible above the hero controls. */
.hero-content,
.hero-actions {
    overflow: visible !important;
}

/* Tablet */
@media (max-width: 991px) {
    .about-modern .display-heading {
        font-size: clamp(33px, 5vw, 44px) !important;
    }

    .hero-account-dropdown {
        width: 330px;
    }
}

/* Mobile: menu fits the viewport and opens from the left. */
@media (max-width: 576px) {
    .about-modern .section-kicker {
        font-size: 10px !important;
    }

    .about-modern .display-heading {
        font-size: 31px !important;
        line-height: 1.12 !important;
    }

    .about-modern .lead-text {
        font-size: 14px !important;
    }

    .about-modern .body-text {
        font-size: 12px !important;
    }

    .hero-account-menu {
        width: 100%;
    }

    .hero-account-trigger {
        width: 100%;
    }

    .hero-account-dropdown {
        width: min(100%, 330px);
    }

        .hero-account-dropdown a {
            padding: 11px;
        }

    .hero-account-option-icon {
        width: 38px;
        height: 38px;
    }
}
/* =====================================================================
   FINAL OPEN-ACCOUNT UPWARD MENU + ABOUT SIZE + FUND PRICES SPACING
   ===================================================================== */

/* Open An Account options now open upward so quick-action cards cannot cover them. */
.hero-account-dropdown {
    top: auto !important;
    bottom: calc(100% + 10px) !important;
    transform: translateY(-10px) !important;
    z-index: 9999 !important;
}

    .hero-account-dropdown::before {
        top: auto !important;
        bottom: -12px !important;
        height: 12px !important;
    }

.hero-account-menu:hover .hero-account-dropdown,
.hero-account-menu:focus-within .hero-account-dropdown {
    transform: translateY(0) !important;
}

/* Keep hero content and slides above the overlapping quick cards while menu is open. */
.hero-modern,
.hero-modern .swiper-wrapper,
.hero-modern .swiper-slide,
.hero-content-wrap,
.hero-content,
.hero-actions,
.hero-account-menu {
    overflow: visible !important;
}

.hero-modern {
    z-index: 30 !important;
}

.quick-actions-section {
    z-index: 20 !important;
}

/* About AKDIML text: slightly larger than the previous compact version. */
.about-modern .section-kicker {
    font-size: 12px !important;
    letter-spacing: 1.7px !important;
    margin-bottom: 12px !important;
}

.about-modern .display-heading {
    max-width: 640px !important;
    font-size: clamp(37px, 3.55vw, 51px) !important;
    line-height: 1.09 !important;
}

.about-modern .lead-text {
    margin-top: 20px !important;
    margin-bottom: 14px !important;
    font-size: 16px !important;
    line-height: 1.68 !important;
}

.about-modern .body-text {
    font-size: 14px !important;
    line-height: 1.72 !important;
}

.about-modern .feature-list {
    gap: 11px !important;
    margin-top: 22px !important;
    margin-bottom: 22px !important;
}

    .about-modern .feature-list div {
        font-size: 13px !important;
    }

.about-modern .text-link {
    font-size: 13px !important;
}

/* Fund Prices blue section: reduce empty blue spacing further. */
.fund-prices-modern.section-space {
    padding-top: 28px !important;
    padding-bottom: 30px !important;
}

.fund-prices-modern .section-heading-row {
    margin-bottom: 15px !important;
    gap: 20px !important;
}

.fund-prices-modern .section-kicker {
    margin-bottom: 8px !important;
}

.fund-prices-modern .display-heading {
    font-size: clamp(38px, 4vw, 52px) !important;
    line-height: 1.05 !important;
}

.fund-prices-modern .section-subtitle {
    margin-top: 7px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.fund-prices-modern > .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.price-date {
    padding: 10px 14px !important;
}

.fund-table-card {
    margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .about-modern .display-heading {
        font-size: clamp(35px, 5vw, 46px) !important;
    }

    .about-modern .lead-text {
        font-size: 15px !important;
    }

    .about-modern .body-text {
        font-size: 13px !important;
    }

    .fund-prices-modern.section-space {
        padding-top: 25px !important;
        padding-bottom: 27px !important;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .hero-account-dropdown {
        left: 0 !important;
        right: auto !important;
        bottom: calc(100% + 8px) !important;
        width: min(330px, calc(100vw - 30px)) !important;
    }

    .about-modern .display-heading {
        font-size: 33px !important;
    }

    .about-modern .lead-text {
        font-size: 14px !important;
    }

    .about-modern .body-text,
    .about-modern .feature-list div,
    .about-modern .text-link {
        font-size: 12px !important;
    }

    .fund-prices-modern.section-space {
        padding-top: 22px !important;
        padding-bottom: 24px !important;
    }

    .fund-prices-modern > .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .fund-prices-modern .section-heading-row {
        margin-bottom: 12px !important;
    }
}
/* =====================================================================
   FINAL QUICK-ACTION CARDS OVERLAP / Z-INDEX FIX
   Keeps cards fully visible in front of the banner with a clean overlap.
   ===================================================================== */

/* Hero stays behind the quick-action cards. */
.hero-modern {
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 0 !important;
}

/* Keep account dropdown available above its own button. */
.hero-account-menu,
.hero-account-dropdown {
    z-index: 80 !important;
}

/*
   Quick cards must sit in front of the lower edge of the banner.
   Earlier hero z-index rules were covering the upper part of these cards.
*/
.hero-modern + .quick-actions-section,
.quick-actions-section {
    position: relative !important;
    z-index: 60 !important;
    margin-top: -42px !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    background: #ffffff !important;
    overflow: visible !important;
}

    .quick-actions-section .container {
        position: relative !important;
        z-index: 61 !important;
        overflow: visible !important;
    }

.quick-actions-grid {
    position: relative !important;
    z-index: 62 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(33, 79, 143, .12) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 44px rgba(7, 26, 56, .15) !important;
}

/* Ensure every quick card is completely visible. */
.quick-card {
    position: relative !important;
    z-index: 1 !important;
    min-height: 100px !important;
    transform: none;
}

    .quick-card:hover {
        z-index: 3 !important;
    }

/* White continuation below the cards. */
.quick-actions-section::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 42px;
    bottom: 0;
    background: #ffffff;
}

/* About section follows closely without hiding the cards. */
.quick-actions-section + .about-modern {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
    padding-top: 18px !important;
    background: #ffffff !important;
}

/* Tablet */
@media (max-width: 991px) {
    .hero-modern + .quick-actions-section,
    .quick-actions-section {
        margin-top: -30px !important;
    }

        .quick-actions-section::before {
            top: 30px;
        }
}

/* Mobile */
@media (max-width: 576px) {
    .hero-modern + .quick-actions-section,
    .quick-actions-section {
        margin-top: -18px !important;
        padding-bottom: 8px !important;
    }

        .quick-actions-section::before {
            top: 18px;
        }

        .quick-actions-section + .about-modern {
            padding-top: 12px !important;
        }
}


/* =========================================================
   SIMPLE INVESTMENT CALCULATOR
   Designed for new and first-time investors.
   ========================================================= */
.investment-calculator-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient( circle at 92% 5%, rgba(32,184,181,.11), transparent 30% ), #f4f8fb;
}

.simple-calculator-heading {
    max-width: 820px;
    margin: 0 auto 38px;
    text-align: center;
}

    .simple-calculator-heading .section-kicker::before {
        display: none;
    }

    .simple-calculator-heading .section-subtitle {
        margin-left: auto;
        margin-right: auto;
    }

.simple-investment-calculator {
    display: grid;
    grid-template-columns: minmax(310px, .85fr) minmax(0, 1.25fr);
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--shadow);
}

.simple-calculator-form {
    padding: 30px;
    border-right: 1px solid var(--border);
    background: linear-gradient( 180deg, #ffffff, #f8fbfc );
}

.simple-calculator-form-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
}

    .simple-calculator-form-head > span {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 14px;
        background: var(--navy);
        color: #fff;
        font-size: 18px;
    }

    .simple-calculator-form-head h3,
    .simple-breakdown-heading h3 {
        margin: 0;
        color: var(--navy);
        font-family: 'Playfair Display', serif;
        font-size: 23px;
    }

    .simple-calculator-form-head p,
    .simple-breakdown-heading p {
        margin: 4px 0 0;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.6;
    }

.simple-calculator-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
}

.simple-calculator-field.full-width {
    grid-column: 1 / -1;
}

.simple-calculator-field label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
    color: #263b50;
    font-size: 11px;
    font-weight: 800;
}

    .simple-calculator-field label small,
    .simple-calculator-field label strong {
        color: var(--teal);
        font-size: 10px;
        font-weight: 800;
    }

.simple-calculator-input {
    position: relative;
}

    .simple-calculator-input i {
        position: absolute;
        top: 50%;
        left: 13px;
        color: var(--teal);
        font-size: 13px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .simple-calculator-input input {
        width: 100%;
        height: 47px;
        padding: 0 13px 0 38px;
        border: 1px solid var(--border);
        border-radius: 12px;
        outline: none;
        background: #fff;
        color: var(--ink);
        font-family: inherit;
        font-size: 13px;
        font-weight: 700;
        transition: .25s;
    }

        .simple-calculator-input input:focus {
            border-color: var(--teal);
            box-shadow: 0 0 0 4px rgba(32,184,181,.11);
        }

.simple-calculator-field input[type="range"] {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    appearance: none;
    background: linear-gradient( 90deg, var(--teal), #b9d8dc );
    outline: none;
    cursor: pointer;
}

    .simple-calculator-field
    input[type="range"]::-webkit-slider-thumb {
        width: 20px;
        height: 20px;
        appearance: none;
        border: 4px solid #fff;
        border-radius: 50%;
        background: var(--teal);
        box-shadow: 0 3px 12px rgba(8,27,45,.24);
    }

    .simple-calculator-field
    input[type="range"]::-moz-range-thumb {
        width: 13px;
        height: 13px;
        border: 4px solid #fff;
        border-radius: 50%;
        background: var(--teal);
        box-shadow: 0 3px 12px rgba(8,27,45,.24);
    }

.simple-calculator-range-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    color: #8a9aa8;
    font-size: 9px;
}

.simple-calculator-examples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

    .simple-calculator-examples > span {
        margin-right: 3px;
        color: var(--muted);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .6px;
        text-transform: uppercase;
    }

    .simple-calculator-examples button {
        min-height: 34px;
        padding: 0 13px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: #fff;
        color: var(--navy);
        font-size: 10px;
        font-weight: 800;
        transition: .25s;
    }

        .simple-calculator-examples button:hover {
            border-color: var(--teal);
            background: #e9f8f7;
            color: var(--teal);
            transform: translateY(-1px);
        }

.simple-calculator-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 18px;
    padding: 13px 14px;
    border: 1px solid #d9e8ec;
    border-radius: 12px;
    background: #eef7f8;
    color: #526b79;
}

    .simple-calculator-note i {
        margin-top: 2px;
        color: var(--teal);
    }

    .simple-calculator-note p {
        margin: 0;
        font-size: 10px;
        line-height: 1.7;
    }

.simple-calculator-results {
    padding: 30px;
    background: radial-gradient( circle at 100% 0, rgba(32,184,181,.08), transparent 30% ), #fff;
}

.simple-calculator-main-result {
    margin-bottom: 22px;
}

    .simple-calculator-main-result > span {
        display: block;
        margin-bottom: 6px;
        color: var(--teal);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .6px;
        text-transform: uppercase;
    }

    .simple-calculator-main-result h3 {
        margin: 0;
        color: var(--navy);
        font-family: 'Playfair Display', serif;
        font-size: clamp(36px, 4vw, 52px);
        line-height: 1.08;
    }

    .simple-calculator-main-result p {
        margin: 8px 0 0;
        color: var(--muted);
        font-size: 11px;
    }

.simple-calculator-result-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

    .simple-calculator-result-grid article {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 82px;
        padding: 15px;
        border: 1px solid var(--border);
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(8,27,45,.045);
    }

.simple-result-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
}

    .simple-result-icon.invested {
        background: #edf3f8;
        color: #526f86;
    }

    .simple-result-icon.profit {
        background: #e9f8f7;
        color: var(--teal);
    }

.simple-calculator-result-grid small,
.simple-calculator-result-grid strong {
    display: block;
}

.simple-calculator-result-grid small {
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 9px;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.simple-calculator-result-grid strong {
    color: var(--navy);
    font-size: 16px;
}

.simple-calculator-breakdown {
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: #fff;
}

.simple-breakdown-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

    .simple-breakdown-heading h3 {
        font-size: 19px;
    }

.simple-breakdown-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
}

    .simple-breakdown-legend span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .simple-breakdown-legend i {
        width: 9px;
        height: 9px;
        border-radius: 50%;
    }

        .simple-breakdown-legend i.invested {
            background: #8ea4b6;
        }

        .simple-breakdown-legend i.value {
            background: var(--teal);
        }

.simple-calculator-chart {
    width: 100%;
    height: 255px;
}

    .simple-calculator-chart canvas {
        display: block;
        width: 100%;
        height: 100%;
    }

.simple-calculator-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

    .simple-calculator-summary > div {
        padding: 13px;
        border-radius: 12px;
        background: var(--light);
    }

    .simple-calculator-summary small,
    .simple-calculator-summary strong {
        display: block;
    }

    .simple-calculator-summary small {
        margin-bottom: 4px;
        color: var(--muted);
        font-size: 9px;
    }

    .simple-calculator-summary strong {
        color: var(--navy);
        font-size: 13px;
    }

@media (max-width: 1050px) {
    .simple-investment-calculator {
        grid-template-columns: 1fr;
    }

    .simple-calculator-form {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }
}

@media (max-width: 767px) {
    .investment-calculator-section.section-space {
        padding: 72px 0;
    }

    .simple-calculator-heading {
        margin-bottom: 28px;
    }

    .simple-calculator-form,
    .simple-calculator-results {
        padding: 22px;
    }

    .simple-calculator-fields,
    .simple-calculator-result-grid {
        grid-template-columns: 1fr;
    }

    .simple-calculator-field.full-width {
        grid-column: auto;
    }

    .simple-breakdown-heading {
        flex-direction: column;
    }

    .simple-calculator-summary {
        grid-template-columns: 1fr;
    }

    .simple-calculator-chart {
        height: 230px;
    }
}

@media (max-width: 480px) {
    .simple-calculator-form,
    .simple-calculator-results {
        padding: 17px;
    }

    .simple-investment-calculator {
        border-radius: 20px;
    }

    .simple-calculator-main-result h3 {
        font-size: 32px;
    }

    .simple-calculator-breakdown {
        padding: 14px;
    }

    .simple-calculator-chart {
        height: 210px;
    }
}

/* =========================================================
   MOBILE FOOTER LEGAL LINKS — CONSISTENT LEFT ALIGNMENT
   Keeps Privacy Policy, Terms of Use and Site Map on the
   exact same left edge. Desktop styling remains unchanged.
========================================================= */
@media (max-width: 767px) {
    .footer-bottom-modern > div {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        width: 100%;
        gap: 12px !important;
        white-space: normal !important;
    }

        .footer-bottom-modern > div > a,
        .footer-bottom-modern > div > a:hover,
        .footer-bottom-modern > div > a.active {
            display: block;
            width: auto;
            margin: 0 !important;
            padding: 0 !important;
            transform: none !important;
            translate: none !important;
            text-indent: 0 !important;
        }
}


.topbar-modern .language-switch,
.topbar-modern .topbar-investor-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 3px 8px 3px 12px !important;
    border: 1px solid #8fb5e4 !important;
    border-radius: 999px !important;
    background: #f7fbff !important;
    color: #214f8f !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 7px rgba(33, 79, 143, 0.10) !important;
    text-decoration: none !important;
}

    .topbar-modern .language-switch > i,
    .topbar-modern .topbar-investor-login > i {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #2d65aa, #214f8f) !important;
        color: #ffffff !important;
        font-size: 12px !important;
        line-height: 1 !important;
        box-shadow: 0 3px 8px rgba(33, 79, 143, 0.24) !important;
        flex: 0 0 24px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .topbar-modern .language-switch:hover,
    .topbar-modern .topbar-investor-login:hover,
    .topbar-modern .language-switch:focus,
    .topbar-modern .topbar-investor-login:focus,
    .topbar-modern .language-switch:focus-visible,
    .topbar-modern .topbar-investor-login:focus-visible,
    .topbar-modern .language-switch:active,
    .topbar-modern .topbar-investor-login:active {
        background: #eef5ff !important;
        color: #214f8f !important;
        border-color: #6f9fd7 !important;
    }

        .topbar-modern .language-switch:hover > i,
        .topbar-modern .topbar-investor-login:hover > i,
        .topbar-modern .language-switch:focus > i,
        .topbar-modern .topbar-investor-login:focus > i,
        .topbar-modern .language-switch:focus-visible > i,
        .topbar-modern .topbar-investor-login:focus-visible > i,
        .topbar-modern .language-switch:active > i,
        .topbar-modern .topbar-investor-login:active > i {
            display: inline-flex !important;
            background: linear-gradient(135deg, #2d65aa, #214f8f) !important;
            color: #ffffff !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

/* =====================================================================
   FINAL MOBILE TOPBAR FIX
   Shows only Investor Login and Urdu switch on phones.
   ===================================================================== */
@media (max-width: 767px) {
    .topbar-modern {
        display: block !important;
        position: relative;
        z-index: 1100;
        background: #ffffff !important;
        border-top: 0 !important;
        border-bottom: 1px solid #dbe5f0 !important;
        box-shadow: 0 2px 10px rgba(7, 26, 56, .06) !important;
    }

        .topbar-modern .container {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

    .topbar-modern-inner {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .topbar-contact,
    .topbar-actions {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

        /* Hide email, office timing and social icons on small screens. */
        .topbar-contact > a:not(.topbar-investor-login),
        .topbar-actions > span,
        .topbar-actions > .top-socials {
            display: none !important;
        }

    /* Keep Investor Login and Urdu switch visible. */
    .topbar-modern .topbar-investor-login,
    .topbar-modern .language-switch {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        min-height: 34px !important;
        padding: 4px 10px !important;
        border: 1px solid #8fb5e4 !important;
        border-radius: 999px !important;
        background: #f7fbff !important;
        color: #214f8f !important;
        font-family: 'Manrope', sans-serif !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

        .topbar-modern .topbar-investor-login > i,
        .topbar-modern .language-switch > i {
            width: 24px !important;
            height: 24px !important;
            min-width: 24px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 !important;
            border-radius: 50% !important;
            background: linear-gradient(135deg, #2d65aa, #214f8f) !important;
            color: #ffffff !important;
            font-size: 12px !important;
        }
}

@media (max-width: 380px) {
    .topbar-modern .topbar-investor-login,
    .topbar-modern .language-switch {
        padding: 4px 8px !important;
        font-size: 11px !important;
        gap: 5px !important;
    }
}


/* =====================================================================
   FINAL OPEN AN ACCOUNT CLICK-TOGGLE FIX
   ===================================================================== */
.hero-account-menu.is-open .hero-account-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.hero-account-menu.is-open .hero-account-trigger > i {
    transform: rotate(180deg) !important;
}

@media (hover: none), (pointer: coarse) {
    .hero-account-menu:focus-within:not(.is-open) .hero-account-dropdown {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(10px) !important;
    }

    .hero-account-menu:focus-within:not(.is-open)
    .hero-account-trigger > i {
        transform: rotate(0deg) !important;
    }

    .hero-account-menu.is-open .hero-account-dropdown {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }
}


/* =====================================================================
   PACRA AM2 ACHIEVEMENT BADGE — ALL HOME HERO BANNERS
   Premium gold treatment with responsive mobile layout.
   ===================================================================== */
.hero-achievement-badge {
    position: relative;
    isolation: isolate;
    width: fit-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 17px;
    padding: 10px 18px 10px 11px;
    overflow: hidden;
    border: 1px solid rgba(255, 220, 129, .72);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 225, 145, .18), rgba(105, 72, 12, .20)), rgba(5, 20, 35, .56);
    color: #f8d477;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 244, 202, .27), 0 0 28px rgba(216, 178, 103, .12);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    animation: heroAchievementEntrance .8s ease both;
}

    .hero-achievement-badge::before {
        content: "";
        position: absolute;
        inset: 1px;
        z-index: -1;
        border-radius: inherit;
        background: radial-gradient(circle at 12% 50%, rgba(255, 225, 138, .18), transparent 32%), linear-gradient(90deg, rgba(255, 255, 255, .035), transparent);
        pointer-events: none;
    }

.hero-achievement-icon {
    width: 41px;
    height: 41px;
    min-width: 41px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 227, 151, .75);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 28%, #fff4bf 0%, #e3b852 42%, #9a6714 100%);
    color: #5f3d05;
    font-size: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .22), inset 0 1px 2px rgba(255, 255, 255, .58);
}

.hero-achievement-copy {
    min-width: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    column-gap: 8px;
    line-height: 1;
}

    .hero-achievement-copy small {
        grid-column: 1 / -1;
        margin-bottom: 3px;
        color: rgba(255, 242, 201, .84);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.8px;
        text-transform: uppercase;
    }

    .hero-achievement-copy strong {
        color: transparent;
        background: linear-gradient(180deg, #fff6c6 0%, #f1ca68 48%, #c38d26 100%);
        -webkit-background-clip: text;
        background-clip: text;
        font-family: 'Playfair Display', serif;
        font-size: 25px;
        font-weight: 800;
        letter-spacing: .5px;
        text-shadow: 0 4px 18px rgba(227, 184, 82, .16);
    }

    .hero-achievement-copy > span {
        color: #ffe8a6;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .35px;
        white-space: nowrap;
    }

.hero-achievement-shine {
    position: absolute;
    top: -45%;
    bottom: -45%;
    left: -35%;
    width: 48px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient( 90deg, transparent, rgba(255, 248, 211, .48), transparent );
    transform: rotate(18deg);
    animation: heroAchievementShine 4.4s ease-in-out infinite 1.1s;
}

@keyframes heroAchievementEntrance {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes heroAchievementShine {
    0%, 62% {
        left: -35%;
        opacity: 0;
    }

    72% {
        opacity: 1;
    }

    88%, 100% {
        left: 118%;
        opacity: 0;
    }
}

@media (max-width: 767.98px) {
    .hero-achievement-badge {
        gap: 9px;
        margin-bottom: 12px;
        padding: 7px 12px 7px 7px;
        border-radius: 16px;
    }

    .hero-achievement-icon {
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 14px;
    }

    .hero-achievement-copy {
        column-gap: 6px;
    }

        .hero-achievement-copy small {
            margin-bottom: 2px;
            font-size: 7px;
            letter-spacing: 1.35px;
        }

        .hero-achievement-copy strong {
            font-size: 20px;
        }

        .hero-achievement-copy > span {
            font-size: 8px;
            white-space: normal;
        }
}

@media (max-width: 374.98px) {
    .hero-achievement-badge {
        max-width: 245px;
    }

    .hero-achievement-copy strong {
        font-size: 18px;
    }

    .hero-achievement-copy > span {
        font-size: 7.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-achievement-badge,
    .hero-achievement-shine {
        animation: none !important;
    }
}


/* =====================================================================
   FINAL HERO SPACING FIX — DOES NOT OVERRIDE SWIPER WIDTHS
   ===================================================================== */

/*
   Important: Do not apply width/min-width to .swiper-wrapper or
   .swiper-slide. Swiper calculates those widths itself.
*/

@media (min-width: 992px) {
    #heroSlider .hero-content-wrap {
        padding-top: 0 !important;
    }

    #heroSlider .hero-content {
        margin-top: -52px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #heroSlider .hero-content {
        margin-top: -30px !important;
    }
}

@media (max-width: 767.98px) {
    #heroSlider .hero-content {
        margin-top: -12px !important;
    }
}

#heroSlider .hero-modern-slide {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

#heroSlider .swiper-wrapper {
    transition-timing-function: ease-in-out !important;
}

/* =========================================================
   AKDIML WHATSAPP CHATBOT & CHANNEL - SEPARATE CARDS
========================================================= */

.value-added-whatsapp-chatbot-card,
.value-added-whatsapp-channel-card {
    background: radial-gradient(circle at 100% 0, rgba(37, 211, 102, .12), transparent 32%), linear-gradient(145deg, #ffffff, #f7fcf9);
}

    .value-added-whatsapp-chatbot-card::before,
    .value-added-whatsapp-channel-card::before {
        background: #25d366;
    }

.value-added-whatsapp-chatbot-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin: 0 0 20px;
    padding: 18px 20px;
    border: 1px solid #d9eadf;
    border-radius: 16px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 12px 30px rgba(8, 27, 45, .06);
}

.value-added-whatsapp-number-label {
    display: block;
    margin-bottom: 7px;
    color: #6d7f75;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .85px;
    text-transform: uppercase;
}

.value-added-whatsapp-number {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #0b6d39;
    font-size: 18px;
    font-weight: 800;
    transition: color .25s ease;
}

    .value-added-whatsapp-number:hover {
        color: #25a956;
    }

    .value-added-whatsapp-number i {
        font-size: 23px;
    }

.value-added-whatsapp-chat-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 12px;
    background: #25d366;
    color: #063b25;
    font-size: 11px;
    font-weight: 800;
    transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
}

    .value-added-whatsapp-chat-button:hover {
        transform: translateY(-3px);
        background: #5be187;
        color: #063b25;
        box-shadow: 0 15px 30px rgba(37, 211, 102, .22);
    }

    .value-added-whatsapp-chat-button .fa-arrow-up-right-from-square {
        font-size: 9px;
    }

.value-added-whatsapp-channel-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .72fr);
    gap: 25px;
    align-items: stretch;
}

.value-added-channel-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

    .value-added-channel-features > div {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        min-height: 65px;
        padding: 14px;
        border: 1px solid #deebe3;
        border-radius: 14px;
        background: rgba(255, 255, 255, .84);
        color: #344b40;
        box-shadow: 0 9px 24px rgba(8, 27, 45, .045);
        transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }

        .value-added-channel-features > div:hover {
            transform: translateY(-3px);
            border-color: rgba(37, 211, 102, .45);
            box-shadow: 0 15px 30px rgba(8, 27, 45, .09);
        }

    .value-added-channel-features i {
        width: 31px;
        height: 31px;
        display: grid;
        place-items: center;
        flex: 0 0 31px;
        border-radius: 9px;
        background: rgba(37, 211, 102, .13);
        color: #11813d;
        font-size: 12px;
    }

    .value-added-channel-features span {
        color: #31483d;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.55;
    }

@media (max-width: 991px) {
    .value-added-whatsapp-channel-layout {
        grid-template-columns: 1fr;
    }

    .value-added-whatsapp-chatbot-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .value-added-whatsapp-chat-button {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .value-added-channel-features {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .value-added-whatsapp-chatbot-top {
        padding: 16px;
    }

    .value-added-whatsapp-number {
        font-size: 16px;
    }

    .value-added-whatsapp-chat-button {
        min-height: 50px;
        padding: 10px 14px;
        line-height: 1.45;
        text-align: center;
    }
}
/* =========================================================
   HOME PAGE — FLOATING AKDIML WHATSAPP CHANNEL
   Sits above the existing live-chat button and follows the
   website's blue/white visual system.
   ========================================================= */

.floating-whatsapp-channel {
    position: fixed;
    right: 25px;
    bottom: 89px;
    z-index: 499;
    width: 286px;
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    overflow: hidden;
    border: 1px solid rgba(143, 181, 228, .72);
    border-radius: 18px;
    background: radial-gradient(circle at 100% 0, rgba(32, 184, 181, .13), transparent 42%), linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 249, 255, .98));
    color: #102235;
    box-shadow: 0 18px 45px rgba(8, 27, 45, .16), inset 0 1px 0 rgba(255, 255, 255, .9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    text-decoration: none;
    transform-origin: right bottom;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

    .floating-whatsapp-channel::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 4px;
        background: linear-gradient(180deg, #2d65aa, #20b8b5);
    }

    .floating-whatsapp-channel::after {
        content: "";
        position: absolute;
        width: 95px;
        height: 95px;
        right: -46px;
        top: -58px;
        border-radius: 50%;
        background: rgba(37, 211, 102, .09);
        pointer-events: none;
    }

    .floating-whatsapp-channel:hover,
    .floating-whatsapp-channel:focus-visible {
        color: #102235;
        border-color: #2d65aa;
        transform: translateY(-4px);
        box-shadow: 0 23px 52px rgba(8, 27, 45, .21), 0 0 0 4px rgba(45, 101, 170, .08);
        outline: none;
    }

.floating-whatsapp-channel-icon {
    position: relative;
    z-index: 2;
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(145deg, #25d366, #16a84d);
    color: #ffffff;
    font-size: 24px;
    box-shadow: 0 10px 24px rgba(37, 211, 102, .25), inset 0 1px 0 rgba(255, 255, 255, .30);
}

.floating-whatsapp-channel-copy {
    position: relative;
    z-index: 2;
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    line-height: 1.25;
}

    .floating-whatsapp-channel-copy small {
        margin-bottom: 2px;
        color: #2d65aa;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .9px;
        text-transform: uppercase;
    }

    .floating-whatsapp-channel-copy strong {
        color: #102235;
        font-size: 13px;
        font-weight: 800;
        white-space: nowrap;
    }

    .floating-whatsapp-channel-copy > span {
        margin-top: 4px;
        overflow: hidden;
        color: #667789;
        font-size: 9px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.floating-whatsapp-channel-arrow {
    position: relative;
    z-index: 2;
    width: 27px;
    height: 27px;
    min-width: 27px;
    display: grid;
    place-items: center;
    border: 1px solid #d6e4f3;
    border-radius: 9px;
    background: #ffffff;
    color: #2d65aa;
    font-size: 10px;
    transition: color .25s ease, background-color .25s ease, transform .25s ease;
}

.floating-whatsapp-channel:hover .floating-whatsapp-channel-arrow {
    background: #2d65aa;
    color: #ffffff;
    transform: translate(2px, -2px);
}

/* Keep the back-to-top button clear of the two floating support actions. */
.back-to-top {
    bottom: 92px;
}

@media (max-width: 767.98px) {
    .floating-whatsapp-channel {
        right: 14px;
        bottom: 78px;
        width: 238px;
        min-height: 66px;
        gap: 10px;
        padding: 10px 11px;
        border-radius: 16px;
    }

    .floating-whatsapp-channel-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 13px;
        font-size: 21px;
    }

    .floating-whatsapp-channel-copy small {
        font-size: 8px;
    }

    .floating-whatsapp-channel-copy strong {
        font-size: 11px;
    }

    .floating-whatsapp-channel-copy > span {
        font-size: 8px;
    }

    .floating-whatsapp-channel-arrow {
        width: 25px;
        height: 25px;
        min-width: 25px;
    }

    .floating-chat {
        right: 14px;
        bottom: 14px;
    }

    .back-to-top {
        right: 14px;
        bottom: 153px;
    }
}

@media (max-width: 420px) {
    .floating-whatsapp-channel {
        width: 218px;
    }

    .floating-whatsapp-channel-copy > span {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .floating-whatsapp-channel,
    .floating-whatsapp-channel-arrow {
        transition: none;
    }
}
/* =========================================================
   FINAL BACK-TO-TOP POSITION FIX
   Place arrow on the right side above the WhatsApp Channel
   card, matching the marked position in the screenshot.
   ========================================================= */

.floating-whatsapp-channel {
    right: 25px !important;
    bottom: 92px !important;
    z-index: 510 !important;
}

.floating-chat {
    right: 25px !important;
    bottom: 24px !important;
    z-index: 520 !important;
}

/*
   Back-to-top has two intentional positions:
   1) Home page: above the WhatsApp Channel card.
   2) All other pages: directly above the live-chat button.
*/
.back-to-top,
#backToTop {
    right: 25px !important;
    z-index: 505 !important;
    pointer-events: auto !important;
}

/* Home page only — WhatsApp Channel is present. */
.back-to-top--with-channel {
    bottom: 185px !important;
}

/* Inner pages — no WhatsApp Channel, so keep the arrow lower. */
.back-to-top--standard {
    bottom: 88px !important;
}

@media (max-width: 767.98px) {
    .floating-whatsapp-channel {
        right: 14px !important;
        bottom: 78px !important;
    }

    .floating-chat {
        right: 14px !important;
        bottom: 14px !important;
    }

    .back-to-top,
    #backToTop {
        right: 14px !important;
    }

    .back-to-top--with-channel {
        bottom: 155px !important;
    }

    .back-to-top--standard {
        bottom: 74px !important;
    }
}

/* =====================================================================
   FINAL FUND TICKER FIX — SAME PROVEN METHOD AS URDU WEBSITE
   Pure CSS continuous movement. No requestAnimationFrame, ResizeObserver,
   dataset or JavaScript measurements, so it also works on older Windows
   and older Chrome/Edge installations.
   ===================================================================== */
.market-ticker-window {
    position: relative !important;
    min-width: 0 !important;
    overflow: hidden !important;
    direction: ltr !important;
}

.market-ticker-track:not(.ticker-loading-static) {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    width: -webkit-max-content !important;
    width: max-content !important;
    min-width: -webkit-max-content !important;
    min-width: max-content !important;
    height: 100% !important;
    direction: ltr !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-animation: englishFundTicker 44s linear infinite !important;
    animation: englishFundTicker 30s linear infinite !important;
}

    .market-ticker-track:not(.ticker-loading-static) .ticker-set {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        width: -webkit-max-content !important;
        width: max-content !important;
        min-width: -webkit-max-content !important;
        min-width: max-content !important;
        height: 100% !important;
        direction: ltr !important;
    }

    .market-ticker-track:not(.ticker-loading-static) .ticker-quote {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        direction: ltr !important;
    }

.market-ticker-window:hover .market-ticker-track:not(.ticker-loading-static),
.market-ticker-window:focus-within .market-ticker-track:not(.ticker-loading-static) {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important;
}

@-webkit-keyframes englishFundTicker {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
}

@keyframes englishFundTicker {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
}

@media (max-width: 767.98px) {
    .market-ticker {
        grid-template-columns: minmax(130px, 36vw) minmax(0, 1fr) !important;
    }

    .ticker-view-all {
        display: none !important;
    }

    .ticker-quote {
        min-width: 205px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .market-ticker-track:not(.ticker-loading-static) {
        -webkit-animation-duration: 34s !important;
        animation-duration: 34s !important;
    }
}


#heroSlider,
#heroSlider .swiper-wrapper,
#heroSlider .swiper-slide {
    min-width: 0;
}

    #heroSlider .swiper-wrapper {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    #heroSlider .swiper-slide {
        height: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

/* =====================================================================
   FINAL HOME HERO — FULL BANNER + NO TOP/BOTTOM CONTENT CUT
   ===================================================================== */
body .hero-modern {
    position: relative !important;
    height: 620px !important;
    min-height: 620px !important;
    overflow: hidden !important;
    background: #081b2d !important;
}

    body .hero-modern .swiper-wrapper,
    body .hero-modern .hero-modern-slide {
        height: 100% !important;
    }

    body .hero-modern .hero-banner-image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: #081b2d !important;
    }

    body .hero-modern .hero-content-wrap {
        height: 100% !important;
        min-height: 100% !important;
        padding-top: 28px !important;
        padding-bottom: 72px !important;
        align-items: center !important;
    }

    body .hero-modern .hero-content {
        max-width: 660px !important;
    }

        body .hero-modern .hero-content h1 {
            font-size: clamp(48px,4.7vw,68px) !important;
            line-height: .98 !important;
        }

        body .hero-modern .hero-content p {
            margin: 18px 0 22px !important;
            font-size: 17px !important;
            line-height: 1.65 !important;
        }

    body .hero-modern .eyebrow {
        margin-bottom: 18px !important;
    }

    body .hero-modern .hero-achievement-badge {
        margin-bottom: 12px !important;
    }

    body .hero-modern .hero-actions {
        gap: 10px !important;
    }

    body .hero-modern .btn-modern {
        min-height: 48px !important;
    }

    /* Quick cards may overlap the hero edge, but never cover the hero buttons. */
    body .hero-modern + .quick-actions-section,
    body .quick-actions-section {
        margin-top: -34px !important;
    }

@media (max-width:1199.98px) {
    body .hero-modern {
        height: 600px !important;
        min-height: 600px !important;
    }
}

@media (max-width:991.98px) {
    body .hero-modern {
        height: 610px !important;
        min-height: 610px !important;
    }

        body .hero-modern .hero-content-wrap {
            padding-top: 24px !important;
            padding-bottom: 62px !important;
        }
}

@media (max-width:767.98px) {
    body .hero-modern {
        height: 680px !important;
        min-height: 680px !important;
    }

        body .hero-modern .hero-banner-image {
            object-fit: cover !important;
            object-position: 67% center !important;
        }

        body .hero-modern .hero-content-wrap {
            padding-top: 34px !important;
            padding-bottom: 88px !important;
            align-items: flex-start !important;
        }

        body .hero-modern .hero-content h1 {
            font-size: clamp(39px,12vw,52px) !important;
            line-height: 1.02 !important;
        }

        body .hero-modern .hero-content p {
            margin: 15px 0 18px !important;
            font-size: 15px !important;
            line-height: 1.55 !important;
        }

        body .hero-modern + .quick-actions-section,
        body .quick-actions-section {
            margin-top: -24px !important;
        }
}

/* =====================================================================
   FINAL DYNAMIC HOME HERO — EDGE TO EDGE / NO LETTERBOX SPACE
   ===================================================================== */
body .hero-modern {
    width: 100% !important;
    height: clamp(540px, 39vw, 620px) !important;
    min-height: 540px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #081b2d !important;
}

    body .hero-modern .swiper-wrapper,
    body .hero-modern .hero-modern-slide {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .hero-modern .hero-banner-image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
        background: transparent !important;
    }

@media (max-width: 1199.98px) {
    body .hero-modern {
        height: 570px !important;
        min-height: 570px !important;
    }
}

@media (max-width: 991.98px) {
    body .hero-modern {
        height: 590px !important;
        min-height: 590px !important;
    }

        body .hero-modern .hero-banner-image {
            object-position: 62% center !important;
        }
}

@media (max-width: 767.98px) {
    body .hero-modern {
        height: 680px !important;
        min-height: 680px !important;
    }

        body .hero-modern .hero-banner-image {
            object-fit: cover !important;
            object-position: 68% center !important;
        }
}

/* =====================================================================
   FINAL HERO CONTENT SPACING + SIDE NAVIGATION ARROWS
   ===================================================================== */

body .hero-modern .hero-content-wrap {
    padding-top: 42px !important;
    padding-bottom: 84px !important;
    align-items: center !important;
}

body .hero-modern .hero-content {
    transform: translateY(8px);
}

body .hero-modern .hero-achievement-badge {
    flex-shrink: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

body .hero-modern .hero-controls {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    transform: none !important;
    pointer-events: none !important;
}

body .hero-modern .hero-pagination {
    position: absolute !important;
    left: max(24px, calc((100vw - 1240px) / 2)) !important;
    right: auto !important;
    bottom: 22px !important;
    width: auto !important;
    pointer-events: auto !important;
}

body .hero-modern .hero-arrows {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
}

    body .hero-modern .hero-arrows .hero-prev,
    body .hero-modern .hero-arrows .hero-next {
        position: absolute !important;
        top: 52% !important;
        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
        pointer-events: auto !important;
        z-index: 8 !important;
        background: rgba(8, 27, 45, .62) !important;
        border-color: rgba(255, 255, 255, .44) !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .18) !important;
    }

    body .hero-modern .hero-arrows .hero-prev {
        left: 24px !important;
    }

    body .hero-modern .hero-arrows .hero-next {
        right: 24px !important;
    }

@media (max-width: 991.98px) {
    body .hero-modern .hero-content-wrap {
        padding-top: 36px !important;
        padding-bottom: 80px !important;
    }

    body .hero-modern .hero-arrows .hero-prev,
    body .hero-modern .hero-arrows .hero-next {
        top: 54% !important;
        width: 44px !important;
        height: 44px !important;
    }

    body .hero-modern .hero-arrows .hero-prev {
        left: 14px !important;
    }

    body .hero-modern .hero-arrows .hero-next {
        right: 14px !important;
    }
}

@media (max-width: 767.98px) {
    body .hero-modern .hero-content-wrap {
        padding-top: 24px !important;
        padding-bottom: 104px !important;
        align-items: flex-start !important;
    }

    body .hero-modern .hero-content {
        transform: none !important;
    }

        body .hero-modern .hero-content h1 {
            font-size: clamp(35px, 10.8vw, 47px) !important;
            line-height: 1.02 !important;
        }

        body .hero-modern .hero-content p {
            margin: 14px 0 16px !important;
            font-size: 14px !important;
            line-height: 1.5 !important;
        }

    body .hero-modern .hero-pagination {
        left: 14px !important;
        bottom: 14px !important;
    }

    body .hero-modern .hero-arrows .hero-prev,
    body .hero-modern .hero-arrows .hero-next {
        top: 55% !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(8, 27, 45, .72) !important;
    }

    body .hero-modern .hero-arrows .hero-prev {
        left: 8px !important;
    }

    body .hero-modern .hero-arrows .hero-next {
        right: 8px !important;
    }
}

@media (max-width: 420px) {
    body .hero-modern .hero-content-wrap {
        padding-top: 18px !important;
        padding-bottom: 100px !important;
    }

    body .hero-modern .hero-achievement-badge {
        transform: scale(.92);
        transform-origin: left top;
        margin-right: -18px !important;
        margin-bottom: 4px !important;
    }

    body .hero-modern .hero-content h1 {
        font-size: clamp(34px, 10.5vw, 44px) !important;
    }

    body .hero-modern .hero-arrows .hero-prev,
    body .hero-modern .hero-arrows .hero-next {
        top: 58% !important;
        width: 38px !important;
        height: 38px !important;
    }
}

/* =====================================================================
   FINAL HERO VERTICAL BALANCE + MOBILE COMPACT FIX
   ===================================================================== */

body .hero-modern .hero-content-wrap {
    padding-top: 64px !important;
    padding-bottom: 58px !important;
    align-items: center !important;
}

body .hero-modern .hero-content {
    transform: translateY(14px) !important;
    max-width: 630px !important;
}

body .hero-modern .hero-achievement-badge {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

body .hero-modern .hero-content h1 {
    font-size: clamp(44px, 4.25vw, 62px) !important;
    line-height: 1.01 !important;
}

body .hero-modern .hero-content p {
    margin: 16px 0 20px !important;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
}

body .hero-modern .eyebrow {
    margin-bottom: 14px !important;
}

@media (max-width: 991.98px) {
    body .hero-modern .hero-content-wrap {
        padding-top: 52px !important;
        padding-bottom: 54px !important;
    }

    body .hero-modern .hero-content {
        transform: translateY(10px) !important;
        max-width: 560px !important;
    }

        body .hero-modern .hero-content h1 {
            font-size: clamp(41px, 5vw, 56px) !important;
        }
}

@media (max-width: 767.98px) {
    body .hero-modern {
        height: 610px !important;
        min-height: 610px !important;
    }

        body .hero-modern .hero-content-wrap {
            padding-top: 16px !important;
            padding-bottom: 42px !important;
            align-items: flex-start !important;
        }

        body .hero-modern .hero-content {
            transform: none !important;
            max-width: 100% !important;
        }

        body .hero-modern .hero-achievement-badge {
            transform: scale(.88) !important;
            transform-origin: left top !important;
            margin-right: -28px !important;
            margin-bottom: -2px !important;
        }

        body .hero-modern .eyebrow {
            margin-bottom: 10px !important;
        }

        body .hero-modern .hero-content h1 {
            font-size: clamp(32px, 9.7vw, 42px) !important;
            line-height: 1.01 !important;
        }

        body .hero-modern .hero-content p {
            margin: 12px 0 14px !important;
            font-size: 13.5px !important;
            line-height: 1.45 !important;
        }

        body .hero-modern .hero-actions {
            gap: 9px !important;
        }

        body .hero-modern .btn-modern {
            min-height: 43px !important;
        }

        body .hero-modern .hero-arrows {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }

        body .hero-modern .hero-pagination {
            left: 12px !important;
            bottom: 10px !important;
        }
}

@media (max-width: 420px) {
    body .hero-modern {
        height: 590px !important;
        min-height: 590px !important;
    }

        body .hero-modern .hero-content-wrap {
            padding-top: 12px !important;
            padding-bottom: 36px !important;
        }

        body .hero-modern .hero-achievement-badge {
            transform: scale(.84) !important;
            margin-right: -36px !important;
            margin-bottom: -5px !important;
        }

        body .hero-modern .hero-content h1 {
            font-size: clamp(31px, 9.35vw, 40px) !important;
        }

        body .hero-modern .hero-content p {
            font-size: 13px !important;
            line-height: 1.42 !important;
        }
}

/* =====================================================================
   AKDIML MOBILE HERO — FINAL FONT + PACRA SPACING FIX
   Desktop and tablet remain unchanged.
   ===================================================================== */

@media (max-width: 767.98px) {

    /* Remove unnecessary empty area at the bottom of the mobile banner. */
    body .hero-modern {
        height: 560px !important;
        min-height: 560px !important;
    }

        /* Keep the complete mobile content group slightly below the header. */
        body .hero-modern .hero-content-wrap {
            height: 100% !important;
            min-height: 100% !important;
            padding-top: 24px !important;
            padding-bottom: 24px !important;
            align-items: flex-start !important;
            justify-content: flex-start !important;
        }

        body .hero-modern .hero-content {
            width: 100% !important;
            max-width: 100% !important;
            transform: none !important;
        }

        /* PACRA AM2 badge: restore normal size and move it down from the top edge. */
        body .hero-modern .hero-achievement-badge {
            display: flex !important;
            width: fit-content !important;
            max-width: 100% !important;
            margin-top: 8px !important;
            margin-right: 0 !important;
            margin-bottom: 10px !important;
            transform: none !important;
            transform-origin: left top !important;
        }

        /* Keep the second badge on its own row so it never overlaps PACRA. */
        body .hero-modern .eyebrow {
            display: inline-flex !important;
            clear: both !important;
            width: fit-content !important;
            max-width: 100% !important;
            margin-top: 0 !important;
            margin-bottom: 14px !important;
            white-space: normal !important;
        }

        /* Restore the earlier, larger mobile heading size. */
        body .hero-modern .hero-content h1 {
            font-size: clamp(39px, 11.5vw, 50px) !important;
            line-height: 1.02 !important;
            letter-spacing: -1px !important;
        }

        body .hero-modern .hero-content p {
            margin: 14px 0 16px !important;
            font-size: 15px !important;
            line-height: 1.5 !important;
        }

        body .hero-modern .hero-actions {
            margin-top: 0 !important;
            gap: 9px !important;
        }

        body .hero-modern .btn-modern {
            min-height: 44px !important;
        }

        /* Mobile navigation arrows remain hidden. */
        body .hero-modern .hero-arrows,
        body .hero-modern .hero-prev,
        body .hero-modern .hero-next {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }

        body .hero-modern .hero-pagination {
            left: 12px !important;
            bottom: 8px !important;
        }
}

@media (max-width: 420px) {

    body .hero-modern {
        height: 545px !important;
        min-height: 545px !important;
    }

        body .hero-modern .hero-content-wrap {
            padding-top: 22px !important;
            padding-bottom: 20px !important;
        }

        body .hero-modern .hero-achievement-badge {
            margin-top: 7px !important;
            margin-bottom: 9px !important;
        }

        body .hero-modern .eyebrow {
            margin-bottom: 12px !important;
        }

        body .hero-modern .hero-content h1 {
            font-size: clamp(37px, 11vw, 46px) !important;
            line-height: 1.02 !important;
        }

        body .hero-modern .hero-content p {
            font-size: 14px !important;
            line-height: 1.46 !important;
            margin: 12px 0 14px !important;
        }
}

/* =========================================================
   HOME PAGE — AKD FUNDS MOBILE APP DOWNLOAD
   Shown directly after Fund Prices for strong visibility.
   AKD navy, blue and red branding with authentic store styling.
   ========================================================= */
.home-app-download-section {
    position: relative;
    z-index: 12;
    padding: 52px 0 72px;
    background: linear-gradient(180deg, #f6f9fd 0%, #ffffff 100%);
}

.home-app-download-card {
    position: relative;
    min-height: 340px;
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(320px, .78fr);
    align-items: center;
    gap: 52px;
    padding: 50px 58px;
    overflow: hidden;
    border: 1px solid #d8e4ef;
    border-radius: 30px;
    background: radial-gradient(circle at 91% 13%, rgba(40, 104, 177, .20), transparent 27%), radial-gradient(circle at 76% 98%, rgba(190, 30, 45, .11), transparent 31%), linear-gradient(135deg, #ffffff 0%, #f3f7fc 47%, #e9f1fa 100%);
    box-shadow: 0 24px 65px rgba(8, 27, 45, .13);
}

    .home-app-download-card::before {
        content: "";
        position: absolute;
        left: -105px;
        bottom: -165px;
        width: 430px;
        height: 300px;
        border-radius: 50%;
        border: 48px solid rgba(33, 79, 143, .055);
        transform: rotate(-14deg);
        pointer-events: none;
    }

    .home-app-download-card::after {
        content: "";
        position: absolute;
        right: -115px;
        top: -130px;
        width: 340px;
        height: 340px;
        border-radius: 50%;
        background: linear-gradient(145deg, rgba(33,79,143,.10), rgba(190,30,45,.06));
        pointer-events: none;
    }

.home-app-download-content,
.home-app-download-visual {
    position: relative;
    z-index: 2;
}

.home-app-download-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #214f8f;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .55px;
    text-transform: uppercase;
}

.home-app-kicker-icon {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(145deg, #214f8f, #123b69);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(33, 79, 143, .24);
}

.home-app-download-content h2 {
    max-width: 690px;
    margin: 0;
    color: #081b2d;
    font-family: 'Playfair Display', serif;
    font-size: clamp(36px, 3.7vw, 54px);
    line-height: 1.07;
}

.home-app-download-content > p {
    max-width: 680px;
    margin: 18px 0 25px;
    color: #53687d;
    font-size: 16px;
    line-height: 1.75;
}

.home-app-store-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.home-app-store-badge {
    min-width: 205px;
    min-height: 66px;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding: 8px 18px;
    border-radius: 14px;
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(8, 27, 45, .18);
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.home-app-google-badge {
    border: 1px solid rgba(0, 0, 0, .72);
    background: linear-gradient(145deg, #151515, #050505);
}

.home-app-apple-badge {
    border: 1px solid rgba(255, 255, 255, .15);
    background: radial-gradient(circle at 10% 15%, rgba(255,255,255,.23), transparent 24%), linear-gradient(135deg, #be1e2d 0%, #6e1730 43%, #153f72 100%);
}

.home-app-store-badge:hover,
.home-app-store-badge:focus-visible {
    color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 19px 38px rgba(8, 27, 45, .24);
    filter: brightness(1.05);
    outline: none;
}

.home-app-google-play-logo,
.home-app-apple-logo {
    width: 39px;
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 39px;
}

    .home-app-google-play-logo svg {
        width: 36px;
        height: 36px;
        display: block;
    }

.home-app-apple-logo {
    border-radius: 11px;
    background: rgba(255, 255, 255, .14);
    color: #ffffff;
    font-size: 31px;
}

.home-app-store-badge-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.03;
}

    .home-app-store-badge-copy small {
        margin-bottom: 5px;
        color: rgba(255, 255, 255, .78);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: .85px;
    }

    .home-app-store-badge-copy strong {
        color: #ffffff;
        font-size: 19px;
        font-weight: 700;
        white-space: nowrap;
    }

.home-app-testing-note {
    display: block;
    margin-top: 12px;
    color: #74869a;
    font-size: 11px;
}

.home-app-download-visual {
    min-height: 285px;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
}

.home-app-brand-orbit {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.home-app-brand-orbit-one {
    width: 270px;
    height: 270px;
    border: 1px solid rgba(33, 79, 143, .16);
    box-shadow: 0 0 0 28px rgba(33, 79, 143, .045), 0 0 0 55px rgba(190, 30, 45, .025);
}

.home-app-brand-orbit-two {
    width: 185px;
    height: 185px;
    background: linear-gradient(145deg, rgba(33,79,143,.16), rgba(190,30,45,.10));
    filter: blur(1px);
}

.home-app-phone {
    position: relative;
    z-index: 3;
    width: 176px;
    height: 316px;
    padding: 9px;
    border: 4px solid #102b45;
    border-radius: 32px;
    background: linear-gradient(145deg, #f9fbfd, #cfdbe8);
    box-shadow: 0 28px 50px rgba(8, 27, 45, .26), inset 0 0 0 1px rgba(255,255,255,.8);
    transform: rotate(4deg);
}

.home-app-phone-top {
    position: absolute;
    top: 7px;
    left: 50%;
    z-index: 5;
    width: 58px;
    height: 16px;
    border-radius: 999px;
    background: #102b45;
    transform: translateX(-50%);
}

    .home-app-phone-top span {
        position: absolute;
        top: 6px;
        left: 50%;
        width: 23px;
        height: 3px;
        border-radius: 999px;
        background: rgba(255,255,255,.35);
        transform: translateX(-50%);
    }

.home-app-phone-screen {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 24px 13px 12px;
    border-radius: 23px;
    background: radial-gradient(circle at 88% 8%, rgba(255,255,255,.18), transparent 22%), linear-gradient(160deg, #214f8f 0%, #123b69 50%, #081b2d 100%);
    color: #ffffff;
}

    .home-app-phone-screen::after {
        content: "";
        position: absolute;
        right: -36px;
        bottom: -20px;
        width: 120px;
        height: 82px;
        border-radius: 50%;
        border: 18px solid rgba(190, 30, 45, .45);
        transform: rotate(-18deg);
    }

.home-app-screen-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.home-app-mini-logo {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.home-app-mini-logo-mark {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #ffffff;
}

    .home-app-mini-logo-mark::before,
    .home-app-mini-logo-mark::after {
        content: "";
        position: absolute;
        width: 4px;
        border-radius: 4px;
        background: #be1e2d;
        transform: rotate(42deg);
    }

    .home-app-mini-logo-mark::before {
        height: 14px;
        left: 8px;
        top: 4px;
    }

    .home-app-mini-logo-mark::after {
        height: 10px;
        left: 13px;
        top: 1px;
    }

.home-app-screen-welcome {
    margin-top: 18px;
}

    .home-app-screen-welcome small,
    .home-app-screen-welcome strong,
    .home-app-screen-welcome span {
        display: block;
    }

    .home-app-screen-welcome small {
        color: rgba(255,255,255,.66);
        font-size: 8px;
    }

    .home-app-screen-welcome strong {
        margin-top: 2px;
        font-size: 18px;
    }

    .home-app-screen-welcome span {
        margin-top: 3px;
        color: rgba(255,255,255,.72);
        font-size: 8px;
    }

.home-app-screen-card {
    margin-top: 17px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(8px);
}

    .home-app-screen-card span,
    .home-app-screen-card strong,
    .home-app-screen-card small {
        display: block;
    }

    .home-app-screen-card span {
        color: rgba(255,255,255,.70);
        font-size: 8px;
    }

    .home-app-screen-card strong {
        margin-top: 3px;
        font-size: 15px;
    }

    .home-app-screen-card small {
        margin-top: 5px;
        color: #9ed3ff;
        font-size: 7px;
    }

.home-app-screen-chart {
    height: 58px;
    display: flex;
    align-items: flex-end;
    gap: 7px;
    margin: 17px 5px 0;
}

    .home-app-screen-chart span {
        flex: 1;
        min-width: 10px;
        border-radius: 5px 5px 2px 2px;
        background: linear-gradient(180deg, #ffffff, #79b7ed);
        box-shadow: 0 5px 12px rgba(0,0,0,.14);
    }

        .home-app-screen-chart span:nth-child(4),
        .home-app-screen-chart span:nth-child(5) {
            background: linear-gradient(180deg, #ff8895, #be1e2d);
        }

.home-app-screen-nav {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 9px 7px;
    border-radius: 13px;
    background: rgba(255,255,255,.92);
    color: #214f8f;
    font-size: 10px;
    box-shadow: 0 10px 22px rgba(0,0,0,.16);
}

    .home-app-screen-nav i:first-child {
        color: #be1e2d;
    }

.home-app-visual-badge {
    position: absolute;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border: 1px solid #d9e4ef;
    border-radius: 12px;
    background: rgba(255, 255, 255, .95);
    color: #214f8f;
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 13px 28px rgba(8, 27, 45, .14);
}

.home-app-secure-badge {
    right: -4px;
    bottom: 25px;
}

.home-app-live-badge {
    left: -12px;
    top: 36px;
    color: #a91d2b;
}

@media (max-width: 991.98px) {
    .home-app-download-card {
        grid-template-columns: minmax(0, 1fr) 255px;
        gap: 30px;
        padding: 42px 38px;
    }

    .home-app-phone {
        width: 158px;
        height: 286px;
    }

    .home-app-live-badge {
        left: -18px;
    }
}

@media (max-width: 767.98px) {
    .home-app-download-section {
        padding: 34px 0 50px;
    }

    .home-app-download-card {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 34px 22px 30px;
        border-radius: 23px;
        text-align: center;
    }

    .home-app-download-kicker {
        justify-content: center;
    }

    .home-app-download-content h2,
    .home-app-download-content > p {
        margin-left: auto;
        margin-right: auto;
    }

    .home-app-download-content h2 {
        font-size: clamp(32px, 9vw, 43px);
    }

    .home-app-store-buttons {
        justify-content: center;
    }

    .home-app-store-badge {
        width: min(100%, 275px);
    }

    .home-app-testing-note {
        text-align: center;
    }

    .home-app-download-visual {
        min-height: 270px;
    }

    .home-app-phone {
        width: 150px;
        height: 270px;
        transform: rotate(2deg);
    }

    .home-app-secure-badge {
        right: calc(50% - 145px);
        bottom: 12px;
    }

    .home-app-live-badge {
        left: calc(50% - 145px);
        top: 24px;
    }
}

@media (max-width: 399.98px) {
    .home-app-store-badge {
        min-width: 0;
        padding-left: 14px;
        padding-right: 14px;
    }

    .home-app-live-badge {
        left: 0;
    }

    .home-app-secure-badge {
        right: 0;
    }
}

/* =========================================================
   FINAL HOME APP PHONE LOGO + MOBILE STACKING FIX
   Uses the real image:
   wwwroot/images/Home moblogo.jpg
   ========================================================= */

.home-app-mini-logo {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.home-app-real-logo {
    display: block;
    width: 74px;
    height: 27px;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    border-radius: 5px;
    background: rgba(255, 255, 255, .97);
    padding: 3px 5px;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .16);
}

/* Disable the old CSS-drawn logo mark after the real logo is added. */
.home-app-mini-logo-mark,
.home-app-mini-logo-mark::before,
.home-app-mini-logo-mark::after {
    display: none !important;
    content: none !important;
}

/* Keep the phone and both callout badges inside their visual column. */
.home-app-download-visual {
    position: relative;
    overflow: visible;
    padding: 12px 20px;
}

.home-app-phone {
    transform-origin: center center;
}

@media (max-width: 767.98px) {
    .home-app-download-card {
        align-items: stretch;
        overflow: hidden;
    }

    .home-app-download-content {
        position: relative;
        z-index: 6;
    }

    .home-app-download-visual {
        width: 100%;
        min-height: 310px;
        margin-top: 8px;
        padding: 30px 8px 16px;
        overflow: visible;
        align-items: flex-start;
    }

    .home-app-brand-orbit-one {
        width: 230px;
        height: 230px;
    }

    .home-app-brand-orbit-two {
        width: 160px;
        height: 160px;
    }

    .home-app-phone {
        width: 142px;
        height: 258px;
        margin-top: 8px;
        transform: rotate(0deg);
    }

    .home-app-real-logo {
        width: 67px;
        height: 25px;
        padding: 3px 4px;
    }

    .home-app-live-badge {
        top: 46px;
        left: 8px;
        right: auto;
    }

    .home-app-secure-badge {
        right: 8px;
        bottom: 18px;
        left: auto;
    }
}

@media (max-width: 420px) {
    .home-app-download-card {
        gap: 22px;
        padding-bottom: 24px;
    }

    .home-app-download-visual {
        min-height: 292px;
        margin-top: 4px;
        padding-top: 26px;
    }

    .home-app-phone {
        width: 136px;
        height: 247px;
        margin-top: 10px;
    }

    .home-app-live-badge,
    .home-app-secure-badge {
        padding: 8px 10px;
        font-size: 9px;
        gap: 6px;
    }

    .home-app-live-badge {
        top: 39px;
        left: 2px;
    }

    .home-app-secure-badge {
        right: 2px;
        bottom: 13px;
    }
}

@media (max-width: 360px) {
    .home-app-download-visual {
        min-height: 280px;
    }

    .home-app-phone {
        width: 130px;
        height: 236px;
    }

    .home-app-real-logo {
        width: 61px;
        height: 23px;
    }
}


/* FINAL LOGO SIZE FIX */
.home-app-mini-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

    .home-app-mini-logo strong,
    .home-app-mini-logo span {
        display: none !important;
    }

.home-app-real-logo {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
    display: block;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   FINAL PHONE HEADER LOGO
   Smaller rounded AKD logo with compact AKD text.
   ========================================================= */
.home-app-mini-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 92px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-app-real-logo {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .62) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .16) !important;
}

.home-app-mini-logo .home-app-mini-logo-text {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .2px !important;
    white-space: nowrap !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .22) !important;
}

@media (max-width: 420px) {
    .home-app-mini-logo {
        gap: 5px !important;
        max-width: 82px !important;
    }

    .home-app-real-logo {
        width: 25px !important;
        height: 25px !important;
        flex-basis: 25px !important;
        border-radius: 7px !important;
    }

    .home-app-mini-logo .home-app-mini-logo-text {
        font-size: 11px !important;
    }
}


/* =========================================================
   FINAL MOBILE ACTIVE NAV FIX
   Active page uses only the left blue indicator; no full-row fill.
   ========================================================= */
@media (max-width: 1199px) {
    .mobile-menu nav > a.active,
    .mobile-nav-group summary.active,
    .mobile-nav-submenu a.active {
        position: relative !important;
        background: transparent !important;
        color: #214f8f !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .mobile-menu nav > a.active,
    .mobile-nav-group summary.active,
    .mobile-nav-submenu a.active {
        padding-left: 13px !important;
    }

        .mobile-menu nav > a.active::before,
        .mobile-nav-group summary.active::before,
        .mobile-nav-submenu a.active::before {
            content: "" !important;
            position: absolute !important;
            left: 0 !important;
            top: 50% !important;
            width: 3px !important;
            height: 22px !important;
            border-radius: 999px !important;
            background: #214f8f !important;
            transform: translateY(-50%) !important;
        }
}


/* =========================================================
   FINAL MOBILE ACTIVE MENU — SIDE LINE ONLY
   ========================================================= */
@media (max-width: 1199px) {

    /* Desktop nav underline must never appear inside mobile menu */
    .mobile-menu .nav-modern::after,
    .mobile-menu .nav-modern.active::after,
    .mobile-menu .nav-modern:hover::after,
    .mobile-menu nav > a::after,
    .mobile-menu nav > a.active::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        background: transparent !important;
        transform: none !important;
        box-shadow: none !important;
    }

    .mobile-menu nav > a,
    .mobile-nav-group summary,
    .mobile-nav-submenu a {
        position: relative !important;
    }

        .mobile-menu nav > a.active,
        .mobile-nav-group summary.active,
        .mobile-nav-submenu a.active {
            background: transparent !important;
            color: #214f8f !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            padding-left: 13px !important;
        }

            /* Only the small vertical blue indicator */
            .mobile-menu nav > a.active::before,
            .mobile-nav-group summary.active::before,
            .mobile-nav-submenu a.active::before {
                content: "" !important;
                display: block !important;
                position: absolute !important;
                left: 0 !important;
                top: 50% !important;
                width: 3px !important;
                height: 22px !important;
                border-radius: 999px !important;
                background: #214f8f !important;
                transform: translateY(-50%) !important;
                box-shadow: none !important;
            }
}