.elementor-2681 .elementor-element.elementor-element-7b7de8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2681 .elementor-element.elementor-element-a6d9742{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2681 .elementor-element.elementor-element-d3655fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2681 .elementor-element.elementor-element-4678ebd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3d34de7 */<style>

/* =========================================================
   AERIE BANK
   PHASE 2 — AFTER HACK WEBSITE
   ========================================================= */

#after-hack-site,
#after-hack-site * {
    box-sizing: border-box;
}

#after-hack-site {

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    margin-top: 0;
    padding: 0;

    background: #ffffff;

    color: #111111;

    font-family: Arial, Helvetica, sans-serif;

    overflow: hidden;
}


/* =========================================================
   HEADER
   ========================================================= */

.ah-header {

    position: sticky;

    top: 0;

    z-index: 1000;

    width: 100%;

    height: 60px;

    background: #ffffff;

    border-bottom: 1px solid #eeeeee;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 3.1vw;
}


.ah-logo {

    color: #111111;

    font-size: 15px;

    font-weight: 700;

    white-space: nowrap;
}


.ah-nav {

    display: flex;

    align-items: center;

    gap: 4.3vw;

    height: 100%;
}


.ah-nav a {

    position: relative;

    display: flex;

    align-items: center;

    height: 100%;

    color: #111111;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;
}


.ah-nav a:hover {

    color: #a88a4a;
}


.ah-nav a.active {

    color: #a88a4a;
}


.ah-nav a.active::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 13px;

    height: 2px;

    background: #b49a5c;
}


/* =========================================================
   MOBILE MENU
   ========================================================= */

.ah-menu-button {

    display: none;

    background: none;

    border: none;

    font-size: 24px;

    cursor: pointer;
}


/* =========================================================
   SMALL HERO / BANNER
   ========================================================= */

.ah-banner {

    width: 100%;

    height: 170px;

    background-image:
        linear-gradient(
            rgba(0,0,0,0.15),
            rgba(0,0,0,0.15)
        ),
        url("https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_ezoiwezoiwezoiwe.png");

    background-size: cover;

    background-position: center 45%;
}


/* =========================================================
   GENERAL SECTION
   ========================================================= */

.ah-section {

    width: 100%;

    padding: 95px 4.8vw;
}


.ah-inner {

    width: 100%;

    max-width: 1600px;

    margin: 0 auto;
}


.ah-title {

    margin: 0 0 45px;

    color: #111111;

    font-size: clamp(42px, 4vw, 65px);

    line-height: 1;

    letter-spacing: -2px;

    font-weight: 750;
}


.ah-text {

    color: #111111;

    font-size: 17px;

    line-height: 1.75;

    font-weight: 400;
}


/* =========================================================
   ABOUT US
   ========================================================= */

.ah-about {

    background: #ffffff;

    padding-top: 110px;

    padding-bottom: 110px;
}


.ah-about-grid {

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    gap: 8vw;

    align-items: center;
}


.ah-about-content {

    max-width: 650px;
}


.ah-about-content .ah-title {

    margin-bottom: 50px;
}


.ah-about-content .ah-text {

    margin-bottom: 28px;
}


.ah-rating {

    margin-top: 25px;

    display: flex;

    align-items: baseline;

    gap: 22px;
}


.ah-rating-label {

    font-size: 19px;

    color: #111111;
}


.ah-rating-value {

    font-size: 70px;

    line-height: 0.9;

    color: #111111;

    font-weight: 300;

    letter-spacing: -3px;
}


/* ABOUT IMAGE COMPOSITION */

.ah-about-images {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    gap: 12px;

    height: 520px;
}


.ah-about-images .ah-img {

    width: 31%;

    height: 465px;

    overflow: hidden;
}


.ah-about-images .ah-img:nth-child(2) {

    height: 520px;

    margin-top: 45px;
}


.ah-about-images img {

    width: 100%;

    height: 100%;

    object-fit: cover;
}


/* =========================================================
   PRODUCTS & SERVICES
   ========================================================= */

.ah-products {

    background: #ffffff;

    padding-top: 80px;

    padding-bottom: 110px;
}


.ah-products .ah-title {

    margin-bottom: 60px;
}


.ah-product-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;
}


.ah-product-card {

    position: relative;

    height: 465px;

    overflow: hidden;

    border-radius: 5px;

    background: #111111;
}


.ah-product-card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.6s ease;
}


.ah-product-card:hover img {

    transform: scale(1.025);
}


.ah-product-card::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.25) 0%,
            rgba(0,0,0,0.05) 40%,
            rgba(0,0,0,0.75) 100%
        );
}


.ah-product-top {

    position: absolute;

    z-index: 2;

    top: 30px;

    left: 30px;

    right: 30px;

    color: #ffffff;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.5;
}


.ah-product-bottom {

    position: absolute;

    z-index: 2;

    left: 32px;

    right: 32px;

    bottom: 30px;

    color: #ffffff;
}


.ah-product-name {

    margin: 0 0 25px;

    font-size: 38px;

    line-height: 1;

    font-weight: 700;

    color: #ffffff;
}


.ah-product-description {

    margin: 0;

    max-width: 760px;

    font-size: 16px;

    line-height: 1.6;

    color: #ffffff;
}


