<!DOCTYPE html>
<html lang="en">
<!--<< Header Area >>-->


<!-- Mirrored from rudra-tailwind.vercel.app/about.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:40 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="CII - Cooperative Investment Initiative">
    <meta name="description" content="Learn about CII - An autonomous association investing in Parallex Bank Limited, Nigeria's first MFB to transform into a commercial bank. Governed by a Board of Trustees, we help members build wealth and create financial legacy for generations.">
    <meta name="keywords" content="about CII, cooperative governance, Parallex Bank history, investment cooperative, Board of Trustees, Nigerian banking, wealth building, financial legacy">
    <!-- ======== Page title ============ -->
    <title>About CII - Cooperative Investment Initiative | Our Story & Mission</title>
    <!--<< Favcion >>-->
    <link rel="shortcut icon" href="assets/img/favicon.phtml">

    <!--<< All Min Css >>-->
    <link rel="stylesheet" href="assets/css/all.min.css">
    <!--<< Animate.css >>-->
    <link rel="stylesheet" href="assets/css/animate.css">
    <!--<< Magnific Popup.css >>-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <!--<< MeanMenu.css >>-->
    <link rel="stylesheet" href="assets/css/meanmenu.css">
    <!--<< Swiper Bundle.css >>-->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <!--<< Nice Select.css >>-->
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <!--<< Flaticon.css >>-->
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <!--<< Main.css >>-->
    <!-- <link rel="stylesheet" href="assets/css/main.css"> -->
    <link href="assets/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="src/output.css">
</head>

<body>
    <?php include '_partials/header.phtml'; ?>


    <main style="margin-top: 150px;">
        <!-- Breadcrumb -->
        <div class="breadcrumb-banner bg-[#F8F8F8] rounded-[30px] overflow-hidden relative">
            <div class="et-container max-w-[clamp(1150px,92.75vw,1765px)]">
                <img src="assets/img/banner/breadcrumb-banner.png" alt="img" class="w-full aspect-[1741/434] min-h-[200px] object-cover rounded-[30px]">
                <h1 class="breadcrumb-title absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-white text-[clamp(40px,4.47vw,85px)] font-semibold leading-[1.08] max-w-full w-max">About CII</h1>
                <div class="boxes relative ml-auto max-w-[clamp(250px,14.19vw,270px)]">
                    <ul class="breadcrumb-cont absolute flex items-center flex-wrap gap-[16px] left-[0px] bottom-[-7px] pb-[10px]">
                        <li class="text-primary font-medium">
                            <a href="#0" class="font-semibold">Home</a>
                        </li>
                        <li>
                            <i class="fa-solid fa-arrow-right"></i>
                        </li>
                        <li class="text-[#7318AB] font-medium">
                            About Us
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <!-- Financial Start -->
        <section class="financial-section bg-etWhite py-[clamp(60px,5.25vw,100px)]">
            <div class="et-container">
                <div class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)] items-center mb-[clamp(20px,2.10vw,40px)]">
                    <div class="col-span-7 sm:col-span-12">
                        <div class="section-header">
                            <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                            Through The Cooperative, you don’t just invest—you participate in a collective mission to build financial freedom, stability, and impact.   
                            </h2>
                        </div>
                    </div>
                    <div class="col-span-5 sm:col-span-12">
                        <div class="wow fadeInUp" data-wow-delay=".4s">
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(16px,1.26vw,24px)]">

The Cooperative Investment Initiative is a Special Purpose Vehicle that gives you the opportunity to buy into ownership and investing in your future with the Financial industry/Banking sector.


<br/>

