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


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


        <!-- blog Start -->
        <section class="blog-details-section bg-etWhite py-[clamp(60px,5.25vw,100px)]">
            <div class="et-container">
                <div class="flex justify-center items-end">
                    <div class="basis-9/12 sm:basis-12/12">
                        <div class="blog-details-thumb rounded-2xl w-full mb-[clamp(20px,2.10vw,40px)] relative wow fadeInUp" data-wow-delay=".4s">
                            <img src="assets/img/blog/blog-details-big1.png" alt="img" class="w-full rounded-2xl">
                            <div class="social-icon blog-details-social flex items-center absolute bottom-[clamp(16px,1.26vw,24px)] left-[clamp(16px,1.26vw,24px)] *:flex *:items-center *:justify-center *:hover:bg-secondary *:hover:text-primary *:border *:border-white/10 *:bg-black/24 *:rounded-full *:cursor-pointer *:min-w-[clamp(35px,2.10vw,40px)] *:aspect-square *:text-white">
                                <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>
                        <h3 class="text-primary text-[clamp(28px,1.89vw,36px)] font-bold leading-[1.2] mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".2s">5 financial planning mistakes small business owners must to avoid</h3>
                        <div class="flex items-center gap-[clamp(10px,0.84vw,16px)] text-primary text-[14px] leading-[1.5] mb-[clamp(20px,2.10vw,40px)] wow fadeInUp" data-wow-delay=".4s">
                            <span class="font-semibold">Danial</span> / 01 May 2025
                        </div>
                        <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".6s">
                            While the lovely valley teems with vapour around me, and the meridian sun strikes the upper
                            surface of the impenetrable
                            foliage of my trees
                        </p>
                        <p class="text-primary text-[15px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)] wow fadeInUp" data-wow-delay=".5s">
                            A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring
                            which I enjoy with my
                            whole heart. I am alone, and feel the charm of existence in this spot, which was created for the
                            bliss of souls like
                            mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil
                            existence, that I neglect my
                            talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel
                            that I never was a
                            greater artist than now. When, while the lovely valley teems with vapour around me, and the
                            meridian sun strikes the
                            upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the
                            inner sanctuary, I
                            throw myself down among the tall grass by the trickling stream; and, as I lie close to the
                            earth, a thousand unknown
                            plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow
                            familiar with the
                            countless indescribable forms of the insects and flies, then I feel the presence of the
                            Almighty, who formed us in his
                            own image, and the breath
                        </p>

                        <div class="bg-white rounded-[24px] shadow-[0px_4px_17px_0px_#0D173412] flex items-start gap-[clamp(16px,1.26vw,24px)] my-[clamp(24px,2.52vw,48px)] p-[clamp(20px,2.10vw,40px)_clamp(25px,2.63vw,50px)] wow fadeInUp" data-wow-delay=".3s">
                            <img width="70" height="50" src="assets/img/blog/quoe-blog.png" alt="img">
                            <div>
                                <h3 class="text-primary text-[clamp(20px,1.26vw,24px)] italic font-medium leading-[1.15] mb-[clamp(5px,0.42vw,8px)]">A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which</h3>
                                <span class="text-[15px] leading-[2.13] text-primary"> - Jhon danial</span>
                            </div>
                        </div>

                        <div class="flex items-center gap-[clamp(16px,1.26vw,24px)] mb-[clamp(24px,2.52vw,48px)]">
                            <div class="w-full">
                                <img src="assets/img/blog/blog-details-middle1.png" alt="img" class="rounded-2xl w-full wow fadeInDown" data-wow-delay=".4s">
                            </div>
                            <div class="w-full">
                                <img src="assets/img/blog/blog-details-middle2.png" alt="img" class="rounded-2xl w-full wow fadeInDown" data-wow-delay=".6s">
                            </div>
                        </div>

                        <div class="flex flex-wrap post-viewer items-center justify-between gap-[clamp(8px,0.84vw,16px)] mb-[clamp(24px,2.52vw,48px)] bg-white py-[clamp(16px,1.68vw,32px)] px-[clamp(20px,2.10vw,40px)] border border-[#0d17341a] rounded-lg">
                            <div>
                                <span class="text-primary text-[12px] leading-[1.5] uppercase">Previous post</span>
                                <h5 class="font-bold text-[clamp(15px,0.95vw,18px)] text-primary leading-[1.2]">Describable forms of the insects</h5>
                            </div>
                            <div class="text-end xxs:text-start">
                                <span class="text-primary text-[12px] leading-[1.5] uppercase">Next post</span>
                                <h5 class="font-bold text-[clamp(15px,0.95vw,18px)] text-primary leading-[1.2]">Noticed by me when hear buzz</h5>
                            </div>
                        </div>

                        <h3 class="text-primary text-[clamp(20px,1.26vw,24px)] font-bold leading-[1.15] mb-[clamp(16px,1.26vw,24px)]">3 comments</h3>
                        <div class="flex xs:flex-col items-start gap-[clamp(16px,1.26vw,24px)] border-b border-[#dee2e6] pb-[clamp(16px,1.26vw,24px)] mb-[clamp(16px,1.26vw,24px)]">
                            <img width="80" height="80" src="assets/img/blog/replay1.png" alt="img" class="rounded-full">
                            <div class="text-primary">
                                <h4 class="text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25]">Brittni Lando</h4>
                                <span class="text-[12px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">16 Apr 2025 AT 12:15 AM</span>
                                <p class="text-[15px] leading-[1.5] mb-[4px]">A wonderful serenity has taken possession of my entire
                                    soul, like these sweet mornings of spring which I enjoy with my
                                    whole heart. I am alone, and feel the charm</p>
                                <button type="button" class="uppercase font-extrabold text-[12px] leading-[1.5] text-secondary">Reply</button>
                            </div>
                        </div>
                        <div class="flex xs:flex-col items-start gap-[clamp(16px,1.26vw,24px)] border-b border-[#dee2e6] pb-[clamp(16px,1.26vw,24px)] mb-[clamp(16px,1.26vw,24px)] ml-[clamp(24px,2.52vw,48px)]">
                            <img width="80" height="80" src="assets/img/blog/replay2.png" alt="img" class="rounded-full">
                            <div class="text-primary">
                                <h4 class="text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25]">Annabel Rohan</h4>
                                <span class="text-[12px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">16 Apr 2025 AT 12:15 AM</span>
                                <p class="text-[15px] leading-[1.5] mb-[4px]">A wonderful serenity has taken possession of my entire soul, like these
                                    sweet mornings of spring which I enjoy with my
                                    whole heart. I am alone, and feel the charm</p>
                                <button type="button" class="uppercase font-extrabold text-[12px] leading-[1.5] text-secondary">Reply</button>
                            </div>
                        </div>
                        <div class="flex xs:flex-col items-start gap-[clamp(16px,1.26vw,24px)] border-b border-[#dee2e6] pb-[clamp(16px,1.26vw,24px)] mb-[clamp(16px,1.26vw,24px)]">
                            <img width="80" height="80" src="assets/img/blog/replay3.png" alt="img" class="rounded-full">
                            <div class="text-primary">
                                <h4 class="text-[clamp(17px,1.05vw,20px)] font-bold leading-[1.25]">Phyllis Godley</h4>
                                <span class="text-[12px] leading-[1.5] mb-[clamp(10px,0.84vw,16px)]">16 Apr 2025 AT 12:15 AM</span>
                                <p class="text-[15px] leading-[1.5] mb-[4px]">A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring I enjoy with my whole heart. I am alone, and feel the charm</p>
                                <button type="button" class="uppercase font-extrabold text-[12px] leading-[1.5] text-secondary">Reply</button>
                            </div>
                        </div>

                        <div class="contact-content1 leave-comment bg-white rounded-3xl mt-[clamp(24px,2.52vw,48px)] -ml-[30px] md:ml-0 p-[clamp(24px,2.52vw,48px)] relative z-[1]">
                            <div class="section-header pb-[clamp(5px,0.42vw,8px)] mb-[clamp(16px,1.26vw,24px)]">
                                <h3 class="text-primary text-[clamp(20px,1.26vw,24px)] leading-[1.15] font-bold wow fadeInUp">
                                    Leave a comment
                                </h3>
                            </div>
                            <div class="grid grid-cols-12 gap-[clamp(16px,1.26vw,24px)]">
                                <div class="col-span-6">
                                    <div class="form__grp">
                                        <input class="form-control border-b border-[#2C2F581C] pb-[clamp(10px,0.74vw,14px)] w-full outline-none" type="text" placeholder="Full Name *">
                                    </div>
                                </div>
                                <div class="col-span-6">
                                    <div class="form__grp">
                                        <input class="form-control border-b border-[#2C2F581C] pb-[clamp(10px,0.74vw,14px)] w-full outline-none" type="email" placeholder="Full Email *">
                                    </div>
                                </div>
                                <div class="col-span-12">
                                    <div class="form__grp">
                                        <textarea class="form-control border-b border-[#2C2F581C] pb-[clamp(10px,0.74vw,14px)] w-full outline-none" name="#" placeholder="Your comment *" rows="4"></textarea>
                                    </div>
                                </div>
                                <div class="col-span-12">
                                    <div class="form-check flex content-center gap-[clamp(5px,0.42vw,8px)]">
                                        <input class="form-check-input border border-red-400" type="checkbox" value="" id="checkDefault">
                                        <label class="form-check-label text-primary text-[14px] leading-[1.5]" for="checkDefault">
                                            Save my name and email in this browser for the next time I comment.
                                        </label>
                                    </div>
                                </div>
                                <div class="col-span-6 xs:col-span-12">
                                    <div class="form__grp wow fadeInUp" data-wow-delay=".3s">
                                        <button type="button" class="et-btn">
                                            <span class="icon"><i class="fa-solid fa-arrow-up-right"></i></span>
                                            Submit your message
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- Blogs SECTION START -->
        <section class="blog-section case-section bg-etWhite pb-[clamp(60px,5.25vw,100px)]">
            <div class="py-[clamp(60px,5.25vw,100px)] bg-white rounded-3xl max-w-[clamp(1767px,93.01vw,1770px)] mx-auto">
                <div class="et-container">
                    <div class="grid grid-cols-12 mb-[clamp(20px,2.10vw,40px)]">
                        <div class="col-span-6 sm:col-span-12 section-left">
                            <div class="section-header">
                                <div class="et-section-sub-title"><img src="assets/img/icon/section-step1.png" alt="img"> Insights</div>
                                <h2 class="et-section-title wow fadeInUp" data-wow-delay=".3s">
                                    More <span>Related Articles</span>
                                </h2>
                            </div>
                        </div>
                    </div>


                    <div class="grid grid-cols-3 sm:grid-cols-2 xs:grid-cols-1 gap-[clamp(16px,1.26vw,24px)] *:bg-etWhite *:rounded-2xl *:px-[clamp(16px,1.26vw,24px)] *:transition *:duration-[400ms]">
                        <div class="team-item group hover:translate-y-[-8px] hover:bg-secondary">
                            <div class="thumb w-full overflow-hidden">
                                <img src="assets/img/team/team1.png" alt="img" class="w-full rounded-b-[8px]">
                            </div>
                            <div class="content flex items-end justify-between gap-[clamp(20px,1.58vw,30px)] pt-[clamp(10px,0.84vw,16px)] pb-[clamp(16px,1.26vw,24px)]">
                                <div>
                                    <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Financial</span>
                                    <h5 class="text-[clamp(15px,0.95vw,18px)] font-medium leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                        <a href="team-details.phtml" class="text-inherit hover:text-black inline-block">
                                            5 financial planning mistakes small business owners must to avoid
                                        </a>
                                    </h5>
                                </div>
                                <a href="team-details.phtml" class="shrink-0 w-[clamp(35px,2.52vw,48px)] aspect-square flex items-center justify-center hover:bg-primary border border-[#dee2e6] hover:border-primary rounded-full text-primary hover:text-white transform-[rotate(-40deg)] transition duration-[400ms] group-hover:bg-primary group-hover:text-white">
                                    <i class="fa-solid fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>

                        <div class="team-item group hover:translate-y-[-8px] hover:bg-secondary">
                            <div class="thumb w-full overflow-hidden">
                                <img src="assets/img/team/team2.png" alt="img" class="w-full rounded-b-[8px]">
                            </div>
                            <div class="content flex items-end justify-between gap-[clamp(20px,1.58vw,30px)] pt-[clamp(10px,0.84vw,16px)] pb-[clamp(16px,1.26vw,24px)]">
                                <div>
                                    <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Trading</span>
                                    <h5 class="text-[clamp(15px,0.95vw,18px)] font-medium leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                        <a href="team-details.phtml" class="text-inherit hover:text-black inline-block">
                                            How to prepare for a recession: a consultant's perspective
                                        </a>
                                    </h5>
                                </div>
                                <a href="team-details.phtml" class="shrink-0 w-[clamp(35px,2.52vw,48px)] aspect-square flex items-center justify-center hover:bg-primary border border-[#dee2e6] hover:border-primary rounded-full text-primary hover:text-white transform-[rotate(-40deg)] transition duration-[400ms] group-hover:bg-primary group-hover:text-white">
                                    <i class="fa-solid fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>

                        <div class="team-item group hover:translate-y-[-8px] hover:bg-secondary">
                            <div class="thumb w-full overflow-hidden">
                                <img src="assets/img/team/team3.png" alt="img" class="w-full rounded-b-[8px]">
                            </div>
                            <div class="content flex items-end justify-between gap-[clamp(20px,1.58vw,30px)] pt-[clamp(10px,0.84vw,16px)] pb-[clamp(16px,1.26vw,24px)]">
                                <div>
                                    <span class="text-[14px] font-medium leading-[1.5] text-primary block mb-[4px]">Business Strategy</span>
                                    <h5 class="text-[clamp(15px,0.95vw,18px)] font-medium leading-[1.1] text-primary wow fadeInUp" data-wow-delay=".3s">
                                        <a href="team-details.phtml" class="text-inherit hover:text-black inline-block">
                                            The ROI of hiring a financial consultant: Is It worth It investment nowadays?
                                        </a>
                                    </h5>
                                </div>
                                <a href="team-details.phtml" class="shrink-0 w-[clamp(35px,2.52vw,48px)] aspect-square flex items-center justify-center hover:bg-primary border border-[#dee2e6] hover:border-primary rounded-full text-primary hover:text-white transform-[rotate(-40deg)] transition duration-[400ms] group-hover:bg-primary group-hover:text-white">
                                    <i class="fa-solid fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Blogs 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/blog-details.phtml by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 08 Nov 2025 13:21:55 GMT -->
</html>