/* =========================================================
   INVESTOR RELATIONS
   ========================================================= */

.ah-investor {

    background: #ffffff;

    padding-top: 80px;

    padding-bottom: 110px;
}


.ah-investor-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;
}


.ah-investor-card {

    min-height: 330px;

    border: 1px solid #eeeeee;

    padding: 42px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background: #ffffff;
}


.ah-investor-card h3 {

    margin: 0;

    color: #111111;

    font-size: 30px;

    font-weight: 700;
}


.ah-investor-card p {

    margin: 25px 0 0;

    color: #444444;

    font-size: 16px;

    line-height: 1.7;
}


.ah-investor-link {

    margin-top: 30px;

    color: #a88a4a;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;
}


/* =========================================================
   CORPORATE GOVERNANCE
   ========================================================= */

.ah-governance {

    background: #ffffff;

    padding-top: 80px;

    padding-bottom: 110px;
}


.ah-governance-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    min-height: 580px;
}


.ah-governance-image {

    overflow: hidden;
}


.ah-governance-image img {

    width: 100%;

    height: 100%;

    min-height: 580px;

    object-fit: cover;
}


.ah-governance-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 75px;

    background: #f6f5f1;
}


.ah-governance-content h2 {

    margin: 0 0 35px;

    color: #111111;

    font-size: clamp(38px, 4vw, 58px);

    line-height: 1;

    letter-spacing: -2px;
}


.ah-governance-content p {

    max-width: 580px;

    color: #222222;

    font-size: 17px;

    line-height: 1.75;
}


.ah-gold-link {

    display: inline-block;

    margin-top: 20px;

    color: #9f8245;

    text-decoration: none;

    font-weight: 700;
}


/* =========================================================
   ESG
   ========================================================= */

.ah-esg {

    position: relative;

    width: 100%;

    min-height: 650px;

    display: flex;

    align-items: flex-end;

    background-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.05),
            rgba(0,0,0,0.78)
        ),
        url("https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_phdk1cphdk1cphdk.png");

    background-size: cover;

    background-position: center;
}


.ah-esg-content {

    width: 100%;

    padding: 90px 4.8vw 45px;

    color: #ffffff;
}


.ah-esg-content h2 {

    margin: 0 0 25px;

    color: #ffffff;

    font-size: clamp(38px, 4vw, 60px);

    line-height: 1;

    letter-spacing: -1.5px;
}


.ah-esg-content p {

    max-width: 1650px;

    margin: 0;

    color: #ffffff;

    font-size: 17px;

    line-height: 1.7;
}


/* =========================================================
   CONTACT / CTA
   ========================================================= */

.ah-contact {

    background: #ffffff;

    padding: 100px 4.8vw;

    text-align: center;
}


.ah-contact h2 {

    margin: 0 0 20px;

    color: #111111;

    font-size: clamp(40px, 4vw, 60px);

    line-height: 1;
}


.ah-contact p {

    max-width: 700px;

    margin: 0 auto 35px;

    color: #555555;

    font-size: 17px;

    line-height: 1.7;
}


.ah-contact-button {

    display: inline-block;

    padding: 16px 28px;

    background: #c4a45f;

    color: #ffffff;

    text-decoration: none;

    font-size: 15px;

    font-weight: 700;
}


/* =========================================================
   FOOTER
   ========================================================= */

.ah-footer {

    width: 100%;

    background: #111111;

    color: #ffffff;

    padding: 70px 4.8vw 25px;
}


.ah-footer-grid {

    max-width: 1600px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1.5fr 1fr 1fr 1fr;

    gap: 50px;

    padding-bottom: 50px;

    border-bottom: 1px solid rgba(255,255,255,0.15);
}


.ah-footer-brand {

    color: #ffffff;

    font-size: 21px;

    font-weight: 700;

    margin-bottom: 18px;
}


.ah-footer-description {

    max-width: 350px;

    color: rgba(255,255,255,0.65);

    font-size: 14px;

    line-height: 1.7;
}


.ah-footer-column h4 {

    margin: 0 0 20px;

    color: #ffffff;

    font-size: 14px;
}


.ah-footer-column a {

    display: block;

    margin-bottom: 12px;

    color: rgba(255,255,255,0.65);

    text-decoration: none;

    font-size: 14px;
}


.ah-footer-column a:hover {

    color: #c6a45b;
}


