

<?php $__env->startSection('title'); ?>
<title>
    Home
</title>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>


<!-- ================= HERO SECTION START ================= -->

<br>
<br>
<br>
<br>
<section class="hero-section">

    <div class="hero-container">

        <!-- LEFT CONTENT -->
        <div class="hero-left" data-aos="fade-right" data-aos-duration="700">

            <div class="top-badge" data-aos="zoom-in" data-aos-delay="100" data-aos-duration="500">
                ● PAN India Services Available
            </div>

            <h1 data-aos="fade-up" data-aos-delay="200" data-aos-duration="600">
                Managing <br>
                <span class="cyan">Workforce.</span><br>
                Ensuring <br>
                <span class="yellow">Compliance.</span>
            </h1>

            <p data-aos="fade-up" data-aos-delay="300" data-aos-duration="600">
                One-stop solution for PF, ESIC, Payroll,
                Compliance & HR Services.
                <br>
                Trusted by businesses across India for
                100% statutory accuracy.
            </p>

            <!-- BUTTONS -->
            <div class="hero-btns" data-aos="fade-up" data-aos-delay="400" data-aos-duration="600">

                <a href="<?php echo e(route('contact')); ?>" class="primary-btn">
                    <i class="fa fa-phone"></i>
                    Get Free Consultation
                </a>

                <a href="<?php echo e(route('services')); ?>" class="secondary-btn">
                    Explore Services
                    <i class="fa fa-arrow-down"></i>
                </a>

            </div>

            <!-- STATS -->
            <div class="hero-stats">

                <div class="stat-box" data-aos="zoom-in" data-aos-delay="500" data-aos-duration="500">
                    <h2>500+</h2>
                    <span>Clients Served</span>
                </div>

                <div class="stat-box" data-aos="zoom-in" data-aos-delay="600" data-aos-duration="500">
                    <h2>12+</h2>
                    <span>Industries</span>
                </div>

                <!--
                <div class="stat-box" data-aos="zoom-in" data-aos-delay="700" data-aos-duration="500">
                    <h2>100%</h2>
                    <span>Compliance Rate</span>
                </div>
                -->

                <div class="stat-box" data-aos="zoom-in" data-aos-delay="700" data-aos-duration="500">
                    <h2>15+</h2>
                    <span>Years Experience</span>
                </div>

            </div>

        </div>

        <!-- RIGHT CONTENT -->
        <div class="hero-right" data-aos="fade-left" data-aos-duration="700">

            <div class="expert-badge" data-aos="flip-left" data-aos-delay="200" data-aos-duration="600">
                ✦ Labour Law Expert
            </div>

            <div class="service-card" data-aos="zoom-in-up" data-aos-delay="300" data-aos-duration="700">

                <h3>Our Services at a Glance</h3>

                <div class="service-tags">

                    <span data-aos="fade-up" data-aos-delay="100">PF Compliance</span>
                    <span data-aos="fade-up" data-aos-delay="150">ESIC Compliance</span>
                    <span data-aos="fade-up" data-aos-delay="200">Payroll Services</span>
                    <span data-aos="fade-up" data-aos-delay="250">HR Services</span>
                    <span data-aos="fade-up" data-aos-delay="300">Audit Preparation</span>
                    <span data-aos="fade-up" data-aos-delay="350">Outsourcing</span>
                    <span data-aos="fade-up" data-aos-delay="400">Registration</span>
                    <span data-aos="fade-up" data-aos-delay="450">Returns & Filings</span>
                    <span data-aos="fade-up" data-aos-delay="500">Factory Law</span>
                    <span data-aos="fade-up" data-aos-delay="550">Professional Tax</span>

                </div>

                <hr>

                <div class="contact-info" data-aos="fade-up" data-aos-delay="600" data-aos-duration="600">

                    <h4>
                        Ashish S. Meshram
                        <span>(IT, MBA-HR)</span>
                    </h4>

                    <p><i class="fa fa-phone"></i> +91 9022067751</p>

                    <p><i class="fa fa-envelope"></i> asm.meshram@gmail.com</p>

                    <p><i class="fa fa-globe"></i> pfesicconsultant.com</p>

                </div>

            </div>

        </div>

    </div>

</section>





<div class="quick-highlights">

    <div class="highlight-item">
        <i class="fa fa-check-circle"></i>
        100% Compliance
    </div>

    <div class="highlight-item">
        <i class="fa fa-calculator"></i>
        Accurate Payroll
    </div>

    <div class="highlight-item">
        <i class="fa fa-user-tie"></i>
        Expert Support
    </div>

    <div class="highlight-item">
        <i class="fa fa-globe"></i>
        PAN India Service
    </div>

    <div class="highlight-item">
        <i class="fa fa-shield-alt"></i>
        Data Security
    </div>

</div>





