

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

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



<!-- ================= PF HERO SECTION ================= -->


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

    <div class="container">

        <!-- LEFT -->
        <div class="pf-left"
             data-aos="fade-right"
             data-aos-duration="1900"
             data-aos-easing="ease-in-out">

            <span class="pf-tag"
                  data-aos="zoom-in"
                  data-aos-delay="200"
                  data-aos-duration="1200">
                PF Compliance Services
            </span>

            <h1 data-aos="fade-up"
                data-aos-delay="400"
                data-aos-duration="1800">
                Complete Provident Fund <br>
                Compliance Solutions
            </h1>

            <p data-aos="fade-up"
               data-aos-delay="600"
               data-aos-duration="1800">
                We provide complete Provident Fund (PF) compliance
                support to help organizations manage employee provident
                fund responsibilities accurately and efficiently
                according to EPFO regulations.
            </p>

            <p data-aos="fade-up"
               data-aos-delay="800"
               data-aos-duration="1800">
                Our PF services ensure timely filings, proper employee
                record management, and smooth handling of PF-related
                processes for businesses across multiple industries.
            </p>

            <div class="pf-btns"
                 data-aos="fade-up"
                 data-aos-delay="1000"
                 data-aos-duration="1600">

                <a href="#" class="primary-btn">Get Consultation</a>
                <a href="#" class="secondary-btn">Contact Us</a>

            </div>

        </div>

        <!-- RIGHT -->
        <div class="pf-right"
             data-aos="fade-left"
             data-aos-duration="1900"
             data-aos-easing="ease-in-out">

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

                <h3 data-aos="fade-up"
                    data-aos-delay="500"
                    data-aos-duration="1600">
                    PF Services Included
                </h3>

                <div class="service-list">

                    <div class="service-item" data-aos="fade-up" data-aos-delay="700">
                        <i class="fa fa-check-circle"></i> PF Registration
                    </div>

                    <div class="service-item" data-aos="fade-up" data-aos-delay="800">
                        <i class="fa fa-check-circle"></i> Monthly PF Return Filing
                    </div>

                    <div class="service-item" data-aos="fade-up" data-aos-delay="900">
                        <i class="fa fa-check-circle"></i> ECR Upload
                    </div>

                    <div class="service-item" data-aos="fade-up" data-aos-delay="1000">
                        <i class="fa fa-check-circle"></i> UAN Activation
                    </div>

                    <div class="service-item" data-aos="fade-up" data-aos-delay="1100">
                        <i class="fa fa-check-circle"></i> KYC Update
                    </div>

                    <div class="service-item" data-aos="fade-up" data-aos-delay="1200">
                        <i class="fa fa-check-circle"></i> PF Withdrawal Support
                    </div>

                    <div class="service-item" data-aos="fade-up" data-aos-delay="1300">
                        <i class="fa fa-check-circle"></i> Transfer Claims
                    </div>

                    <div class="service-item" data-aos="fade-up" data-aos-delay="1400">
                        <i class="fa fa-check-circle"></i> PF Inspection Handling
                    </div>

                    <div class="service-item" data-aos="fade-up" data-aos-delay="1500">
                        <i class="fa fa-check-circle"></i> PF Notice Resolution
                    </div>

                </div>

            </div>

        </div>

    </div>

</section>



<!-- ================= ABOUT PF SECTION ================= -->

<section class="about-pf">

    <div class="container about-grid">

        <!-- LEFT CONTENT -->
        <div class="about-content"
             data-aos="fade-right"
             data-aos-duration="2000"
             data-aos-easing="ease-in-out">

            <span class="small-tag"
                  data-aos="zoom-in"
                  data-aos-delay="200"
                  data-aos-duration="1200">
                About PF Compliance
            </span>

            <h2 data-aos="fade-up"
                data-aos-delay="400"
                data-aos-duration="1800">
                Professional PF Compliance
                Management Services
            </h2>

            <p data-aos="fade-up"
               data-aos-delay="600"
               data-aos-duration="1800">
                Managing PF compliance can be complex and time-consuming
                for organizations. Our professional PF consultancy services
                help businesses maintain complete statutory compliance while
                ensuring proper employee documentation and smooth workforce
                operations.
            </p>

            <p data-aos="fade-up"
               data-aos-delay="800"
               data-aos-duration="1800">
                We support startups, SMEs, factories, hospitals, retail
                businesses, IT companies, and organizations across multiple
                industries with reliable PF compliance solutions.
            </p>

        </div>

        <!-- RIGHT BOXES -->
        <div class="about-boxes"
             data-aos="fade-left"
             data-aos-duration="2000"
             data-aos-easing="ease-in-out">

            <div class="info-box"
                 data-aos="zoom-in-up"
                 data-aos-delay="300"
                 data-aos-duration="1500">

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

                <h3>Accurate Documentation</h3>

                <p>
                    Organized employee records and proper PF documentation support.
                </p>

            </div>

            <div class="info-box"
                 data-aos="zoom-in-up"
                 data-aos-delay="500"
                 data-aos-duration="1500">

                <i class="fa fa-calendar-check"></i>

                <h3>Timely Filing Support</h3>

                <p>
                    Monthly PF returns and ECR filing within compliance deadlines.
                </p>

            </div>

            <div class="info-box"
                 data-aos="zoom-in-up"
                 data-aos-delay="700"
                 data-aos-duration="1500">

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

                <h3>Reduced Compliance Risk</h3>

                <p>
                    Avoid penalties and compliance-related legal issues effectively.
                </p>

            </div>

        </div>

    </div>