.ah-footer-bottom {

    max-width: 1600px;

    margin: 20px auto 0;

    display: flex;

    justify-content: space-between;

    color: rgba(255,255,255,0.45);

    font-size: 12px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    .ah-header {

        padding: 0 22px;
    }

    .ah-menu-button {

        display: block;
    }

    .ah-nav {

        display: none;

        position: absolute;

        top: 60px;

        left: 0;

        right: 0;

        height: auto;

        padding: 10px 22px 20px;

        flex-direction: column;

        align-items: flex-start;

        gap: 0;

        background: #ffffff;

        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    .ah-nav.open {

        display: flex;
    }

    .ah-nav a {

        width: 100%;

        height: auto;

        padding: 13px 0;
    }

    .ah-nav a.active::after {

        display: none;
    }


    .ah-banner {

        height: 130px;
    }


    .ah-section {

        padding: 70px 25px;
    }


    .ah-about-grid {

        grid-template-columns: 1fr;

        gap: 55px;
    }


    .ah-about-images {

        height: 400px;
    }


    .ah-about-images .ah-img {

        height: 350px;
    }


    .ah-about-images .ah-img:nth-child(2) {

        height: 400px;

        margin-top: 30px;
    }


    .ah-product-grid {

        grid-template-columns: 1fr;
    }


    .ah-product-card {

        height: 450px;
    }


    .ah-investor-grid {

        grid-template-columns: 1fr;
    }


    .ah-governance-grid {

        grid-template-columns: 1fr;
    }


    .ah-governance-image img {

        min-height: 450px;
    }


    .ah-governance-content {

        padding: 55px 30px;
    }


    .ah-esg {

        min-height: 600px;
    }


    .ah-esg-content {

        padding: 70px 25px 35px;
    }


    .ah-footer-grid {

        grid-template-columns: 1fr 1fr;
    }


    .ah-footer-bottom {

        flex-direction: column;

        gap: 10px;
    }
}


@media (max-width: 550px) {

    .ah-product-top {

        left: 22px;

        right: 22px;

        top: 22px;

        font-size: 14px;
    }


    .ah-product-bottom {

        left: 22px;

        right: 22px;

        bottom: 24px;
    }


    .ah-product-name {

        font-size: 31px;
    }


    .ah-about-images {

        gap: 7px;

        height: 310px;
    }


    .ah-about-images .ah-img {

        height: 275px;
    }


    .ah-about-images .ah-img:nth-child(2) {

        height: 310px;

        margin-top: 18px;
    }


    .ah-rating-value {

        font-size: 55px;
    }


    .ah-footer-grid {

        grid-template-columns: 1fr;
    }
}

<\/style>


<div id="after-hack-site">


    <!-- =====================================================
         HEADER
         ===================================================== -->

    <header class="ah-header">

        <div class="ah-logo">
            Aerie Bank
        </div>


        <button
            class="ah-menu-button"
            onclick="ahToggleMenu()"
            aria-label="Open menu">

            ☰

        </button>


        <nav class="ah-nav" id="ah-navigation">

            <a href="#ah-home">
                Home
            </a>

            <a href="#ah-about" class="active">
                About Us
            </a>

            <a href="#ah-products">
                Products &amp; Services
            </a>

            <a href="#ah-investor">
                Investor Relations
            </a>

            <a href="#ah-governance">
                Corporate Governance
            </a>

        </nav>

    </header>



    <!-- =====================================================
         SMALL BANNER
         ===================================================== -->

    <section class="ah-banner" id="ah-home"></section>



    <!-- =====================================================
         ABOUT US
         ===================================================== -->

    <section class="ah-section ah-about" id="ah-about">

        <div class="ah-inner">

            <div class="ah-about-grid">


                <div class="ah-about-content">

                    <h2 class="ah-title">
                        About Us
                    </h2>


                    <p class="ah-text">
                        Aerie Bank has long served high-net-worth
                        clients, industrial groups, and institutional
                        capital, providing integrated financial
                        solutions that span private banking, corporate
                        credit, cross-border settlement, investment
                        and financing support, and asset management.
                    </p>


                    <p class="ah-text">
                        Guided by the principles of steady operation,
                        longtermism, a forward-thinking vision, and
                        prudent governance, Aerie Bank continues to
                        expand its service network and maintains
                        long-term partnerships with numerous
                        large-scale corporate groups.
                    </p>


                    <div class="ah-rating">

                        <span class="ah-rating-label">
                            PUBLIC RATING:
                        </span>

                        <span class="ah-rating-value">
                            AAA
                        </span>

                    </div>

                </div>



                <div class="ah-about-images">

                    <div class="ah-img">

                        <img
                            src="https://dev.vastudham.com/wp-content/uploads/2026/09/afe6ad56-0644-430a-916b-7d7906a2bb96.png"
                            alt="Aerie Bank architecture"
                        >

                    </div>


                    <div class="ah-img">

                        <img
                            src="https://dev.vastudham.com/wp-content/uploads/2026/09/afe6ad56-0644-430a-916b-7d7906a2bb96.png"
                            alt="Aerie Bank architecture"
                        >

                    </div>


                    <div class="ah-img">

                        <img
                            src="https://dev.vastudham.com/wp-content/uploads/2026/09/afe6ad56-0644-430a-916b-7d7906a2bb96.png"
                            alt="Aerie Bank architecture"
                        >

                    </div>

                </div>

            </div>

        </div>

    </section>



    <!-- =====================================================
         PRODUCTS & SERVICES
         ===================================================== -->

    <section class="ah-section ah-products"
             id="ah-products">

        <div class="ah-inner">

            <h2 class="ah-title">
                Products &amp; Services
            </h2>


            <div class="ah-product-grid">


                <!-- PERSONAL SERVICE -->

                <article class="ah-product-card">

                    <img
                        src="https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_4ipld94ipld94ipl.png"
                        alt="Personal Service"
                    >


                    <div class="ah-product-top">

                        Private Banking
                        &nbsp; / &nbsp;
                        Family Wealth
                        &nbsp; / &nbsp;
                        Exclusive Services for Premium Clients

                    </div>


                    <div class="ah-product-bottom">

                        <h3 class="ah-product-name">
                            Personal Service
                        </h3>


                        <p class="ah-product-description">
                            Offering private banking, family wealth
                            management, and dedicated investment
                            advisory, we build long-term, stable
                            asset structures for high-net-worth
                            clients.
                        </p>

                    </div>

                </article>



                <!-- CORPORATE SERVICE -->

                <article class="ah-product-card">

                    <img
                        src="https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_twc0ogtwc0ogtwc0.png"
                        alt="Corporate Service"
                    >


                    <div class="ah-product-top">

                        Corporate Credit
                        &nbsp; / &nbsp;
                        Capital Operations
                        &nbsp; / &nbsp;
                        Financing &amp; Acquisition Support

                    </div>


                    <div class="ah-product-bottom">

                        <h3 class="ah-product-name">
                            Corporate Service
                        </h3>


                        <p class="ah-product-description">
                            For large enterprises, group clients,
                            and institutions of all kinds, we provide
                            comprehensive credit, liquidity management,
                            international settlement, project financing,
                            and supply-chain finance support.
                        </p>

                    </div>

                </article>

            </div>

        </div>

    </section>



    <!-- =====================================================
         INVESTOR RELATIONS
         ===================================================== -->

    <section class="ah-section ah-investor"
             id="ah-investor">

        <div class="ah-inner">

            <h2 class="ah-title">
                Investor Relations
            </h2>


            <div class="ah-investor-grid">


                <article class="ah-investor-card">

                    <div>

                        <h3>
                            Financial Information
                        </h3>

                        <p>
                            Access financial information,
                            performance updates and key
                            disclosures from Aerie Bank.
                        </p>

                    </div>

                    <a href="#" class="ah-investor-link">
                        View Information →
                    </a>

                </article>



                <article class="ah-investor-card">

                    <div>

                        <h3>
                            Investor Resources
                        </h3>

                        <p>
                            Explore reports, announcements and
                            resources for shareholders and
                            institutional investors.
                        </p>

                    </div>

                    <a href="#" class="ah-investor-link">
                        Explore Resources →
                    </a>

                </article>

            </div>

        </div>

    </section>



    <!-- =====================================================
         CORPORATE GOVERNANCE
         ===================================================== -->

    <section class="ah-section ah-governance"
             id="ah-governance">

        <div class="ah-inner">

            <div class="ah-governance-grid">


                <div class="ah-governance-image">

                    <img
                        src="https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_vmdhvrvmdhvrvmdh.png"
                        alt="Corporate Governance"
                    >

                </div>


                <div class="ah-governance-content">

                    <h2>
                        Corporate<br>
                        Governance
                    </h2>


                    <p>
                        Aerie Bank is committed to strong governance,
                        responsible decision-making and transparent
                        communication.
                    </p>


                    <p>
                        Our governance framework supports accountability,
                        prudent risk management and sustainable
                        long-term growth.
                    </p>


                    <a href="#" class="ah-gold-link">
                        Explore Corporate Governance →
                    </a>

                </div>

            </div>

        </div>

    </section>



    <!-- =====================================================
         ESG
         ===================================================== -->

    <section class="ah-esg">

        <div class="ah-esg-content">

            <h2>
                ESG Development
            </h2>


            <p>
                Aerie Bank continues to promote corporate environmental
                responsibility, social value, and transparency. This is
                done by advancing industry-leading measures in
                green-financing screening, employee care, charity work,
                and information-disclosure mechanisms.
            </p>

        </div>

    </section>



    <!-- =====================================================
         CONTACT
         ===================================================== -->

    <section class="ah-contact">

        <h2>
            Building Trust for the Future
        </h2>


        <p>
            Connect with Aerie Bank to learn more about our services,
            financial solutions and long-term approach.
        </p>


        <a href="#" class="ah-contact-button">
            Book a Consultation
        </a>

    </section>



    <!-- =====================================================
         FOOTER
         ===================================================== -->

    <footer class="ah-footer">

        <div class="ah-footer-grid">


            <div>

                <div class="ah-footer-brand">
                    Aerie Bank
                </div>


                <p class="ah-footer-description">
                    Integrated financial services built on
                    trust, prudence, transparency and
                    long-term relationships.
                </p>

            </div>


            <div class="ah-footer-column">

                <h4>
                    Company
                </h4>

                <a href="#ah-about">
                    About Us
                </a>

                <a href="#ah-governance">
                    Corporate Governance
                </a>

                <a href="#ah-investor">
                    Investor Relations
                </a>

            </div>


            <div class="ah-footer-column">

                <h4>
                    Services
                </h4>

                <a href="#ah-products">
                    Personal Service
                </a>

                <a href="#ah-products">
                    Corporate Service
                </a>

            </div>


            <div class="ah-footer-column">

                <h4>
                    Contact
                </h4>

                <a href="#">
                    Contact Us
                </a>

                <a href="#">
                    Locations
                </a>

                <a href="#">
                    Support
                </a>

            </div>

        </div>


        <div class="ah-footer-bottom">

            <span>
                © 2026 Aerie Bank. All rights reserved.
            </span>

            <span>
                Privacy Policy &nbsp; | &nbsp; Terms &amp; Conditions
            </span>

        </div>

    </footer>

</div>


<script>

function ahToggleMenu() {

    const menu =
        document.getElementById("ah-navigation");

    menu.classList.toggle("open");

}

</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-385a2b7 */<style>

/* =========================================================
   AERIE BANK
   PHASE 2 — AFTER HACK WEBSITE
   ========================================================= */

#after-hack-site,
#after-hack-site * {
    box-sizing: border-box;
}