<section class="why-choose-section">

    <div class="container1">

        <!-- HEADING -->
        <div class="section-heading"
             data-aos="fade-up"
             data-aos-duration="2500">

            <span class="small-tag"
                  data-aos="zoom-in"
                  data-aos-delay="300"
                  data-aos-duration="2000">
                Why Choose Us
            </span>

            <h2 data-aos="fade-up"
                data-aos-delay="500"
                data-aos-duration="2500">
                Why Businesses Choose Our Services
            </h2>

            <p data-aos="fade-up"
               data-aos-delay="700"
               data-aos-duration="2500">
                We provide reliable compliance, payroll, and HR solutions
                with professional support, accurate documentation,
                and timely service management for businesses across India.
            </p>

        </div>

        <!-- CARDS -->
        <div class="choose-grid">

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="200">
                <div class="icon-box"><i class="fa fa-user-tie"></i></div>
                <h3>Experienced Consultant</h3>
                <p>Professional labour law consultancy with practical industry expertise.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="400">
                <div class="icon-box"><i class="fa fa-clock"></i></div>
                <h3>Timely Compliance Filing</h3>
                <p>Accurate and timely filing support for statutory compliance.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="600">
                <div class="icon-box"><i class="fa fa-calculator"></i></div>
                <h3>Accurate Payroll</h3>
                <p>Error-free payroll processing with proper salary calculations.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="800">
                <div class="icon-box"><i class="fa fa-headset"></i></div>
                <h3>Dedicated Support Team</h3>
                <p>Fast response and continuous client assistance for every requirement.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="1000">
                <div class="icon-box"><i class="fa fa-wallet"></i></div>
                <h3>Affordable Plans</h3>
                <p>Cost-effective service solutions for startups and growing businesses.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="1200">
                <div class="icon-box"><i class="fa fa-globe"></i></div>
                <h3>PAN India Support</h3>
                <p>Professional compliance and HR services across multiple cities.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="1400">
                <div class="icon-box"><i class="fa fa-lock"></i></div>
                <h3>Data Confidentiality</h3>
                <p>Secure handling of employee records and company information.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="1600">
                <div class="icon-box"><i class="fa fa-file-alt"></i></div>
                <h3>Error-Free Documentation</h3>
                <p>Organized documentation and compliance record management support.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="1800">
                <div class="icon-box"><i class="fa fa-bolt"></i></div>
                <h3>Fast Response Time</h3>
                <p>Quick communication and efficient service coordination support.</p>
            </div>

            <div class="choose-card" data-aos="zoom-in-up" data-aos-duration="2000" data-aos-delay="2000">
                <div class="icon-box"><i class="fa fa-users-cog"></i></div>
                <h3>Customized HR Solutions</h3>
                <p>Tailored HR and compliance services based on business needs.</p>
            </div>

        </div>

    </div>

</section>






<!-- ================= WHY OUTSOURCING SECTION ================= -->

<section class="outsource-section">

    <div class="outsource-container">

        <!-- HEADING -->

        <div class="outsource-heading">

            <h2>
                Why Outsourcing is <br>
                <span>Necessary</span> for Your Business
            </h2>

        </div>

        <!-- MAIN GRID -->

        <div class="outsource-grid">

            <!-- LEFT SIDE -->

            <div class="outsource-left">

                <!-- ITEM 1 -->

                <div class="outsource-item">

                    <div class="outsource-icon">
                        <i class="fa fa-check-circle"></i>
                    </div>

                    <div class="outsource-content">

                        <h3>
                            100% Compliance Assured
                        </h3>

                        <p>
                            Full compliance with ever-changing labour laws
                            without lifting a finger — we track every
                            notification and statutory update.
                        </p>

                    </div>

                </div>

                <!-- ITEM 2 -->

                <div class="outsource-item">

                    <div class="outsource-icon">
                        <i class="fa fa-times-circle"></i>
                    </div>

                    <div class="outsource-content">

                        <h3>
                            Avoid Penalties & Legal Risk
                        </h3>

                        <p>
                            Proactively manage notices, penalties,
                            and legal complications before they become
                            costly problems for your business.
                        </p>

                    </div>

                </div>

                <!-- ITEM 3 -->

                <div class="outsource-item ">

                    <div class="outsource-icon">
                        <i class="fa fa-clock"></i>
                    </div>

                    <div class="outsource-content">

                        <h3>
                            Save Time & Cost
                        </h3>

                        <p>
                            Eliminate in-house compliance team overhead
                            and redirect resources to core business growth
                            and operational efficiency.
                        </p>

                    </div>

                </div>

                <!-- ITEM 4 -->

                <div class="outsource-item">

                    <div class="outsource-icon">
                        <i class="fa fa-chart-line"></i>
                    </div>

                    <div class="outsource-content">

                        <h3>
                            Scalable for All Business Sizes
                        </h3>

                        <p>
                            Startup with 5 employees or enterprise
                            with 5,000 — our solutions scale seamlessly
                            with your workforce and operations.
                        </p>

                    </div>

                </div>

                <!-- ITEM 5 -->

                <div class="outsource-item">

                    <div class="outsource-icon">
                        <i class="fa fa-lock"></i>
                    </div>

                    <div class="outsource-content">

                        <h3>
                            Data Security & Confidentiality
                        </h3>

                        <p>
                            Your sensitive payroll and employee data
                            handled with strict security and
                            confidentiality protocols.
                        </p>

                    </div>

                </div>

            </div>

            <!-- RIGHT SIDE -->

            <div class="mission-box">

                <h3>
                    ✦ Our Mission
                </h3>

                <p>
                    To deliver accurate, timely & compliant solutions
                    that help businesses grow while we take care of all
                    statutory & payroll responsibilities.
                </p>

                <!-- LIST -->

                <ul class="mission-list">

                    <li>
                        <i class="fa fa-check-circle"></i>
                        Accurate payroll processing & timely salary disbursement
                    </li>

                    <li>
                        <i class="fa fa-check-circle"></i>
                        Streamlined processes with advanced technology
                    </li>

                    <li>
                        <i class="fa fa-check-circle"></i>
                        Access to expert knowledge & best practices
                    </li>

                    <li>
                        <i class="fa fa-check-circle"></i>
                        Peace of mind with reliable support & timely reporting
                    </li>

                    <li>
                        <i class="fa fa-check-circle"></i>
                        Focus on core business activities & growth
                    </li>

                </ul>

                <!-- BOTTOM BOX -->

                <div class="mission-bottom">

                    <div class="small-box">

                        <h4>
                            PAN
                        </h4>

                        <span>
                            India Coverage
                        </span>

                    </div>

                    <div class="small-box">

                        <h4>
                            Zero
                        </h4>

                        <span>
                            Compliance Errors
                        </span>

                    </div>

                </div>

            </div>

        </div>

    </div>