</section>



<!-- ================= BENEFITS SECTION ================= -->
<!-- ================= BENEFITS SECTION ================= -->

<section class="benefit-section">

    <div class="container">

        <!-- HEADING -->
        <div class="section-title"
             data-aos="fade-up"
             data-aos-duration="1800">

            <span class="small-tag">Benefits</span>

            <h2>
                Why Businesses Choose Our PF Services
            </h2>

        </div>

        <!-- MAIN WRAPPER -->
        <div class="benefit-wrapper">

            <!-- LEFT IMAGE -->
            <div class="benefit-image"
                 data-aos="fade-right"
                 data-aos-duration="2000">

                <img src="<?php echo e(asset('images\pf.jpg')); ?>"
                     alt="PF Benefits">

            </div>

            <!-- RIGHT GRID -->
            <div class="benefit-grid">

                <div class="benefit-card"
                     data-aos="fade-up"
                     data-aos-delay="200">

                    <i class="fa fa-check-circle"></i>
                    <h3>Accurate PF Compliance</h3>
                    <p>Proper PF compliance management according to EPFO regulations.</p>

                </div>

                <div class="benefit-card"
                     data-aos="fade-up"
                     data-aos-delay="400">

                    <i class="fa fa-clock"></i>
                    <h3>Timely Return Filing</h3>
                    <p>Timely monthly PF return filing and challan management support.</p>

                </div>

                <div class="benefit-card"
                     data-aos="fade-up"
                     data-aos-delay="600">

                    <i class="fa fa-folder-open"></i>
                    <h3>Employee Record Management</h3>
                    <p>Proper employee records and organized documentation management.</p>

                </div>

                <div class="benefit-card"
                     data-aos="fade-up"
                     data-aos-delay="800">

                    <i class="fa fa-exclamation-triangle"></i>
                    <h3>Reduced Penalty Risk</h3>
                    <p>Minimize compliance risks and avoid unnecessary penalties.</p>

                </div>

                <div class="benefit-card"
                     data-aos="fade-up"
                     data-aos-delay="800">

                    <i class="fa fa-cogs"></i>
                    <h3>Hassle-Free Processing</h3>
                    <p>Smooth PF operations and simplified workforce compliance management.</p>

                </div>

            </div>

        </div>

    </div>

</section>




<!-- ================= PROCESS SECTION ================= -->

<section class="process-section">

    <div class="section-title"
         data-aos="fade-up"
         data-aos-duration="500">

        <span class="small-tag"
              data-aos="zoom-in"
              data-aos-delay="50"
              data-aos-duration="400">
            Work Process
        </span>

        <h2 data-aos="fade-up"
            data-aos-delay="100"
            data-aos-duration="500">
            Our PF Compliance Process
        </h2>

    </div>

    <div class="process-grid">

        <div class="process-box"
             data-aos="fade-up"
             data-aos-delay="100"
             data-aos-duration="500">

            <div class="number">01</div>

            <h3>Business Assessment</h3>
            <p>Understanding workforce structure and PF compliance requirements.</p>

        </div>

        <div class="process-box"
             data-aos="fade-up"
             data-aos-delay="200"
             data-aos-duration="500">

            <div class="number">02</div>

            <h3>Documentation Setup</h3>
            <p>Employee data preparation and PF registration process management.</p>

        </div>

        <div class="process-box"
             data-aos="fade-up"
             data-aos-delay="300"
             data-aos-duration="500">

            <div class="number">03</div>

            <h3>Monthly Filing</h3>

            <p>
                Timely ECR upload, challan generation, and PF return filing support.
            </p>

        </div>

        <div class="process-box"
             data-aos="fade-up"
             data-aos-delay="400"
             data-aos-duration="500">

            <div class="number">04</div>

            <h3>Ongoing Support</h3>

            <p>
                Continuous compliance support for notices, inspections, and claims.
            </p>

        </div>

    </div>

</section>
<!-- ================= CTA SECTION ================= -->