#after-hack-site {

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    margin-top: 0;
    padding: 0;

    background: #ffffff;

    color: #111111;

    font-family: Arial, Helvetica, sans-serif;

    overflow: hidden;
}


/* =========================================================
   HEADER
   ========================================================= */

.ah-header {

    position: sticky;

    top: 0;

    z-index: 1000;

    width: 100%;

    height: 60px;

    background: #ffffff;

    border-bottom: 1px solid #eeeeee;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 3.1vw;
}


.ah-logo {

    color: #111111;

    font-size: 15px;

    font-weight: 700;

    white-space: nowrap;
}


.ah-nav {

    display: flex;

    align-items: center;

    gap: 4.3vw;

    height: 100%;
}


.ah-nav a {

    position: relative;

    display: flex;

    align-items: center;

    height: 100%;

    color: #111111;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;
}


.ah-nav a:hover {

    color: #a88a4a;
}


.ah-nav a.active {

    color: #a88a4a;
}


.ah-nav a.active::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 13px;

    height: 2px;

    background: #b49a5c;
}


/* =========================================================
   MOBILE MENU
   ========================================================= */

.ah-menu-button {

    display: none;

    background: none;

    border: none;

    font-size: 24px;

    cursor: pointer;
}


/* =========================================================
   SMALL HERO / BANNER
   ========================================================= */

