<!doctype html>
<html>


<!-- Mirrored from rudra-tailwind.vercel.app/index-3.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:18 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="Join CII - A multipurpose cooperative and Special Purpose Vehicle (SPV) investing in Parallex Bank Limited. Start investing from ₦100,000 per unit with 4-month flexible payment plans. Build wealth and create financial legacy for generations.">
    <meta name="keywords" content="cooperative investment, Parallex Bank, investment opportunity, Nigerian investment, SPV, financial legacy, wealth building, cooperative banking">
    <!-- ======== Page title ============ -->
    <title>CII - Cooperative Investment Initiative | Invest in Parallex Bank Limited</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>
        <!-- BANNER SECTION START -->
        <div style="background: url(assets/img/banner/hero-bg3.png);" class="banner-section  bg-center bg-no-repeat bg-cover overflow-hidden pt-[clamp(135px,7.88vw,150px)]">. 
            <div class="et-container relative">
                <div class="banner-content3 mb-[clamp(18px,1.89vw,36px)] max-w-[clamp(550px,34.16vw,650px)] text-center mx-auto">
                    <h1 class="text-DARK text-[clamp(30px,3.31vw,63px)] font-bold leading-[1.1] mb-[clamp(8px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">Build Wealth & <br> Financial Legacy for Generations</h1>
                    <p style="color: #565656;" class=" text-[clamp(16px,0.95vw,18px)] leading-[1.6] mx-auto mb-[clamp(12px,1.26vw,24px)] max-w-[clamp(450px,28.90vw,550px)] text-center wow fadeInUp" data-wow-delay=".5s">Secure your future through smart investments that grow wealth and build lasting financial stability.</p>
                    <a href="signup" class="et-btn et-3-btn !py-[clamp(5px,0.32vw,6px)]">Start Investing Today <i class="fa-solid fa-arrow-right"></i></a>
                </div>
                <div class="hero-thumb3 mx-auto max-w-[clamp(758px,55.60vw,1058px)] relative">
                    <!-- <img src="https://cdn-za.icons8.com/4hyiqpS8-EWdItocwbO_Pg/WALuYrgph0iOjb_7ch3dag/Gemini_Generated_Image_5qvbwk5qvbwk5qvb__1_.png" alt="img" style="height: auto; border-bottom-left-radius: 150px; border-bottom-right-radius:150px ; width: 100%;" class="w-full h-[150px]"> -->
                    <!-- <img src="assets/img/banner/hero-groth-left.png" alt="img" class="groth-left !max-w-[clamp(90px,14.98vw,285px)] animate-[updown_2s_linear_infinite] -left-[clamp(20px,3.15vw,60px)] top-[clamp(40px,5.25vw,100px)] absolute"> -->
                    <!-- <img src="assets/img/banner/hero-groth-right.png" alt="img" class="groth-right !max-w-[clamp(90px,14.98vw,285px)] absolute -right-[clamp(20px,3.15vw,60px)] top-[clamp(40px,5.25vw,100px)] animate-[updown_2s_linear_infinite]"> -->
                    <!-- <span class="animate-[leftright_2s_linear_infinite] text-primary text-[14px] font-extrabold leading-[1.5] absolute left-[-100px] top-[30px] text-left uppercase">
                        Modified <br>
                        Sidebar
                    </span>
                    <span class="animate-[leftright_2s_linear_infinite] text-primary text-[14px] font-extrabold leading-[1.5] absolute right-[-180px] top-[30px] text-left uppercase">
                        Improved <br>
                        user functionality
                    </span> -->
                </div>
            </div>

            <!-- Sponsor  -->
            <div class="sponsor-section3 py-[clamp(40px,3.68vw,70px)] relative z-[1]">
                <div class="et-container">
                    <div class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)] items-center justify-between">
                        <div class="col-span-4 md:col-span-12">
                            <div class="flex gap-[clamp(12px,1.26vw,24px)] items-start">
                                <img src="assets/img/banner/alex.png" alt="img" class="aspect-[72/72] rounded-full w-[clamp(62px,3.78vw,72px)] shrink-0">
                                <div style="color: #565656;">
                                    <p class="italic mb-[clamp(5px,0.42vw,8px)] text-[#eee] text-[15px] leading-[1.5]">Investing with CII has been transformative for my family. The transparent structure and guaranteed returns give me confidence in building wealth for generations.</p>
                                    <span class="text-[#565656] text-[15px] leading-[2.13]">— Emmanuel O., CII Member</span>
                                </div>
                            </div>
                        </div>
                        <div class="md:hidden"></div>
                        <div class="col-span-7 md:col-span-12">
                            <div class="sponsor-wrapper swiper">
                                <div class="swiper-wrapper items-center">
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/coastline.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/toplane.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/treasure-land.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/visionary.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/greater-heights.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/prolific.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/prime-capital.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/alliance.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/the-advantage.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sponsor-item">
                                            <img src="info/operatives/apex.jpg" alt="CII Cooperative" class="rounded-lg" style="max-height: 80px; object-fit: contain;">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <img src="assets/img/banner/hero-shadow.png" alt="img" class="hero-shadow absolute !max-w-none bottom-[-140px] left-[-30px] w-[110%] z-[-1]">
            </div>
        </div>
        <!-- BANNER SECTION END -->


        <!-- SERVICES SECTION START -->
        <section class="service-section3 pt-[clamp(60px,5.25vw,100px)] relative z-[1]">
            <img src="assets/img/element/bg-angel.png" alt="img" class="bg-angel absolute inset-0 bottom-auto -z-[1]">
            <div class="et-container pt-[clamp(24px,2.52vw,48px)]">
                <div class="section-title mb-[clamp(16px,1.26vw,24px)] pb-[clamp(10px,0.84vw,16px)] relative z-[99] text-center">
                    <span class="inline-block border border-[#DEE2E6] rounded-full text-[#2D2D2D] text-[15px] font-semibold tracking-[1px] leading-[2] mb-[clamp(10px,0.84vw,16px)] px-[clamp(10px,0.84vw,16px)] text-center uppercase">
                        <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="!inline">
                            <path d="M5.86308 4.41502C4.48743 5.9661 2.92783 8.2035 1.57888 10.9014C1.37305 11.3131 0.872484 11.4799 0.460843 11.2741C0.0491927 11.0683 -0.117666 10.5677 0.0881593 10.1561C1.49783 7.33675 3.13745 4.97643 4.61619 3.30913C5.35425 2.47695 6.06642 1.80135 6.70408 1.32609C7.02267 1.08858 7.33742 0.89005 7.63975 0.747967C7.93275 0.610283 8.2675 0.5 8.61133 0.5C8.79133 0.5 8.98933 0.544583 9.1725 0.6623C9.35275 0.778092 9.46908 0.932708 9.54125 1.07569C9.67217 1.33513 9.68667 1.61228 9.68342 1.79948C9.6765 2.19709 9.57058 2.694 9.43467 3.19979C9.15617 4.23598 8.66617 5.6092 8.17908 6.96475L8.11075 7.15483C7.63925 8.4665 7.17508 9.75775 6.87333 10.7888C6.79208 11.0667 6.7255 11.316 6.6745 11.5345C7.25292 11.0696 7.96508 10.3712 8.72167 9.62783L8.74633 9.60358C9.481 8.88175 10.2582 8.11817 10.9139 7.59392C11.2393 7.33383 11.5902 7.08667 11.9282 6.9435C12.212 6.82317 12.8619 6.62767 13.3673 7.133C13.6876 7.45333 13.7765 7.86983 13.7995 8.18033C13.8236 8.50533 13.7858 8.85558 13.7271 9.18842C13.6096 9.85483 13.3736 10.6325 13.1578 11.3341L13.1232 11.4467C12.9304 12.0728 12.7585 12.6314 12.6605 13.0804C12.8774 12.8627 13.1445 12.518 13.4563 12.0092C13.6967 11.6167 14.2098 11.4934 14.6022 11.7338C14.9946 11.9743 15.1178 12.4873 14.8774 12.8798C14.4249 13.6185 13.9567 14.2185 13.4599 14.591C12.9403 14.9808 12.2601 15.2006 11.5719 14.8565C11.0649 14.6029 10.9498 14.0978 10.9243 13.8183C10.8966 13.516 10.9403 13.1861 10.9983 12.8889C11.1073 12.3287 11.3191 11.6415 11.5192 10.9923L11.5648 10.8441C11.7873 10.1209 11.9894 9.445 12.0857 8.89908C12.0931 8.857 12.0997 8.81683 12.1055 8.77842C12.0581 8.81417 12.0078 8.85325 11.9546 8.89575C11.3731 9.36067 10.6542 10.0657 9.88975 10.8167L9.86508 10.8409C9.1305 11.5627 8.35333 12.3263 7.69758 12.8505C7.37217 13.1107 7.02125 13.3578 6.68333 13.501C6.3995 13.6213 5.74956 13.8168 5.24426 13.3115C4.98692 13.0542 4.921 12.7294 4.89977 12.5318C4.87625 12.3129 4.89084 12.0809 4.91891 11.8626C4.9755 11.4224 5.10779 10.888 5.27379 10.3208C5.59024 9.23933 6.07017 7.90433 6.53425 6.6135L6.61058 6.40117C7.10525 5.02443 7.56833 3.72283 7.82508 2.76728C7.84767 2.68307 7.86817 2.60363 7.8865 2.5289C7.827 2.56968 7.76483 2.61413 7.70008 2.66241C7.18108 3.04923 6.55225 3.63799 5.86308 4.41502Z" fill="#69696A" />
                        </svg>
                        Services
                    </span>
                    <h2 class="et-section-title text-[#2D2D2D] wow fadeInUp" data-wow-delay=".3s">
                        Investment Opportunities <br>
                        Built for Your Future
                    </h2>
                </div>
                <div class="grid grid-cols-4 md:grid-cols-2 xxs:grid-cols-1">
                    <div class="col">
                        <div class="service-items3 bg-white h-full hover:bg-[#4033FF] shadow-[10px_10px_40px_0px_#07006C12] px-[clamp(15px,2.10vw,40px)] py-[clamp(28px,3.00vw,57px)] duration-300 group wow fadeInDown" data-wow-delay=".3s">
                            <div class="icon flex items-center justify-center bg-[#4033FF]/6 group-hover:bg-white rounded-full mb-[clamp(20px,2.10vw,40px)] duration-300 w-[clamp(46px,3.36vw,64px)] aspect-square">
                                <img src="assets/img/icon/chart.png" alt="img">
                            </div>
                            <h5 class="mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".3s">
                                <a href="services.phtml" class="inline text-[#2D2D2D] group-hover:text-white text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.5]">
                                    Investing with in the  Cooperative
                                </a>
                            </h5>
                            <p class="wow fadeInUp text-primary group-hover:text-white dur" data-wow-delay=".5s">
                            Investing in the Nigerian Banking Sector, is a WIN-WIN opportunity.
                            </p>
                        </div>
                    </div>
                    <div class="col">
                        <div class="service-items3 bg-white h-full hover:bg-[#4033FF] shadow-[10px_10px_40px_0px_#07006C12] px-[clamp(15px,2.10vw,40px)] py-[clamp(28px,3.00vw,57px)] duration-300 group wow fadeInDown" data-wow-delay=".4s">
                            <div class="icon flex items-center justify-center bg-[#4033FF]/6 group-hover:bg-white rounded-full mb-[clamp(20px,2.10vw,40px)] duration-300 w-[clamp(46px,3.36vw,64px)] aspect-square">
                                <img src="assets/img/icon/lence.png" alt="img">
                            </div>
                            <h5 class="mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".3s">
                                <a href="services.phtml" class="inline text-[#2D2D2D] group-hover:text-white text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.5]">
                                    Flexible Investment Units
                                </a>
                            </h5>
                            <p class="wow fadeInUp text-primary group-hover:text-white dur" data-wow-delay=".5s">
                                Start from N100,000 per unit with no upper limit
                            </p>
                        </div>
                    </div>
                    <div class="col">
                        <div class="service-items3 bg-white h-full hover:bg-[#4033FF] shadow-[10px_10px_40px_0px_#07006C12] px-[clamp(15px,2.10vw,40px)] py-[clamp(28px,3.00vw,57px)] duration-300 group wow fadeInDown" data-wow-delay=".5s">
                            <div class="icon flex items-center justify-center bg-[#4033FF]/6 group-hover:bg-white rounded-full mb-[clamp(20px,2.10vw,40px)] duration-300 w-[clamp(46px,3.36vw,64px)] aspect-square">
                                <img src="assets/img/icon/cloud.png" alt="img">
                            </div>
                            <h5 class="mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".3s">
                                <a href="services.phtml" class="inline text-[#2D2D2D] group-hover:text-white text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.5]">
                                    Guaranteed Returns
                                </a>
                            </h5>
                            <p class="wow fadeInUp text-primary group-hover:text-white dur" data-wow-delay=".5s">
                                Invest in a profitable bank with strong governance
                            </p>
                        </div>
                    </div>
                    <div class="col">
                        <div class="service-items3 bg-white h-full hover:bg-[#4033FF] shadow-[10px_10px_40px_0px_#07006C12] px-[clamp(15px,2.10vw,40px)] py-[clamp(28px,3.00vw,57px)] duration-300 group wow fadeInDown" data-wow-delay=".6s">
                            <div class="icon flex items-center justify-center bg-[#4033FF]/6 group-hover:bg-white rounded-full mb-[clamp(20px,2.10vw,40px)] duration-300 w-[clamp(46px,3.36vw,64px)] aspect-square">
                                <img src="assets/img/icon/server.png" alt="img">
                            </div>
                            <h5 class="mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".3s">
                                <a href="services.phtml" class="inline text-[#2D2D2D] group-hover:text-white text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.5]">
                                    Build Financial Legacy
                                </a>
                            </h5>
                            <p class="wow fadeInUp text-primary group-hover:text-white dur" data-wow-delay=".5s">
                                Create wealth for generations to come
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- SERVICES SECTION END -->


        <!-- ABOUT CII SECTION START -->
        <section style="background-color:#133a9d ;" class="about-section bg-etWhite py-[clamp(60px,5.25vw,100px)] overflow-hidden">
            <div class="et-container">
                <div class="grid grid-cols-2 md:grid-cols-1 gap-[clamp(24px,2.52vw,48px)] items-center">
                    <div class="col">
                        <div  class="section-title text-white mb-[clamp(16px,1.26vw,24px)]">
                            <span class="inline-block border  rounded-full text-[#FFF] text-[15px] font-semibold tracking-[1px] leading-[2] mb-[clamp(10px,0.84vw,16px)] px-[clamp(10px,0.84vw,16px)] text-center uppercase">
                                About The cooperative
                            </span>
                            <h2 class="et-section-title text-white wow fadeInUp" data-wow-delay=".3s">
                                Your Gateway to <br>
                                Financial Growth
                            </h2>
                        </div>
                        <p style="color: #bbb;" class="text-primary 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.
  
                        </p>
                        <p class="text-primary mb-[clamp(24px,2.10vw,40px)]">
                        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>
                        <div style="margin-top: 30px;" class="grid  grid-cols-2 gap-[clamp(16px,1.26vw,24px)]">
                            <div>
                                <h4 class="text-white text-[clamp(20px,1.26vw,24px)] font-bold mb-[8px]">Our Goal</h4>
                                <p style="color: #bbb;"  class="text-primary text-[15px]">Raise ₦20 billion in capital to secure investment opportunities for our members</p>
                            </div>
                            <div>
                                <h4 class="text-white text-[clamp(20px,1.26vw,24px)] font-bold mb-[8px]">Our Structure</h4>
                                <p style="color: #bbb;"  class="text-primary text-[15px]">Governed by a Board of Trustees with three principal offices: President, Treasurer, and Secretary</p>
                            </div>
                        </div>
                    </div>

                    <div class="col">
                        <div class="about-thumb2 relative">
                            <div class="about-image wow img-custom-anim-right w-full" data-wow-duration="1.3s" data-wow-delay="0.3s">
                                <img style="border-radius: 20px;" src="assets/img/m3.jpeg" alt="img" class="w-full">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- ABOUT CII SECTION END -->


      


        <!-- WHY INVEST SECTION START -->
        <section class="py-[clamp(60px,5.25vw,100px)] bg-etWhite">
            <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">
                        Why Invest
                    </span>
                    <h2 class="text-[#2D2D2D] text-[clamp(32px,2.52vw,48px)] font-bold leading-[1.2]">
                        Benefits of Investing with the Cooperatives
                    </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 hover:border-l-4 hover:border-[#133A9D] 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-piggy-bank text-[28px] text-[#133A9D]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Alternate Saving Culture</h4>
                        <p class="text-primary">Saving as an investment means your money grows in value commensurate to the exchange, protecting you from erosion of wealth</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:border-l-4 hover:border-[#7318AB] 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-coins text-[28px] text-[#7318AB]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Multiple Income Streams</h4>
                        <p class="text-primary">Develop secured multiple streams of income through strategic investment in the banking sector</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:border-l-4 hover:border-[#CC66CC] 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-chart-line text-[28px] text-[#CC66CC]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Build Wealth</h4>
                        <p class="text-primary">By investing, your money has the potential to earn returns, helping you increase your wealth over time</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:border-l-4 hover:border-[#133A9D] 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-users text-[28px] text-[#133A9D]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Financial Legacy</h4>
                        <p class="text-primary">Create a financial legacy for generations to come. "A good man leaves an inheritance to his children" - Proverbs 13:22</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:border-l-4 hover:border-[#7318AB] 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-balance-scale text-[28px] text-[#7318AB]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Financial Discipline</h4>
                        <p class="text-primary">Encourages financial discipline, helping you understand that not everything is meant for spending</p>
                    </div>

                    <div class="bg-white rounded-2xl shadow-lg p-[clamp(24px,2.52vw,48px)] hover:shadow-2xl hover:border-l-4 hover:border-[#CC66CC] 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-hand-holding-usd text-[28px] text-[#CC66CC]"></i>
                        </div>
                        <h4 class="text-[#2D2D2D] text-[clamp(18px,1.16vw,22px)] font-bold mb-[12px]">Flexible Investment Units</h4>
                        <p class="text-primary">
Start with 1 unit (₦100,000) with no upper limit. Choose from 1, 5, 10, 20+ units and pay in installments over 4 months
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <!-- WHY INVEST SECTION END -->


        <!--- WORK SECTION START -->
        <section class="work-section3 relative z-20 py-[clamp(60px,5.25vw,100px)]">
            <img src="assets/img/element/work-bg3.png" alt="img" class="bg-angel absolute inset-[0px] -z-[1]">
            <div class="et-container">
                <div class="section-title mb-[clamp(16px,1.26vw,24px)] pb-[clamp(8px,0.84vw,16px)] relative z-[99] text-center">
                    <span class="et-2-section-sub-title et-3-section-sub-title">
                        <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline">
                            <path d="M5.86308 4.41502C4.48743 5.9661 2.92783 8.2035 1.57888 10.9014C1.37305 11.3131 0.872484 11.4799 0.460843 11.2741C0.0491927 11.0683 -0.117666 10.5677 0.0881593 10.1561C1.49783 7.33675 3.13745 4.97643 4.61619 3.30913C5.35425 2.47695 6.06642 1.80135 6.70408 1.32609C7.02267 1.08858 7.33742 0.89005 7.63975 0.747967C7.93275 0.610283 8.2675 0.5 8.61133 0.5C8.79133 0.5 8.98933 0.544583 9.1725 0.6623C9.35275 0.778092 9.46908 0.932708 9.54125 1.07569C9.67217 1.33513 9.68667 1.61228 9.68342 1.79948C9.6765 2.19709 9.57058 2.694 9.43467 3.19979C9.15617 4.23598 8.66617 5.6092 8.17908 6.96475L8.11075 7.15483C7.63925 8.4665 7.17508 9.75775 6.87333 10.7888C6.79208 11.0667 6.7255 11.316 6.6745 11.5345C7.25292 11.0696 7.96508 10.3712 8.72167 9.62783L8.74633 9.60358C9.481 8.88175 10.2582 8.11817 10.9139 7.59392C11.2393 7.33383 11.5902 7.08667 11.9282 6.9435C12.212 6.82317 12.8619 6.62767 13.3673 7.133C13.6876 7.45333 13.7765 7.86983 13.7995 8.18033C13.8236 8.50533 13.7858 8.85558 13.7271 9.18842C13.6096 9.85483 13.3736 10.6325 13.1578 11.3341L13.1232 11.4467C12.9304 12.0728 12.7585 12.6314 12.6605 13.0804C12.8774 12.8627 13.1445 12.518 13.4563 12.0092C13.6967 11.6167 14.2098 11.4934 14.6022 11.7338C14.9946 11.9743 15.1178 12.4873 14.8774 12.8798C14.4249 13.6185 13.9567 14.2185 13.4599 14.591C12.9403 14.9808 12.2601 15.2006 11.5719 14.8565C11.0649 14.6029 10.9498 14.0978 10.9243 13.8183C10.8966 13.516 10.9403 13.1861 10.9983 12.8889C11.1073 12.3287 11.3191 11.6415 11.5192 10.9923L11.5648 10.8441C11.7873 10.1209 11.9894 9.445 12.0857 8.89908C12.0931 8.857 12.0997 8.81683 12.1055 8.77842C12.0581 8.81417 12.0078 8.85325 11.9546 8.89575C11.3731 9.36067 10.6542 10.0657 9.88975 10.8167L9.86508 10.8409C9.1305 11.5627 8.35333 12.3263 7.69758 12.8505C7.37217 13.1107 7.02125 13.3578 6.68333 13.501C6.3995 13.6213 5.74956 13.8168 5.24426 13.3115C4.98692 13.0542 4.921 12.7294 4.89977 12.5318C4.87625 12.3129 4.89084 12.0809 4.91891 11.8626C4.9755 11.4224 5.10779 10.888 5.27379 10.3208C5.59024 9.23933 6.07017 7.90433 6.53425 6.6135L6.61058 6.40117C7.10525 5.02443 7.56833 3.72283 7.82508 2.76728C7.84767 2.68307 7.86817 2.60363 7.8865 2.5289C7.827 2.56968 7.76483 2.61413 7.70008 2.66241C7.18108 3.04923 6.55225 3.63799 5.86308 4.41502Z" fill="#69696A" />
                        </svg>
                        How it works
                    </span>
                    <h2 class="et-section-title text-black wow fadeInUp" data-wow-delay=".3s">
                        Start Investing in Just <br>
                        4 Simple Steps
                    </h2>
                </div>

                <div class="grid grid-cols-3 md:grid-cols-2 xxs:grid-cols-1 g-0 gap-y-[20px] relative">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="work-items3 max-w-[clamp(262px,15.34vw,292px)] mx-auto text-center h-full wow fadeInDown" data-wow-delay=".3s">
                            <div class="icon mx-auto bg-white flex items-center justify-center rounded-full mb-[clamp(16px,1.26vw,24px)] w-[clamp(85px,5.25vw,100px)] aspect-square">
                                <img src="assets/img/icon/w-icon1.png" alt="img">
                            </div>
                            <h3 class="text-[#2D2D2D] text-[clamp(20px,1.26vw,24px)] italic font-bold leading-[1.15] mb-[clamp(5px,0.42vw,8px)] opacity-50">01.</h3>
                            <h5 class="mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".3s">
                                <a href="#0" class="text-[#2D2D2D] text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.5]">
                                    Learn About the Cooperative
                                </a>
                            </h5>
                            <p class="text-[#2D2D2D] text-[15px] leading-[1.5] text-center decoration-[#2D2D2D] wow fadeInUp" data-wow-delay=".5s">
                                Understand the cooperative structure and investment opportunity
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="work-items3 max-w-[clamp(262px,15.34vw,292px)] mx-auto text-center h-full wow fadeInDown" data-wow-delay=".3s">
                            <div class="icon mx-auto bg-white flex items-center justify-center rounded-full mb-[clamp(16px,1.26vw,24px)] w-[clamp(85px,5.25vw,100px)] aspect-square">
                                <img src="assets/img/icon/w-icon2.png" alt="img">
                            </div>
                            <h3 class="text-[#2D2D2D] text-[clamp(20px,1.26vw,24px)] italic font-bold leading-[1.15] mb-[clamp(5px,0.42vw,8px)] opacity-50">02.</h3>
                            <h5 class="mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".3s">
                                <a href="#0" class="text-[#2D2D2D] text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.5]">
                                    Choose Your Units
                                </a>
                            </h5>
                            <p class="text-[#2D2D2D] text-[15px] leading-[1.5] text-center decoration-[#2D2D2D] wow fadeInUp" data-wow-delay=".5s">
                                


Start with 1 unit - 100,000 and then buy as many units as possible.
                            </p>
                        </div>
                    </div>
                    <!-- <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="work-items3 max-w-[clamp(262px,15.34vw,292px)] mx-auto text-center h-full wow fadeInDown" data-wow-delay=".3s">
                            <div class="icon mx-auto bg-white flex items-center justify-center rounded-full mb-[clamp(16px,1.26vw,24px)] w-[clamp(85px,5.25vw,100px)] aspect-square">
                                <img src="assets/img/icon/w-icon3.png" alt="img">
                            </div>
                            <h3 class="text-[#2D2D2D] text-[clamp(20px,1.26vw,24px)] italic font-bold leading-[1.15] mb-[clamp(5px,0.42vw,8px)] opacity-50">03.</h3>
                            <h5 class="mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".3s">
                                <a href="#0" class="text-[#2D2D2D] text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.5]">
                                    Make Payment
                                </a>
                            </h5>
                            <p class="text-[#2D2D2D] text-[15px] leading-[1.5] text-center decoration-[#2D2D2D] wow fadeInUp" data-wow-delay=".5s">
                                Pay over 4 months with flexible payment options
                            </p>
                        </div>
                    </div> -->
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="work-items3 max-w-[clamp(262px,15.34vw,292px)] mx-auto text-center h-full wow fadeInDown" data-wow-delay=".3s">
                            <div class="icon mx-auto bg-white flex items-center justify-center rounded-full mb-[clamp(16px,1.26vw,24px)] w-[clamp(85px,5.25vw,100px)] aspect-square">
                                <img src="assets/img/icon/w-icon3.png" alt="img">
                            </div>
                            <h3 class="text-[#2D2D2D] text-[clamp(20px,1.26vw,24px)] italic font-bold leading-[1.15] mb-[clamp(5px,0.42vw,8px)] opacity-50">03.</h3>
                            <h5 class="mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".3s">
                                <a href="#0" class="text-[#2D2D2D] text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.5]">
                                    Earn Returns
                                </a>
                            </h5>
                            <p class="text-[#2D2D2D] text-[15px] leading-[1.5] text-center decoration-[#2D2D2D] wow fadeInUp" data-wow-delay=".5s">
                                Receive annual dividends from your investmentk
                            </p>
                        </div>
                    </div>
                    <img src="assets/img/element/wrok-line.png" alt="img" class="worak-line absolute top-[15px] left-1/2 -translate-x-1/2 max-w-[clamp(500px,44.14vw,840px)] mx-auto z-[-1] md:hidden">
                </div>

               <div class="flex justify-center py-16 mt-[clamp(40px,4.20vw,80px)]">
                     <a href="contact.phtml" class="et-btn et-3-btn mt-[clamp(24px,2.52vw,48px)]">
                    Join CII Today
                    <i class="fa-solid fa-arrow-right fz-14" style="transform: rotate(-40deg);"></i>
                </a>
                </div>
            </div>
        </section>
        <!-- WORK SECTION END -->


        <!-- Feature -->
        <section class="feature-section relative py-[clamp(60px,5.25vw,100px)] z-1">
            <div class="et-container">
                <div style="align-items: center;" class="grid grid-cols-2  md:grid-cols-1 gap-[clamp(16px,1.26vw,24px)] justify-between">
                    <div class="col">
                        <div class="section-title relative z-[99] pb-[clamp(10px,0.84vw,16px)] mb-[clamp(16px,1.26vw,24px)]">
                            <span class="et-2-section-sub-title">
                                <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline">
                                    <path d="M5.86308 4.41502C4.48743 5.9661 2.92783 8.2035 1.57888 10.9014C1.37305 11.3131 0.872484 11.4799 0.460843 11.2741C0.0491927 11.0683 -0.117666 10.5677 0.0881593 10.1561C1.49783 7.33675 3.13745 4.97643 4.61619 3.30913C5.35425 2.47695 6.06642 1.80135 6.70408 1.32609C7.02267 1.08858 7.33742 0.89005 7.63975 0.747967C7.93275 0.610283 8.2675 0.5 8.61133 0.5C8.79133 0.5 8.98933 0.544583 9.1725 0.6623C9.35275 0.778092 9.46908 0.932708 9.54125 1.07569C9.67217 1.33513 9.68667 1.61228 9.68342 1.79948C9.6765 2.19709 9.57058 2.694 9.43467 3.19979C9.15617 4.23598 8.66617 5.6092 8.17908 6.96475L8.11075 7.15483C7.63925 8.4665 7.17508 9.75775 6.87333 10.7888C6.79208 11.0667 6.7255 11.316 6.6745 11.5345C7.25292 11.0696 7.96508 10.3712 8.72167 9.62783L8.74633 9.60358C9.481 8.88175 10.2582 8.11817 10.9139 7.59392C11.2393 7.33383 11.5902 7.08667 11.9282 6.9435C12.212 6.82317 12.8619 6.62767 13.3673 7.133C13.6876 7.45333 13.7765 7.86983 13.7995 8.18033C13.8236 8.50533 13.7858 8.85558 13.7271 9.18842C13.6096 9.85483 13.3736 10.6325 13.1578 11.3341L13.1232 11.4467C12.9304 12.0728 12.7585 12.6314 12.6605 13.0804C12.8774 12.8627 13.1445 12.518 13.4563 12.0092C13.6967 11.6167 14.2098 11.4934 14.6022 11.7338C14.9946 11.9743 15.1178 12.4873 14.8774 12.8798C14.4249 13.6185 13.9567 14.2185 13.4599 14.591C12.9403 14.9808 12.2601 15.2006 11.5719 14.8565C11.0649 14.6029 10.9498 14.0978 10.9243 13.8183C10.8966 13.516 10.9403 13.1861 10.9983 12.8889C11.1073 12.3287 11.3191 11.6415 11.5192 10.9923L11.5648 10.8441C11.7873 10.1209 11.9894 9.445 12.0857 8.89908C12.0931 8.857 12.0997 8.81683 12.1055 8.77842C12.0581 8.81417 12.0078 8.85325 11.9546 8.89575C11.3731 9.36067 10.6542 10.0657 9.88975 10.8167L9.86508 10.8409C9.1305 11.5627 8.35333 12.3263 7.69758 12.8505C7.37217 13.1107 7.02125 13.3578 6.68333 13.501C6.3995 13.6213 5.74956 13.8168 5.24426 13.3115C4.98692 13.0542 4.921 12.7294 4.89977 12.5318C4.87625 12.3129 4.89084 12.0809 4.91891 11.8626C4.9755 11.4224 5.10779 10.888 5.27379 10.3208C5.59024 9.23933 6.07017 7.90433 6.53425 6.6135L6.61058 6.40117C7.10525 5.02443 7.56833 3.72283 7.82508 2.76728C7.84767 2.68307 7.86817 2.60363 7.8865 2.5289C7.827 2.56968 7.76483 2.61413 7.70008 2.66241C7.18108 3.04923 6.55225 3.63799 5.86308 4.41502Z" fill="#69696A" />
                                </svg>
                                Features
                            </span>
                            <h2 class="et-section-title text-black mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                What Makes the Cooperative Special?
                            </h2>
                            <p class="black-clr">
                                The Cooperative  operates as a multipurpose cooperative and Special Purpose Vehicle (SPV) designed to give members accessible you an accessible investment opportunity with the banking sector.
                            </p>
                        </div>
                        <div class="grid grid-cols-2 xxs:grid-cols-1 gap-[clamp(8px,0.84vw,16px)]">
                            <div class="col">
                                <div class="feature-sub-item flex items-center bg-white rounded-xl shadow-[8px_8px_32px_0px_#240C8714] gap-[clamp(10px,0.84vw,16px)] px-[clamp(16px,1.16vw,22px)] py-[clamp(15px,1.05vw,20px)]">
                                    <img src="assets/img/icon/fetaure-iocon1.png" alt="img">
                                    <h6 class="text-primary font-bold leading-[1.2]">
                                        Accessible Entry Point
                                    </h6>
                                </div>
                            </div>
                            <div class="col">
                                <div class="feature-sub-item flex items-center bg-white rounded-xl shadow-[8px_8px_32px_0px_#240C8714] gap-[clamp(10px,0.84vw,16px)] px-[clamp(16px,1.16vw,22px)] py-[clamp(15px,1.05vw,20px)]">
                                    <img src="assets/img/icon/fetaure-iocon2.png" alt="img">
                                    <h6 class="text-primary font-bold leading-[1.2]">
                                        Cooperative Ownership
                                    </h6>
                                </div>
                            </div>
                            <div class="col">
                                <div class="feature-sub-item flex items-center bg-white rounded-xl shadow-[8px_8px_32px_0px_#240C8714] gap-[clamp(10px,0.84vw,16px)] px-[clamp(16px,1.16vw,22px)] py-[clamp(15px,1.05vw,20px)]">
                                    <img src="assets/img/icon/fetaure-iocon3.png" alt="img">
                                    <h6 class="text-primary font-bold leading-[1.2]">
                                        Transparent Governance
                                    </h6>
                                </div>
                            </div>
                            <div class="col">
                                <div class="feature-sub-item flex items-center bg-white rounded-xl shadow-[8px_8px_32px_0px_#240C8714] gap-[clamp(10px,0.84vw,16px)] px-[clamp(16px,1.16vw,22px)] py-[clamp(15px,1.05vw,20px)]">
                                    <img src="assets/img/icon/fetaure-iocon4.png" alt="img">
                                    <h6 class="text-primary font-bold leading-[1.2]">
                                        Flexible Payment Plans
                                    </h6>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col">
                        <div class="feature-thumb pl-[clamp(24px,2.52vw,48px)] img-custom-anim-right">
                            <img style="border-radius:10px" src="assets/img/m4.jpeg" alt="img" class="w-full">
                        </div>
                    </div>
                </div>
            </div>
            <img src="assets/img/element/feature-bg.png" alt="img" class="feature-bg absolute inset-0 top-auto -z-[1] ">
        </section>


        <!-- Testimonial Section -->
        <section class="testimonial-section3 bg-[url('assets/img/testimonial/testimonial-bg3.png')] bg-center bg-no-repeat bg-cover relative z-1 py-[clamp(60px,5.25vw,100px)]">
            <div class="et-container">
                <div class="section-title mb-[clamp(16px,1.26vw,24px)] pb-[clamp(8px,0.84vw,16px)] relative z-[99] text-center">
                    <span class="et-2-section-sub-title et-3-section-sub-title">
                        <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline">
                            <path d="M5.86308 4.41502C4.48743 5.9661 2.92783 8.2035 1.57888 10.9014C1.37305 11.3131 0.872484 11.4799 0.460843 11.2741C0.0491927 11.0683 -0.117666 10.5677 0.0881593 10.1561C1.49783 7.33675 3.13745 4.97643 4.61619 3.30913C5.35425 2.47695 6.06642 1.80135 6.70408 1.32609C7.02267 1.08858 7.33742 0.89005 7.63975 0.747967C7.93275 0.610283 8.2675 0.5 8.61133 0.5C8.79133 0.5 8.98933 0.544583 9.1725 0.6623C9.35275 0.778092 9.46908 0.932708 9.54125 1.07569C9.67217 1.33513 9.68667 1.61228 9.68342 1.79948C9.6765 2.19709 9.57058 2.694 9.43467 3.19979C9.15617 4.23598 8.66617 5.6092 8.17908 6.96475L8.11075 7.15483C7.63925 8.4665 7.17508 9.75775 6.87333 10.7888C6.79208 11.0667 6.7255 11.316 6.6745 11.5345C7.25292 11.0696 7.96508 10.3712 8.72167 9.62783L8.74633 9.60358C9.481 8.88175 10.2582 8.11817 10.9139 7.59392C11.2393 7.33383 11.5902 7.08667 11.9282 6.9435C12.212 6.82317 12.8619 6.62767 13.3673 7.133C13.6876 7.45333 13.7765 7.86983 13.7995 8.18033C13.8236 8.50533 13.7858 8.85558 13.7271 9.18842C13.6096 9.85483 13.3736 10.6325 13.1578 11.3341L13.1232 11.4467C12.9304 12.0728 12.7585 12.6314 12.6605 13.0804C12.8774 12.8627 13.1445 12.518 13.4563 12.0092C13.6967 11.6167 14.2098 11.4934 14.6022 11.7338C14.9946 11.9743 15.1178 12.4873 14.8774 12.8798C14.4249 13.6185 13.9567 14.2185 13.4599 14.591C12.9403 14.9808 12.2601 15.2006 11.5719 14.8565C11.0649 14.6029 10.9498 14.0978 10.9243 13.8183C10.8966 13.516 10.9403 13.1861 10.9983 12.8889C11.1073 12.3287 11.3191 11.6415 11.5192 10.9923L11.5648 10.8441C11.7873 10.1209 11.9894 9.445 12.0857 8.89908C12.0931 8.857 12.0997 8.81683 12.1055 8.77842C12.0581 8.81417 12.0078 8.85325 11.9546 8.89575C11.3731 9.36067 10.6542 10.0657 9.88975 10.8167L9.86508 10.8409C9.1305 11.5627 8.35333 12.3263 7.69758 12.8505C7.37217 13.1107 7.02125 13.3578 6.68333 13.501C6.3995 13.6213 5.74956 13.8168 5.24426 13.3115C4.98692 13.0542 4.921 12.7294 4.89977 12.5318C4.87625 12.3129 4.89084 12.0809 4.91891 11.8626C4.9755 11.4224 5.10779 10.888 5.27379 10.3208C5.59024 9.23933 6.07017 7.90433 6.53425 6.6135L6.61058 6.40117C7.10525 5.02443 7.56833 3.72283 7.82508 2.76728C7.84767 2.68307 7.86817 2.60363 7.8865 2.5289C7.827 2.56968 7.76483 2.61413 7.70008 2.66241C7.18108 3.04923 6.55225 3.63799 5.86308 4.41502Z" fill="#69696A" />
                        </svg>
                        Testimonials
                    </span>
                    <h2 class="et-section-title text-black wow fadeInUp" data-wow-delay=".3s">
                        Trusted by over 3,000+ Individuals <br> & Businesses
                    </h2>
                </div>

                <div style="display: none;" class="swiper testimonial-Wrapper3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/joned.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Jane D.</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">Project Manager</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/markr.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Mark R</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">CEO of Featured</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/joned.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Jane D.</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">Project Manager</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start -->
        <section class="insight-section bg-white z-1 overflow-hidden pt-[clamp(60px,5.25vw,100px)] ml-[clamp(60px,6.31vw,120px)] xl:ml-0">
            <div class="swiper insight-Wrapper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="team-items insight-items3 backdrop-blur-[2.5px] bg-white/80 rounded-2xl shadow-[8px_8px_32px_0px_#240C8717] mt-[10px] mb-[clamp(17px,1.84vw,35px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(10px,0.84vw,16px)] duration-300 group hover:bg-[#133A9D]">
                            <a href="case-details.phtml" class="thumb block w-full overflow-hidden">
                                <img src="info/img/1.jpg" alt="img" class="w-full rounded-lg">
                            </a>
                            <div class="content flex items-end justify-between gap-[clamp(10px,0.84vw,16px)] pt-[clamp(16px,1.26vw,24px)] p-[clamp(5px,0.42vw,8px)]">
                                <div>
                                    <!-- <div class="flex items-center flex-wrap gap-[4px] mb-[clamp(10px,0.84vw,16px)]">
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">Retail</span>
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">PredictiveAnalytics</span>
                                    </div> -->
                                    <!-- <h4 class="max-w-[clamp(267px,14.19vw,270px)] wow fadeInUp" data-wow-delay=".4s">
                                        <a href="case-details.phtml" class="inline text-primary group-hover:text-white text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Retail Business Optimization- Teach
                                        </a>
                                    </h4> -->
                                </div>
                                <!-- <a href="case-details.phtml" class="flex items-center justify-center bg-white border border-[#dee2e6] group-hover:border-primary rounded-full min-w-[clamp(43px,2.52vw,48px)] aspect-square text-primary">
                                    <i class="fa-solid fa-arrow-right"></i>
                                </a> -->
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="team-items insight-items3 backdrop-blur-[2.5px] bg-white/80 rounded-2xl shadow-[8px_8px_32px_0px_#240C8717] mt-[10px] mb-[clamp(17px,1.84vw,35px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(10px,0.84vw,16px)] duration-300 group hover:bg-[#133A9D]">
                            <a href="case-details.phtml" class="thumb block w-full overflow-hidden">
                                <img src="info/img/2.jpg" alt="img" class="w-full rounded-lg">
                            </a>
                            <div class="content flex items-end justify-between gap-[clamp(10px,0.84vw,16px)] pt-[clamp(16px,1.26vw,24px)] p-[clamp(5px,0.42vw,8px)]">
                                <div>
                                    <!-- <div class="flex items-center flex-wrap gap-[4px] mb-[clamp(10px,0.84vw,16px)]">
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">Retail</span>
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">PredictiveAnalytics</span>
                                    </div> -->
                                    <!-- <h4 class="max-w-[clamp(267px,14.19vw,270px)] wow fadeInUp" data-wow-delay=".4s">
                                        <a href="case-details.phtml" class="inline text-primary group-hover:text-white text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Retail Business Optimization- Teach
                                        </a>
                                    </h4> -->
                                </div>
                                <!-- <a href="case-details.phtml" class="flex items-center justify-center bg-white border border-[#dee2e6] group-hover:border-primary rounded-full min-w-[clamp(43px,2.52vw,48px)] aspect-square text-primary">
                                    <i class="fa-solid fa-arrow-right"></i>
                                </a> -->
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="team-items insight-items3 backdrop-blur-[2.5px] bg-white/80 rounded-2xl shadow-[8px_8px_32px_0px_#240C8717] mt-[10px] mb-[clamp(17px,1.84vw,35px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(10px,0.84vw,16px)] duration-300 group hover:bg-[#133A9D]">
                            <a href="case-details.phtml" class="thumb block w-full overflow-hidden">
                                <img src="info/img/3.jpg" alt="img" class="w-full rounded-lg">
                            </a>
                            <div class="content flex items-end justify-between gap-[clamp(10px,0.84vw,16px)] pt-[clamp(16px,1.26vw,24px)] p-[clamp(5px,0.42vw,8px)]">
                                <div>
                                    <!-- <div class="flex items-center flex-wrap gap-[4px] mb-[clamp(10px,0.84vw,16px)]">
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">Retail</span>
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">PredictiveAnalytics</span>
                                    </div> -->
                                    <!-- <h4 class="max-w-[clamp(267px,14.19vw,270px)] wow fadeInUp" data-wow-delay=".4s">
                                        <a href="case-details.phtml" class="inline text-primary group-hover:text-white text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Retail Business Optimization- Teach
                                        </a>
                                    </h4> -->
                                </div>
                                <!-- <a href="case-details.phtml" class="flex items-center justify-center bg-white border border-[#dee2e6] group-hover:border-primary rounded-full min-w-[clamp(43px,2.52vw,48px)] aspect-square text-primary">
                                    <i class="fa-solid fa-arrow-right"></i>
                                </a> -->
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="team-items insight-items3 backdrop-blur-[2.5px] bg-white/80 rounded-2xl shadow-[8px_8px_32px_0px_#240C8717] mt-[10px] mb-[clamp(17px,1.84vw,35px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(10px,0.84vw,16px)] duration-300 group hover:bg-[#133A9D]">
                            <a href="case-details.phtml" class="thumb block w-full overflow-hidden">
                                <img src="info/img/4.jpg" alt="img" class="w-full rounded-lg">
                            </a>
                            <div class="content flex items-end justify-between gap-[clamp(10px,0.84vw,16px)] pt-[clamp(16px,1.26vw,24px)] p-[clamp(5px,0.42vw,8px)]">
                                <div>
                                    <!-- <div class="flex items-center flex-wrap gap-[4px] mb-[clamp(10px,0.84vw,16px)]">
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">Retail</span>
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">PredictiveAnalytics</span>
                                    </div> -->
                                    <!-- <h4 class="max-w-[clamp(267px,14.19vw,270px)] wow fadeInUp" data-wow-delay=".4s">
                                        <a href="case-details.phtml" class="inline text-primary group-hover:text-white text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Retail Business Optimization- Teach
                                        </a>
                                    </h4> -->
                                </div>
                                <!-- <a href="case-details.phtml" class="flex items-center justify-center bg-white border border-[#dee2e6] group-hover:border-primary rounded-full min-w-[clamp(43px,2.52vw,48px)] aspect-square text-primary">
                                    <i class="fa-solid fa-arrow-right"></i>
                                </a> -->
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="team-items insight-items3 backdrop-blur-[2.5px] bg-white/80 rounded-2xl shadow-[8px_8px_32px_0px_#240C8717] mt-[10px] mb-[clamp(17px,1.84vw,35px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(10px,0.84vw,16px)] duration-300 group hover:bg-[#133A9D]">
                            <a href="case-details.phtml" class="thumb block w-full overflow-hidden">
                                <img src="info/img/5.jpg" alt="img" class="w-full rounded-lg">
                            </a>
                            <div class="content flex items-end justify-between gap-[clamp(10px,0.84vw,16px)] pt-[clamp(16px,1.26vw,24px)] p-[clamp(5px,0.42vw,8px)]">
                                <div>
                                    <!-- <div class="flex items-center flex-wrap gap-[4px] mb-[clamp(10px,0.84vw,16px)]">
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">Retail</span>
                                        <span class="group-hover:bg-white/22 border border-primary group-hover:border-white/23 rounded-[32px] text-primary group-hover:text-white text-[14px] font-medium leading-[1.5] px-[clamp(10px,0.84vw,16px)] py-[4px]">PredictiveAnalytics</span>
                                    </div> -->
                                    <!-- <h4 class="max-w-[clamp(267px,14.19vw,270px)] wow fadeInUp" data-wow-delay=".4s">
                                        <a href="case-details.phtml" class="inline text-primary group-hover:text-white text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Retail Business Optimization- Teach
                                        </a>
                                    </h4> -->
                                </div>
                                <!-- <a href="case-details.phtml" class="flex items-center justify-center bg-white border border-[#dee2e6] group-hover:border-primary rounded-full min-w-[clamp(43px,2.52vw,48px)] aspect-square text-primary">
                                    <i class="fa-solid fa-arrow-right"></i>
                                </a> -->
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>




        <!-- PRICING SECTION START -->
        <section style="display: none;" class="pricing-section2 overflow-hidden -mt-[75px] relative z-[1] py-[clamp(60px,5.25vw,100px)]">
            <img src="assets/img/element/pricing-bg3.png" alt="img" class="pricing-bg3 absolute top-0 left-0 w-full h-full">
            <div class="et-container pt-[clamp(24px,2.52vw,48px)]">
                <div class="grid-cols-12 gap-[clamp(16px,1.26vw,24px)] items-end mb-[clamp(20px,2.10vw,40px)] hidden">
                    <div class="col-span-7 col-md-7">
                        <div class="section-header">
                            <span class="et-2-section-sub-title text-white border-white">Pricing</span>
                            <h2 class="et-section-title text-white wow fadeInUp" data-wow-delay=".3s">
                                Flexible Coaching <br> Packages
                                <span class="fw-300">to Fit Your Journey</span>
                            </h2>
                        </div>
                    </div>
                    <div class="col-span-5 col-md-5">
                        <div class="wow fadeInUp" data-wow-delay=".4s">
                            <p class="text-white opacity-75 text-[15px] leading-[1.5]">
                                We understand that every journey is unique. That’s why we offer tailored coaching packages
                                designed to fit your personal
                                goals and needs.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="grid grid-cols-3 md:grid-cols-2 xs:grid-cols-1 gap-[clamp(16px,1.26vw,24px)]">
                    <div class="col">
                        <div class="pricing-plan-items pricing-plan-items2 bg-white relative rounded-[8px] border border-white/16 overflow-hidden px-[clamp(20px,2.10vw,40px)] py-[clamp(28px,2.94vw,56px)] wow fadeInUp" data-wow-delay=".2s">
                            <div class="mb-[clamp(16px,1.26vw,24px)]">
                                <h4 class="text-[#2d2d2d] text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[4px]">Starter Plan</h4>
                                <p class="opacity-75 text-[15px] leading-[1.5] text-[#2d2d2d]">Basic task & project management</p>
                            </div>
                            <div class="flex items-end gap-[clamp(5px,0.42vw,8px)] mb-[clamp(16px,1.26vw,24px)]">
                                <h2 class="text-[#2d2d2d] text-[clamp(24px,2.52vw,48px)] font-extrabold leading-[1.1]">$199</h2>
                                <span class="text-[#2d2d2d] text-[15px] italic leading-[1.5] opacity-[0.75]">/One-time</span>
                            </div>
                            <a href="contact.phtml" class="et-btn bg-white border text-[#2d2d2d] border-[#dee2e6] w-full justify-center mb-[clamp(20px,2.10vw,40px)] h-[clamp(43px,2.52vw,48px)] hover:text-white">
                                Get Started Today
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                            <ul class="flex flex-col gap-[16px] border-t border-[#dee2e6] pt-[clamp(24px,2.52vw,48px)] *:flex *:items-center *:gap-[16px] *:text-[#2d2d2d] *:text-[15px] *:leading-[1.5] *:list-none *:text-left">
                                <li class="d-flex align-items-center gap-xl-3 gap-2 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M5.31859 5.47358C6.60166 4.44722 8.22916 3.8335 10 3.8335C11.7708 3.8335 13.3983 4.44722 14.6814 5.47358L15.8926 4.26243L17.0711 5.44094L15.8599 6.65209C16.8863 7.93515 17.5 9.56266 17.5 11.3335C17.5 15.4757 14.1422 18.8335 10 18.8335C5.85787 18.8335 2.5 15.4757 2.5 11.3335C2.5 9.56266 3.11373 7.93515 4.14008 6.65209L2.92893 5.44094L4.10744 4.26243L5.31859 5.47358ZM10.8333 10.5002V6.74616L6.66667 12.1668H9.16667V15.9168L13.3333 10.5002H10.8333ZM6.66667 1.3335H13.3333V3.00016H6.66667V1.3335Z" fill="#1F1D1D96" fill-opacity="0.5" />
                                    </svg>
                                    1 Strategy Session
                                </li>
                                <li class="d-flex align-items-center gap-xl-3 gap-2 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M1.86911 6.21182L9.57467 1.59036C9.83858 1.43207 10.1683 1.43212 10.4322 1.59051L18.1312 6.2118C18.2567 6.28711 18.3334 6.42272 18.3334 6.56905V17.1665C18.3334 17.6268 17.9603 17.9999 17.5001 17.9999H2.50008C2.03985 17.9999 1.66675 17.6268 1.66675 17.1665V6.56915C1.66675 6.42276 1.74356 6.28712 1.86911 6.21182ZM15.2881 7.36972L10.0506 11.9023L4.7061 7.3646L3.6274 8.63511L10.061 14.0974L16.3787 8.62998L15.2881 7.36972Z" fill="#1F1D1D96" fill-opacity="0.5" />
                                    </svg>
                                    Email Support
                                </li>
                                <li class="d-flex align-items-center gap-xl-3 gap-2 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M6.66675 2.1665V18.8332H3.33341V15.4998H1.66675V13.8332H3.33341V11.3332H1.66675V9.6665H3.33341V7.1665H1.66675V5.49984H3.33341V2.1665H6.66675ZM16.6708 2.1665C17.5891 2.1665 18.3334 2.91501 18.3334 3.8255V17.1742C18.3334 18.0904 17.5896 18.8332 16.6708 18.8332H8.33342V2.1665H16.6708Z" fill="#1F1D1D96" fill-opacity="0.5" />
                                    </svg>
                                    Budget Planning
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col">
                        <div class="pricing-plan-items pricing-plan-items2 priicng-growth2 bg-et3primary relative rounded-[8px] border border-white/16 overflow-hidden px-[clamp(20px,2.10vw,40px)] py-[clamp(28px,2.94vw,56px)] wow fadeInUp" data-wow-delay=".4s">
                            <div class="mb-[clamp(16px,1.26vw,24px)]">
                                <h4 class="text-white text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[4px]">Growth Plan</h4>
                                <p class="opacity-75 text-[15px] leading-[1.5] text-white">Advanced features integrations</p>
                            </div>
                            <div class="flex items-end gap-[clamp(5px,0.42vw,8px)] mb-[clamp(16px,1.26vw,24px)]">
                                <h2 class="text-white text-[clamp(24px,2.52vw,48px)] font-extrabold leading-[1.1]">$299</h2>
                                <span class="text-white text-[15px] italic leading-[1.5] opacity-[0.75]">/One-time</span>
                            </div>
                            <a href="contact.phtml" class="et-btn h-[clamp(43px,2.52vw,48px)] bg-white text-[#2d2d2d] hover:text-white hover:border-white w-full justify-center mb-[clamp(20px,2.10vw,40px)]">
                                Start Scaling
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                            <ul class="flex flex-col gap-[16px] border-t border-white pt-[clamp(24px,2.52vw,48px)] *:flex *:items-center *:gap-[16px] *:text-white *:text-[15px] *:leading-[1.5] *:list-none *:text-left">
                                <li class="d-flex align-items-center gap-xl-3 gap-2 theme-clr4 fw-500 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M1.66675 18.8335C1.66675 15.1516 4.65151 12.1668 8.33341 12.1668C12.0153 12.1668 15.0001 15.1516 15.0001 18.8335H1.66675ZM8.33341 11.3335C5.57091 11.3335 3.33341 9.096 3.33341 6.3335C3.33341 3.571 5.57091 1.3335 8.33341 1.3335C11.0959 1.3335 13.3334 3.571 13.3334 6.3335C13.3334 9.096 11.0959 11.3335 8.33341 11.3335ZM14.4691 13.1945C17.0402 13.8516 18.9733 16.1031 19.1531 18.8335H16.6667C16.6667 16.6587 15.8336 14.6784 14.4691 13.1945ZM12.7835 11.2976C14.1441 10.077 15.0001 8.30522 15.0001 6.3335C15.0001 5.15238 14.6929 4.043 14.1542 3.08089C16.0628 3.4618 17.5001 5.1457 17.5001 7.16683C17.5001 9.46891 15.6355 11.3335 13.3334 11.3335C13.147 11.3335 12.9634 11.3212 12.7835 11.2976Z" fill="#ffffff" fill-opacity="0.5" />
                                    </svg>
                                    Custom Pricing
                                </li>
                                <li class="d-flex align-items-center gap-xl-3 gap-2 theme-clr4 fw-500 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M14.1707 13.8356H15.8373V3.83561H7.50398V5.50228H14.1707V13.8356ZM14.1707 15.5023V18.0015C14.1707 18.4622 13.7957 18.8356 13.3316 18.8356H3.34303C2.87965 18.8356 2.50415 18.4651 2.50415 18.0015L2.50632 6.33634C2.50641 5.8757 2.88135 5.50228 3.34533 5.50228H5.83732V3.00228C5.83732 2.54204 6.21042 2.16895 6.67065 2.16895H16.6707C17.1309 2.16895 17.504 2.54204 17.504 3.00228V14.6689C17.504 15.1292 17.1309 15.5023 16.6707 15.5023H14.1707ZM5.83732 13.8356V15.5023H7.50398V16.3356H9.17067V15.5023H9.58733C10.7379 15.5023 11.6707 14.5695 11.6707 13.4189C11.6707 12.2684 10.7379 11.3356 9.58733 11.3356H7.08732C6.8572 11.3356 6.67065 11.149 6.67065 10.9189C6.67065 10.6889 6.8572 10.5023 7.08732 10.5023H10.8373V8.8356H9.17067V8.00228H7.50398V8.8356H7.08732C5.93673 8.8356 5.00398 9.76835 5.00398 10.9189C5.00398 12.0695 5.93673 13.0023 7.08732 13.0023H9.58733C9.81742 13.0023 10.004 13.1889 10.004 13.4189C10.004 13.649 9.81742 13.8356 9.58733 13.8356H5.83732Z" fill="#ffffff" fill-opacity="0.5" />
                                    </svg>
                                    KPI Dashboards
                                </li>
                                <li class="d-flex align-items-center gap-xl-3 gap-2 theme-clr4 fw-500 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M17.5 8.88583V3.83333C17.5 3.3731 17.1269 3 16.6667 3H15.8333C14.1845 4.64887 11.0856 5.57273 9.16667 6.01068V14.9893C11.0856 15.4273 14.1845 16.3512 15.8333 18H16.6667C17.1269 18 17.5 17.6269 17.5 17.1667V12.1142C18.2188 11.9292 18.75 11.2766 18.75 10.5C18.75 9.72342 18.2188 9.07083 17.5 8.88583ZM4.16667 6.33333C3.24619 6.33333 2.5 7.07953 2.5 8V13C2.5 13.9205 3.24619 14.6667 4.16667 14.6667H5L5.83333 18.8333H7.5V6.33333H4.16667Z" fill="#ffffff" fill-opacity="0.5" />
                                    </svg>
                                    Full Email + Call Support
                                </li>
                            </ul>
                            <img src="assets/img/element/popular-badge.png" alt="img" class="popular-badge absolute top-0 right-0">
                        </div>
                    </div>
                    <div class="col">
                        <div class="pricing-plan-items pricing-plan-items2 bg-white relative rounded-[8px] border border-white/16 overflow-hidden px-[clamp(20px,2.10vw,40px)] py-[clamp(28px,2.94vw,56px)] wow fadeInUp" data-wow-delay=".5s">
                            <div class="mb-[clamp(16px,1.26vw,24px)]">
                                <h4 class="text-[#2d2d2d] text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[4px]">Enterprise Plan</h4>
                                <p class="opacity-75 text-[15px] leading-[1.5] text-[#2d2d2d]">Custom solutions for large teams</p>
                            </div>
                            <div class="flex items-end gap-[clamp(5px,0.42vw,8px)] mb-[clamp(16px,1.26vw,24px)]">
                                <h2 class="text-[#2d2d2d] text-[clamp(24px,2.52vw,48px)] font-extrabold leading-[1.1]">$499</h2>
                                <span class="text-[#2d2d2d] text-[15px] italic leading-[1.5] opacity-[0.75]">/month</span>
                            </div>
                            <a href="contact.phtml" class="et-btn bg-white border text-[#2d2d2d] border-[#dee2e6] w-full justify-center mb-[clamp(20px,2.10vw,40px)] h-[clamp(43px,2.52vw,48px)] hover:text-white">
                                Book a Free Consultation
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                            <ul class="flex flex-col gap-[16px] border-t border-[#dee2e6] pt-[clamp(24px,2.52vw,48px)] *:flex *:items-center *:gap-[16px] *:text-[#2d2d2d] *:text-[15px] *:leading-[1.5] *:list-none *:text-left">
                                <li class="d-flex align-items-center gap-xl-3 gap-2 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M5.31859 5.47358C6.60166 4.44722 8.22916 3.8335 10 3.8335C11.7708 3.8335 13.3983 4.44722 14.6814 5.47358L15.8926 4.26243L17.0711 5.44094L15.8599 6.65209C16.8863 7.93515 17.5 9.56266 17.5 11.3335C17.5 15.4757 14.1422 18.8335 10 18.8335C5.85787 18.8335 2.5 15.4757 2.5 11.3335C2.5 9.56266 3.11373 7.93515 4.14008 6.65209L2.92893 5.44094L4.10744 4.26243L5.31859 5.47358ZM10.8333 10.5002V6.74616L6.66667 12.1668H9.16667V15.9168L13.3333 10.5002H10.8333ZM6.66667 1.3335H13.3333V3.00016H6.66667V1.3335Z" fill="#1F1D1D96" fill-opacity="0.5" />
                                    </svg>
                                    Custom Pricing
                                </li>
                                <li class="d-flex align-items-center gap-xl-3 gap-2 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M1.86911 6.21182L9.57467 1.59036C9.83858 1.43207 10.1683 1.43212 10.4322 1.59051L18.1312 6.2118C18.2567 6.28711 18.3334 6.42272 18.3334 6.56905V17.1665C18.3334 17.6268 17.9603 17.9999 17.5001 17.9999H2.50008C2.03985 17.9999 1.66675 17.6268 1.66675 17.1665V6.56915C1.66675 6.42276 1.74356 6.28712 1.86911 6.21182ZM15.2881 7.36972L10.0506 11.9023L4.7061 7.3646L3.6274 8.63511L10.061 14.0974L16.3787 8.62998L15.2881 7.36972Z" fill="#1F1D1D96" fill-opacity="0.5" />
                                    </svg>
                                    KPI Dashboards
                                </li>
                                <li class="d-flex align-items-center gap-xl-3 gap-2 fz-15">
                                    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M6.66675 2.1665V18.8332H3.33341V15.4998H1.66675V13.8332H3.33341V11.3332H1.66675V9.6665H3.33341V7.1665H1.66675V5.49984H3.33341V2.1665H6.66675ZM16.6708 2.1665C17.5891 2.1665 18.3334 2.91501 18.3334 3.8255V17.1742C18.3334 18.0904 17.5896 18.8332 16.6708 18.8332H8.33342V2.1665H16.6708Z" fill="#1F1D1D96" fill-opacity="0.5" />
                                    </svg>
                                    Full Email + Call Support
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- PRICING SECTION END -->


        <!-- BLOG SECTION START -->
        <section style="display: none;" class="blog-section pt-[clamp(60px,5.25vw,100px)]">
            <!-- <div class="pt-100 d-xxl-block d-none"></div> -->
            <div class="et-container">
                <div class="grid grid-cols-2 sm:grid-cols-1 place-items-end sm:place-items-start mb-[clamp(20px,2.10vw,40px)] gap-y-[10px]">
                    <div class="section-left">
                        <div class="section-header">
                            <div class="et-2-section-sub-title"><svg width="15" height="16" viewBox="0 0 15 16" fill="none" class="inline" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.86308 4.41502C4.48743 5.9661 2.92783 8.2035 1.57888 10.9014C1.37305 11.3131 0.872484 11.4799 0.460843 11.2741C0.0491927 11.0683 -0.117666 10.5677 0.0881593 10.1561C1.49783 7.33675 3.13745 4.97643 4.61619 3.30913C5.35425 2.47695 6.06642 1.80135 6.70408 1.32609C7.02267 1.08858 7.33742 0.89005 7.63975 0.747967C7.93275 0.610283 8.2675 0.5 8.61133 0.5C8.79133 0.5 8.98933 0.544583 9.1725 0.6623C9.35275 0.778092 9.46908 0.932708 9.54125 1.07569C9.67217 1.33513 9.68667 1.61228 9.68342 1.79948C9.6765 2.19709 9.57058 2.694 9.43467 3.19979C9.15617 4.23598 8.66617 5.6092 8.17908 6.96475L8.11075 7.15483C7.63925 8.4665 7.17508 9.75775 6.87333 10.7888C6.79208 11.0667 6.7255 11.316 6.6745 11.5345C7.25292 11.0696 7.96508 10.3712 8.72167 9.62783L8.74633 9.60358C9.481 8.88175 10.2582 8.11817 10.9139 7.59392C11.2393 7.33383 11.5902 7.08667 11.9282 6.9435C12.212 6.82317 12.8619 6.62767 13.3673 7.133C13.6876 7.45333 13.7765 7.86983 13.7995 8.18033C13.8236 8.50533 13.7858 8.85558 13.7271 9.18842C13.6096 9.85483 13.3736 10.6325 13.1578 11.3341L13.1232 11.4467C12.9304 12.0728 12.7585 12.6314 12.6605 13.0804C12.8774 12.8627 13.1445 12.518 13.4563 12.0092C13.6967 11.6167 14.2098 11.4934 14.6022 11.7338C14.9946 11.9743 15.1178 12.4873 14.8774 12.8798C14.4249 13.6185 13.9567 14.2185 13.4599 14.591C12.9403 14.9808 12.2601 15.2006 11.5719 14.8565C11.0649 14.6029 10.9498 14.0978 10.9243 13.8183C10.8966 13.516 10.9403 13.1861 10.9983 12.8889C11.1073 12.3287 11.3191 11.6415 11.5192 10.9923L11.5648 10.8441C11.7873 10.1209 11.9894 9.445 12.0857 8.89908C12.0931 8.857 12.0997 8.81683 12.1055 8.77842C12.0581 8.81417 12.0078 8.85325 11.9546 8.89575C11.3731 9.36067 10.6542 10.0657 9.88975 10.8167L9.86508 10.8409C9.1305 11.5627 8.35333 12.3263 7.69758 12.8505C7.37217 13.1107 7.02125 13.3578 6.68333 13.501C6.3995 13.6213 5.74956 13.8168 5.24426 13.3115C4.98692 13.0542 4.921 12.7294 4.89977 12.5318C4.87625 12.3129 4.89084 12.0809 4.91891 11.8626C4.9755 11.4224 5.10779 10.888 5.27379 10.3208C5.59024 9.23933 6.07017 7.90433 6.53425 6.6135L6.61058 6.40117C7.10525 5.02443 7.56833 3.72283 7.82508 2.76728C7.84767 2.68307 7.86817 2.60363 7.8865 2.5289C7.827 2.56968 7.76483 2.61413 7.70008 2.66241C7.18108 3.04923 6.55225 3.63799 5.86308 4.41502Z" fill="#69696A"></path>
                                </svg> Insights</div>
                            <h2 class="et-section-title text-black wow fadeInUp" data-wow-delay=".3s">
                                Stay Informed with the
                                <span>Latest Happenings!</span>
                            </h2>
                        </div>
                    </div>
                    <div class="section-right">
                        <div class="text-md-end wow fadeInUp" data-wow-delay=".4s">
                            <a href="team.phtml" class="et-btn et-3-btn">
                                Check All Insights
                                <i class="fa-solid fa-arrow-up-right"></i>
                            </a>
                        </div>
                    </div>
                </div>


                <div class="grid grid-cols-3 md:grid-cols-2 xs:grid-cols-1 gap-[clamp(16px,1.26vw,24px)] *:bg-etWhite *:rounded-2xl *:px-[clamp(16px,1.26vw,24px)] *:transition *:duration-[400ms]">
                    <div class="team-item group hover:bg-et3primary">
                        <div class="thumb w-full overflow-hidden">
                            <img src="assets/img/team/team1.png" alt="img" class="w-full rounded-b-[8px]">
                        </div>
                        <div class="content flex items-end justify-between gap-[clamp(20px,1.58vw,30px)] pt-[clamp(10px,0.84vw,16px)] pb-[clamp(16px,1.26vw,24px)]">
                            <div>
                                <span class="text-[14px] font-medium leading-[1.5] text-et3primary block mb-[4px] group-hover:text-white">Financial</span>
                                <h5 class="text-[clamp(15px,0.95vw,18px)] font-medium leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="team-details.phtml" class="text-inherit group-hover:text-white inline-block">
                                        5 financial planning mistakes small business owners must to avoid
                                    </a>
                                </h5>
                            </div>
                            <a href="team-details.phtml" class="shrink-0 bg-white w-[clamp(35px,2.52vw,48px)] aspect-square flex items-center justify-center hover:bg-primary border border-[#dee2e6] hover:border-primary rounded-full text-primary hover:text-white transform-[rotate(-40deg)] transition duration-[400ms]">
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>

                    <div class="team-item group hover:bg-et3primary">
                        <div class="thumb w-full overflow-hidden">
                            <img src="assets/img/team/team2.png" alt="img" class="w-full rounded-b-[8px]">
                        </div>
                        <div class="content flex items-end justify-between gap-[clamp(20px,1.58vw,30px)] pt-[clamp(10px,0.84vw,16px)] pb-[clamp(16px,1.26vw,24px)]">
                            <div>
                                <span class="text-[14px] font-medium leading-[1.5] text-et3primary block mb-[4px] group-hover:text-white">Trading</span>
                                <h5 class="text-[clamp(15px,0.95vw,18px)] font-medium leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="team-details.phtml" class="text-inherit group-hover:text-white inline-block">
                                        How to prepare for a recession: a consultant's perspective
                                    </a>
                                </h5>
                            </div>
                            <a href="team-details.phtml" class="shrink-0 bg-white w-[clamp(35px,2.52vw,48px)] aspect-square flex items-center justify-center hover:bg-primary border border-[#dee2e6] hover:border-primary rounded-full text-primary hover:text-white transform-[rotate(-40deg)] transition duration-[400ms]">
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>

                    <div class="team-item group hover:bg-et3primary">
                        <div class="thumb w-full overflow-hidden">
                            <img src="assets/img/team/team3.png" alt="img" class="w-full rounded-b-[8px]">
                        </div>
                        <div class="content flex items-end justify-between gap-[clamp(20px,1.58vw,30px)] pt-[clamp(10px,0.84vw,16px)] pb-[clamp(16px,1.26vw,24px)]">
                            <div>
                                <span class="text-[14px] font-medium leading-[1.5] text-et3primary block mb-[4px] group-hover:text-white">Business Strategy</span>
                                <h5 class="text-[clamp(15px,0.95vw,18px)] font-medium leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="team-details.phtml" class="text-inherit group-hover:text-white inline-block">
                                        The ROI of hiring a financial consultant: Is It worth It investment nowadays?
                                    </a>
                                </h5>
                            </div>
                            <a href="team-details.phtml" class="shrink-0 bg-white w-[clamp(35px,2.52vw,48px)] aspect-square flex items-center justify-center hover:bg-primary border border-[#dee2e6] hover:border-primary rounded-full text-primary hover:text-white transform-[rotate(-40deg)] transition duration-[400ms]">
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- BLOG SECTION END -->
    </main>

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


</html>
