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


<!-- Mirrored from rudra-tailwind.vercel.app/testimonials.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 Member Testimonials - Hear from our cooperative members about their investment experience.">
    <!-- ======== Page title ============ -->
    <title>Testimonials - 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">Testimonial</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">
                            Testimonial
                        </li>
                    </ul>
                </div>
            </div>
        </div>


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

                <div class="swiper testimonial-Wrapper3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/joned.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Jane D.</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">Project Manager</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/markr.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Mark R</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">CEO of Featured</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/joned.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Jane D.</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">Project Manager</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="swiper testimonial-Wrapper3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/joned.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Jane D.</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">Project Manager</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/markr.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Mark R</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">CEO of Featured</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-items3 h-full backdrop-blur-[10px] bg-white/50 rounded-2xl shadow-[8px_8px_32px_0px_#240C8712] mt-[5px] mb-[clamp(15px,1.58vw,30px)] mx-[clamp(5px,0.47vw,9px)] p-[clamp(20px,2.10vw,40px)]">
                                <p class="text-primary text-[clamp(15px,0.95vw,18px)] italic leading-[1.6] mb-[clamp(16px,1.26vw,24px)]">
                                    This tool has completely changed how we manage projects! Everything is streamlined
                                </p>
                                <div class="ratting flex items-center gap-[4px] border-b border-[#DEE2E6] mb-[clamp(16px,1.26vw,24px)] text-[#f8c100]">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                </div>
                                <div class="flex items-center justify-between">
                                    <div class="flex items-center gap-[clamp(10px,0.84vw,16px)]">
                                        <img src="assets/img/testimonial/joned.png" alt="img" class="rounded-circle w-[clamp(45px,3.15vw,60px)] aspect-square rounded-full">
                                        <div>
                                            <h6 class="text-[clamp(14px,0.84vw,16px)] text-[#2D2D2D] font-bold leading-[1.2] mb-[4px]">Jane D.</h6>
                                            <span class="block text-[#2D2D2D] text-[14px] leading-[1.5]">Project Manager</span>
                                        </div>
                                    </div>
                                    <img src="assets/img/testimonial/quote3.png" alt="img" class="quote3 w-[clamp(45px,3.15vw,60px)]">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- FAQ SECTION START -->
        <section class="faqs-section bg-etWhite pb-[clamp(60px,5.25vw,100px)]">
            <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 shrink-0 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"><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 shrink-0 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"><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 shrink-0 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"><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 shrink-0 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"><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 shrink-0 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"><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(20px,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>
        </section>
        <!-- FAQ 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/testimonials.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:57 GMT -->
</html>