.ah-banner {

    width: 100%;

    height: 170px;

    background-image:
        linear-gradient(
            rgba(0,0,0,0.15),
            rgba(0,0,0,0.15)
        ),
        url("https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_ezoiwezoiwezoiwe.png");

    background-size: cover;

    background-position: center 45%;
}


/* =========================================================
   GENERAL SECTION
   ========================================================= */

.ah-section {

    width: 100%;

    padding: 95px 4.8vw;
}


.ah-inner {

    width: 100%;

    max-width: 1600px;

    margin: 0 auto;
}


.ah-title {

    margin: 0 0 45px;

    color: #111111;

    font-size: clamp(42px, 4vw, 65px);

    line-height: 1;

    letter-spacing: -2px;

    font-weight: 750;
}


.ah-text {

    color: #111111;

    font-size: 17px;

    line-height: 1.75;

    font-weight: 400;
}


/* =========================================================
   ABOUT US
   ========================================================= */

.ah-about {

    background: #ffffff;

    padding-top: 110px;

    padding-bottom: 110px;
}


.ah-about-grid {

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    gap: 8vw;

    align-items: center;
}


.ah-about-content {

    max-width: 650px;
}


.ah-about-content .ah-title {

    margin-bottom: 50px;
}


.ah-about-content .ah-text {

    margin-bottom: 28px;
}


.ah-rating {

    margin-top: 25px;

    display: flex;

    align-items: baseline;

    gap: 22px;
}


.ah-rating-label {

    font-size: 19px;

    color: #111111;
}


.ah-rating-value {

    font-size: 70px;

    line-height: 0.9;

    color: #111111;

    font-weight: 300;

    letter-spacing: -3px;
}


/* ABOUT IMAGE COMPOSITION */

.ah-about-images {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    gap: 12px;

    height: 520px;
}


.ah-about-images .ah-img {

    width: 31%;

    height: 465px;

    overflow: hidden;
}


.ah-about-images .ah-img:nth-child(2) {

    height: 520px;

    margin-top: 45px;
}


.ah-about-images img {

    width: 100%;

    height: 100%;

    object-fit: cover;
}


/* =========================================================
   PRODUCTS & SERVICES
   ========================================================= */

.ah-products {

    background: #ffffff;

    padding-top: 80px;

    padding-bottom: 110px;
}


.ah-products .ah-title {

    margin-bottom: 60px;
}


.ah-product-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;
}


.ah-product-card {

    position: relative;

    height: 465px;

    overflow: hidden;

    border-radius: 5px;

    background: #111111;
}


.ah-product-card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.6s ease;
}


.ah-product-card:hover img {

    transform: scale(1.025);
}


.ah-product-card::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.25) 0%,
            rgba(0,0,0,0.05) 40%,
            rgba(0,0,0,0.75) 100%
        );
}


.ah-product-top {

    position: absolute;

    z-index: 2;

    top: 30px;

    left: 30px;

    right: 30px;

    color: #ffffff;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.5;
}


.ah-product-bottom {

    position: absolute;

    z-index: 2;

    left: 32px;

    right: 32px;

    bottom: 30px;

    color: #ffffff;
}


.ah-product-name {

    margin: 0 0 25px;

    font-size: 38px;

    line-height: 1;

    font-weight: 700;

    color: #ffffff;
}


.ah-product-description {

    margin: 0;

    max-width: 760px;

    font-size: 16px;

    line-height: 1.6;

    color: #ffffff;
}


/* =========================================================
   INVESTOR RELATIONS
   ========================================================= */

.ah-investor {

    background: #ffffff;

    padding-top: 80px;

    padding-bottom: 110px;
}