This is not a partnership but an investment opportunity giving you the chance to participate in investments with the Financial sector through a reliable platform. 

                            
                            </p>
                            <a href="signup" class="et-btn">
                                <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
                                Join Now
                            </a>
                        </div>
                    </div>
                </div>


                <div style="display: none;" class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)]">
                    <div class="col-span-4 md:col-span-6 xs:col-span-12">
                        <div class="team-items service-items1 financial-items bg-white rounded-[16px] px-[clamp(16px,1.26vw,24px)] relative group">
                            <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(15px,1.58vw,30px)]">
                                <div>
                                    <span class="text-[#133A9D] text-[15px] block font-semibold leading-[2.13] mb-[clamp(5px,0.42vw,8px)]">Our Mission</span>
                                    <h5 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                        <a href="/signup" class="text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.1]">
                                            To raise 20 billion as capital
                                        </a>
                                    </h5>
                                    <span class="text-[#1C4B42] text-[14px] font-medium leading-[1.5] mb-1 inline-block">
                                        To give you the opportunity to invest in the Nigerian banking sector.
                                    </span>
                                </div>
                                <a href="/signup" class="flex items-center justify-center bg-[#133A9D] rounded-full min-w-[clamp(46px,2.84vw,54px)] aspect-square shrink-0">
                                    <img src="assets/img/icon/financial-icon1.png" alt="img">
                                </a>
                            </div>
                            <div class="thumb w-full overflow-hidden relative">
                                <img src="assets/img/blog/financial-thumb1.png" alt="img" class="w-full rounded-b-lg">
                            </div>
                            <!-- hover -->
                            <div class="team-items service-items1 financial-items bg-[#133A9D] rounded-[16px] px-[clamp(16px,1.26vw,24px)] absolute inset-0 z-[2] invisible opacity-0 group-hover:visible group-hover:opacity-100 duration-300">
                                <div class="thumb w-full overflow-hidden relative">
                                    <img src="assets/img/blog/financial-thumb1.png" alt="img" class="w-full rounded-b-lg">
                                </div>
                                <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(15px,1.58vw,30px)]">
                                    <div>
                                        <span class="text-white text-[15px] block font-semibold leading-[2.13] mb-[clamp(5px,0.42vw,8px)]">Our Mission</span>
                                        <h5 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                            <a href="/signup" class="text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.1]">
                                                Driven by Purpose, Guided
                                                by Results
                                            </a>
                                        </h5>
                                        <span class="text-[#1C4B42] text-[14px] font-medium leading-[1.5] mb-1 inline-block">
                                            Our mission is simple — to simplify complex financial challenges and provide
                                            actionable solutions that help our clients
                                            grow, protect, and manage their wealth with confidence
                                        </span>
                                    </div>
                                    <a href="/signup" class="flex items-center justify-center bg-white rounded-full min-w-[clamp(46px,2.84vw,54px)] aspect-square shrink-0">
                                        <img src="assets/img/icon/financial-icon1.png" alt="img">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-span-4 md:col-span-6 xs:col-span-12">
                        <div class="team-items service-items1 financial-items bg-white rounded-[16px] px-[clamp(16px,1.26vw,24px)] relative group">
                            <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(15px,1.58vw,30px)]">
                                <div>
                                    <span class="text-secondary text-[15px] block font-semibold leading-[2.13] mb-[clamp(5px,0.42vw,8px)]">Our Story</span>
                                    <h5 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                        <a href="/signup" class="text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.1]">
                                            A first-of-its-kind achievement in the Nigerian banking industry.
                                        </a>
                                    </h5>
                                    <span class="text-[#1C4B42] text-[14px] font-medium leading-[1.5] mb-1 inline-block">
                                        Parallex Bank Limited was incorporated as a limited liability company on the 22nd of May 2020, having successfully converted from Parallex Microfinance Bank (a National Microfinance Bank incorporated in 2008 as a Unit MFB) to a commercial bank duly licensed by the Central Bank of Nigeria to carry out commercial banking services.
                                    </span>
                                </div>
                                <a href="/signup" class="flex items-center justify-center bg-[#133A9D] rounded-full min-w-[clamp(46px,2.84vw,54px)] aspect-square shrink-0">
                                    <img src="assets/img/icon/financial-icon2.png" alt="img">
                                </a>
                            </div>
                            <div class="thumb w-full overflow-hidden relative">
                                <img src="assets/img/blog/financial-thumb2.png" alt="img" class="w-full rounded-b-lg">
                            </div>
                            <!-- hover -->
                            <div class="team-items service-items1 financial-items bg-[#133A9D] rounded-[16px] px-[clamp(16px,1.26vw,24px)] absolute inset-0 z-[2] invisible opacity-0 group-hover:visible group-hover:opacity-100 duration-300">
                                <div class="thumb w-full overflow-hidden relative">
                                    <img src="assets/img/blog/financial-thumb2.png" alt="img" class="w-full rounded-b-lg">
                                </div>
                                <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(15px,1.58vw,30px)]">
                                    <div>
                                        <span class="text-primary text-[15px] block font-semibold leading-[2.13] mb-[clamp(5px,0.42vw,8px)]">Our Values</span>
                                        <h5 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                            <a href="/signup" class="text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.1]">
                                                The Principles That Guide Every Step We Take
                                            </a>
                                        </h5>
                                        <span class="text-[#1C4B42] text-[14px] font-medium leading-[1.5] mb-1 inline-block">
                                            At the heart of our consulting practice lies a clear set of values that shape every relationship, decision, and solution we deliver. These principles are more
                                        </span>
                                    </div>
                                    <a href="/signup" class="flex items-center justify-center bg-white rounded-full min-w-[clamp(46px,2.84vw,54px)] aspect-square shrink-0">
                                        <img src="assets/img/icon/financial-icon2.png" alt="img">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-span-4 md:col-span-6 xs:col-span-12">
                        <div class="team-items service-items1 financial-items bg-white rounded-[16px] px-[clamp(16px,1.26vw,24px)] relative group">
                            <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(15px,1.58vw,30px)]">
                                <div>
                                    <span class="text-secondary text-[15px] block font-semibold leading-[2.13] mb-[clamp(5px,0.42vw,8px)]">Our Values</span>
                                    <h5 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                        <a href="/signup" class="text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.1]">
                                            An investment opportunity
                                        </a>
                                    </h5>
                                    <span class="text-[#1C4B42] text-[14px] font-medium leading-[1.5] mb-1 inline-block">
                                        The major or key significance of the Cooperative is that, it is not a partnership initiative but rather an investment opportunity, with the cooperative as a Special Purpose Vehicle (SPV) to invest in Parallex Bank.
                                    </span>
                                </div>
                                <a href="/signup" class="flex items-center justify-center bg-[#133A9D] rounded-full min-w-[clamp(46px,2.84vw,54px)] aspect-square shrink-0">
                                    <img src="assets/img/icon/financial-icon3.png" alt="img">
                                </a>
                            </div>
                            <div class="thumb w-full overflow-hidden relative">
                                <img src="assets/img/blog/financial-thumb3.png" alt="img" class="w-full rounded-b-lg">
                            </div>
                            <!-- hover -->
                            <div class="team-items service-items1 financial-items bg-[#133A9D] rounded-[16px] px-[clamp(16px,1.26vw,24px)] absolute inset-0 z-[2] invisible opacity-0 group-hover:visible group-hover:opacity-100 duration-300">
                                <div class="thumb w-full overflow-hidden relative">
                                    <img src="assets/img/blog/financial-thumb3.png" alt="img" class="w-full rounded-b-lg">
                                </div>
                                <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(15px,1.58vw,30px)]">
                                    <div>
                                        <span class="text-primary text-[15px] block font-semibold leading-[2.13] mb-[clamp(5px,0.42vw,8px)]">Our Values</span>
                                        <h5 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                            <a href="/signup" class="text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.1]">
                                                An investment opportunity
                                            </a>
                                        </h5>
                                        <span class="text-[#1C4B42] text-[14px] font-medium leading-[1.5] mb-1 inline-block">
                                            The major or key significance of the Cooperative is that, it is not a partnership initiative but rather an investment opportunity, with the cooperative as a Special Purpose Vehicle (SPV) to invest in Parallex Bank.
                                        </span>
                                    </div>
                                    <a href="/signup" class="flex items-center justify-center bg-white rounded-full min-w-[clamp(46px,2.84vw,54px)] aspect-square shrink-0">
                                        <img src="assets/img/icon/financial-icon3.png" alt="img">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- Why Invest in Financial Industry START -->
        <section class="py-[clamp(60px,5.25vw,100px)] bg-[#F8F8F8]">
            <div class="et-container">
                <div class="text-center mb-[clamp(40px,4.20vw,80px)]">
                    <span class="inline-block border border-[#133A9D] rounded-full text-[#133A9D] text-[15px] font-semibold tracking-[1px] leading-[2] mb-[clamp(10px,0.84vw,16px)] px-[clamp(10px,0.84vw,16px)] uppercase">
                        Financial Industry Advantages
                    </span>
                    <h2 class="text-[#2D2D2D] text-[clamp(32px,2.52vw,48px)] font-bold leading-[1.2]">
                        Why Invest in the Financial Industry?
                    </h2>
                    <p class="text-primary text-[16px] max-w-[800px] mx-auto mt-[clamp(16px,1.26vw,24px)]">
                        In a world of diverse investment opportunities, the financial industry stands out as a particularly compelling choice with strong returns, robust governance, and lasting stability.
                    </p>
                </div>

                <div class="grid grid-cols-2 md:grid-cols-1 gap-[clamp(24px,2.52vw,48px)]">
                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:bg-[#133A9D]/5 transition duration-300 border-l-4 border-[#133A9D]">
                        <h4 class="text-[#133A9D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Most Profitable Industry</h4>
                        <p class="text-primary">The financial industry is one of the most profitable industries to invest in today, despite economic downturns. Strong fundamentals and consistent growth create reliable returns.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:bg-[#7318AB]/5 transition duration-300 border-l-4 border-[#7318AB]">
                        <h4 class="text-[#7318AB] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Strong Corporate Governance</h4>
                        <p class="text-primary">The financial industry has strong corporate governance standards. This ensures accountability, transparency, and protection of investor interests at the highest levels.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:bg-[#CC66CC]/5 transition duration-300 border-l-4 border-[#CC66CC]">
                        <h4 class="text-[#CC66CC] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Highly Regulated Sector</h4>
                        <p class="text-primary">Banking and finance is one of the most regulated sectors of the economy. This regulatory oversight protects your investments and ensures compliance with strict standards.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:bg-[#133A9D]/5 transition duration-300 border-l-4 border-[#133A9D]">
                        <h4 class="text-[#133A9D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Proven Longevity</h4>
                        <p class="text-primary">Banks have lasted the longest in the economy anywhere in the world. It's easy to find banks operating for decades with strong legacies of stability and growth.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:bg-[#7318AB]/5 transition duration-300 border-l-4 border-[#7318AB]">
                        <h4 class="text-[#7318AB] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Legacy & Continuity</h4>
                        <p class="text-primary">The financial industry enjoys a legacy of strength and continuity. Legacy institutions like Bank of America, Union Bank, and First Bank demonstrate decades of successful operation.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:bg-[#CC66CC]/5 transition duration-300 border-l-4 border-[#CC66CC]">
                        <h4 class="text-[#CC66CC] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Fastest Growing Sector</h4>
                        <p class="text-primary">The financial sector is one of the fastest growing sectors in the global economy. Digital transformation and expansion create exceptional growth opportunities for investors.</p>
                    </div>
                </div>
            </div>
        </section>
        <!-- Why Invest in Financial Industry END -->

        <!-- Cooperative Structure START -->
        <section class="py-[clamp(60px,5.25vw,100px)]">
            <div class="et-container">
                <div class="text-center mb-[clamp(40px,4.20vw,80px)]">
                    <span class="inline-block border border-[#7318AB] rounded-full text-[#7318AB] text-[15px] font-semibold tracking-[1px] leading-[2] mb-[clamp(10px,0.84vw,16px)] px-[clamp(10px,0.84vw,16px)] uppercase">
                        Cooperative Structure
                    </span>
                    <h2 class="text-[#2D2D2D] text-[clamp(32px,2.52vw,48px)] font-bold leading-[1.2]">
                        Why Cooperatives as a Preferred Investment Vehicle?
                    </h2>
                </div>

                <div class="grid grid-cols-3 md:grid-cols-2 xxs:grid-cols-1 gap-[clamp(24px,2.52vw,48px)]">
                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl transition duration-300">
                        <div class="w-[60px] h-[60px] bg-[#133A9D]/10 rounded-full flex items-center justify-center mb-[clamp(16px,1.26vw,24px)]">
                            <i class="fa-solid fa-arrow-trend-up text-[28px] text-[#133A9D]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Guaranteed Growth</h4>
                        <p class="text-primary">An investment vehicle that guarantees the growth of your wealth through strategic banking sector investments.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl transition duration-300">
                        <div class="w-[60px] h-[60px] bg-[#7318AB]/10 rounded-full flex items-center justify-center mb-[clamp(16px,1.26vw,24px)]">
                            <i class="fa-solid fa-universal-access text-[28px] text-[#7318AB]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Accessible for Everyone</h4>
                        <p class="text-primary">Creates room for everyone to invest in the banking sector without amount constraints—start from ₦100,000.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl transition duration-300">
                        <div class="w-[60px] h-[60px] bg-[#CC66CC]/10 rounded-full flex items-center justify-center mb-[clamp(16px,1.26vw,24px)]">
                            <i class="fa-solid fa-scale-balanced text-[28px] text-[#CC66CC]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Regulatory Compliance</h4>
                        <p class="text-primary">Operates within acceptable rules and regulations, ensuring members' investments are protected and governed properly.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl transition duration-300">
                        <div class="w-[60px] h-[60px] bg-[#133A9D]/10 rounded-full flex items-center justify-center mb-[clamp(16px,1.26vw,24px)]">
                            <i class="fa-solid fa-handshake text-[28px] text-[#133A9D]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Pure Investment Opportunity</h4>
                        <p class="text-primary">A purely investment-focused model that ensures subscribers understand this is not a partnership but a growth opportunity.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl transition duration-300">
                        <div class="w-[60px] h-[60px] bg-[#7318AB]/10 rounded-full flex items-center justify-center mb-[clamp(16px,1.26vw,24px)]">
                            <i class="fa-solid fa-landmark text-[28px] text-[#7318AB]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Financial Landscape</h4>
                        <p class="text-primary">An opportunity to belong in Nigeria's financial landscape through a reliable and valuable cooperative player.</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl transition duration-300">
                        <div class="w-[60px] h-[60px] bg-[#CC66CC]/10 rounded-full flex items-center justify-center mb-[clamp(16px,1.26vw,24px)]">
                            <i class="fa-solid fa-network-wired text-[28px] text-[#CC66CC]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">10 Geo-Zonal Cooperatives</h4>
                        <p class="text-primary">Structured across 10 cooperatives (3-Lagos, 6-Outside Lagos, 1-Diaspora) ensuring accessibility nationwide and globally.</p>
                    </div>
                </div>
            </div>
        </section>
        <!-- Cooperative Structure END -->

        <!-- choose Start -->
        <section class="choose4-section py-[clamp(60px,5.25vw,100px)] bg-[#F8F8F8]">
            <div class="et-container">
                <div class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)] items-center mb-[clamp(20px,2.10vw,40px)]">
                    <div class="col-span-7 md:col-span-12">
                        <div class="section-header">
                            <div class="et-section-sub-title" style="color: #7318AB;">
                                Why Choose the Cooperative
                            </div>
                            <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                The Smart Choice for <br>
                                <span style="color: #133A9D;">Financial Growth & Stability</span>
                            </h2>
                        </div>
                    </div>
                    <div class="col-span-5 md:col-span-12">
                        <div class="wow fadeInUp" data-wow-delay=".4s">
                            <p class="text-primary text-[15px] leading-[1.5]">
                                Combining the security of regulated banking with the accessibility of cooperative investing. Your path to financial freedom starts here.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)]">
                    <div class="col-span-3 md:col-span-4 sm:col-span-6 xxs:col-span-12">
                        <div class="choose-items4 bg-etWhite duration-300 border border-[#dde4e3] hover:border-[#133A9D] hover:shadow-lg rounded-[24px] px-[clamp(10px,0.95vw,18px)] py-[clamp(24px,2.52vw,48px)] wow fadeInDown" data-wow-delay=".2s">
                            <div class="boxes max-w-[clamp(217px,11.56vw,220px)] mx-auto">
                                <img style="filter: invert(1);" src="assets/img/icon/choose-icon1.png" alt="img" class="mb-[clamp(24px,2.52vw,48px)]">
                                <h5 class="border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] pb-[clamp(8px,0.84vw,16px)]">
                                    <a href="about.phtml" class="inline text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.5] uppercase">
                                        Most profitable<br>
                                        industries
                                    </a>
                                </h5>
                                <p class="text-primary text-[15px] leading-[1.5]">
                                    The financial industry is one of the most profitable industries to invest in today.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-span-3 md:col-span-4 sm:col-span-6 xxs:col-span-12">
                        <div class="choose-items4 bg-etWhite duration-300 border border-[#dde4e3] hover:border-[#7318AB] rounded-[24px] px-[clamp(10px,0.95vw,18px)] py-[clamp(24px,2.52vw,48px)] wow fadeInDown" data-wow-delay=".4s">
                            <div class="boxes max-w-[clamp(217px,11.56vw,220px)] mx-auto">
                                <img style="filter: invert(1);" src="assets/img/icon/choose-icon2.png" alt="img" class="mb-[clamp(24px,2.52vw,48px)]">
                                <h5 class="border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] pb-[clamp(8px,0.84vw,16px)]">
                                    <a href="about.phtml" class="inline text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.5] uppercase">
                                        Strong corporate<br>
                                        governance
                                    </a>
                                </h5>
                                <p class="text-primary text-[15px] leading-[1.5]">
                                    It has strong cooperate governance in the industry.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-span-3 md:col-span-4 sm:col-span-6 xxs:col-span-12">
                        <div class="choose-items4 bg-etWhite duration-300 border border-[#dde4e3] hover:border-[#7318AB] rounded-[24px] px-[clamp(10px,0.95vw,18px)] py-[clamp(24px,2.52vw,48px)] wow fadeInDown" data-wow-delay=".6s">
                            <div class="boxes max-w-[clamp(217px,11.56vw,220px)] mx-auto">
                                <img style="filter: invert(1);" src="assets/img/icon/choose-icon3.png" alt="img" class="mb-[clamp(24px,2.52vw,48px)]">
                                <h5 class="border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] pb-[clamp(8px,0.84vw,16px)]">
                                    <a href="about.phtml" class="inline text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.5] uppercase">
                                        Most regulated<br>
                                        sectors
                                    </a>
                                </h5>
                                <p class="text-primary text-[15px] leading-[1.5]">
                                    It is one of the most regulated sectors of the economy.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-span-3 md:col-span-4 sm:col-span-6 xxs:col-span-12">
                        <div class="choose-items4 bg-etWhite duration-300 border border-[#dde4e3] hover:border-[#7318AB] rounded-[24px] px-[clamp(10px,0.95vw,18px)] py-[clamp(24px,2.52vw,48px)] wow fadeInDown" data-wow-delay=".8s">
                            <div class="boxes max-w-[clamp(217px,11.56vw,220px)] mx-auto">
                                <img style="filter: invert(1);" src="assets/img/icon/choose-icon4.png" alt="img" class="mb-[clamp(24px,2.52vw,48px)]">
                                <h5 class="border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] pb-[clamp(8px,0.84vw,16px)]">
                                    <a href="about.phtml" class="inline text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.5] uppercase">
                                        Legacy of<br>
                                        strength
                                    </a>
                                </h5>
                                <p class="text-primary text-[15px] leading-[1.5]">
                                    It enjoys a legacy of strength and continuity.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


   


        <!-- CONTACT SECTION START -->
        <section class="contact-section bg-etWhite py-[clamp(60px,5.25vw,100px)]">
            <div class="et-container">
                <div class="grid grid-cols-2 md:grid-cols-1">
                    <div class="col">
                        <style>
                            .six8{
                                height: 680px;
                            }

                            @media screen and (max-width: 768px) {
                                .six8{
                                    height: 300px;
                                }
                            }
                        </style>
                        <div class="contact-thumb1 relative w-full h-full">
                            <img  src="assets/img/m2.jpeg" alt="img" class="w-full six8 h-full object-cover aspect-auto rounded-2">
                            <div class="absolute flex items-center justify-between gap-[clamp(24px,2.52vw,48px)] bottom-[clamp(35px,3.68vw,70px)] md:top-[15px] md:bottom-auto w-full max-w-[clamp(420px,24.70vw,470px)] xxs:max-w-[97%] xxs:right-[5px] px-[clamp(18px,2.00vw,38px)] py-[clamp(16px,1.26vw,24px)] rounded-[16px] bg-white/65 [backdrop-filter:blur(10px)] left-1/2 xxs:left-[5px] -translate-x-1/2 xxs:translate-0 wow fadeInUp" data-wow-delay=".4s">
                                <div class="">
                                    <span class="text-primary text-[14px] leading-[1.5]">Phone Number</span>
                                    <h6 class="text-primary font-bold leading-[1.2]">+234 904 484 9753</h6>
                                </div>
                                <div class="">
                                    <span class="text-primary text-[14px] leading-[1.5]">Email Address</span>
                                    <h6 class="text-primary font-bold leading-[1.2]">cooperativeinvestment<BR/>initiativ@gmail.com</h6>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col">
                        <div class="contact-content1 bg-white rounded-[24px] -ml-[clamp(16px,1.58vw,30px)] md:ml-0 px-[clamp(25px,4.20vw,80px)] py-[clamp(20px,2.63vw,50px)] relative z-[1]">
                            <div class="section-header mb-xxl-4 mb-4">
                                <div class="et-section-sub-title">
                                    <img src="assets/img/icon/section-step1.png" alt="img"> Schadule
                                </div>
                                <h2 class="et-section-title wow fadeInUp mb-[clamp(10px,0.84vw,16px)]">Let's Discuss How We Can
                                    <span class="fw-300">Transform Your
                                        Life</span>
                                </h2>
                                <p class="text-primary text-[15px] leading-[1.5] wow fadeInUp" data-wow-delay=".3s">Schedule a free consultation to
                                    discover personalized solutions from
                                    our financial experts.</p>
                            </div>
                            <div class="grid grid-cols-2 xs:grid-cols-1 gap-[clamp(18px,1.26vw,24px)]">
                                <div class="col">
                                    <div class="form__grp">
                                        <input class="form-control w-full border-b border-[#2C2F581C] pb-[clamp(10px,0.74vw,14px)] pt-[0px]" type="text" placeholder="Full Name *">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form__grp">
                                        <input class="form-control w-full border-b border-[#2C2F581C] pb-[clamp(10px,0.74vw,14px)] pt-[0px]" type="email" placeholder="Full Email *">
                                    </div>
                                </div>
                                <div class="col-span-2 xs:col-span-1">
                                    <div class="form__grp">
                                        <input class="form-control w-full border-b border-[#2C2F581C] pb-[clamp(10px,0.74vw,14px)] pt-[0px]" type="text" placeholder="Phone number *">
                                    </div>
                                </div>
                                <div class="col-span-2 xs:col-span-1">
                                    <div class="form__grp">
                                        <textarea class="form-control w-full border-b border-[#2C2F581C] pb-[clamp(10px,0.74vw,14px)] pt-[0px]" name="#" placeholder="Your comment *" rows="4"></textarea>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form__grp wow fadeInUp" data-wow-delay=".3s">
                                        <button type="button" class="et-btn">
                                            <span class="icon"><i class="fa-solid fa-arrow-up-right"></i></span>
                                            Submit your message
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- CONTACT SECTION END -->
    </main>

    <?php include '_partials/footer.phtml'; ?>
</body>


<!-- Mirrored from rudra-tailwind.vercel.app -->
</html>
