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


<!-- Mirrored from rudra-tailwind.vercel.app/services.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:47 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="Invest in Parallex Bank through CII. Investment units start at ₦100,000 with flexible 4-month payment plans. Multiple units available. Guaranteed returns from a profitable commercial bank. Create your financial legacy today.">
    <meta name="keywords" content="investment opportunities, Parallex Bank shares, cooperative investment, ₦100,000 units, flexible payment plans, guaranteed returns, banking investment, Nigerian investment, wealth creation">
    <!-- ======== Page title ============ -->
    <title>Investment Opportunities | CII - Start from ₦100,000</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">Services</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-secondary font-medium">
                            Services
                        </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-2 xl:grid-cols-1 gap-[clamp(16px,1.26vw,24px)] mb-[clamp(20px,2.10vw,40px)] items-center">
                    <div class="col">
                        <div class="section-header">
                            <div class="et-section-sub-title">
                                <img src="assets/img/icon/section-step1.png" alt="img"> What we do
                            </div>
                            <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                Empowering You to Live Your Best Life & <br>
                                <span class="fw-300">Achieve Lasting Personal Transformation</span>
                            </h2>
                        </div>
                    </div>

                    <div class="col">
                        <div class="wow fadeInUp" data-wow-delay=".4s">
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                At Finovo, we believe that true transformation starts with clarity and action. Our coaching services are designed to
                                provide personalized support, actionable strategies, and empowering tools to help you unlock your potential
                            </p>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(16px,1.26vw,24px)]">
                                Whether you're looking to improve your career, relationships, or personal growth, we’re here to guide you every step of
                                the way.
                            </p>
                            <h5 class="text-primary text-[clamp(15px,0.95vw,18px)] font-bold leading-[1.2] mb-[clamp(6px,0.42vw,8px)]">Key Areas We Focus On</h5>
                            <div class="grid grid-cols-2 sm:grid-cols-1 gap-[clamp(10px,0.84vw,16px)]">
                                <div class="col">
                                    <ul class="grid gap-[4px]">
                                        <li class="flex items-center gap-[8px] text-primary text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Personal Growth & Mindset Mastery
                                        </li>
                                        <li class="flex items-center gap-[8px] text-primary text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Relationship Transformation
                                        </li>
                                        <li class="flex items-center gap-[8px] text-primary text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Health & Wellness Coaching
                                        </li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul class="grid gap-[4px]">
                                        <li class="flex items-center gap-[8px] text-primary text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Career Development & Success
                                        </li>
                                        <li class="flex items-center gap-[8px] text-primary text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Goal Setting & Achievement
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div 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-secondary 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="services-details.phtml" 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="services-details.phtml" class="flex items-center justify-center bg-secondary 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-secondary 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-primary 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="services-details.phtml" 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="services-details.phtml" 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="services-details.phtml" class="text-primary text-[clamp(15px,0.95vw,18px)] font-semibold leading-[1.1]">
                                            Built on Trust. Backed by Experience
                                        </a>
                                    </h5>
                                    <span class="text-[#1C4B42] text-[14px] font-medium leading-[1.5] mb-1 inline-block">
                                        Founded by industry veterans, our consulting firm started with a passion for empowering businesses to thrive financially. Over the years, we’ve worked with startups
                                    </span>
                                </div>
                                <a href="services-details.phtml" class="flex items-center justify-center bg-secondary 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-secondary 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="services-details.phtml" 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="services-details.phtml" 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 Mission</span>
                                    <h5 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                        <a href="services-details.phtml" 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="services-details.phtml" class="flex items-center justify-center bg-secondary 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-secondary 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 Mission</span>
                                        <h5 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                            <a href="services-details.phtml" 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="services-details.phtml" 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>


        <!-- choose Start -->
        <section class="bg-etWhite overflow-hidden">
            <div class="choose-partner-section py-[clamp(60px,5.25vw,100px)] rounded-3xl bg-white max-w-[clamp(0px,93.01vw,1770px)] mx-auto">
                <div class="et-container">
                    <div class="grid grid-cols-2 md:grid-cols-1 gap-[clamp(16px,1.26vw,24px)] justify-content-between">
                        <div class="col">
                            <div class="section-header mb-[clamp(20px,2.10vw,40px)]">
                                <div class="et-section-sub-title">
                                    <img src="assets/img/icon/section-step1.png" alt="img"> Why Choose Us?
                                </div>
                                <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                    Why Choose Us for
                                    <span class="fw-300">Your <br> Personal Transformation <br> Journey?</span>
                                </h2>
                            </div>
                            <div class="nano-project-image relative w-full">
                                <img src="assets/img/about/about-thumb2.png" alt="img" class="rounded-lg w-full">
                                <div class="video w-[clamp(65px,4.20vw,80px)] aspect-square flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white rounded-full">
                                    <a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn video-popup">
                                        <svg width="26" height="31" viewBox="0 0 26 31" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M25.7461 2.28906L2.84277 14.5781L23.9609 29.0273V11.208H25.4502V30.832H23.9609V30.8311L1.36523 15.3711L0.661133 14.0586L25.042 0.976562L25.7461 2.28906Z" fill="#234345" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="work-wrapper flex flex-col gap-[clamp(10px,0.84vw,16px)] ml-auto max-w-[clamp(460px,29.43vw,560px)] md:max-w-full">
                                <div class="work-list-item items-start flex gap-[clamp(16px,1.26vw,24px)] rounded-[8px] bg-etWhite p-[clamp(20px,2.10vw,40px)] wow fadeInUp" data-wow-delay=".2s">
                                    <div class="icon flex items-center justify-center aspect-square min-w-[clamp(46px,2.94vw,56px)] rounded-full bg-secondary">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M13.0049 16.9408V19.0026H18.0049V21.0026H6.00488V19.0026H11.0049V16.9408C7.05857 16.4487 4.00488 13.0823 4.00488 9.00269V3.00269H20.0049V9.00269C20.0049 13.0823 16.9512 16.4487 13.0049 16.9408ZM1.00488 5.00269H3.00488V9.00269H1.00488V5.00269ZM21.0049 5.00269H23.0049V9.00269H21.0049V5.00269Z" class="fill-primary" />
                                        </svg>
                                    </div>
                                    <div>
                                        <h4 class="mb-[clamp(5px,0.42vw,8px)]">
                                            <a href="#0" class="inline text-primary text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.5]">Certified Expert Coaching</a>
                                        </h4>
                                        <p class="text-[#2D2D2D] text-[15px] leading-[1.5]">
                                            Work with a professionally certified coach committed to your personal growth success
                                        </p>
                                    </div>
                                </div>
                                <div class="work-list-item items-start ms-[clamp(24px,2.52vw,48px)] xxs:ms-0 flex gap-[clamp(16px,1.26vw,24px)] rounded-[8px] bg-etWhite p-[clamp(20px,2.10vw,40px)] wow fadeInUp" data-wow-delay=".3s">
                                    <div class="icon flex items-center justify-center aspect-square min-w-[clamp(46px,2.94vw,56px)] rounded-full bg-secondary">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M3.78307 2.82598L12 1L20.2169 2.82598C20.6745 2.92766 21 3.33347 21 3.80217V13.7889C21 15.795 19.9974 17.6684 18.3282 18.7812L12 23L5.6718 18.7812C4.00261 17.6684 3 15.795 3 13.7889V3.80217C3 3.33347 3.32553 2.92766 3.78307 2.82598ZM12 13.5L14.9389 15.0451L14.3776 11.7725L16.7553 9.45492L13.4695 8.97746L12 6L10.5305 8.97746L7.24472 9.45492L9.62236 11.7725L9.06107 15.0451L12 13.5Z" class="fill-primary" />
                                        </svg>
                                    </div>
                                    <div>
                                        <h4 class="mb-[clamp(5px,0.42vw,8px)]">
                                            <a href="#0" class="inline text-primary text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.5]">Proven Success Stories</a>
                                        </h4>
                                        <p class="text-[#2D2D2D] text-[15px] leading-[1.5]">
                                            Join hundreds who have unlocked their potential, transformed their lives
                                        </p>
                                    </div>
                                </div>
                                <div class="work-list-item items-start flex gap-[clamp(16px,1.26vw,24px)] rounded-[8px] bg-etWhite p-[clamp(20px,2.10vw,40px)] wow fadeInUp" data-wow-delay=".4s">
                                    <div class="icon flex items-center justify-center aspect-square min-w-[clamp(46px,2.94vw,56px)] rounded-full bg-secondary">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M19 13C20.0929 13 21.1175 13.2922 22 13.8027V6C22 5.44772 21.5523 5 21 5H12.4142L10.4142 3H3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H13.3414C13.1203 20.3744 13 19.7013 13 19C13 15.6863 15.6863 13 19 13ZM15.4645 18.4647L19 22.0002L23.9497 17.0505L22.5355 15.6362L19 19.1718L16.8787 17.0505L15.4645 18.4647Z" class="fill-primary" />
                                        </svg>
                                    </div>
                                    <div>
                                        <h4 class="mb-[clamp(5px,0.42vw,8px)]">
                                            <a href="#0" class="inline text-primary text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.5]">Customized Action Plans</a>
                                        </h4>
                                        <p class="text-[#2D2D2D] text-[15px] leading-[1.5]">
                                            Get coaching tailored to your unique goals — with clear steps to move you forward
                                            with confidence
                                        </p>
                                    </div>
                                </div>
                                <div class="work-list-item items-start ms-[clamp(24px,2.52vw,48px)] xxs:ms-0 flex gap-[clamp(16px,1.26vw,24px)] rounded-[8px] bg-etWhite p-[clamp(20px,2.10vw,40px)] wow fadeInUp" data-wow-delay=".5s">
                                    <div class="icon flex items-center justify-center aspect-square min-w-[clamp(46px,2.94vw,56px)] rounded-full bg-secondary">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M19.2914 5.99994H20.0002C20.5525 5.99994 21.0002 6.44766 21.0002 6.99994V13.9999C21.0002 14.5522 20.5525 14.9999 20.0002 14.9999H18.0002L13.8319 9.16427C13.3345 8.46797 12.4493 8.16522 11.6297 8.41109L9.14444 9.15668C8.43971 9.3681 7.6758 9.17551 7.15553 8.65524L6.86277 8.36247C6.41655 7.91626 6.49011 7.17336 7.01517 6.82332L12.4162 3.22262C13.0752 2.78333 13.9312 2.77422 14.5994 3.1994L18.7546 5.8436C18.915 5.94571 19.1013 5.99994 19.2914 5.99994ZM5.02708 14.2947L3.41132 15.7085C2.93991 16.1209 2.95945 16.8603 3.45201 17.2474L8.59277 21.2865C9.07284 21.6637 9.77592 21.5264 10.0788 20.9963L10.7827 19.7645C11.2127 19.012 11.1091 18.0682 10.5261 17.4269L7.82397 14.4545C7.09091 13.6481 5.84722 13.5771 5.02708 14.2947ZM7.04557 5H3C2.44772 5 2 5.44772 2 6V13.5158C2 13.9242 2.12475 14.3173 2.35019 14.6464C2.3741 14.6238 2.39856 14.6015 2.42357 14.5796L4.03933 13.1658C5.47457 11.91 7.65103 12.0343 8.93388 13.4455L11.6361 16.4179C12.6563 17.5401 12.8376 19.1918 12.0851 20.5087L11.4308 21.6538C11.9937 21.8671 12.635 21.819 13.169 21.4986L17.5782 18.8531C18.0786 18.5528 18.2166 17.8896 17.8776 17.4146L12.6109 10.0361C12.4865 9.86205 12.2652 9.78636 12.0603 9.84783L9.57505 10.5934C8.34176 10.9634 7.00492 10.6264 6.09446 9.7159L5.80169 9.42313C4.68615 8.30759 4.87005 6.45035 6.18271 5.57524L7.04557 5Z" class="fill-primary" />
                                        </svg>
                                    </div>
                                    <div>
                                        <h4 class="mb-[clamp(5px,0.42vw,8px)]">
                                            <a href="#0" class="inline text-primary text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.5]">Supportive, Judgment-Free Space</a>
                                        </h4>
                                        <p class="text-[#2D2D2D] text-[15px] leading-[1.5]">
                                            Get coaching tailored to your unique goals — with clear steps to move you forward
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- SERVICE SECTION START -->
        <section class="service-section bg-etWhite py-[clamp(60px,5.25vw,100px)]">
            <!-- <div class="pt-100 d-xxl-block d-none"></div> -->
            <div class="et-container">
                <div class="grid grid-cols-12 mb-[clamp(20px,2.10vw,40px)] text-center">
                    <div class="section-left col-span-6 col-start-4 sm:col-span-8 sm:col-start-3 xs:col-span-12">
                        <div class="section-header">
                            <div class="et-section-sub-title">
                                <img src="assets/img/icon/section-step1.png" alt="img"> Our Services
                            </div>
                            <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                Tailored Services to
                                <span>Grow & Protect Your Wealth</span>
                            </h2>
                        </div>
                    </div>
                </div>


                <div class="grid grid-cols-4 md:grid-cols-3 sm:grid-cols-2 xxs:grid-cols-1 items-start gap-[clamp(16px,1.26vw,24px)] *:bg-white *:rounded-2xl *:px-[clamp(16px,1.26vw,24px)] *:transition *:duration-[400ms]">
                    <div class="service-item hover:bg-secondary hover:translate-y-[-8px]">
                        <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(20px,2.10vw,40px)]">
                            <div>
                                <h5 class="mb-[clamp(5px,0.42vw,8px)] text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="services-details.phtml" class="text-inherit hover:text-black inline-block">
                                        Wealth <br>
                                        Planning
                                    </a>
                                </h5>
                                <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Tailored strategies to build
                                    preserve</span>
                            </div>
                            <a href="services-details.phtml" class="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 class="thumb w-full overflow-hidden relative">
                            <img src="assets/img/service/service-thumb1.png" alt="img" class="w-full rounded-[8px]">
                            <img src="assets/img/service/service-icon1.png" alt="img" class="service-icon absolute m-[16px] left-0 bottom-0">
                        </div>
                    </div>
                    <div class="service-item hover:bg-secondary hover:translate-y-[-8px]">
                        <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(20px,2.10vw,40px)]">
                            <div>
                                <h5 class="mb-[clamp(5px,0.42vw,8px)] text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="services-details.phtml" class="text-inherit hover:text-black inline-block">
                                        Newly Tax <br> Optimization
                                    </a>
                                </h5>
                                <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Minimize liabilities & maximize
                                    returns</span>
                            </div>
                            <a href="services-details.phtml" class="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 class="thumb w-full overflow-hidden relative">
                            <img src="assets/img/service/service-thumb2.png" alt="img" class="w-full rounded-[8px]">
                            <img src="assets/img/service/service-icon2.png" alt="img" class="service-icon absolute m-[16px] left-0 bottom-0">
                        </div>
                    </div>
                    <div class="service-item hover:bg-secondary hover:translate-y-[-8px]">
                        <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(20px,2.10vw,40px)]">
                            <div>
                                <h5 class="mb-[clamp(5px,0.42vw,8px)] text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="services-details.phtml" class="text-inherit hover:text-black inline-block">
                                        Retirement <br> Planning
                                    </a>
                                </h5>
                                <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Prepare for the future with
                                    confidence</span>
                            </div>
                            <a href="services-details.phtml" class="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 class="thumb w-full overflow-hidden relative">
                            <img src="assets/img/service/service-thumb3.png" alt="img" class="w-full rounded-[8px]">
                            <img src="assets/img/service/service-icon3.png" alt="img" class="service-icon absolute m-[16px] left-0 bottom-0">
                        </div>
                    </div>
                    <div class="service-item hover:bg-secondary hover:translate-y-[-8px]">
                        <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(20px,2.10vw,40px)]">
                            <div>
                                <h5 class="mb-[clamp(5px,0.42vw,8px)] text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="services-details.phtml" class="text-inherit hover:text-black inline-block">
                                        Investment <br> Guidance
                                    </a>
                                </h5>
                                <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Personalized advice to grow your
                                    portfolio</span>
                            </div>
                            <a href="services-details.phtml" class="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 class="thumb w-full overflow-hidden relative">
                            <img src="assets/img/service/service-thumb4.png" alt="img" class="w-full rounded-[8px]">
                            <img src="assets/img/service/service-icon4.png" alt="img" class="service-icon absolute m-[16px] left-0 bottom-0">
                        </div>
                    </div>
                    <div class="service-item hover:bg-secondary hover:translate-y-[-8px]">
                        <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(20px,2.10vw,40px)]">
                            <div>
                                <h5 class="mb-[clamp(5px,0.42vw,8px)] text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="services-details.phtml" class="text-inherit hover:text-black inline-block">
                                        Life Balance & Time Management
                                    </a>
                                </h5>
                                <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Personalized advice to grow your portfolio</span>
                            </div>
                            <a href="services-details.phtml" class="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 class="thumb w-full overflow-hidden relative">
                            <img src="assets/img/service/service-thumb3.png" alt="img" class="w-full rounded-[8px]">
                            <img src="assets/img/service/service-icon1.png" alt="img" class="service-icon absolute m-[16px] left-0 bottom-0">
                        </div>
                    </div>
                    <div class="service-item hover:bg-secondary hover:translate-y-[-8px]">
                        <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(20px,2.10vw,40px)]">
                            <div>
                                <h5 class="mb-[clamp(5px,0.42vw,8px)] text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="services-details.phtml" class="text-inherit hover:text-black inline-block">
                                        Goal Setting & Achievement
                                    </a>
                                </h5>
                                <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Tailored strategies to build preserve</span>
                            </div>
                            <a href="services-details.phtml" class="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 class="thumb w-full overflow-hidden relative">
                            <img src="assets/img/service/service-thumb1.png" alt="img" class="w-full rounded-[8px]">
                            <img src="assets/img/service/service-icon2.png" alt="img" class="service-icon absolute m-[16px] left-0 bottom-0">
                        </div>
                    </div>
                    <div class="service-item hover:bg-secondary hover:translate-y-[-8px]">
                        <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(20px,2.10vw,40px)]">
                            <div>
                                <h5 class="mb-[clamp(5px,0.42vw,8px)] text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="services-details.phtml" class="text-inherit hover:text-black inline-block">
                                        Retirement <br> Planning
                                    </a>
                                </h5>
                                <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Prepare for the future with
                                    confidence</span>
                            </div>
                            <a href="services-details.phtml" class="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 class="thumb w-full overflow-hidden relative">
                            <img src="assets/img/service/service-thumb4.png" alt="img" class="w-full rounded-[8px]">
                            <img src="assets/img/service/service-icon3.png" alt="img" class="service-icon absolute m-[16px] left-0 bottom-0">
                        </div>
                    </div>
                    <div class="service-item hover:bg-secondary hover:translate-y-[-8px]">
                        <div class="content flex items-start justify-between gap-[clamp(10px,0.84vw,16px)] py-[clamp(20px,2.10vw,40px)]">
                            <div>
                                <h5 class="mb-[clamp(5px,0.42vw,8px)] text-[clamp(16px,0.95vw,18px)] font-semibold leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                    <a href="services-details.phtml" class="text-inherit hover:text-black inline-block">
                                        Stress Management
                                    </a>
                                </h5>
                                <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Personalized advice to grow your
                                    portfolio</span>
                            </div>
                            <a href="services-details.phtml" class="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 class="thumb w-full overflow-hidden relative">
                            <img src="assets/img/service/service-thumb2.png" alt="img" class="w-full rounded-[8px]">
                            <img src="assets/img/service/service-icon4.png" alt="img" class="service-icon absolute m-[16px] left-0 bottom-0">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- SERVICE SECTION END -->
    </main>

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


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