<section class="cta-section">

    <div class="cta-content">

        <h2>
            Need Professional PF Compliance Support?
        </h2>

        <p>
            Get expert assistance for PF registration, filing,
            documentation, inspections, and employee compliance management.
        </p>

        <a href="#" class="cta-btn">
            Request Free Consultation
        </a>

    </div>

</section>





<style>



/* ================= GOOGLE FONT ================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* ================= GLOBAL CSS ================= */

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

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

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

.container{
    width:100%;
    max-width:1300px;
    margin:auto;
}

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

.pf-hero{
    width:100%;
    padding:110px 80px;
       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);
}

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

/* LEFT SIDE */

.pf-left{
    width:52%;
}

.pf-tag{
    display:inline-block;
    background:rgba(255,255,255,0.12);
    color:#ffffff;
    padding:10px 24px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:28px;
}

.pf-left h1{
    font-size:60px;
    line-height:1.2;
    color:#ffffff;
    margin-bottom:30px;
    font-weight:700;
}

.pf-left p{
    color:#d8e3f0;
    font-size:16px;
    line-height:1.9;
    margin-bottom:20px;
}

/* BUTTONS */

.pf-btns{
    display:flex;
    gap:18px;
    margin-top:35px;
}

.primary-btn{
    background:#52d6d2;
    color:#001d5c;
    padding:15px 32px;
    border-radius:10px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:0.3s;
}

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

.secondary-btn{
    border:1px solid rgba(255,255,255,0.30);
    color:#ffffff;
    padding:15px 32px;
    border-radius:10px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:0.3s;
}

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

/* RIGHT CARD */

.pf-right{
    width:44%;
}

