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


<!-- Mirrored from rudra-tailwind.vercel.app/team-details.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:57 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="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">James Carter</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">
                            James Carter
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Team Details Start -->
        <section class="team-details-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)] mb-clamp(20px,2.10vw,40px)">
                    <div class="col-span-5 sm:col-span-12">
                        <div class="team-details-thumb-wrap mr-[clamp(24px,2.10vw,40px)] sm:mr-0">
                            <div class="thumb rounded-2xl mb-[clamp(16px,1.26vw,24px)] w-full wow fadeInRight" data-wow-delay=".4s">
                                <img src="assets/img/team/team-details-thumb.png" alt="img" class="w-full">
                            </div>
                            <ul class="border-b border-[#DEE2E6] flex flex-col gap-[clamp(5px,0.42vw,8px)] mb-[clamp(16px,1.26vw,24px)] pb-[clamp(16px,1.26vw,24px)]">
                                <li class="flex items-center text-primary text-[15px] font-bold gap-[clamp(5px,0.42vw,8px)] leading-[2.13]">
                                    <span class="w-[clamp(28px,1.68vw,32px)] aspect-square shrink-0 flex items-center justify-center bg-secondary rounded-full">
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M14 10.9467V13.3041C14 13.6541 13.7294 13.9445 13.3803 13.9691C13.0887 13.9897 12.8509 14 12.6667 14C6.7756 14 2 9.2244 2 3.33333C2 3.14914 2.0103 2.91125 2.0309 2.61967C2.05558 2.27059 2.34596 2 2.69591 2H5.0534C5.22452 2 5.36784 2.12961 5.38502 2.29987C5.40045 2.45271 5.41479 2.57543 5.42805 2.66801C5.5629 3.60981 5.83835 4.50624 6.23247 5.33535C6.29573 5.46843 6.25447 5.62773 6.13457 5.71337L4.6957 6.7412C5.57168 8.7874 7.2126 10.4283 9.2588 11.3043L10.2847 9.86793C10.3715 9.7466 10.5327 9.70487 10.6673 9.7688C11.4964 10.1626 12.3927 10.4377 13.3344 10.5723C13.4264 10.5855 13.5483 10.5997 13.7001 10.615C13.8704 10.6322 14 10.7755 14 10.9467Z" fill="#1C4B42" />
                                        </svg>
                                    </span>
                                    +880-123-4567
                                </li>
                                <li class="flex items-center text-primary text-[15px] font-bold gap-[clamp(5px,0.42vw,8px)] leading-[2.13]">
                                    <span class="w-[clamp(28px,1.68vw,32px)] aspect-square shrink-0 flex items-center justify-center bg-secondary rounded-full">
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M1.49489 4.56945L7.65934 0.872286C7.87047 0.745653 8.13427 0.7457 8.34534 0.872406L14.5045 4.56944C14.6049 4.62969 14.6663 4.73817 14.6663 4.85524V13.3332C14.6663 13.7014 14.3679 13.9999 13.9997 13.9999H1.99967C1.63149 13.9999 1.33301 13.7014 1.33301 13.3332V4.85532C1.33301 4.73821 1.39446 4.62969 1.49489 4.56945ZM12.2301 5.49577L8.04007 9.12182L3.76449 5.49168L2.90153 6.50809L8.04841 10.878L13.1026 6.50399L12.2301 5.49577Z" fill="#1C4B42" />
                                        </svg>
                                    </span>
                                    demo@mail.com
                                </li>
                                <li class="flex items-center text-primary text-[15px] font-bold gap-[clamp(5px,0.42vw,8px)] leading-[2.13]">
                                    <span class="w-[clamp(28px,1.68vw,32px)] aspect-square shrink-0 flex items-center justify-center bg-secondary rounded-full">
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.2427 11.576L8 15.8186L3.75736 11.576C1.41421 9.23284 1.41421 5.43388 3.75736 3.09073C6.10051 0.747587 9.89947 0.747587 12.2427 3.09073C14.5858 5.43388 14.5858 9.23284 12.2427 11.576ZM8 10C9.47273 10 10.6667 8.80611 10.6667 7.33337C10.6667 5.86061 9.47273 4.66671 8 4.66671C6.52724 4.66671 5.33333 5.86061 5.33333 7.33337C5.33333 8.80611 6.52724 10 8 10ZM8 8.66671C7.2636 8.66671 6.66667 8.06977 6.66667 7.33337C6.66667 6.59699 7.2636 6.00004 8 6.00004C8.7364 6.00004 9.33333 6.59699 9.33333 7.33337C9.33333 8.06977 8.7364 8.66671 8 8.66671Z" fill="#1C4B42" />
                                        </svg>
                                    </span>
                                    150 King Street West, Suite 200, Toronto, ON M5H 1J9
                                </li>
                            </ul>

                            <div class="flex items-center gap-[clamp(10px,0.84vw,16px)] flex-wrap">
                                <a href="#0" class="et-btn">
                                    <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
                                    Contact with James carter
                                </a>
                                <a href="#0" class="flex items-center justify-center w-[clamp(43px,2.52vw,48px)] aspect-square rounded-full border border-[#DEE2E6]">
                                    <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M13.8357 17.4936L8.72553 14.7062C8.09289 15.3342 7.22164 15.7222 6.25977 15.7222C4.32677 15.7222 2.75977 14.1552 2.75977 12.2222C2.75977 10.2892 4.32677 8.72217 6.25977 8.72217C7.22158 8.72217 8.09278 9.11013 8.72541 9.7381L13.8357 6.95072C13.786 6.71571 13.7598 6.472 13.7598 6.22217C13.7598 4.28917 15.3268 2.72217 17.2598 2.72217C19.1928 2.72217 20.7598 4.28917 20.7598 6.22217C20.7598 8.15517 19.1928 9.72217 17.2598 9.72217C16.2979 9.72217 15.4267 9.33418 14.7941 8.70616L9.68381 11.4935C9.73359 11.7286 9.75977 11.9723 9.75977 12.2222C9.75977 12.472 9.7336 12.7157 9.68385 12.9507L14.7941 15.7382C15.4268 15.1102 16.298 14.7222 17.2598 14.7222C19.1928 14.7222 20.7598 16.2892 20.7598 18.2222C20.7598 20.1552 19.1928 21.7222 17.2598 21.7222C15.3268 21.7222 13.7598 20.1552 13.7598 18.2222C13.7598 17.9724 13.786 17.7286 13.8357 17.4936Z" fill="#1C4B42" />
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>


                    <div class="col-span-6 md:col-span-7 sm:col-span-12">
                        <div class="wow fadeInUp" data-wow-delay=".4s">
                            <h3 class="text-primary text-[clamp(20px,1.26vw,24px)] font-bold leading-[1.15] mb-[clamp(10px,0.84vw,16px)]">About james carter</h3>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)] wow fadeInDown" data-wow-delay=".2s">
                                With over 10 years of experience in life coaching, james carter specializes in Senior Financial Strategist. Their unique
                                approach combines empathy, actionable strategies, and proven methodologies to guide clients through their personal
                                transformation journey.
                            </p>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)] wow fadeInDown" data-wow-delay=".4s">
                                Having worked with clients from diverse backgrounds, james carter has a deep understanding of the challenges people face
                                and is committed to providing personalized support to help individuals achieve lasting success. Whether you’re looking
                                toSenior Financial Strategist, james is here to help.
                            </p>
                            <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[clamp(8px,0.84vw,16px)] wow fadeInDown" data-wow-delay=".5s">
                                james carter’s Coaching Approach
                            </h4>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)] wow fadeInDown" data-wow-delay=".6s">
                                James believes that true transformation happens when individuals are empowered to take control of their own lives. They
                                use a holistic approach that blends practical tools with deep emotional insight, ensuring that every client receives a
                                customized plan that aligns with their unique goals.
                            </p>
                            <h5 class="text-[clamp(16px,0.95vw,18px)] leading-[1.2] font-bold text-primary mb-[clamp(8px,0.84vw,16px)]">Key Areas of Focus</h5>
                            <ul class="grid gap-1 mb-[clamp(24px,2.52vw,48px)] ">
                                <li class="flex items-center gap-[clamp(5px,0.42vw,8px)] text-primary leading-[2.13] text-[15px]">
                                    <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>
                                    Empathy & Active Listening
                                </li>
                                <li class="flex items-center gap-[clamp(5px,0.42vw,8px)] text-primary leading-[2.13] text-[15px]">
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0.682617 9.80076C3.46973 12.8164 6.17207 15.5312 8.76973 18.9648C11.5939 13.3476 14.4846 7.71091 19.2541 1.60662L17.9689 1.01794C13.9416 5.28904 10.8127 9.33201 8.09394 14.1367C6.20332 12.4336 3.14785 10.0234 1.28223 8.78513L0.682617 9.80076Z" fill="#92C201" />
                                    </svg>
                                    Goal Setting & Action Plans
                                </li>
                                <li class="flex items-center gap-[clamp(5px,0.42vw,8px)] text-primary leading-[2.13] text-[15px]">
                                    <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>
                                    Mindset Shifts
                                </li>
                            </ul>
                            <h4 class="text-primary text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25] mb-[clamp(8px,0.84vw,16px)]">Specialization</h4>
                            <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">
                                James has developed deep expertise in the following areas, helping clients in these niches achieve remarkable success
                            </p>
                            <div class="work-wrapper flex flex-col gap-[clamp(10px,0.84vw,16px)]">
                                <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>
    </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/team-details.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:57 GMT -->
</html>