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


<!-- Mirrored from rudra-tailwind.vercel.app/services-details.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:47 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Rudra_">
    <meta name="description" content="Rudra - ÔÇô Multipurpose Professional Consulting Html Template">
    <!-- ======== Page title ============ -->
    <title>Rudra - ÔÇô Multipurpose Professional Consulting Html Template</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">Service Details</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">
                            Service Details
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <!-- Financial Start -->
        <section class="financial-section bg-etWhite py-[clamp(60px,5.25vw,100px)]">
            <div class="et-container">
                <div class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)] items-end mb-[clamp(20px,2.10vw,40px)]">
                    <div class="col-span-6 sm:col-span-12 ">
                        <div class="section-header">
                            <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                Unlock Your Financial Potential
                                <span class="fw-300">with Expert Wealth Planning</span>
                            </h2>
                        </div>
                    </div>
                    <div class="md:hidden"></div>
                    <div class="col-span-5 md:col-span-6 sm:col-span-12">
                        <div class="wow fadeInUp" data-wow-delay=".4s">
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(16px,1.26vw,24px)]">Strategic coaching and tailored wealth planning to help you achieve financial security, independence, and peace of mind</p>
                            <a href="services.phtml" class="et-btn">
                                <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
                                Book Your Free Consultation
                            </a>
                        </div>
                    </div>
                </div>


                <div class="grid grid-cols-12 gap-[clamp(24px,2.52vw,48px)] items-center">
                    <div class="col-span-6 sm:col-span-12">
                        <img src="assets/img/about/financial-corporate.png" alt="img" class="w-full rounded-4">
                    </div>
                    <div class="col-span-6 sm:col-span-12">
                        <div class="wow fadeInUp" data-wow-delay=".4s">
                            <h5 class="text-primary text-[clamp(15px,0.95vw,18px)] font-bold leading-[1.2] mb-[clamp(9px,0.84vw,16px)]">What Is Wealth Planning?</h5>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                Wealth planning isn’t just about managing your money; it’s about creating a clear and actionable roadmap to financial
                                freedom. At Finovo, we help you define your financial goals, invest wisely, and create a strategy to ensure long-term
                                success.
                            </p>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                Whether you're building your wealth from scratch or looking to optimize your current portfolio, we provide expert
                                guidance that aligns with your unique needs and goals.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- choose Start -->
        <section class="choose4-section bg-etWhite">
            <div class="max-w-[clamp(1130px,93.01vw,1770px)] mx-auto bg-white py-[clamp(60px,5.25vw,100px)] rounded-3xl">
                <div class="et-container">
                    <div class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)] items-end mb-[clamp(20px,2.10vw,40px)]">
                        <div class="col-span-7 md:col-span-12">
                            <div class="section-header">
                                <div class="et-section-sub-title">
                                    <img src="assets/img/icon/section-step1.png" alt="img" class="inline-block"> Our Approach
                                </div>
                                <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                    Launching Your Business
                                    <span class="fw-300">Safely, Strategically, and Successfully</span>
                                </h2>
                            </div>
                        </div>
                        <div class="col-span-5 md:col-span-12">
                            <div class="wow fadeInUp" data-wow-delay=".4s">
                                <p class="text-primary text-[15px] leading-[1.5]">
                                    Our approach to wealth planning goes beyond just investing. It’s about understanding your financial goals, values, and lifestyle needs. We then create a customized strategy that grows your wealth, minimizes risks, and prepares you for the future.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="grid grid-cols-4 md:grid-cols-3 sm:grid-cols-2 xxs:grid-cols-1 gap-[clamp(18px,1.26vw,24px)] ">
                        <div class="col">
                            <div class="service-items2 block rounded-[16px] bg-etWhite relative text-primary px-[clamp(16px,1.89vw,36px)] py-[clamp(32px,3.36vw,64px)] overflow-hidden group duration-300 hover:bg-secondary h-full">
                                <img src="assets/img/element/hover-ele.png" alt="img" class="-right-[100%] absolute bottom-0 z-n1 opacity-0 group-hover:right-0 group-hover:opacity-30 transition-all duration-300">
                                <div class="content">
                                    <div class="flex items-center justify-center bg-secondary rounded-full mb-[48px] icons w-[clamp(46px,2.94vw,56px)] aspect-square group-hover:bg-primary">
                                        <svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M15 6.44434C15 6.70674 14.9832 6.9652 14.9505 7.21871C16.7712 8.24891 18 10.2031 18 12.4443C18 15.758 15.3137 18.4443 12 18.4443C11.2987 18.4443 10.6256 18.324 10 18.1029V21.4443H8V17.8446C7.2499 18.228 6.40022 18.4443 5.5 18.4443C2.46243 18.4443 0 15.9819 0 12.9443C0 11.4917 0.56312 10.1706 1.48297 9.18752C1.87725 10.2675 2.49744 11.2387 3.28576 12.0432L4.71424 10.6434C3.99071 9.90504 3.45705 8.98201 3.1906 7.95122C3.06607 7.46975 3 6.96474 3 6.44434C3 3.13063 5.68629 0.444336 9 0.444336C12.3137 0.444336 15 3.13063 15 6.44434Z" fill="#2ECC71" class="fill-primary group-hover:fill-secondary" />
                                        </svg>
                                    </div>
                                    <h4 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                        <a href="services-details.phtml" class="inline text-primary text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Comprehensive Financial Assessment
                                        </a>
                                    </h4>
                                    <p class="text-[#2D2D2D] text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                        We begin by assessing your current financial situation, including income
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="col">
                            <div class="service-items2 block rounded-[16px] bg-etWhite relative text-primary px-[clamp(16px,1.89vw,36px)] py-[clamp(32px,3.36vw,64px)] overflow-hidden group duration-300 hover:bg-secondary h-full">
                                <img src="assets/img/element/hover-ele.png" alt="img" class="-right-[100%] absolute bottom-0 z-n1 opacity-0 group-hover:right-0 group-hover:opacity-30 transition-all duration-300">
                                <div class="content">
                                    <div class="flex items-center justify-center bg-secondary rounded-full mb-[48px] icons w-[clamp(46px,2.94vw,56px)] aspect-square group-hover:bg-primary">
                                        <svg width="16" height="23" viewBox="0 0 16 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M4.49816 19.4491H11.5018C10.8432 21.0285 9.5794 22.2923 8 22.9509C6.4206 22.2923 5.15679 21.0285 4.49816 19.4491ZM14 14.2538L16 16.5221V18.4491H0V16.5221L2 14.2538V8.44909C2 4.96584 4.50442 2.00253 8 0.904297C11.4956 2.00253 14 4.96584 14 8.44909V14.2538ZM8 10.4491C9.1046 10.4491 10 9.55368 10 8.44909C10 7.34452 9.1046 6.44909 8 6.44909C6.8954 6.44909 6 7.34452 6 8.44909C6 9.55368 6.8954 10.4491 8 10.4491Z" fill="#2ECC71" class="fill-primary group-hover:fill-secondary" />
                                        </svg>
                                    </div>
                                    <h4 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                        <a href="services-details.phtml" class="inline text-primary text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Investment Strategies
                                        </a>
                                    </h4>
                                    <p class="text-[#2D2D2D] text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                        Find clarity, direction, and confidence to thrive in your career journey.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="col">
                            <div class="service-items2 block rounded-[16px] bg-etWhite relative text-primary px-[clamp(16px,1.89vw,36px)] py-[clamp(32px,3.36vw,64px)] overflow-hidden group duration-300 hover:bg-secondary h-full">
                                <img src="assets/img/element/hover-ele.png" alt="img" class="-right-[100%] absolute bottom-0 z-n1 opacity-0 group-hover:right-0 group-hover:opacity-30 transition-all duration-300">
                                <div class="content">
                                    <div class="flex items-center justify-center bg-secondary rounded-full mb-[48px] icons w-[clamp(46px,2.94vw,56px)] aspect-square group-hover:bg-primary">
                                        <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M11 2.97947C10.4117 2.63913 9.72857 2.44434 9 2.44434C6.79086 2.44434 5 4.2352 5 6.44434V8.21856C4.14895 8.56078 3.45143 9.09219 2.94126 9.79367C2.29239 10.6858 2 11.779 2 12.9443C2 14.5057 2.79529 15.8799 4 16.6863V17.9443C4 20.4296 6.01472 22.4443 8.5 22.4443C9.42507 22.4443 10.285 22.1652 11 21.6865V17.9443C11 16.6113 10.67 15.759 10.1402 15.1851C9.59743 14.5971 8.71622 14.1608 7.3356 13.9307L7.6644 11.9579C8.96602 12.1748 10.1058 12.5816 11 13.2714V2.97947ZM13 2.97947V13.2714C13.8942 12.5816 15.034 12.1748 16.3356 11.9579L16.6644 13.9307C15.2838 14.1608 14.4026 14.5971 13.8598 15.1851C13.33 15.759 13 16.6113 13 17.9443V21.6865C13.715 22.1652 14.5749 22.4443 15.5 22.4443C17.9853 22.4443 20 20.4296 20 17.9443V16.6863C21.2047 15.8799 22 14.5057 22 12.9443C22 11.779 21.7076 10.6858 21.0587 9.79367C20.5486 9.09219 19.8511 8.56078 19 8.21856V6.44434C19 4.2352 17.2091 2.44434 15 2.44434C14.2714 2.44434 13.5883 2.63913 13 2.97947Z" fill="#2ECC71" class="fill-primary group-hover:fill-secondary" />
                                        </svg>
                                    </div>
                                    <h4 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                        <a href="services-details.phtml" class="inline text-primary text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Tax Planning & Optimization
                                        </a>
                                    </h4>
                                    <p class="text-[#2D2D2D] text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                        Break free from limiting beliefs and adopt a powerful, growth-focused mindset
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="col">
                            <div class="service-items2 block rounded-[16px] bg-etWhite relative text-primary px-[clamp(16px,1.89vw,36px)] py-[clamp(32px,3.36vw,64px)] overflow-hidden group duration-300 hover:bg-secondary h-full">
                                <img src="assets/img/element/hover-ele.png" alt="img" class="-right-[100%] absolute bottom-0 z-n1 opacity-0 group-hover:right-0 group-hover:opacity-30 transition-all duration-300">
                                <div class="content">
                                    <div class="flex items-center justify-center bg-secondary rounded-full mb-[48px] icons w-[clamp(46px,2.94vw,56px)] aspect-square group-hover:bg-primary">
                                        <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M14.1213 10.9235C13.7308 10.5329 13.0976 10.5329 12.7071 10.9235L12 11.6306C11.2189 12.4116 9.95259 12.4116 9.17154 11.6306C8.39049 10.8495 8.39049 9.58322 9.17154 8.80217L14.8022 3.17002C16.9061 2.69407 19.2008 3.27509 20.8388 4.91309C23.2582 7.33245 23.3716 11.1845 21.1792 13.7382L19.071 15.8732L14.1213 10.9235ZM3.16113 4.91309C5.33452 2.7397 8.66411 2.42717 11.17 3.9755L7.75732 7.38796C6.19523 8.95006 6.19523 11.4827 7.75732 13.0448C9.27209 14.5595 11.6995 14.6054 13.2695 13.1825L13.4142 13.0448L17.6568 17.2874L13.4142 21.5301C12.6331 22.3111 11.3668 22.3111 10.5858 21.5301L3.16113 14.1054C0.622722 11.567 0.622722 7.45149 3.16113 4.91309Z" fill="#2ECC71" class="fill-primary group-hover:fill-secondary" />
                                        </svg>
                                    </div>
                                    <h4 class="mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".3s">
                                        <a href="services-details.phtml" class="inline text-primary text-[clamp(17px,1.05vw,20px)] font-semibold leading-[1.1]">
                                            Retirement & Estate Planning
                                        </a>
                                    </h4>
                                    <p class="text-[#2D2D2D] text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                        Strengthen your relationships by nurturing connection, communication, and self-love
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


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


        <!-- PRICING SECTION START -->
        <section class="pricing-section bg-etWhite">
            <div class="pricing-wrapper1 bg-[url('assets/img/element/pricing-bg.png')] bg-center bg-no-repeat bg-cover rounded-[16px] max-w-[clamp(0px,92.75vw,1765px)] py-[100px] mx-auto">
                <div class="et-container">
                    <div class="mb-[clamp(20px,1.68vw,32px)]">
                        <div class="w-1/2 md:w-[80%] sm:w-full mx-auto">
                            <div class="section-header text-center">
                                <div class="et-section-sub-title">
                                    <img src="assets/img/icon/section-step1.png" alt="img"> FAQ
                                </div>
                                <h2 class="et-section-title text-white wow fadeInUp" data-wow-delay=".3s">
                                    Flexible Consulting Packages to Fit
                                    <span>Every Stage of Your Business</span>
                                </h2>
                            </div>
                        </div>
                    </div>

                    <div class="grid grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-[clamp(16px,1.26vw,24px)]">
                        <div class="pricing-plan-item bg-white rounded-[8px] overflow-hidden p-[clamp(20px,2.10vw,40px)] relative wow fadeInUp" data-wow-delay=".5s">
                            <div class="mb-[clamp(16px,1.26vw,24px)]">
                                <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.2] mb-[4px]">Starter Plan</h4>
                                <p class="text-primary text-[15px] leading-[22.5px] opacity-75">Basic task & project management</p>
                            </div>
                            <div class="flex items-end gap-[8px] mb-[clamp(16px,1.26vw,24px)]">
                                <h2 class="text-primary text-[48px] font-extrabold leading-[1.1]">$199</h2>
                                <span class="text-primary text-[15px] leading-[22.5px] opacity-75">/One-time</span>
                            </div>
                            <a href="contact.phtml" class="et-btn w-full p-[6px] py-[clamp(7.8px,0.67vw,12.8px)] justify-center bg-white border border-primary text-primary hover:text-white hover:!border-black">
                                Get Started Today
                                <i class="fa-regular fa-arrow-up-right"></i>
                            </a>
                            <ul class="flex flex-col gap-[8px] mt-[clamp(24px,2.52vw,48px)] *:flex *:items-center *:text-primary *:text-[15px] *:leading-[1.5] *:gap-[16px] *:opacity-75 *:text-left *:list-none">
                                <li>
                                    <img src="assets/img/icon/cross.png" alt="img">
                                    Financial Health Check
                                </li>
                                <li>
                                    <img src="assets/img/icon/cross.png" alt="img">
                                    1-Hour Strategy Session
                                </li>
                                <li>
                                    <img src="assets/img/icon/cross.png" alt="img">
                                    Budget Planning Template
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Email Support (5 Days)
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Data Analytics & Insights
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Automation & Process Optimization
                                </li>
                            </ul>
                        </div>

                        <div class="pricing-plan-item groth-itemw bg-white rounded-[8px] overflow-hidden p-[clamp(20px,2.10vw,40px)] relative wow fadeInUp" data-wow-delay=".4s">
                            <div class="mb-[clamp(16px,1.26vw,24px)]">
                                <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.2] mb-[4px]">Growth Plan</h4>
                                <p class="text-primary text-[15px] leading-[22.5px] opacity-75">Advanced features integrations</p>
                            </div>
                            <div class="flex items-end gap-[8px] mb-[clamp(16px,1.26vw,24px)]">
                                <h2 class="text-primary text-[48px] font-extrabold leading-[1.1]">$299</h2>
                                <span class="text-primary text-[15px] leading-[1.5] opacity-75">/One-time</span>
                            </div>
                            <a href="contact.phtml" class="et-btn w-full p-[6px] py-[clamp(7.8px,0.67vw,12.8px)] justify-center">
                                Start Scaling
                                <i class="fa-regular fa-arrow-up-right"></i>
                            </a>
                            <ul class="flex flex-col gap-[8px] mt-[clamp(24px,2.52vw,48px)] *:flex *:items-center *:text-primary *:text-[15px] *:leading-[1.5] *:gap-[16px] *:opacity-75 *:text-left *:list-none">
                                <li>
                                    <img src="assets/img/icon/cross.png" alt="img">
                                    Multi-user Access
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Everything in Starter
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Cash Flow Forecasting
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Monthly Consulting Call (1 Hour)
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Customized Reports
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Priority Email Support
                                </li>
                            </ul>
                            <img src="assets/img/element/popular-badge.png" alt="img" class="popular-badge absolute top-0 right-0">
                        </div>

                        <div class="pricing-plan-item bg-white rounded-[8px] overflow-hidden p-[clamp(20px,2.10vw,40px)] relative wow fadeInUp" data-wow-delay=".3s">
                            <div class="mb-[clamp(16px,1.26vw,24px)]">
                                <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.2] mb-[4px]">Enterprise Plan</h4>
                                <p class="text-primary text-[15px] leading-[22.5px] opacity-75">Custom solutions for large teams</p>
                            </div>
                            <div class="flex items-end gap-[8px] mb-[clamp(16px,1.26vw,24px)]">
                                <h2 class="text-primary text-[48px] font-extrabold leading-[1.1]">$499</h2>
                                <span class="text-primary text-[15px] leading-[22.5px] opacity-75">/month</span>
                            </div>
                            <a href="contact.phtml" class="et-btn w-full p-[6px] py-[clamp(7.8px,0.67vw,12.8px)] justify-center bg-white border border-primary text-primary hover:text-white hover:!border-black">
                                Book a Free Consultation
                                <i class="fa-regular fa-arrow-up-right"></i>
                            </a>
                            <ul class="flex flex-col gap-[8px] mt-[clamp(24px,2.52vw,48px)] *:flex *:items-center *:text-primary *:text-[15px] *:leading-[1.5] *:gap-[16px] *:opacity-75 *:text-left *:list-none">
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Custom Pricing
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Dedicated Financial Consultant
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    On-Demand Strategy Sessions
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Advanced Financial Modeling
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    KPI Dashboards & Insights
                                </li>
                                <li>
                                    <img src="assets/img/icon/check.png" alt="img">
                                    Full Email + Call Support
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- PRICING SECTION END -->


        <!-- TESTIMONIAL 2.0 SECTION START -->
        <section class="testimonial-section2 overflow-hidden py-[clamp(40px,5.25vw,100px)]">
            <div class="et-container">
                <div class="grid grid-cols-12 gap-[clamp(24px,2.52vw,48px)]">
                    <div class="col-span-4 md:col-span-6 xxs:col-span-12">
                        <div class="section-header">
                            <span class="et-2-section-sub-title">Testimonials</span>
                            <h2 class="et-section-title wow fadeInUp mb-[clamp(16px,1.26vw,24px)]" data-wow-delay=".3s">
                                Life-Changing Journeys,
                                <span class="fw-300">Told by Our Clients</span>
                            </h2>
                            <img src="assets/img/testimonial/quote2.png" alt="img">
                        </div>
                    </div>

                    <div class="col-span-3 md:col-span-6 xxs:col-span-12">
                        <div class="thumb w-full rounded-lg img-custom-anim-right overflow-hidden">
                            <img src="assets/img/testimonial/testimonial-big1.png" alt="img" class="rounded-lg w-full">
                        </div>
                    </div>

                    <div class="col-span-5 md:col-span-12 relative">
                        <div class="swiper testimonial-slider1">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="testimonial-content2 relative">
                                        <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] italic leading-[1.47] mb-[clamp(20px,2.10vw,40px)]">
                                            Before working with this team, I felt lost. Now I feel confident in my financial
                                            roadmap and I’m finally saving
                                            consistently I didn’t know where to start with my finances. They made everything
                                            simple and actionable saving
                                            consistently
                                        </h4>
                                        <div>
                                            <h4 class="text-[#2D2D2D] text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.47] mb-[4px]">
                                                Daniel K.
                                            </h4>
                                            <span class="text-[#2d2d2d] text-[15px] leading-[2.13]">
                                                Senior Executive
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="array-button flex items-center mt-[clamp(16px,1.26vw,24px)] gap-[clamp(10px,0.84vw,16px)] position-absolute">
                            <button type="button" class="array-prev rounded-full w-[clamp(40px,2.36vw,45px)] aspect-square flex items-center justify-center hover:bg-primary p-[clamp(5px,0.42vw,8px)] group">
                                <svg width="28" height="18" viewBox="0 0 28 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M27.3337 10.3334L27.3338 7.66685H5.77123L11.0375 2.40051L9.15191 0.514893L0.666626 9.00019L9.15191 17.4855L11.0375 15.5998L5.77116 10.3335L27.3337 10.3334Z" fill="#1C4B42" class="group-hover:fill-white" />
                                </svg>
                            </button>
                            <button type="button" class="array-next rounded-full w-[clamp(40px,2.36vw,45px)] aspect-square flex items-center justify-center hover:bg-primary p-[clamp(5px,0.42vw,8px)] group">
                                <svg width="28" height="18" viewBox="0 0 28 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.666324 10.3334L0.666138 7.66685H22.2287L16.9624 2.40051L18.848 0.514893L27.3333 9.00019L18.848 17.4855L16.9624 15.5998L22.2288 10.3335L0.666324 10.3334Z" fill="#1C4B42" class="group-hover:fill-white" />
                                </svg>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- TESTIMONIAL 2.0 SECTION END -->


        <!-- FAQ SECTION START -->
        <section class="faqs-section bg-etWhite py-[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 -->


        <!-- 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 Rudra, Inc.</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/services-details.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:48 GMT -->
</html>