</section>










<!-- ================= SERVICES TREE SECTION (IMAGE BACKGROUND + OVERLAY CONTENT) ================= -->

<section class="services-tree-section">

    <!-- BACKGROUND IMAGE -->


    <!-- OVERLAY CONTENT -->
    <div class="container services-content">

        <!-- TOP CENTER BOX -->
        <div class="tree-top"
             data-aos="zoom-in"
             data-aos-duration="2000">

            <div class="main-service-box">
                <h2>PF ESIC</h2>
                <p>Complete Payroll & HR Solutions</p>
            </div>

        </div>

        <!-- TREE LINE -->
        <div class="tree-line"></div>

        <!-- SERVICES CARDS -->
        <div class="tree-services">

            <!-- CARD 1 -->
            <div class="tree-card"
                 data-aos="fade-up"
                 data-aos-delay="200">

                <div class="icon-box">
                    <i class="fa fa-users"></i>
                </div>

                <h3>PF Compliance</h3>
                <p>Registration, ECR filing, UAN support, challan & inspection management.</p>

                <a href="<?php echo e(route('pf')); ?>" class="learn-btn">Learn More</a>
            </div>

            <!-- CARD 2 -->
            <div class="tree-card"
                 data-aos="fade-up"
                 data-aos-delay="400">

                <div class="icon-box">
                    <i class="fa fa-heartbeat"></i>
                </div>

                <h3>ESIC Services</h3>
                <p>ESIC registration, IP services, monthly returns & compliance support.</p>

                <a href="<?php echo e(route('esic')); ?>" class="learn-btn">Learn More</a>
            </div>

            <!-- CARD 3 -->
            <div class="tree-card"
                 data-aos="fade-up"
                 data-aos-delay="600">

                <div class="icon-box">
                    <i class="fa fa-rupee-sign"></i>
                </div>

                <h3>Payroll</h3>
                <p>Salary processing, payslips, reports & payroll management.</p>

                <a href="<?php echo e(route('playroll')); ?>" class="learn-btn">Learn More</a>
            </div>

            <!-- CARD 4 -->
            <div class="tree-card"
                 data-aos="fade-up"
                 data-aos-delay="800">

                <div class="icon-box">
                    <i class="fa fa-user-tie"></i>
                </div>

                <h3>HR Services</h3>
                <p>HR operations, recruitment, employee records & outsourcing.</p>

                <a href="<?php echo e(route('hr')); ?>" class="learn-btn">Learn More</a>
            </div>

            <!-- CARD 5 -->
            <div class="tree-card"
                 data-aos="fade-up"
                 data-aos-delay="1000">

                <div class="icon-box">
                    <i class="fa fa-file-alt"></i>
                </div>

                <h3>Compliance</h3>
                <p>PT, Labour Licence, Factory Act & statutory support.</p>

                <a href="<?php echo e(route('other')); ?>" class="learn-btn">Learn More</a>
            </div>

        </div>

    </div>

</section>





<section class="benefits-section">

    <!-- HEADING -->

    <div class="benefit-title">

        <span>
            KEY BENEFITS
        </span>

        <h2>
            Benefits To Your Business
        </h2>

    </div>

    <!-- MARQUEE -->

    <div class="marquee">

        <div class="marquee-content">

            <!-- ITEM 1 -->

            <div class="benefit-item">

                <i class="fa fa-indian-rupee-sign"></i>

                <h3>
                    Cost Savings
                </h3>

                <p>
                    Reduce operational cost with professional compliance support.
                </p>

            </div>

            <!-- ITEM 2 -->

            <div class="benefit-item">

                <i class="fa fa-clock"></i>

                <h3>
                    Time Savings
                </h3>

                <p>
                    Save valuable business time with efficient payroll management.
                </p>

            </div>

            <!-- ITEM 3 -->

            <div class="benefit-item">

                <i class="fa fa-shield-alt"></i>

                <h3>
                    Risk Reduction
                </h3>

                <p>
                    Avoid penalties and maintain complete statutory compliance.
                </p>

            </div>

            <!-- ITEM 4 -->

            <div class="benefit-item">

                <i class="fa fa-user-shield"></i>

                <h3>
                    Expertise
                </h3>

                <p>
                    Get expert consultancy support for labour law compliance.
                </p>

            </div>

            <!-- ITEM 5 -->

            <div class="benefit-item">

                <i class="fa fa-chart-line"></i>

                <h3>
                    Productivity
                </h3>

                <p>
                    Improve business efficiency with organized HR operations.
                </p>

            </div>

            <!-- ITEM 6 -->

            <div class="benefit-item">

                <i class="fa fa-lock"></i>

                <h3>
                    Data Security
                </h3>

                <p>
                    Secure employee data and confidential payroll management.
                </p>

            </div>

            <!-- DUPLICATE FOR LOOP -->

            <div class="benefit-item">

                <i class="fa fa-file-alt"></i>

                <h3>
                    Timely Reports
                </h3>

                <p>
                    Accurate filing and reporting within compliance deadlines.
                </p>

            </div>

            <div class="benefit-item">

                <i class="fa fa-indian-rupee-sign"></i>

                <h3>
                    Cost Savings
                </h3>

                <p>
                    Reduce operational cost with professional compliance support.
                </p>

            </div>

            <div class="benefit-item">

                <i class="fa fa-clock"></i>

                <h3>
                    Time Savings
                </h3>

                <p>
                    Save valuable business time with efficient payroll management.
                </p>

            </div>

            <div class="benefit-item">

                <i class="fa fa-shield-alt"></i>

                <h3>
                    Risk Reduction
                </h3>

                <p>
                    Avoid penalties and maintain complete statutory compliance.
                </p>

            </div>

        </div>

    </div>