.ah-investor-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;
}


.ah-investor-card {

    min-height: 330px;

    border: 1px solid #eeeeee;

    padding: 42px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background: #ffffff;
}


.ah-investor-card h3 {

    margin: 0;

    color: #111111;

    font-size: 30px;

    font-weight: 700;
}


.ah-investor-card p {

    margin: 25px 0 0;

    color: #444444;

    font-size: 16px;

    line-height: 1.7;
}


.ah-investor-link {

    margin-top: 30px;

    color: #a88a4a;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;
}


/* =========================================================
   CORPORATE GOVERNANCE
   ========================================================= */

.ah-governance {

    background: #ffffff;

    padding-top: 80px;

    padding-bottom: 110px;
}


.ah-governance-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    min-height: 580px;
}


.ah-governance-image {

    overflow: hidden;
}


.ah-governance-image img {

    width: 100%;

    height: 100%;

    min-height: 580px;

    object-fit: cover;
}


.ah-governance-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 75px;

    background: #f6f5f1;
}


.ah-governance-content h2 {

    margin: 0 0 35px;

    color: #111111;

    font-size: clamp(38px, 4vw, 58px);

    line-height: 1;

    letter-spacing: -2px;
}


.ah-governance-content p {

    max-width: 580px;

    color: #222222;

    font-size: 17px;

    line-height: 1.75;
}


.ah-gold-link {

    display: inline-block;

    margin-top: 20px;

    color: #9f8245;

    text-decoration: none;

    font-weight: 700;
}


/* =========================================================
   ESG
   ========================================================= */

.ah-esg {

    position: relative;

    width: 100%;

    min-height: 650px;

    display: flex;

    align-items: flex-end;

    background-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.05),
            rgba(0,0,0,0.78)
        ),
        url("https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_phdk1cphdk1cphdk.png");

    background-size: cover;

    background-position: center;
}


.ah-esg-content {

    width: 100%;

    padding: 90px 4.8vw 45px;

    color: #ffffff;
}


.ah-esg-content h2 {

    margin: 0 0 25px;

    color: #ffffff;

    font-size: clamp(38px, 4vw, 60px);

    line-height: 1;

    letter-spacing: -1.5px;
}


.ah-esg-content p {

    max-width: 1650px;

    margin: 0;

    color: #ffffff;

    font-size: 17px;

    line-height: 1.7;
}


/* =========================================================
   CONTACT / CTA
   ========================================================= */

.ah-contact {

    background: #ffffff;

    padding: 100px 4.8vw;

    text-align: center;
}


.ah-contact h2 {

    margin: 0 0 20px;

    color: #111111;

    font-size: clamp(40px, 4vw, 60px);

    line-height: 1;
}


.ah-contact p {

    max-width: 700px;

    margin: 0 auto 35px;

    color: #555555;

    font-size: 17px;

    line-height: 1.7;
}


.ah-contact-button {

    display: inline-block;

    padding: 16px 28px;

    background: #c4a45f;

    color: #ffffff;

    text-decoration: none;

    font-size: 15px;

    font-weight: 700;
}


/* =========================================================
   FOOTER
   ========================================================= */

.ah-footer {

    width: 100%;

    background: #111111;

    color: #ffffff;

    padding: 70px 4.8vw 25px;
}


.ah-footer-grid {

    max-width: 1600px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1.5fr 1fr 1fr 1fr;

    gap: 50px;

    padding-bottom: 50px;

    border-bottom: 1px solid rgba(255,255,255,0.15);
}


.ah-footer-brand {

    color: #ffffff;

    font-size: 21px;

    font-weight: 700;

    margin-bottom: 18px;
}


.ah-footer-description {

    max-width: 350px;

    color: rgba(255,255,255,0.65);

    font-size: 14px;

    line-height: 1.7;
}


.ah-footer-column h4 {

    margin: 0 0 20px;

    color: #ffffff;

    font-size: 14px;
}


.ah-footer-column a {

    display: block;

    margin-bottom: 12px;

    color: rgba(255,255,255,0.65);

    text-decoration: none;

    font-size: 14px;
}


.ah-footer-column a:hover {

    color: #c6a45b;
}


