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


<!-- Mirrored from rudra-tailwind.vercel.app/case-details.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:48 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>

    <!-- Header Section Start -->
    <header id="header-sticky" class="header-section section-bg border-0 style1 position-relative w-100 hidden">
        <div class="et-container">
            <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 d-flex justify-content-end align-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="theme-btn style4 d-center">
                                                                        <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="theme-btn style4 d-center">
                                                                        <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="theme-btn style4 d-center">
                                                                        <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="d-flex align-items-center gap-3">
                            <a href="#0" class="search-trigger d-xl-none d-flex search-icon theme-clr4 hover-svg w-48 h-48 white-bg rounded-circle align-items-center justify-content-center d-xl-none d-block">
                                <i class="fa-solid fa-magnifying-glass black"></i>
                            </a>
                            <div class="header__hamburger d-xl-none d-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 d-xl-flex align-items-center d-none">
                        <a href="contact.phtml" class="theme-btn text-nowrap style-white pe-20">
                            <i class="fa-solid fa-arrow-right w-36 h-36 bg-white theme4-border rounded-circle d-center fz-14 theme-clr4"></i>
                            Contact Us
                        </a>
                        <a href="#0" class="search-trigger search-icon theme-clr4 hover-svg w-48 h-48 white-bg rounded-circle d-center d-xl-block d-none fs-five">
                            <i class="fa-solid fa-magnifying-glass black"></i>
                        </a>
                        <div class="d-flex align-items-center gap-3">
                            <i class="fa-solid fa-phone w-48 h-48 rounded-circle theme-bg4 d-center theme-clr"></i>
                            <a href="#0" class="fw-normal d-xxl-block d-none">
                                24/7 Support <br>
                                <span class="fw-600 text-nowrap theme-clr4">(++597)678 09876</span>
                            </a>
                        </div>
                        <div class="header__hamburger my-auto d-xl-none d-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">Case 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">
                            Case 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-start 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">
                                Transforming a Stagnant
                                <span class="fw-300">Career into a Path to Success!</span>
                            </h2>
                        </div>
                    </div>
                    <div class="lg:hidden"></div>
                    <div class="col-span-5 lg: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)]">How targeted coaching helped Jane rediscover her passions and build a fulfilling career. We’re a team of expert consultants committed to helping businesses and individuals</p>
                            <a href="services.phtml" class="et-btn">
                                <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
                                Free Consultation
                            </a>
                        </div>
                    </div>
                </div>


                <div class="grid grid-cols-12 gap-[clamp(14px,1.26vw,24px)] items-center">
                    <div class="col-span-6 sm:col-span-12">
                        <img src="assets/img/blog/studies-details-thumb.png" alt="img" class="w-full rounded-4 pr-[clamp(24px,2.52vw,48px)]">
                    </div>
                    <div class="col-span-6 sm:col-span-12">
                        <div class="wow fadeInUp" data-wow-delay=".4s">
                            <h5 class="text-primary text-[clamp(20px,1.26vw,24px)] font-bold leading-[1.15] mb-[clamp(9px,0.84vw,16px)]">Jane’s Story: From Career Stagnation to Professional Fulfillment</h5>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                Jane came to us feeling stuck in her corporate job, unsure of where her career was heading. For years, she felt unfulfilled and unsure of her next step.
                            </p>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                Although she had gained significant experience, she lacked direction and motivation. Jane knew she needed a change but didn’t know where to start. That’s where our coaching process began. Together, we redefined her career goals, identified her true passions, and crafted a clear, actionable plan to take her career to the next level.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- info -->
        <section class="facing-content-section overflow-hidden">
            <div class="choose-partner-section max-w-[clamp(0px,93.01vw,1770px)] mx-auto rounded-3xl py-[clamp(60px,5.25vw,100px)]">
                <div class="et-container">
                    <div class="flex grid-cols-12 justify-center gap-[clamp(16px,1.26vw,24px)]">
                        <div class="basis-9/12 xs:basis-12/12">
                            <div class="flex flex-col gap-[clamp(16px,1.26vw,24px)]">
                                <div>
                                    <h3 class="text-primary text-[clamp(20px,1.26vw,24px)] font-bold leading-[1.15] mb-[clamp(8px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".2s">Facing Stagnation: <small class="font-medium text-[clamp(17px,1.10vw,21px)]">The Roadblocks to Career Growth</small></h3>
                                    <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(16px,1.26vw,24px)] pb-[4px] wow fadeInUp" data-wow-delay=".2s">At the time, Jane felt as though she had reached a career plateau. She was in a job that no longer inspired her and
                                        lacked the confidence to explore new opportunities. Jane struggled with a fear of failure, believing that a career
                                        change might risk her financial stability. Her biggest challenge was finding the courage to step out of her comfort zone
                                        and pursue something that truly excited her.</p>
                                    <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".4s">Key Challenges</h4>
                                    <ul class="grid gap-0 mb-[clamp(24px,2.52vw,48px)] wow fadeInUp" data-wow-delay=".6s">
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Lack of Direction
                                        </li>
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Fear of Change
                                        </li>
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Low Confidence
                                        </li>
                                    </ul>
                                </div>
                                <div>
                                    <h3 class="text-primary text-[clamp(20px,1.26vw,24px)] font-bold leading-[1.15] mb-[clamp(8px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".8s">Our Approach: <small class="font-medium text-[clamp(17px,1.10vw,21px)]">Redefining Jane’s Career Path</small>
                                    </h3>
                                    <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(16px,1.26vw,24px)] pb-[4px] wow fadeInUp" data-wow-delay=".9s">At the time, Jane felt as though she had reached a career plateau. She
                                        We began Jane’s coaching journey by focusing on self-discovery. We used various coaching tools to help Jane explore her
                                        strengths, values, and passions. Together, we worked through her limiting beliefs and replaced them with a growth
                                        mindset. The coaching sessions focused on building Jane’s confidence and clarity about what she truly wanted in her
                                        career. We also created a step-by-step action plan to help her take practical steps toward her goals.</p>
                                    <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".2s">Coaching Steps</h4>
                                    <ul class="grid gap-0 mb-[clamp(24px,2.52vw,48px)] wow fadeInUp" data-wow-delay=".5s">
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Self-Discovery
                                        </li>
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Confidence Building
                                        </li>
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Goal Clarification
                                        </li>
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Action Plan Creation
                                        </li>
                                    </ul>
                                </div>
                                <div>
                                    <h3 class="text-primary text-[clamp(20px,1.26vw,24px)] font-bold leading-[1.15] mb-[clamp(8px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".4s">The Outcome: <small class="font-medium text-[clamp(17px,1.10vw,21px)]">A Fulfilling Career and Renewed Confidence</small>
                                    </h3>
                                    <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(16px,1.26vw,24px)] pb-[4px] wow fadeInUp" data-wow-delay=".8s">
                                        Within six months of starting our coaching sessions, Jane had successfully transitioned into a role that was aligned
                                        with her values and passions. Not only did she experience an increase in confidence, but she also found a renewed sense
                                        of purpose and satisfaction in her work. Jane took bold steps, such as updating her resume, networking with industry
                                        professionals, and applying for roles that matched her true interests. Today, Jane is leading a dynamic team at a
                                        startup, feeling more confident and fulfilled than ever before.
                                    </p>
                                    <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[clamp(5px,0.42vw,8px)] wow fadeInUp" data-wow-delay=".2s">Coaching Steps</h4>
                                    <ul class="grid gap-0 mb-[clamp(24px,2.52vw,48px)] wow fadeInUp" data-wow-delay=".9s">
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Career Transition
                                        </li>
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Career Transition
                                        </li>
                                        <li class="flex items-center text-primary gap-[clamp(5px,0.42vw,8px)] text-[15px] leading-[2.13]">
                                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                            </svg>
                                            Confidence Boost
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- TESTIMONIAL 2.0 SECTION START -->
        <section class="testimonial-section2 overflow-hidden bg-etWhite 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 pb-[clamp(60px,5.25vw,100px)]">
            <div class="py-[clamp(60px,5.25vw,100px)] bg-white max-w-[clamp(0px,93.01vw,1770px)] mx-auto rounded-3xl">
                <div class="et-container">
                    <div class="grid grid-cols-2 sm:grid-cols-1 place-items-end sm:place-items-start mb-[clamp(20px,2.10vw,40px)] gap-y-[10px]">
                        <div class="section-left">
                            <div class="section-header">
                                <div class="et-section-sub-title"><img src="assets/img/icon/section-step1.png" alt="img">FAQ</div>
                                <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                    Answers to Common
                                    <span>Questions of our Services</span>
                                </h2>
                            </div>
                        </div>
                        <div class="section-right">
                            <div class="text-md-end wow fadeInUp" data-wow-delay=".4s">
                                <a href="team.phtml" class="et-btn">
                                    <div class="icon">
                                        <i class="fa-solid fa-arrow-up-right"></i>
                                    </div>
                                    Check All Team Members
                                </a>
                            </div>
                        </div>
                    </div>


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

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