</section>







<section class="features-section">

    <!-- LEFT IMAGE -->
    <div class="features-image"
         data-aos="zoom-in"
         data-aos-duration="2000">

        <img src="<?php echo e(asset('images\human resources.jpg')); ?>" alt="Features Image">

    </div>

    <!-- RIGHT CONTENT -->
    <div class="features-content-area">

        <div class="features-heading"
             data-aos="fade-up"
             data-aos-duration="1500">

            <span>OUR FEATURES</span>

            <h2>Why Businesses Trust Us</h2>

        </div>

        <!-- ITEM 1 -->
        <div class="feature-item"
             data-aos="fade-left"
             data-aos-delay="100">

            <div class="feature-icon">
                <i class="fa fa-shield-alt"></i>
            </div>

            <div class="feature-content">
                <h3>100% Compliance</h3>
                <p>Complete PF, ESIC and Labour Law compliance support.</p>
            </div>
        </div>

        <!-- ITEM 2 -->
        <div class="feature-item"
             data-aos="fade-left"
             data-aos-delay="200">

            <div class="feature-icon">
                <i class="fa fa-file-alt"></i>
            </div>

            <div class="feature-content">
                <h3>Accurate Payroll</h3>
                <p>Error-free payroll processing with timely reports.</p>
            </div>
        </div>

        <!-- ITEM 3 -->
        <div class="feature-item"
             data-aos="fade-left"
             data-aos-delay="300">

            <div class="feature-icon">
                <i class="fa fa-users"></i>
            </div>

            <div class="feature-content">
                <h3>Experienced Team</h3>
                <p>Professional experts with years of industry experience.</p>
            </div>
        </div>

        <!-- ITEM 4 -->
        <div class="feature-item"
             data-aos="fade-left"
             data-aos-delay="400">

            <div class="feature-icon">
                <i class="fa fa-headset"></i>
            </div>

            <div class="feature-content">
                <h3>Dedicated Support</h3>
                <p>Quick response and personalized client assistance.</p>
            </div>
        </div>

        <!-- ITEM 5 -->
        <div class="feature-item"
             data-aos="fade-left"
             data-aos-delay="500">

            <div class="feature-icon">
                <i class="fa fa-chart-line"></i>
            </div>

            <div class="feature-content">
                <h3>Business Growth</h3>
                <p>Helping organizations focus on growth while we manage compliance.</p>
            </div>
        </div>

    </div>

</section>





<section class="cta-section">

    <!-- LEFT -->

    <div class="cta-left">

        <div class="small-text">
            Partner With Us
        </div>

        <h2>
            Ready to Make Your Business Fully Compliant?
        </h2>

        <p>
            Whatever your industry, we have the expertise
            to manage your compliance & payroll smoothly.
            Get professional consultancy support today.
        </p>

        <div class="cta-buttons">

            <a href="tel:9022067751" class="call-btn">
                <i class="fa fa-phone-alt"></i>
                Call Now
            </a>

            <a href="mailto:asm.meshram@gmail.com" class="email-btn">
                <i class="fa fa-envelope"></i>
                Email Us
            </a>

        </div>

    </div>

    <!-- RIGHT -->

    <div class="cta-right">

        <div class="contact-card">

            <div class="card-top">
                Call For Services & Support
            </div>

            <div class="phone">
                9022067751
            </div>

            <div class="info">
                <i class="fa fa-envelope"></i>
                asm.meshram@gmail.com
            </div>

            <div class="info">
                <i class="fa fa-globe"></i>
                pfesicconsultant.com
            </div>

            <div class="line"></div>

            <div class="name">
                Ashish S. Meshram
            </div>

            <div class="designation">
                Labour Law Consultant (IT, MBA - HR)
            </div>

        </div>

    </div>

</section>









<style>


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, sans-serif;
}

html, body{
    background:#f5f7fb;
    overflow-x:hidden;
}


.hero-section{
    width:100%;
    min-height:100vh;
    padding:70px 90px;
    background:
    linear-gradient(rgba(5,26,52,0.96), rgba(8,53,89,0.96)),
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);

    background-size:cover, 60px 60px, 60px 60px;
    overflow:hidden;
}

/* ================= CONTAINER ================= */

.hero-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;
}

/* ================= LEFT CONTENT ================= */

.hero-left{
    width:52%;
}

/* TOP BADGE */

.top-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border-radius:40px;
    border:1px solid rgba(88,255,240,0.2);
    background:rgba(88,255,240,0.06);
    color:#a6f5ef;
    font-size:18px;
    font-weight:500;
    margin-bottom:35px;
}

/* HEADING */

.hero-left h1{
    font-size:105px;
    line-height:0.95;
    font-weight:700;
    color:#ffffff;
    font-family:Georgia, serif;
    margin-bottom:35px;
    letter-spacing:-3px;
}

.hero-left .cyan{
    color:#51d6d1;
}

.hero-left .yellow{
    color:#ffb321;
}

/* PARAGRAPH */

.hero-left p{
    color:#c7d1dc;
    font-size:22px;
    line-height:1.8;
    margin-bottom:45px;
}

/* ================= BUTTONS ================= */

.hero-btns{
    display:flex;
    align-items:center;
    gap:22px;
    margin-bottom:70px;
}

/* PRIMARY */

.primary-btn{
    background:#56d2cf;
    color:#06243f;
    padding:20px 38px;
    border-radius:14px;
    text-decoration:none;
    font-size:22px;
    font-weight:700;
    transition:0.3s;
}

.primary-btn i{
    margin-right:10px;
}

.primary-btn:hover{
    transform:translateY(-3px);
}