.ah-footer-bottom {

    max-width: 1600px;

    margin: 20px auto 0;

    display: flex;

    justify-content: space-between;

    color: rgba(255,255,255,0.45);

    font-size: 12px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    .ah-header {

        padding: 0 22px;
    }

    .ah-menu-button {

        display: block;
    }

    .ah-nav {

        display: none;

        position: absolute;

        top: 60px;

        left: 0;

        right: 0;

        height: auto;

        padding: 10px 22px 20px;

        flex-direction: column;

        align-items: flex-start;

        gap: 0;

        background: #ffffff;

        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    .ah-nav.open {

        display: flex;
    }

    .ah-nav a {

        width: 100%;

        height: auto;

        padding: 13px 0;
    }

    .ah-nav a.active::after {

        display: none;
    }


    .ah-banner {

        height: 130px;
    }


    .ah-section {

        padding: 70px 25px;
    }


    .ah-about-grid {

        grid-template-columns: 1fr;

        gap: 55px;
    }


    .ah-about-images {

        height: 400px;
    }


    .ah-about-images .ah-img {

        height: 350px;
    }


    .ah-about-images .ah-img:nth-child(2) {

        height: 400px;

        margin-top: 30px;
    }


    .ah-product-grid {

        grid-template-columns: 1fr;
    }


    .ah-product-card {

        height: 450px;
    }


    .ah-investor-grid {

        grid-template-columns: 1fr;
    }


    .ah-governance-grid {

        grid-template-columns: 1fr;
    }


    .ah-governance-image img {

        min-height: 450px;
    }


    .ah-governance-content {

        padding: 55px 30px;
    }


    .ah-esg {

        min-height: 600px;
    }


    .ah-esg-content {

        padding: 70px 25px 35px;
    }


    .ah-footer-grid {

        grid-template-columns: 1fr 1fr;
    }


    .ah-footer-bottom {

        flex-direction: column;

        gap: 10px;
    }
}


@media (max-width: 550px) {

    .ah-product-top {

        left: 22px;

        right: 22px;

        top: 22px;

        font-size: 14px;
    }


    .ah-product-bottom {

        left: 22px;

        right: 22px;

        bottom: 24px;
    }


    .ah-product-name {

        font-size: 31px;
    }


    .ah-about-images {

        gap: 7px;

        height: 310px;
    }


    .ah-about-images .ah-img {

        height: 275px;
    }


    .ah-about-images .ah-img:nth-child(2) {

        height: 310px;

        margin-top: 18px;
    }


    .ah-rating-value {

        font-size: 55px;
    }


    .ah-footer-grid {

        grid-template-columns: 1fr;
    }
}

<\/style>


<div id="after-hack-site">


    <!-- =====================================================
         HEADER
         ===================================================== -->

    <header class="ah-header">

        <div class="ah-logo">
            Aerie Bank
        </div>


        <button
            class="ah-menu-button"
            onclick="ahToggleMenu()"
            aria-label="Open menu">

            ☰

        </button>


        <nav class="ah-nav" id="ah-navigation">

            <a href="#ah-home">
                Home
            </a>

            <a href="#ah-about" class="active">
                About Us
            </a>

            <a href="#ah-products">
                Products &amp; Services
            </a>

            <a href="#ah-investor">
                Investor Relations
            </a>

            <a href="#ah-governance">
                Corporate Governance
            </a>

        </nav>

    </header>



    <!-- =====================================================
         SMALL BANNER
         ===================================================== -->

    <section class="ah-banner" id="ah-home"></section>



    <!-- =====================================================
         ABOUT US
         ===================================================== -->

    <section class="ah-section ah-about" id="ah-about">

        <div class="ah-inner">

            <div class="ah-about-grid">


                <div class="ah-about-content">

                    <h2 class="ah-title">
                        About Us
                    </h2>


                    <p class="ah-text">
                        Aerie Bank has long served high-net-worth
                        clients, industrial groups, and institutional
                        capital, providing integrated financial
                        solutions that span private banking, corporate
                        credit, cross-border settlement, investment
                        and financing support, and asset management.
                    </p>


                    <p class="ah-text">
                        Guided by the principles of steady operation,
                        longtermism, a forward-thinking vision, and
                        prudent governance, Aerie Bank continues to
                        expand its service network and maintains
                        long-term partnerships with numerous
                        large-scale corporate groups.
                    </p>


                    <div class="ah-rating">

                        <span class="ah-rating-label">
                            PUBLIC RATING:
                        </span>

                        <span class="ah-rating-value">
                            AAA
                        </span>

                    </div>

                </div>



                <div class="ah-about-images">

                    <div class="ah-img">

                        <img
                            src="https://dev.vastudham.com/wp-content/uploads/2026/09/afe6ad56-0644-430a-916b-7d7906a2bb96.png"
                            alt="Aerie Bank architecture"
                        >

                    </div>


                    <div class="ah-img">

                        <img
                            src="https://dev.vastudham.com/wp-content/uploads/2026/09/afe6ad56-0644-430a-916b-7d7906a2bb96.png"
                            alt="Aerie Bank architecture"
                        >

                    </div>


                    <div class="ah-img">

                        <img
                            src="https://dev.vastudham.com/wp-content/uploads/2026/09/afe6ad56-0644-430a-916b-7d7906a2bb96.png"
                            alt="Aerie Bank architecture"
                        >

                    </div>

                </div>

            </div>

        </div>

    </section>



    <!-- =====================================================
         PRODUCTS & SERVICES
         ===================================================== -->

    <section class="ah-section ah-products"
             id="ah-products">

        <div class="ah-inner">

            <h2 class="ah-title">
                Products &amp; Services
            </h2>


            <div class="ah-product-grid">


                <!-- PERSONAL SERVICE -->

                <article class="ah-product-card">

                    <img
                        src="https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_4ipld94ipld94ipl.png"
                        alt="Personal Service"
                    >


                    <div class="ah-product-top">

                        Private Banking
                        &nbsp; / &nbsp;
                        Family Wealth
                        &nbsp; / &nbsp;
                        Exclusive Services for Premium Clients

                    </div>


                    <div class="ah-product-bottom">

                        <h3 class="ah-product-name">
                            Personal Service
                        </h3>


                        <p class="ah-product-description">
                            Offering private banking, family wealth
                            management, and dedicated investment
                            advisory, we build long-term, stable
                            asset structures for high-net-worth
                            clients.
                        </p>

                    </div>

                </article>



                <!-- CORPORATE SERVICE -->

                <article class="ah-product-card">

                    <img
                        src="https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_twc0ogtwc0ogtwc0.png"
                        alt="Corporate Service"
                    >


                    <div class="ah-product-top">

                        Corporate Credit
                        &nbsp; / &nbsp;
                        Capital Operations
                        &nbsp; / &nbsp;
                        Financing &amp; Acquisition Support

                    </div>


                    <div class="ah-product-bottom">

                        <h3 class="ah-product-name">
                            Corporate Service
                        </h3>


                        <p class="ah-product-description">
                            For large enterprises, group clients,
                            and institutions of all kinds, we provide
                            comprehensive credit, liquidity management,
                            international settlement, project financing,
                            and supply-chain finance support.
                        </p>

                    </div>

                </article>

            </div>

        </div>

    </section>



    <!-- =====================================================
         INVESTOR RELATIONS
         ===================================================== -->

    <section class="ah-section ah-investor"
             id="ah-investor">

        <div class="ah-inner">

            <h2 class="ah-title">
                Investor Relations
            </h2>


            <div class="ah-investor-grid">


                <article class="ah-investor-card">

                    <div>

                        <h3>
                            Financial Information
                        </h3>

                        <p>
                            Access financial information,
                            performance updates and key
                            disclosures from Aerie Bank.
                        </p>

                    </div>

                    <a href="#" class="ah-investor-link">
                        View Information →
                    </a>

                </article>



                <article class="ah-investor-card">

                    <div>

                        <h3>
                            Investor Resources
                        </h3>

                        <p>
                            Explore reports, announcements and
                            resources for shareholders and
                            institutional investors.
                        </p>

                    </div>

                    <a href="#" class="ah-investor-link">
                        Explore Resources →
                    </a>

                </article>

            </div>

        </div>

    </section>



    <!-- =====================================================
         CORPORATE GOVERNANCE
         ===================================================== -->

    <section class="ah-section ah-governance"
             id="ah-governance">

        <div class="ah-inner">

            <div class="ah-governance-grid">


                <div class="ah-governance-image">

                    <img
                        src="https://dev.vastudham.com/wp-content/uploads/2026/09/Gemini_Generated_Image_vmdhvrvmdhvrvmdh.png"
                        alt="Corporate Governance"
                    >

                </div>


                <div class="ah-governance-content">

                    <h2>
                        Corporate<br>
                        Governance
                    </h2>


                    <p>
                        Aerie Bank is committed to strong governance,
                        responsible decision-making and transparent
                        communication.
                    </p>


                    <p>
                        Our governance framework supports accountability,
                        prudent risk management and sustainable
                        long-term growth.
                    </p>


                    <a href="#" class="ah-gold-link">
                        Explore Corporate Governance →
                    </a>

                </div>

            </div>

        </div>

    </section>



    <!-- =====================================================
         ESG
         ===================================================== -->

    <section class="ah-esg">

        <div class="ah-esg-content">

            <h2>
                ESG Development
            </h2>


            <p>
                Aerie Bank continues to promote corporate environmental
                responsibility, social value, and transparency. This is
                done by advancing industry-leading measures in
                green-financing screening, employee care, charity work,
                and information-disclosure mechanisms.
            </p>

        </div>

    </section>



    <!-- =====================================================
         CONTACT
         ===================================================== -->

    <section class="ah-contact">

        <h2>
            Building Trust for the Future
        </h2>


        <p>
            Connect with Aerie Bank to learn more about our services,
            financial solutions and long-term approach.
        </p>


        <a href="#" class="ah-contact-button">
            Book a Consultation
        </a>

    </section>



    <!-- =====================================================
         FOOTER
         ===================================================== -->

    <footer class="ah-footer">

        <div class="ah-footer-grid">


            <div>

                <div class="ah-footer-brand">
                    Aerie Bank
                </div>


                <p class="ah-footer-description">
                    Integrated financial services built on
                    trust, prudence, transparency and
                    long-term relationships.
                </p>

            </div>


            <div class="ah-footer-column">

                <h4>
                    Company
                </h4>

                <a href="#ah-about">
                    About Us
                </a>

                <a href="#ah-governance">
                    Corporate Governance
                </a>

                <a href="#ah-investor">
                    Investor Relations
                </a>

            </div>


            <div class="ah-footer-column">

                <h4>
                    Services
                </h4>

                <a href="#ah-products">
                    Personal Service
                </a>

                <a href="#ah-products">
                    Corporate Service
                </a>

            </div>


            <div class="ah-footer-column">

                <h4>
                    Contact
                </h4>

                <a href="#">
                    Contact Us
                </a>

                <a href="#">
                    Locations
                </a>

                <a href="#">
                    Support
                </a>

            </div>

        </div>


        <div class="ah-footer-bottom">

            <span>
                © 2026 Aerie Bank. All rights reserved.
            </span>

            <span>
                Privacy Policy &nbsp; | &nbsp; Terms &amp; Conditions
            </span>

        </div>

    </footer>

</div>


<script>

function ahToggleMenu() {

    const menu =
        document.getElementById("ah-navigation");

    menu.classList.toggle("open");

}

</script>/* End custom CSS */