.service-card{
    background:#ffffff;
    padding:40px;
    border-radius:28px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.service-card h3{
    font-size:32px;
    color:#001d5c;
    margin-bottom:30px;
}

/* SERVICES */

.service-list{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.service-item{
    background:#f5f8fc;
    padding:16px 18px;
    border-radius:14px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#001d5c;
    font-size:15px;
    font-weight:600;
    transition:0.3s;
}

.service-item:hover{
    transform:translateX(5px);
}

.service-item i{
    color:#18c37e;
}

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

.about-pf{
    width:100%;
    padding:100px 80px;
    background:#ffffff;
}

.about-grid{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:50px;
}

/* LEFT CONTENT */

.about-content{
    width:48%;
}

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

.about-content h2{
    font-size:48px;
    line-height:1.3;
    color:#001d5c;
    margin-bottom:28px;
}

.about-content p{
    color:#607080;
    font-size:16px;
    line-height:1.9;
    margin-bottom:20px;
}

/* RIGHT BOXES */

.about-boxes{
    width:46%;
    display:grid;
    gap:24px;
}

.info-box{
    background:#f7f9fc;
    padding:32px;
    border-radius:22px;
    transition:0.3s;
}

.info-box:hover{
    transform:translateY(-6px);
}

.info-box i{
    width:65px;
    height:65px;
    background:#001d5c;
    color:#ffffff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:22px;
}

.info-box h3{
    color:#001d5c;
    font-size:24px;
    margin-bottom:16px;
}

.info-box p{
    color:#607080;
    line-height:1.8;
}

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

.benefit-section{
    width:100%;
    padding:100px 80px;
    background:#f7f9fc;
}

/* HEADING */

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

.section-title h2{
    font-size:48px;
    color:#001d5c;
    margin-top:18px;
}

/* MAIN LAYOUT */

.benefit-wrapper{
    display:flex;
    align-items:center;
    gap:50px;
}

/* IMAGE */

.benefit-image{
    flex:0 0 40%;
}

.benefit-image img{
    width:100%;
    height:600px;
    object-fit:cover;
    border-radius:30px;
    box-shadow:0 20px 50px rgba(0,0,0,0.12);
    transition:.4s;
}

.benefit-image img:hover{
    transform:scale(1.03);
}

/* BENEFIT GRID */

.benefit-grid{
    flex:1;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

/* CARD */

.benefit-card{
    background:#ffffff;
    padding:30px 24px;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
    transition:.4s;
    border-top:4px solid #001d5c;
}

.benefit-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,29,92,0.12);
}

.benefit-card i{
    font-size:38px;
    color:#001d5c;
    margin-bottom:20px;
}

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

.benefit-card p{
    color:#607080;
    line-height:1.8;
    font-size:15px;
}

/* Last Card Full Width */

.benefit-card:last-child{
    grid-column:span 2;
}


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

.process-section{
    width:100%;
    padding:100px 80px;
    background:#ffffff;
}

/* GRID */

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

/* BOX */

.process-box{
    background:#f7f9fc;
    padding:35px 28px;
    border-radius:24px;
    transition:0.3s;
}

.process-box:hover{
    transform:translateY(-8px);
}

.number{
    width:65px;
    height:65px;
    background:#001d5c;
    color:#ffffff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
    margin-bottom:24px;
}

.process-box h3{
    color:#001d5c;
    font-size:24px;
    margin-bottom:18px;
}

.process-box p{
    color:#607080;
    line-height:1.8;
    font-size:15px;
}

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

.cta-section{
    width:100%;
    padding:110px 80px;
    background:linear-gradient(135deg,#001d5c,#003b9b);
    text-align:center;
}

.cta-content h2{
    color:#ffffff;
    font-size:52px;
    margin-bottom:24px;
}

.cta-content p{
    width:60%;
    margin:auto;
    color:#d8e3f0;
    line-height:1.9;
    margin-bottom:35px;
}

.cta-btn{
    display:inline-block;
    background:#52d6d2;
    color:#001d5c;
    padding:16px 36px;
    border-radius:10px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:0.3s;
}

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

/* ===========================
   UNIFIED RESPONSIVE STYLES
=========================== */

/* --- 1200px (Laptops) --- */
@media (max-width: 1200px) {
    .pf-hero,
    .about-pf,
    .benefit-section,
    .process-section,
    .cta-section {
        padding: 80px 40px;
    }

    .pf-hero .container { gap: 40px; }
    .pf-left { width: 55%; }
    .pf-right { width: calc(45% - 40px); }

    .about-grid { gap: 40px; }
    .about-content { width: 50%; }
    .about-boxes { width: calc(50% - 40px); }
    
    .benefit-wrapper { gap: 40px; }
    .benefit-image { flex: 0 0 40%; }
}

/* --- 1024px (Tablets & Small Desktops) --- */
@media (max-width: 1024px) {
    .pf-hero,
    .about-pf,
    .benefit-section,
    .process-section,
    .cta-section {
        padding: 70px 40px;
    }

    .pf-left h1 {
        font-size: 48px;
        line-height: 1.3;
    }

    .about-content h2,
    .section-title h2,
    .cta-content h2 {
        font-size: 42px;
    }

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

    .service-card {
        padding: 35px;
    }
}

/* --- 991px (Portrait Tablets) --- */
@media (max-width: 991px) {
    .pf-hero,
    .about-pf,
    .benefit-section,
    .process-section,
    .cta-section {
        padding: 60px 25px;
    }

    .pf-hero .container,
    .about-grid,
    .benefit-wrapper {
        flex-direction: column;
        gap: 45px;
    }

    .pf-left,
    .pf-right,
    .about-content,
    .about-boxes,
    .benefit-image {
        width: 100%;
        flex: none;
    }
    
    .benefit-image img {
        height: 450px;
    }

    .pf-left h1,
    .about-content h2,
    .section-title h2,
    .cta-content h2 {
        font-size: 36px;
    }

    .cta-content p {
        width: 100%;
    }

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

/* --- 768px (Large Mobiles) --- */
@media (max-width: 768px) {
    .pf-left h1 {
        font-size: 34px;
    }

    .about-content h2,
    .section-title h2,
    .cta-content h2 {
        font-size: 32px;
        line-height: 1.4;
    }

    .benefit-grid,
    .process-grid {
        grid-template-columns: 1fr;
    }

    .benefit-card:last-child {
        grid-column: span 1;
    }

    .benefit-image img {
        height: 300px;
    }

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

/* --- 480px (Mobiles) --- */
@media (max-width: 480px) {
    .pf-hero,
    .about-pf,
    .benefit-section,
    .process-section,
    .cta-section {
        padding: 55px 18px;
    }

    .pf-tag,
    .small-tag {
        font-size: 12px;
        padding: 8px 18px;
    }

    .pf-left h1 {
        font-size: 30px;
        line-height: 1.4;
    }

    .pf-left p,
    .about-content p,
    .benefit-card p,
    .process-box p,
    .cta-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .about-content h2,
    .section-title h2,
    .cta-content h2 {
        font-size: 28px;
    }

    .pf-btns {
        flex-direction: column;
    }

    .primary-btn,
    .secondary-btn,
    .cta-btn {
        width: 100%;
        text-align: center;
    }

    .service-card {
        padding: 25px 20px;
    }

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

    .service-item {
        font-size: 14px;
        padding: 14px;
    }

    .benefit-card,
    .process-box,
    .info-box {
        padding: 25px 20px;
    }

    .number {
        width: 55px;
        height: 55px;
        font-size: 18px;
    }

    .info-box h3,
    .process-box h3,
    .benefit-card h3 {
        font-size: 20px;
    }

    .cta-content h2 {
        line-height: 1.4;
    }
}

    </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/pf.blade.php ENDPATH**/ ?>