/* SECONDARY */

.secondary-btn{
    border:1px solid rgba(255,255,255,0.2);
    color:#ffffff;
    padding:20px 38px;
    border-radius:14px;
    text-decoration:none;
    font-size:22px;
    font-weight:600;
    transition:0.3s;
}

.secondary-btn i{
    margin-left:10px;
}



/* ================= STATS ================= */

.hero-stats{
    display:flex;
    align-items:center;
    gap:55px;
}

.stat-box{
    position:relative;
}

.stat-box::after{
    content:'';
    position:absolute;
    top:8px;
    right:-28px;
    width:1px;
    height:60px;
    background:rgba(255,255,255,0.12);
}

.stat-box:last-child::after{
    display:none;
}

.stat-box h2{
    color:#ffb321;
    font-size:58px;
    line-height:1;
    margin-bottom:10px;
    font-family:Georgia, serif;
}

.stat-box span{
    color:#cfd7e2;
    font-size:20px;
}



/* ================= RIGHT CONTENT ================= */

.hero-right{
    width:48%;
    position:relative;
}

/* BADGE */

.expert-badge{
    position:absolute;
    top:-18px;
    right:35px;
    background:#ffb321;
    color:#06243f;
    padding:14px 28px;
    border-radius:40px;
    font-size:18px;
    font-weight:700;
    z-index:5;
}

/* ================= CARD ================= */

.service-card{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.08);
    backdrop-filter:blur(10px);
    border-radius:30px;
    padding:50px;
}

/* TITLE */

.service-card h3{
    color:#ffffff;
    font-size:42px;
    margin-bottom:35px;
    font-family:Georgia, serif;
}

/* ================= TAGS ================= */

.service-tags{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:45px;
}

.service-tags span{
    border:1px solid rgba(82,214,210,0.28);
    color:#aef7f1;
    padding:13px 22px;
    border-radius:40px;
    font-size:18px;
    background:rgba(82,214,210,0.05);
}

/* LINE */

.service-card hr{
    border:none;
    border-top:1px solid rgba(255,255,255,0.08);
    margin-bottom:35px;
}

/* ================= CONTACT INFO ================= */

.contact-info h4{
    color:#ffffff;
    font-size:34px;
    margin-bottom:30px;
    font-weight:700;
}

.contact-info h4 span{
    color:#bfc8d4;
    font-size:24px;
}

.contact-info p{
    color:#d9e2eb;
    font-size:24px;
    margin-bottom:22px;
}

.contact-info i{
    color:#52d6d2;
    margin-right:14px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:991px){

    .hero-section{
        padding:50px 25px;
    }

    .hero-container{
        flex-direction:column;
    }

    .hero-left,
    .hero-right{
        width:100%;
    }

    .hero-left h1{
        font-size:65px;
    }

    .hero-btns{
        flex-direction:column;
        align-items:flex-start;
    }

    .hero-stats{
        flex-wrap:wrap;
        gap:30px;
    }

    .stat-box::after{
        display:none;
    }

}








/* ================= QUICK HIGHLIGHTS ================= */
.quick-highlights{
    width:100%;
    display:flex;
    justify-content:center;   /* center */
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    margin-top:10px;   /* niche jane se roka */
}

.highlight-item{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:30px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
    color:#aebdcc;   /* aur dark text */
    font-size:15px;
    font-weight:500;
    backdrop-filter:blur(5px);
}

.highlight-item i{
      color:#bfc8d4;
    font-size:14px;
}








/* ================= WHY CHOOSE US SECTION ================= */

.why-choose-section{
    width:100%;
    padding:100px 60px;
    background:#f7f9fc;
    overflow:hidden;
 
}

/* ================= CONTAINER ================= */

.container1{
    width:100%;
    max-width:1600px;
   
   margin: auto;
} 

/* ================= HEADING ================= */

.section-heading{
    text-align:center;
    margin-bottom:70px;
}

.small-tag{
    display:inline-block;
    background:#dfe9ff;
    color:#001d5c;
    padding:10px 24px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:20px;
}

.section-heading h2{
    font-size:48px;
    color:#001d5c;
    margin-bottom:22px;
    font-weight:700;
}

.section-heading p{
    width:60%;
    margin:auto;
    color:#66788a;
    line-height:1.9;
    font-size:16px;
}

/* ================= GRID ================= */

.choose-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

/* ================= CARD ================= */

.choose-card{
    background:#ffffff;
    padding:33px 25px;
    border-radius:24px;
    transition:0.4s;
    position:relative;
    overflow:hidden;
    border:1px solid #edf2f7;
}

.choose-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 40px rgba(0,29,92,0.08);
}

/* TOP BORDER EFFECT */

.choose-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#001d5c;
}

/* ================= ICON ================= */

.icon-box{
    width:70px;
    height:70px;
    background:#001d5c;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.icon-box i{
    color:#ffffff;
    font-size:28px;
}

/* ================= TEXT ================= */

.choose-card h3{
    color:#001d5c;
    font-size:22px;
    margin-bottom:16px;
    line-height:1.4;
}

.choose-card p{
    color:#66788a;
    font-size:15px;
    line-height:1.8;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1200px){

    .choose-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .why-choose-section{
        padding:70px 20px;
    }

    .choose-grid{
        grid-template-columns:1fr;
    }

    .section-heading h2{
        font-size:34px;
    }

    .section-heading p{
        width:100%;
    }

}




/* ================= SERVICES TREE SECTION ================= */

.services-tree-section{
    position:relative;
    padding:120px 20px;
    overflow:hidden;
        background:
    linear-gradient(rgba(5,26,52,0.96), rgba(8,53,89,0.96)),
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);

}

/* ================= BACKGROUND IMAGE ================= */

