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


<!-- Mirrored from rudra-tailwind.vercel.app/pricing-plan.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:57 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="CII Investment Plans - Learn about our investment units and pricing. Start with N100,000 and build your financial future.">
    <!-- ======== Page title ============ -->
    <title>Investment Plans - CII Cooperative</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>
    <div class="fix-area">
        <div class="offcanvas__info">
            <div class="offcanvas__wrapper">
                <div class="offcanvas__content">
                    <div class="offcanvas__top mb-[clamp(16px,1.26vw,24px)] flex justify-between items-center">
                        <div class="offcanvas__logo">
                            <a href="index-2.phtml">
                                <img src="logo.png" alt="logo-img" style="height: 40px;">
                            </a>
                        </div>
                        <div class="offcanvas__close">
                            <button>
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>

                    <div class="mobile-menu fix mb-[clamp(10px,0.84vw,16px)]"></div>

                    <div class="offcanvas__contact">
                        <h4 class="n900-clr font-bold text-[19px] text-primary">Contact Info</h4>
                        <ul class="grid gap-[clamp(5px,0.42vw,8px)] mb-[clamp(24px,2.52vw,48px)]">
                            <li class="flex items-center">
                                <div class="offcanvas__contact-icon">
                                    <i class="fal fa-map-marker-alt"></i>
                                </div>
                                <div class="offcanvas__contact-text">
                                    <a target="_blank" href="#">3517 W. Gray St. Utica, Pennsylvania</a>
                                </div>
                            </li>
                            <li class="flex items-center">
                                <div class="offcanvas__contact-icon mr-[clamp(10px,0.79vw,15px)]">
                                    <i class="fal fa-envelope"></i>
                                </div>
                                <div class="offcanvas__contact-text">
                                    <a href="mailto:info@example.com"><span class="mailto:info@example.com">alma.lawson@example.com</span></a>
                                </div>
                            </li>
                            <li class="flex items-center">
                                <div class="offcanvas__contact-icon mr-[clamp(10px,0.79vw,15px)]">
                                    <i class="fal fa-clock"></i>
                                </div>
                                <div class="offcanvas__contact-text">
                                    <a target="_blank" href="#">Sun-friday, 02am -09pm</a>
                                </div>
                            </li>
                            <li class="flex items-center">
                                <div class="offcanvas__contact-icon mr-[clamp(10px,0.79vw,15px)]">
                                    <i class="far fa-phone"></i>
                                </div>
                                <div class="offcanvas__contact-text">
                                    <a href="tel:+11002345909">(219) 555-0114</a>
                                </div>
                            </li>
                        </ul>
                        <div class="header-button mt-clamp(16px,1.26vw,24px)">
                            <a href="contact.phtml" class="theme-btn p2-bg flex items-center justify-center gap-[clamp(5px,0.42vw,8px)] text-center">
                                <span>
                                    Get A Quote
                                    <span class="ani-arrow">
                                        <i class="fa-solid fa-arrow-right-long"></i>
                                    </span>
                                </span>
                            </a>
                        </div>
                        <div class="social-icon flex items-center">
                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fa-brands fa-instagram"></i></a>
                            <a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas__overlay"></div>

    <!-- Header Section Start -->
    <header id="header-sticky" class="header-section style1 !relative !border-0 w-full">
        <div class="container !max-w-[clamp(0px,92.75vw,1765px)] mx-auto">
            <div class="mega-menu-wrapper">
                <div class="header-main">
                    <div class="header-left">
                        <div class="logo">
                            <a href="index.phtml" class="header-logo">
                                <img src="logo.png" alt="logo-img" style="height: 40px;">
                            </a>
                        </div>
                    </div>
                    <div class="header-right flex justify-end items-center">
                        <div class="mean__menu-wrapper">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="has-dropdown active menu-thumb">
                                            <a href="index-2.phtml">
                                                Home
                                            </a>
                                            <ul class="submenu has-homemenu">
                                                <li>
                                                    <div class="homemenu-items">
                                                        <div class="homemenu">
                                                            <div class="homemenu-thumb">
                                                                <img src="assets/img/banner/home1.png" alt="img">
                                                                <div class="demo-button">
                                                                    <a href="index-2.phtml" class="et-btn before:rounded-none !text-center bg-et3primary !text-white">
                                                                        <span>Home 01</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="homemenu-title">
                                                                    <a href="index-2.phtml">Home Version 01</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="homemenu">
                                                            <div class="homemenu-thumb">
                                                                <img src="assets/img/banner/home2.png" alt="img">
                                                                <div class="demo-button">
                                                                    <a href="index-3.phtml" class="et-btn before:rounded-none !text-center bg-et3primary !text-white">
                                                                        <span>Home 02</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="homemenu-title">
                                                                    <a href="index-3.phtml">Home Version 02</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="homemenu">
                                                            <div class="homemenu-thumb">
                                                                <img src="assets/img/banner/home3.png" alt="img">
                                                                <div class="demo-button">
                                                                    <a href="index-4.phtml" class="et-btn before:rounded-none !text-center bg-et3primary !text-white">
                                                                        <span>Home 03</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="homemenu-title">
                                                                    <a href="index-4.phtml">Home Version 03</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="about.phtml">About us</a>
                                        </li>
                                        <li>
                                            <a href="services.phtml">
                                                Services
                                            </a>
                                            <ul class="submenu">
                                                <li><a href="services.phtml">Service</a></li>
                                                <li><a href="services-details.phtml">Service Details</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="case-details.phtml">
                                                Case
                                            </a>
                                            <ul class="submenu">
                                                <li><a href="case-studies.phtml">Case studies</a></li>
                                                <li><a href="case-details.phtml">Case Details</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="blog.phtml">
                                                Blog
                                            </a>
                                            <ul class="submenu">
                                                <li><a href="blog.phtml">Blog</a></li>
                                                <li><a href="blog-details.phtml">Blog Details</a></li>
                                            </ul>
                                        </li>
                                        <li class="has-dropdown">
                                            <a href="#0">
                                                Pages
                                            </a>
                                            <ul class="submenu">
                                                <li><a href="team.phtml">Team</a></li>
                                                <li><a href="team-details.phtml">Team Details</a></li>
                                                <li><a href="testimonials.phtml">Testimonial</a></li>
                                                <li><a href="faqs.phtml">Faqs</a></li>
                                                <li><a href="pricing-plan.phtml">Pricing Plan</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="contact.phtml">
                                                Contact
                                            </a>
                                        </li>

                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                            <a href="#0" class="search-trigger hidden lg:flex search-icon text-primary hover-svg w-[clamp(43px,2.52vw,48px)] aspect-square bg-white rounded-full items-center justify-center hover:bg-primary hover:text-white">
                                <i class="fa-solid fa-magnifying-glass black"></i>
                            </a>
                            <div class="header__hamburger hidden lg:block my-auto">
                                <div class="sidebar__toggle">
                                    <img src="assets/img/icon/bars.png" alt="icon">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="header-hamburger-inner flex items-center lg:hidden">
                        <a href="contact.phtml" class="et-btn bg-white text-primary hover:text-white">
                            <span class="icon border border-primary">
                                <i class="fa-solid fa-arrow-right"></i>
                            </span>
                            Contact Us
                        </a>
                        <a href="#0" class="search-trigger search-icon text-primary hover-svg w-[clamp(43px,2.52vw,48px)] aspect-square bg-white rounded-full flex items-center justify-center lg:hidden hover:bg-primary hover:text-white">
                            <i class="fa-solid fa-magnifying-glass black"></i>
                        </a>
                        <div class="flex items-center gap-[clamp(8px,0.84vw,16px)]">
                            <i class="fa-solid fa-phone w-[clamp(43px,2.52vw,48px)] aspect-square rounded-full bg-primary flex text-center content-center text-secondary"></i>
                            <a href="#0" class="font-normal block xl:hidden text-[15px] leading-[1.5] text-[#161616]">
                                24/7 Support <br>
                                <span class="font-semibold text-nowrap text-primary">(++597)678 09876</span>
                            </a>
                        </div>
                        <div class="header__hamburger my-auto hidden lg:block">
                            <div class="sidebar__toggle">
                                <img src="assets/img/icon/bars.png" alt="icon">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <main>
        <!-- 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">Pricing</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">
                            Pricing
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <!-- PRICING SECTION START -->
        <section class="pricing-section2 bg-etWhite overflow-hidden relative z-[1] py-[clamp(60px,5.25vw,100px)]">
            <div class="et-container pt-[clamp(24px,2.52vw,48px)]">
                <div class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)] items-end mb-[clamp(20px,2.10vw,40px)] text-center">
                    <div class="col-span-6 md:col-span-8 col-start-4 md:col-start-3 xs:col-span-12">
                        <div class="section-header">
                            <span class="et-section-sub-title"><img src="assets/img/icon/section-step1.png" alt="img"> Pricing</span>
                            <h2 class="et-section-title text-primary wow fadeInUp" data-wow-delay=".3s">
                                Flexible Coaching <br> Packages to Fit
                                <span class="fw-300">Every Stage of Your Journey</span>
                            </h2>
                        </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-2xl border border-white/16 overflow-hidden px-[clamp(20px,2.10vw,40px)] py-[clamp(28px,2.94vw,56px)] shadow-[8px_8px_32px_0px_rgba(36,12,135,0.07)] 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-secondary relative rounded-2xl border border-white/16 overflow-hidden px-[clamp(20px,2.10vw,40px)] py-[clamp(28px,2.94vw,56px)] text-primary shadow-[8px_8px_32px_0px_rgba(36,12,135,0.07)] wow fadeInUp" data-wow-delay=".4s">
                            <div class="mb-[clamp(16px,1.26vw,24px)]">
                                <h4 class=" 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] ">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-[clamp(24px,2.52vw,48px)] font-extrabold leading-[1.1]">$299</h2>
                                <span class=" 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-[#dee2e6] pt-[clamp(24px,2.52vw,48px)] *:flex *:items-center *:gap-[16px] *: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" class="fill-primary" 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" class="fill-primary" 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" class="fill-primary" fill-opacity="0.5" />
                                    </svg>
                                    Full Email + Call Support
                                </li>
                            </ul>
                            <img src="assets/img/element/price-badge-white.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-2xl border border-white/16 overflow-hidden px-[clamp(20px,2.10vw,40px)] py-[clamp(28px,2.94vw,56px)] shadow-[8px_8px_32px_0px_rgba(36,12,135,0.07)] 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 -->


        <!-- FAQ SECTION START -->
        <section class="faqs-section bg-etWhite pb-[clamp(60px,5.25vw,100px)]">
            <div class="py-[clamp(60px,5.25vw,100px)] bg-white max-w-[clamp(1100px,93.01vw,1770px)] mx-auto rounded-3xl">
                <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-section-sub-title"><img src="assets/img/icon/section-step1.png" alt="img">FAQ</div>
                                <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                    Answers to Common
                                    <span>Questions of our Services</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">
                                    <div class="icon">
                                        <i class="fa-solid fa-arrow-up-right"></i>
                                    </div>
                                    Check All Team Members
                                </a>
                            </div>
                        </div>
                    </div>


                    <div class="flex gap-[clamp(18px,1.26vw,24px)] items-center md:flex-col">
                        <div class="w-[58%] grow md:w-full">
                            <div class="accordion accordion-style1 rounded-[10px] overflow-hidden *:backdrop-blur-[5px] *:bg-white *:shadow-[8px_8px_32px_0px_#240C8714]" id="accordionExample">
                                <div class="accordion-item group grid grid-rows-[max-content_0fr] [&[class~='open']]:grid-rows-[max-content_1fr] duration-300 wow fadeInUp open" data-wow-delay=".2s">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button w-full flex items-center justify-between gap-[8px] cursor-pointer relative text-left box-border text-primary font-semibold leading-[1.015] px-[20px] py-[clamp(17.9px,1.10vw,20.9px)] bg-white rounded-[5px_5px_0_0] transition duration-[150ms] z-[3]" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            1. What industries do you specialize in?
                                            <span class="cus-icon w-[clamp(32px,1.84vw,35px)] aspect-square flex items-center justify-center box-border cursor-pointer bg-white rounded-full [transform:matrix(1,0,0,1,0,0)] transition ease-in-out duration-[400ms] group-[.open]:bg-primary group-[.open]:text-secondary  group-[.open]:rotate-180 shrink-0"><i class="fa-solid fa-chevron-down"></i></span>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse overflow-hidden" data-bs-parent="#accordionExample">
                                        <div class="accordion-body px-[clamp(15px,1.05vw,20px)] pb-[clamp(16px,1.26vw,24px)]">
                                            <p class="text-primary text-[15px] leading-[1.5]">
                                                We work with clients across a wide range of industries including real estate,
                                                healthcare, SaaS, legal, e-commerce, and
                                                more. Our financial strategies are tailored to each sector’s unique needs.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item group grid grid-rows-[max-content_0fr] [&[class~='open']]:grid-rows-[max-content_1fr] duration-300 wow fadeInUp" data-wow-delay=".2s">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button w-full flex items-center justify-between gap-[8px] cursor-pointer relative text-left box-border text-primary font-semibold leading-[1.015] px-[20px] py-[clamp(17.9px,1.10vw,20.9px)] bg-white rounded-[5px_5px_0_0] transition duration-[150ms] z-[3]" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            2. Do you offer one-time consultations or ongoing support?
                                            <span class="cus-icon w-[clamp(32px,1.84vw,35px)] aspect-square flex items-center justify-center box-border cursor-pointer bg-white rounded-full [transform:matrix(1,0,0,1,0,0)] transition ease-in-out duration-[400ms] group-[.open]:bg-primary group-[.open]:text-secondary  group-[.open]:rotate-180 shrink-0"><i class="fa-solid fa-chevron-down"></i></span>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse overflow-hidden" data-bs-parent="#accordionExample">
                                        <div class="accordion-body px-[clamp(15px,1.05vw,20px)] pb-[clamp(16px,1.26vw,24px)]">
                                            <p class="text-primary text-[15px] leading-[1.5]">
                                                We work with clients across a wide range of industries including real estate,
                                                healthcare, SaaS, legal, e-commerce, and
                                                more. Our financial strategies are tailored to each sector’s unique needs.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item group grid grid-rows-[max-content_0fr] [&[class~='open']]:grid-rows-[max-content_1fr] duration-300 wow fadeInUp" data-wow-delay=".2s">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button w-full flex items-center justify-between gap-[8px] cursor-pointer relative text-left box-border text-primary font-semibold leading-[1.015] px-[20px] py-[clamp(17.9px,1.10vw,20.9px)] bg-white rounded-[5px_5px_0_0] transition duration-[150ms] z-[3]" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            3. Can I customize a plan based on my business size & budget?
                                            <span class="cus-icon w-[clamp(32px,1.84vw,35px)] aspect-square flex items-center justify-center box-border cursor-pointer bg-white rounded-full [transform:matrix(1,0,0,1,0,0)] transition ease-in-out duration-[400ms] group-[.open]:bg-primary group-[.open]:text-secondary  group-[.open]:rotate-180 shrink-0"><i class="fa-solid fa-chevron-down"></i></span>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse overflow-hidden" data-bs-parent="#accordionExample">
                                        <div class="accordion-body px-[clamp(15px,1.05vw,20px)] pb-[clamp(16px,1.26vw,24px)]">
                                            <p class="text-primary text-[15px] leading-[1.5]">
                                                We work with clients across a wide range of industries including real estate,
                                                healthcare, SaaS, legal, e-commerce, and
                                                more. Our financial strategies are tailored to each sector’s unique needs.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item group grid grid-rows-[max-content_0fr] [&[class~='open']]:grid-rows-[max-content_1fr] duration-300 wow fadeInUp" data-wow-delay=".2s">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button w-full flex items-center justify-between gap-[8px] cursor-pointer relative text-left box-border text-primary font-semibold leading-[1.015] px-[20px] py-[clamp(17.9px,1.10vw,20.9px)] bg-white rounded-[5px_5px_0_0] transition duration-[150ms] z-[3]" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            4. Is my financial data kept confidential?
                                            <span class="cus-icon w-[clamp(32px,1.84vw,35px)] aspect-square flex items-center justify-center box-border cursor-pointer bg-white rounded-full [transform:matrix(1,0,0,1,0,0)] transition ease-in-out duration-[400ms] group-[.open]:bg-primary group-[.open]:text-secondary  group-[.open]:rotate-180 shrink-0"><i class="fa-solid fa-chevron-down"></i></span>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse overflow-hidden" data-bs-parent="#accordionExample">
                                        <div class="accordion-body px-[clamp(15px,1.05vw,20px)] pb-[clamp(16px,1.26vw,24px)]">
                                            <p class="text-primary text-[15px] leading-[1.5]">
                                                We work with clients across a wide range of industries including real estate,
                                                healthcare, SaaS, legal, e-commerce, and
                                                more. Our financial strategies are tailored to each sector’s unique needs.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item group grid grid-rows-[max-content_0fr] [&[class~='open']]:grid-rows-[max-content_1fr] duration-300 wow fadeInUp" data-wow-delay=".2s">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button w-full flex items-center justify-between gap-[8px] cursor-pointer relative text-left box-border text-primary font-semibold leading-[1.015] px-[20px] py-[clamp(17.9px,1.10vw,20.9px)] bg-white rounded-[5px_5px_0_0] transition duration-[150ms] z-[3]" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            5. How do I know which package is right for me?
                                            <span class="cus-icon w-[clamp(32px,1.84vw,35px)] aspect-square flex items-center justify-center box-border cursor-pointer bg-white rounded-full [transform:matrix(1,0,0,1,0,0)] transition ease-in-out duration-[400ms] group-[.open]:bg-primary group-[.open]:text-secondary  group-[.open]:rotate-180 shrink-0"><i class="fa-solid fa-chevron-down"></i></span>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse overflow-hidden" data-bs-parent="#accordionExample">
                                        <div class="accordion-body px-[clamp(15px,1.05vw,20px)] pb-[clamp(16px,1.26vw,24px)]">
                                            <p class="text-primary text-[15px] leading-[1.5]">
                                                We work with clients across a wide range of industries including real estate,
                                                healthcare, SaaS, legal, e-commerce, and
                                                more. Our financial strategies are tailored to each sector’s unique needs.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="w-[42%] md:w-full">
                            <div class="bg-secondary rounded-[8px] px-[clamp(28px,2.89vw,55px)] py-[clamp(25px,2.63vw,50px)] relative z-[1] wow fadeInUp" data-wow-delay=".4s">
                                <div class="flex items-center gap-[clamp(35px,3.68vw,70px)] mb-[clamp(5px,0.42vw,8px)] pb-[clamp(60px,5.25vw,100px)]">
                                    <h3 class="text-primary text-[clamp(20px,1.26vw,24px)] font-bold leading-[1.15]">
                                        Still have questions? Don't worries we have answers!
                                    </h3>
                                    <img src="assets/img/icon/message-icon.png" alt="img" class="w-[clamp(43px,2.52vw,48px)] aspect-square ml-auto flex-shrink-0">
                                </div>
                                <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(16px,1.26vw,24px)]">
                                    We're here to help. If you didn't find the answer you were looking for, feel free to reach
                                    out to our team. We'll make
                                    sure you get the clarity you need to move forward with confidence.
                                </p>
                                <a href="faqs.phtml" class="et-btn">
                                    <span class="icon"><i class="fa-solid fa-arrow-up-right"></i></span>
                                    Check All Questions
                                </a>
                                <img src="assets/img/element/faq-element.png" alt="img" class="faq-shape1 absolute bottom-[30px] right-[30px] -z-[1]">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- FAQ SECTION END -->


        <!-- CONTACT SECTION START -->
        <section class="contact-section bg-etWhite py-[clamp(60px,5.25vw,100px)]">
            <div class="et-container">
                <div class="grid grid-cols-2 md:grid-cols-1">
                    <div class="col">
                        <div class="contact-thumb1 relative w-full h-full">
                            <img src="assets/img/contact/contact-thumb1.png" alt="img" class="rounded-2 w-full">
                            <div class="absolute flex items-center justify-between gap-[clamp(24px,2.52vw,48px)] bottom-[clamp(35px,3.68vw,70px)] md:top-[15px] md:bottom-auto w-full max-w-[clamp(420px,24.70vw,470px)] xxs:max-w-[97%] xxs:right-[5px] px-[clamp(18px,2.00vw,38px)] py-[clamp(16px,1.26vw,24px)] rounded-[16px] bg-white/65 [backdrop-filter:blur(10px)] left-1/2 xxs:left-[5px] -translate-x-1/2 xxs:translate-0 wow fadeInUp" data-wow-delay=".4s">
                                <div class="">
                                    <span class="text-primary text-[14px] leading-[1.5]">Phone Number</span>
                                    <h6 class="text-primary font-bold leading-[1.2]">+880-123-4567</h6>
                                </div>
                                <div class="">
                                    <span class="text-primary text-[14px] leading-[1.5]">Email Address</span>
                                    <h6 class="text-primary font-bold leading-[1.2]">hello@mail.com</h6>
                                </div>
                            </div>
                        </div>
                    </div>

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

    <!-- FOOTER SECTION START -->
    <footer class="footer-section fix overflow-hidden">
        <div class="footer-widget-wrapper bg-[url('assets/img/footer/footer-bg.png')] bg-center bg-no-repeat bg-cover rounded-[30px] mx-auto mb-[clamp(40px,4.20vw,80px)] max-w-[clamp(1000px,92.59vw,1762px)]">
            <div class="footer-header border-b border-white/10 pt-[clamp(50px,4.20vw,80px)] pb-[clamp(30px,2.63vw,50px)]">
                <div class="et-container">
                    <div class="grid grid-cols-3 sm:grid-cols-2 xxs:grid-cols-1 gap-[clamp(16px,1.26vw,24px)]">
                        <div class="col col-md-4 col-sm-6">
                            <div class="text-sm-start text-center">
                                <div class="footer-logo mb-[clamp(16px,1.26vw,24px)] max-w-[clamp(150px,9.46vw,180px)] mx-auto">
                                    <img src="logo.png" alt="img">
                                </div>
                                <p class="text-white text-[14px] leading-[1.1] text-center">&copy; 2025 CII - Cooperative Investment Initiative</p>
                            </div>
                        </div>
                        <div class="col sm:hidden">
                            <div>
                                <img src="assets/img/footer/foote-ele.png" alt="img" class="footer-ele1 mx-auto">
                            </div>
                        </div>
                        <div class="col">
                            <div class="socal-icon flex justify-end xxs:justify-center gap-[clamp(4px,0.32vw,6px)] *:w-[clamp(35px,2.10vw,40px)] *:aspect-square *:rounded-full *:flex *:items-center *:justify-center *:border *:border-white/10 *:text-white *:hover:bg-secondary *:hover:text-primary transition duration-[400ms]">
                                <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                                <a href="#"><i class="fa-brands fa-twitter"></i></a>
                                <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                <a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer-middle py-[clamp(40px,3.36vw,64px)]">
                <div class="et-container">
                    <div class="grid grid-cols-4 md:grid-cols-3 sm:grid-cols-2 xxs:grid-cols-1 clamp(16px,1.26vw,24px) gap-y-[35px]">
                        <div class="col-span-2 xxs:col-span-1">
                            <div class="footer-single-widget">
                                <h6 class="text-white font-medium leading-[1.2] mb-[clamp(8px,0.84vw,16px)]">Subscribe for the latest event updates</h6>
                                <div class="search-widget flex">
                                    <input type="email" class="bg-white rounded-[32px] px-[clamp(16px,1.26vw,24px)] py-[1px] h-[clamp(43px,2.52vw,48px)] w-full outline-none max-w-[clamp(250px,15.76vw,300px)]" placeholder="Type your Email address">
                                    <a href="contact.phtml" class="et-btn bg-secondary text-primary px-[clamp(15px,1.05vw,20px)] flex-shrink-0">Sign Up<i class="fa-solid fa-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <h4 class="text-white text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[clamp(10px,0.84vw,16px)]">New York Office</h4>
                            <p class="text-white text-[15px] leading-[1.5] max-w-[clamp(212px,13.24vw,252px)] opacity-75">123 Madison Avenue, Suite 600 New York, NY
                                10016, USA</p>
                        </div>
                        <div class="col">
                            <h4 class="text-white text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[clamp(10px,0.84vw,16px)]">London Office</h4>
                            <p class="text-white text-[15px] leading-[1.5] max-w-[clamp(212px,13.24vw,252px)] opacity-75">45 King’s Road, 3rd Floor Chelsea, London SW3
                                5EP, UK</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer-bottom border-t border-white/10 py-[clamp(20px,2.05vw,39px)] px-[0px]">
                <div class="et-container">
                    <ul class="footer-list flex items-center flex-wrap justify-center gap-y-[9px] gap-x-[clamp(16px,1.68vw,32px)]">
                        <li>
                            <a href="about.phtml" class="inline-flex items-center text-white text-[15px] gap-[8px] leading-[1.1] text-left transition duration-[500ms] hover:text-secondary">
                                About Us <i class="fa-solid fa-arrow-up-right"></i>
                            </a>
                        </li>
                        <li>
                            <a href="services.phtml" class="inline-flex items-center text-white text-[15px] gap-[8px] leading-[1.1] text-left transition duration-[500ms] hover:text-secondary">
                                Our services <i class="fa-solid fa-arrow-up-right"></i>
                            </a>
                        </li>
                        <li>
                            <a href="team.phtml" class="inline-flex items-center text-white text-[15px] gap-[8px] leading-[1.1] text-left transition duration-[500ms] hover:text-secondary">
                                Team <i class="fa-solid fa-arrow-up-right"></i>
                            </a>
                        </li>
                        <li>
                            <a href="about.phtml" class="inline-flex items-center text-white text-[15px] gap-[8px] leading-[1.1] text-left transition duration-[500ms] hover:text-secondary">
                                Awards <i class="fa-solid fa-arrow-up-right"></i>
                            </a>
                        </li>
                        <li>
                            <a href="contact.phtml" class="inline-flex items-center text-white text-[15px] gap-[8px] leading-[1.1] text-left transition duration-[500ms] hover:text-secondary">
                                Contact <i class="fa-solid fa-arrow-up-right"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!-- FOOTER SECTION END -->


    <!-- Search Area Start -->
    <div class="search-wrap">
        <div class="search-inner">
            <i class="fas fa-times search-close" id="search-close"></i>
            <div class="search-cell">
                <form method="get">
                    <div class="search-field-holder">
                        <input type="search" class="main-search-input" placeholder="Search...">
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--<< All JS Plugins >>-->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!--<< Viewport Js >>-->
    <script src="assets/js/viewport.jquery.js"></script>

    <!--<< Nice Select Js >>-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!--<< Waypoints Js >>-->
    <script src="assets/js/jquery.waypoints.js"></script>
    <!--<< Counterup Js >>-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!--<< Swiper Slider Js >>-->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <!--<< MeanMenu Js >>-->
    <script src="assets/js/jquery.meanmenu.min.js"></script>
    <!--<< Magnific Popup Js >>-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!--<< Wow Animation Js >>-->
    <script src="assets/js/wow.min.js"></script>
    <!--<< Main.js >>-->
    <script src="assets/js/main.js"></script>
    <script src="assets/js/accordion.js"></script>
</body>


<!-- Mirrored from rudra-tailwind.vercel.app/pricing-plan.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:58 GMT -->
</html>