/* ================= CONTENT OVER IMAGE ================= */

.services-content{
    position:relative;
    z-index:10;
}

/* ================= TOP BOX ================= */

.tree-top{
    display:flex;
    justify-content:center;
}

.main-service-box{
    background:#fff;
    color:#001d5c;
    padding:60px 70px;
    border-radius:20px;
    text-align:center;
}

.main-service-box h2{
    margin:0;
    font-size:34px;
}

.main-service-box p{
    margin-top:10px;
}

/* ================= TREE LINE ================= */

.tree-line{
    width:70%;
    height:3px;
    background:#ffffff;
    margin:50px auto 0;
    position:relative;
}

.tree-line::before{
    content:'';
    position:absolute;
    top:-70px;
    left:50%;
    transform:translateX(-50%);
    width:3px;
    height:70px;
    background:#ffffff;
}

/* ================= CARDS ================= */

.tree-services{
    display:flex;
    justify-content:center;
    gap:24px;
    margin-top:45px;
    flex-wrap:wrap;
}

/* ================= CARD ================= */

.tree-card{
    width:250px;
    background:#ffffff;
    border-radius:22px;
    padding:28px 24px;
    position:relative;
    transition:0.4s;
    box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

.tree-card::before{
    content:'';
    position:absolute;
    top:-45px;
    left:50%;
    transform:translateX(-50%);
    width:3px;
    height:45px;
    background:#ffffff;
}

.tree-card:hover{
    transform:translateY(-10px);
}

/* ================= ICON ================= */

.icon-box{
    width:65px;
    height:65px;
    background:#001d5c;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
}

.icon-box i{
    font-size:28px;
    color:#fff;
}

/* ================= TEXT ================= */

.tree-card h3{
    font-size:22px;
    color:#001d5c;
    margin-bottom:18px;
}

.tree-card p{
    color:#66788a;
    font-size:15px;
    line-height:1.8;
    margin-bottom:25px;
}

/* ================= BUTTON ================= */

.learn-btn{
    display:inline-block;
    background:#001d5c;
    color:#fff;
    padding:11px 22px;
    border-radius:8px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}

.learn-btn:hover{
    background:#00338d;
}

/* ================= RESPONSIVE ================= */



@media (max-width:1024px){

    .services-tree-section{
        min-height:auto;
    }

    .services-bg-image img{
        object-position:center center;
    }

}


@media(max-width:768px){


    .services-tree-section{
        padding:80px 15px;
    }

    .services-bg-image img{
        object-position:center;
    }


    .tree-line{
        display:none;
    }

    .tree-card::before{
        display:none;
    }

    .services-full-image img{
        height:300px;
    }
}


@media (max-width:480px){

    .services-tree-section{
        padding:60px 12px;
    }

    .services-bg-image img{
        object-position:65% center;
    }

}
/* ================= RESPONSIVE ================= */

@media(max-width:1200px){

    .tree-services{
        gap:18px;
    }

    .tree-card{
        width:220px;
    }

}

@media(max-width:991px){

    .services-tree-section{
        padding:70px 20px;
    }

    .main-service-box{
        width:100%;
    }

    .main-service-box h2{
        font-size:40px;
    }

    .main-service-box p{
        font-size:18px;
    }

    .tree-line{
        display:none;
    }

    .tree-card::before{
        display:none;
    }

    .tree-services{
        margin-top:35px;
    }

    .tree-card{
        width:100%;
    }

}




/* ================= SECTION ================= */

.outsource-section{
    width:100%;
    padding:80px 60px;
}

.outsource-container{
    max-width:1400px;
    margin:auto;
}

/* ================= TITLE ================= */

.outsource-heading{
    margin-bottom:60px;
}

.outsource-heading h2{
    font-size:58px;
    line-height:1.1;
    color:#081c3a;
    font-weight:800;
}

.outsource-heading h2 span{
    color:#53d6d0;
}

/* ================= MAIN GRID ================= */

.outsource-grid{
    display:grid;
    grid-template-columns:1fr 520px;
    gap:50px;
    align-items:start;
}

/* ================= LEFT SIDE ================= */

.outsource-left{
    display:flex;
    flex-direction:column;
    gap:28px;
}

/* ================= ITEM ================= */

.outsource-item{
    display:flex;
    align-items:flex-start;
    gap:20px;
}


/* ================= ICON ================= */

.outsource-icon{
    min-width:55px;
    height:55px;
    background:#081c3a;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.outsource-icon i{
    color:#53d6d0;
    font-size:20px;
}

/* ================= TEXT ================= */

.outsource-content h3{
    font-size:20px;
    color:#081c3a;
    margin-bottom:8px;
    font-weight:700;
}

.outsource-content p{
    color:#6c7b90;
    line-height:1.8;
    font-size:15px;
}

/* ================= RIGHT BOX ================= */

.mission-box{
    background:#081c3a;
    border-radius:34px;
    padding:42px;
    position:relative;
    overflow:hidden;
}

.mission-box::before{
    content:'';
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(83,214,208,0.08);
    border-radius:50%;
    bottom:-80px;
    right:-70px;
}

/* ================= MISSION TITLE ================= */

.mission-box h3{
    color:#ffbc34;
    font-size:36px;
    margin-bottom:18px;
    font-weight:800;
}

.mission-box p{
    color:#d7e4f2;
    line-height:1.8;
    font-size:15px;
    margin-bottom:28px;
}

/* ================= LIST ================= */

.mission-list{
    list-style:none;
}

.mission-list li{
    color:#ffffff;
    margin-bottom:16px;
    display:flex;
    gap:12px;
    align-items:flex-start;
    font-size:15px;
    line-height:1.7;
}

.mission-list li i{
    color:#53d6d0;
    margin-top:4px;
}

/* ================= BOTTOM BOX ================= */

.mission-bottom{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:35px;
}

.small-box{
    background:#133553;
    border:1px solid rgba(83,214,208,0.2);
    padding:26px 20px;
    border-radius:18px;
    text-align:center;
}

.small-box h4{
    color:#ffbc34;
    font-size:38px;
    font-weight:800;
    margin-bottom:8px;
}

.small-box span{
    color:#d8e4f2;
    font-size:14px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1200px){

    .outsource-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .outsource-section{
        padding:60px 20px;
    }

    .outsource-heading h2{
        font-size:38px;
    }

    .outsource-item{
        flex-direction:column;
    }

    .mission-box{
        padding:30px;
    }

    .mission-box h3{
        font-size:28px;
    }

    .mission-bottom{
        grid-template-columns:1fr;
    }

}






.benefits-section{
    width:100%;
    padding:70px 0;
    background:#ffffff;
    overflow:hidden;
}

/* ================= TITLE ================= */

.benefit-title{
    text-align:center;
    margin-bottom:45px;
}

.benefit-title span{
    color:#52d6d2;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.benefit-title h2{
    color:#001d5c;
    font-size:42px;
    margin-top:12px;
}

/* ================= MARQUEE ================= */

.marquee{
    width:100%;
    overflow:hidden;
    position:relative;
}

.marquee-content{
    display:flex;
    align-items:center;
    gap:25px;
    width:max-content;
    animation:scroll 25s linear infinite;
}

.marquee:hover .marquee-content{
    animation-play-state:paused;
}

/* ================= ITEM ================= */

.benefit-item{
    min-width:220px;
    background:#f7f9fc;
    padding:28px 20px;
    border-radius:18px;
    text-align:center;
    transition:0.3s;
    border:1px solid #e5edf8;
}

.benefit-item:hover{
    transform:translateY(-6px);
    background:#001d5c;
}

.benefit-item:hover i,
.benefit-item:hover h3,
.benefit-item:hover p{
    color:#ffffff;
}

/* ICON */

.benefit-item i{
    font-size:34px;
    color:#001d5c;
    margin-bottom:18px;
    transition:0.3s;
}

/* TEXT */

.benefit-item h3{
    color:#001d5c;
    font-size:18px;
    margin-bottom:10px;
    transition:0.3s;
}

.benefit-item p{
    color:#66788a;
    font-size:14px;
    line-height:1.7;
    transition:0.3s;
}

/* ================= ANIMATION ================= */

@keyframes scroll{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

/* ================= RESPONSIVE ================= */

@media(max-width:768px){

    .benefit-title h2{
        font-size:32px;
    }

    .benefit-item{
        min-width:180px;
        padding:22px 15px;
        overflow-x hidden;
    }

}







/* MAIN SECTION */

.features-section{
    max-width:1300px;
    margin:auto;
    padding:80px 20px;
    display:flex;
    align-items:center;
    gap:70px;
}

/* LEFT IMAGE */

.features-image{
    flex:1.2; /* Image bigger */
}

.features-image img{
    width:100%;
    height:600px;
    border-radius:25px;
    object-fit:cover;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

/* RIGHT CONTENT */

.features-content-area{
    flex:1;
}

/* HEADING */

.features-heading{
    text-align:center;
    margin-bottom:40px;
}

.features-heading span{
    color:#00b7b0;
    font-size:15px;
    font-weight:600;
    letter-spacing:2px;
}

.features-heading h2{
    color:#082c5c;
    font-size:42px;
    margin-top:10px;
}

/* FEATURE ITEM */

.feature-item{
    background:#fff;
    border-radius:18px;
    padding:20px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:20px;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    transition:0.4s;
}

.feature-item:hover{
    transform:translateX(10px);
}

.feature-icon{
    min-width:65px;
    height:65px;
    background:#082c5c;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.feature-icon i{
    color:#fff;
    font-size:26px;
}

.feature-content h3{
    color:#082c5c;
    margin-bottom:5px;
}

.feature-content p{
    color:#666;
    line-height:1.7;
}

/* MOBILE */

@media(max-width:992px){

    .features-section{
        flex-direction:column;
    }

    .features-image img{
        height:400px;
    }
}





.cta-section{
    width:100%;
    background:linear-gradient(135deg,#001d5c,#003b9b);
    padding:90px 80px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
    position:relative;
    overflow:hidden;
}

/* BACKGROUND EFFECT */

.cta-section::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(255,255,255,0.05);
    border-radius:50%;
    right:-120px;
    bottom:-120px;
}

.cta-section::after{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(255,255,255,0.04);
    border-radius:50%;
    top:-80px;
    left:-80px;
}

/* ================= LEFT CONTENT ================= */

.cta-left{
    width:58%;
    position:relative;
    z-index:2;
}

.small-text{
    color:#52d6d2;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.cta-left h2{
    font-size:58px;
    line-height:1.2;
    color:#ffffff;
    margin-bottom:24px;
    font-weight:700;
}

.cta-left p{
    color:#d9e4f2;
    font-size:16px;
    line-height:1.9;
    margin-bottom:38px;
    max-width:700px;
}

/* BUTTONS */

.cta-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.call-btn,
.email-btn{
    padding:15px 30px;
    border-radius:10px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:0.3s;
}

.call-btn{
    background:#52d6d2;
    color:#001d5c;
}

.call-btn:hover{
    background:#ffffff;
}

.email-btn{
    border:1px solid rgba(255,255,255,0.25);
    color:#ffffff;
}

.email-btn:hover{
    background:#ffffff;
    color:#001d5c;
}

/* ================= RIGHT CARD ================= */

.cta-right{
    width:35%;
    position:relative;
    z-index:2;
}

.contact-card{
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(8px);
    padding:42px 35px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,0.12);
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    text-align:center;
}

.card-top{
    color:#52d6d2;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:18px;
}

.phone{
    font-size:42px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:25px;
}

.info{
    color:#d9e4f2;
    font-size:14px;
    margin-bottom:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

.line{
    width:100%;
    height:1px;
    background:rgba(255,255,255,0.12);
    margin:28px 0;
}

.name{
    color:#ffffff;
    font-size:20px;
    font-weight:700;
    margin-bottom:6px;
}

.designation{
    color:#d9e4f2;
    font-size:13px;
    line-height:1.7;
}

/* ================= RESPONSIVE ================= */

@media(max-width:991px){

    .cta-section{
        flex-direction:column;
        text-align:center;
        padding:60px 25px;
    }

    .cta-left,
    .cta-right{
        width:100%;
    }

    .cta-left h2{
        font-size:38px;
    }

    .cta-buttons{
        justify-content:center;
    }

}





/* =====================================================
   RESPONSIVE 1024px
===================================================== */

@media (max-width:1024px){

    .hero-section{
        padding:60px 40px;
    }

    .hero-container{
        gap:50px;
    }

    .hero-left h1{
        font-size:72px;
    }

    .hero-left p{
        font-size:18px;
    }

    .hero-btns{
        flex-wrap:wrap;
    }

    .primary-btn,
    .secondary-btn{
        font-size:18px;
        padding:16px 28px;
    }

    .hero-stats{
        gap:30px;
        flex-wrap:wrap;
    }

    .stat-box h2{
        font-size:42px;
    }

    .service-card{
        padding:35px;
    }

    .service-card h3{
        font-size:32px;
    }

    .contact-info h4{
        font-size:26px;
    }

    .contact-info p{
        font-size:18px;
    }

    .choose-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .outsource-grid{
        grid-template-columns:1fr;
    }



    .cta-section{
        padding:70px 40px;
    }

    .cta-left h2{
        font-size:42px;
    }

}


/* =====================================================
   RESPONSIVE 767px
===================================================== */

@media (max-width:767px){

    .hero-section{
        padding:50px 20px;
    }

    .hero-container{
        flex-direction:column;
    }

    .hero-left,
    .hero-right{
        width:100%;
    }

    .top-badge{
        font-size:14px;
        padding:10px 18px;
    }

    .hero-left h1{
        font-size:52px;
        line-height:1.1;
        letter-spacing:-1px;
    }

    .hero-left p{
        font-size:16px;
        line-height:1.7;
    }

    .hero-btns{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .primary-btn,
    .secondary-btn{
        width:100%;
        text-align:center;
        justify-content:center;
        font-size:16px;
        padding:15px 20px;
    }

    .hero-stats{
        gap:20px;
    }

    .stat-box{
        width:45%;
    }

    .stat-box h2{
        font-size:34px;
    }

    .stat-box span{
        font-size:15px;
    }

    .expert-badge{
        position:static;
        margin-bottom:20px;
        display:inline-block;
    }

    .service-card{
        padding:25px;
        border-radius:22px;
    }

    .service-card h3{
        font-size:28px;
    }

    .service-tags span{
        font-size:14px;
        padding:10px 15px;
    }

    .contact-info h4{
        font-size:22px;
    }

    .contact-info p{
        font-size:16px;
    }

    .why-choose-section,
    .services-tree-section,
    .outsource-section{
        padding:60px 20px;
    }

    .section-heading h2,
    .benefit-title h2,
    .features-heading h2{
        font-size:32px;
    }
    
    .benefit-item{
        
        overflow-x:hidden;
    }

    .section-heading p{
        width:100%;
    }

    .choose-grid{
        grid-template-columns:1fr;
    }

    .tree-card{
        width:100%;
    }

    .main-service-box{
        width:100%;
    }

    .main-service-box h2{
        font-size:38px;
    }

    .outsource-heading h2{
        font-size:34px;
    }

    .feature-item{
        flex-direction:column;
        text-align:center;
    }

    .feature-number{
        display:none;
    }

    .cta-section{
        flex-direction:column;
        text-align:center;
        padding:60px 20px;
    }

    .cta-left,
    .cta-right{
        width:100%;
    }

    .cta-left h2{
        font-size:34px;
    }

    .cta-buttons{
        justify-content:center;
    }

}


/* =====================================================
   RESPONSIVE 480px
===================================================== */

@media (max-width:480px){

    .hero-left h1{
        font-size:40px;
    }

    .hero-left p{
        font-size:14px;
    }

    .primary-btn,
    .secondary-btn{
        font-size:14px;
        padding:14px 16px;
    }

    .hero-stats{
        flex-direction:column;
        align-items:flex-start;
    }

    .stat-box{
        width:100%;
    }

    .stat-box h2{
        font-size:30px;
    }

    .service-card h3{
        font-size:24px;
    }

    .contact-info h4{
        font-size:20px;
    }

    .contact-info p{
        font-size:14px;
    }

    .section-heading h2,
    .benefit-title h2,
    .features-heading h2{
        font-size:26px;
    }

    .outsource-heading h2{
        font-size:28px;
    }

    .mission-box{
        padding:25px;
    }

    .mission-box h3{
        font-size:24px;
    }

    .main-service-box h2{
        font-size:30px;
    }

    .main-service-box p{
        font-size:16px;
    }

    .benefit-item{
        min-width:170px;
        overflow-x:hidden;
    }

    .feature-content h3{
        font-size:20px;
    }

    .cta-left h2{
        font-size:28px;
    }

    .phone{
        font-size:30px;
    }

    .contact-card{
        padding:30px 20px;
    }

}


</style>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend_layout.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\pf_esic\resources\views/home.blade.php ENDPATH**/ ?>