Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.24.1.el9_7.x86_64

PHP Version:

8.2.30

User:

u784288082

Directory:

/home/u784288082/domains/digitechhealthcare.com/public_html/ila/storage/framework/views

Free Space:

9.04 TB

🔧 Quick Actions

✏️ Editing: bb478c669c69907bbe5942853f94cc66.php

<?php $__env->startPush('scripts'); ?>
    <script>
        $(".marquee_text").marquee({
            direction: "left",
            duration: 25000,
            gap: 50,
            delayBeforeStart: 0,
            duplicated: true,
            startVisible: true,
        });
        $(".marquee_text2").marquee({
            direction: "left",
            duration: 25000,
            gap: 50,
            delayBeforeStart: 0,
            duplicated: true,
            startVisible: true,
        });
    </script>
    <?php $__env->stopPush(); ?> <?php $__env->startSection('content'); ?>

.video-banner video {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
    </style>
    <div class="video-banner">
        <video autoplay muted loop playsinline class="w-100"
          poster="assets/video/home1-banner-img1.png">
        
        <source src="assets/video/banner-video.mp4" type="video/mp4">
        <img src="assets/video/home1-banner-img1.png" class="w-100" alt="Banner Image">
        </video>
    </div>

<style>
        .home1-about-section {
            position: relative;
            padding: 100px 0;
            background: linear-gradient(135deg, #fff7fb, #f3f8ff);
            overflow: hidden;
        }

.section-title span {
            color: #ac24a0;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

.section-title h2 {
            font-weight: 700;
            margin-top: 10px;
            font-size: 36px;
        }

.about-content p {
            font-size: 15px;
            line-height: 1.9;
            color: #555 !important;
        }

.about-content strong {
            color: #b929a6;
            font-weight: 600;
        }

/* Pills Styling */
        .nav-pills .nav-link {
            border-radius: 50px;
            padding: 10px 20px;
            margin-right: 10px;
            font-weight: 500;
            background: #f8f9fa;
            color: #444;
            border: 1px solid transparent;
            transition: 0.3s ease;
        }

.nav-pills .nav-link.active {
            background: linear-gradient(135deg, #c314dc, #d63384);
            color: #fff;
            box-shadow: 0 8px 20px rgba(214, 51, 132, 0.3);
        }

.nav-pills .nav-link:hover {
            border: 1px solid #d63384;
        }

/* Tab Content */
        .tab-content {
            margin-top: 25px;
            padding: 20px;
            background: #ffffff;
            border-radius: 15px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
            font-size: 14px;
            line-height: 1.8;
            color: #000;
        }

/* Button */
        .primary-btn1 {
            display: inline-block;
            padding: 12px 30px;
            border-radius: 50px;
            background: linear-gradient(135deg, #c314dc, #d63384);
            color: #fff;
            font-weight: 600;
            text-decoration: none;
            transition: 0.3s ease;
            box-shadow: 0 8px 20px rgba(214, 51, 132, 0.3);
        }

.primary-btn1:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 35px rgba(214, 51, 132, 0.4);
            color: #fff;
        }

/* About Image */
        .about-img {
            position: relative;
        }

.about-img img:first-child {
            border-radius: 25px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
        }

.about-img .vector {
            position: absolute;
            right: -40px;
            bottom: -40px;
            width: 200px;
            opacity: 0.08;
        }

/* Background Decorative Vector */
        .section-vector1 {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0.05;
            max-width: 250px;
            pointer-events: none;
        }

/* Mobile Optimization */
        @media (max-width: 991px) {
            .home1-about-section {
                padding: 60px 0;
            }

.section-title h2 {
                font-size: 28px;
            }

.about-img {
                margin-top: 40px;
                text-align: center;
            }
        }
    </style>
    <div class="home1-about-section pt-5 pb-60">
        <img src="<?php echo e(asset('assets/img/home1/section-vector1.png')); ?>" alt="" class="section-vector1" />
        <div class="container">
            <div class="row">
                  <div class="col-lg-6 d-flex justify-content-end mb-2">
                    <div class="about-img">
                        <img src="<?php echo e(asset('assets/img/home1/about-img.png')); ?>" alt="" />
                        <img src="<?php echo e(asset('assets/img/home1/vector/about-img-bg-vector.svg')); ?>" alt=""
                            class="vector" />
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content">
                        <div class="section-title">
                            <span>
                                <i class="fas fa-user-md"></i>
                                About Us
                            </span>
                            <h2 class="text-start">Dr. Ila Gupta</h2>
                        </div>
                        <p class="tab-pane mb-40" style="color: #0c0909;    ">
                            Dr. Ila Gupta is a highly respected Senior Gynaecologist
                            and Obstetrician with over
                            <strong>35 years of dedicated experience</strong> in
                            women’s healthcare. She completed her
                            <strong>MBBS and MD from King George Medical College,
                                Lucknow</strong>, one of India's most prestigious medical institutions.
                            <br /><br />
                            Dr. Gupta has played a key role in leading medical
                            organizations. She is the
                            <strong>former President of the East Delhi Gynaecology
                                Forum</strong>
                            and currently serves as the
                            <strong>Vice President of EDB and the Indian Medical
                                Association (IMA)</strong>. She is also an esteemed member of
                            <strong>FOGSI</strong> (The Federation of Obstetric and
                            Gynaecological Societies of India) and
                            <strong>NARCHI</strong> (National Association of
                            Reproductive and Child Health of India). <br /><br />
                            Her expertise includes
                            <strong>Normal Delivery, High-Risk Pregnancy Management,
                                Colposcopy, Hysteroscopy, and comprehensive
                                Gynecology & Obstetric care</strong>.
                        </p>

<ul class="nav nav-pills" id="pills-tab3" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="mission-tab" data-bs-toggle="pill"
                                    data-bs-target="#mission" type="button" role="tab" aria-controls="mission"
                                    aria-selected="true">
                                    <i class="fas fa-bullseye"></i>
                                    Mission & Vision
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link text-white" id="focus-customer-tab" data-bs-toggle="pill"
                                    data-bs-target="#focus-customer" type="button" role="tab"
                                    aria-controls="focus-customer" aria-selected="false">
                                    <i class="fas fa-users"></i>
                                    Focus On Patient Care
                                </button>
                            </li>
                        </ul>

<div class="tab-content" id="pills-tab3Content">
                            <div class="tab-pane fade show active" id="mission" role="tabpanel">
                                Dr. Ila Gupta is committed to providing exceptional
                                medical care rooted in compassion, integrity, and
                                clinical excellence. Her mission is to deliver
                                personalized treatments using the latest
                                advancements in obstetrics and gynecology, ensuring
                                women's safety and well-being at every stage of
                                life.
                            </div>

<div class="tab-pane fade" id="focus-customer" role="tabpanel">
                                Patient-centered care is the foundation of Dr. Ila
                                Gupta’s practice. She believes in a holistic
                                approach — addressing not only medical concerns but
                                also the emotional and overall well-being of every
                                patient. Her empathetic guidance and individualized
                                care foster trust, comfort, and long-term health.
                            </div>
                        </div>

<div class="about-content-bottom">
                            <a href="<?php echo e(route('about')); ?>" class="primary-btn1">More About</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<style>
        .tour-facilites-section {
            background: linear-gradient(135deg, #f8fbff, #eef6ff);
        }

.service-card {
            background: #ffffff;
            border-radius: 18px;
            transition: all 0.3s ease;
            height: 100%;
            border: 1px solid #eef2f7;
        }

.service-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
        }

.service-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, #ac91ff, #f19bfd);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }

.service-icon img {
            width: 35px;
            height: 35px;
            object-fit: contain;
        }

.service-btn {
            border-radius: 50px;
            font-weight: 600;
            padding: 6px 12px;
            transition: all 0.3s ease;
        }

.service-btn:hover {
            background: linear-gradient(135deg, #7f5af0, #2ec8a6);
            color: #fff;
            border-color: transparent;
        }

.section-title span {
            color: #2ec8a6;
            font-weight: 600;
            letter-spacing: 1px;
        }

.section-title h2 {
            font-weight: 700;
            margin-top: 10px;
        }
    </style>

<div class="tour-facilites-section py-5">
        <div class="container">
            <div class="row mb-5">
                <div class="col-lg-12 text-center">
                    <div class="section-title">
                        <span><i class="fas fa-user-md me-2"></i>Services</span>
                        <h2>Reliable Health Services</h2>
                    </div>
                </div>
            </div>

<div class="row g-4 justify-content-center">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php endif; ?><?php $__currentLoopData = \App\Models\Service::limit(12)->get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-2 col-md-4 col-sm-6 d-flex">
                        <div class="card service-card text-center p-4 w-100">

<div class="service-icon">
                                <img src="<?php echo e(asset('storage/' . $service->icon)); ?>" alt="<?php echo e($service->title); ?>">
                            </div>

<h6 class="fw-bold mb-3"><?php echo e($service->title); ?></h6>

<a href="<?php echo e(route('services.show', $service->slug)); ?>"
                                class="btn btn-outline-dark service-btn w-100">
                                View Service
                            </a>

</div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php endif; ?>
            </div>
        </div>
    </div>

<style>
        .testimonial-section {
            background: linear-gradient(135deg, #f8fbff, #eef6ff);
            padding: 100px 0;
        }

.section-title span {
            color: #2ec8a6;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

.section-title h2 {
            font-weight: 700;
            margin-top: 10px;
        }

.tesimonial-card-wrapper {
            padding: 20px;
        }

.tesimonial-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            height: 100%;
        }

.tesimonial-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        }

.testimonial-content p {
            font-size: 15px;
            color: #555;
            line-height: 1.8;
            margin-bottom: 20px;
            font-style: italic;
        }

.rating {
            padding: 0;
            margin: 0;
            list-style: none;
            display: flex;
            gap: 4px;
        }

.rating i {
            color: #ffc107;
            font-size: 14px;
        }

.quote svg {
            width: 45px;
            opacity: 0.08;
        }

.author-area {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-top: 20px;
        }

.author-img img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 3px solid #2ec8a6;
        }

.author-content h5 {
            font-size: 16px;
            font-weight: 600;
            margin: 0;
        }

.author-content span {
            font-size: 13px;
            color: #888;
        }

.slider-btn-grp2 {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 40px;
        }

.slider-btn {
            width: 45px;
            height: 45px;
            background: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: 0.3s ease;
        }

.slider-btn:hover {
            background: #2ec8a6;
        }

.slider-btn:hover svg path {
            fill: #fff;
        }
    </style>
    <div class="testimonial-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center mb-60">
                        <span>
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M1.92556 7.69046C2.35744 7.63298 2.78906 7.57563 3.21925 7.51077C4.14925 7.37065 5.08588 7.29138 6.01763 7.21249L6.01888 7.21243C6.15888 7.20055 6.29875 7.18874 6.43844 7.17668C7.50663 6.968 8.58732 6.89083 9.66644 6.94628C10.7733 7.06837 11.8592 7.41421 12.8857 7.97163L12.8857 8.23655C11.8592 8.79397 10.7733 9.13981 9.66644 9.26191C8.58732 9.31735 7.50663 9.24018 6.43844 9.03151C5.36831 8.93932 4.29813 8.82412 3.21925 8.69742C2.14031 8.57065 1.07012 8.42092 -6.78702e-07 8.23655L-7.01862e-07 7.97163C0.639938 7.86135 1.28306 7.77588 1.92556 7.69046ZM10.7633 15.8502C10.9332 15.4596 11.12 15.0855 11.3061 14.7127C11.389 14.5468 11.4717 14.3811 11.5527 14.2144C11.8159 13.6729 12.1141 13.1545 12.4299 12.6477C12.5448 12.4632 12.64 12.2604 12.7336 12.061C12.8972 11.7124 13.056 11.3741 13.3071 11.1616C13.7816 10.7768 14.3283 10.5734 14.886 10.574L15 10.7353C14.9945 11.4677 14.8235 12.1813 14.5088 12.7859C14.3311 13.1802 14.0336 13.4059 13.7358 13.6317C13.6073 13.7292 13.4787 13.8268 13.3597 13.9379C12.965 14.3066 12.5615 14.6637 12.1492 15.0093C11.7369 15.3549 11.3159 15.689 10.8685 16L10.7633 15.8502ZM11.7543 0.665536C11.4882 0.436859 11.2226 0.208798 10.9388 -1.5523e-06L10.816 0.149784C11.0528 0.725784 11.3072 1.27877 11.5703 1.82018C11.8335 2.3616 12.1142 2.89157 12.3949 3.40997C12.4795 3.56628 12.5538 3.73514 12.628 3.90394C12.8 4.29501 12.9718 4.68572 13.2721 4.91908C13.7312 5.33563 14.2754 5.56049 14.8334 5.56418L14.9562 5.4144C14.9651 4.68055 14.8095 3.95951 14.5089 3.3408C14.3471 3.01108 14.0894 2.80252 13.824 2.58763C13.6722 2.46474 13.5178 2.33975 13.3773 2.1888C12.9914 1.77409 12.6142 1.3824 12.1931 1.0368C12.0446 0.91489 11.8994 0.790152 11.7543 0.665536Z" />
                            </svg>
                            Testimonial
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M13.0744 8.30954C12.6426 8.36702 12.2109 8.42437 11.7807 8.48923C10.8507 8.62935 9.91412 8.70862 8.98237 8.78751L8.98112 8.78757C8.84112 8.79945 8.70125 8.81126 8.56156 8.82332C7.49337 9.032 6.41268 9.10917 5.33356 9.05372C4.22669 8.93163 3.14081 8.58578 2.11432 8.02837V7.76345C3.14081 7.20603 4.22669 6.86018 5.33356 6.73809C6.41268 6.68265 7.49337 6.75982 8.56156 6.96849C9.63169 7.06068 10.7019 7.17588 11.7807 7.30259C12.8597 7.42935 13.9299 7.57908 15 7.76345V8.02837C14.3601 8.13865 13.7169 8.22412 13.0744 8.30954ZM4.23673 0.14976C4.06677 0.540388 3.88 0.914468 3.69388 1.28726C3.61104 1.45317 3.52831 1.61887 3.44728 1.78561C3.18413 2.32705 2.88589 2.84546 2.57011 3.35234C2.45519 3.5368 2.36002 3.73958 2.26642 3.939C2.10282 4.28757 1.94402 4.62593 1.69294 4.83843C1.21844 5.2232 0.671682 5.42665 0.114031 5.42597L0 5.26468C0.00551875 4.53235 0.176481 3.81866 0.491219 3.2141C0.6689 2.81982 0.966407 2.59414 1.26418 2.36828C1.39271 2.27078 1.52129 2.17324 1.64031 2.06209C2.03504 1.69345 2.43853 1.33633 2.8508 0.990726C3.26307 0.645126 3.68411 0.31104 4.13147 0L4.23673 0.14976ZM3.24568 15.3345C3.51184 15.5631 3.77735 15.7912 4.06123 16L4.18404 15.8502C3.9472 15.2742 3.69281 14.7212 3.42966 14.1798C3.16651 13.6384 2.88581 13.1084 2.60511 12.59C2.52048 12.4337 2.44621 12.2649 2.37198 12.0961C2.19999 11.705 2.02816 11.3143 1.72794 11.0809C1.26879 10.6644 0.7246 10.4395 0.166563 10.4358L0.0437562 10.5856C0.0348937 11.3194 0.190456 12.0405 0.491113 12.6592C0.652919 12.9889 0.910556 13.1975 1.17597 13.4124C1.32782 13.5353 1.48222 13.6602 1.62268 13.8112C2.00863 14.2259 2.38582 14.6176 2.80686 14.9632C2.95538 15.0851 3.10063 15.2098 3.24568 15.3345Z" />
                            </svg>
                        </span>
                        <h2>Patient’s Reviews</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="testimonial-wrapper">
            <div class="testimonial-card-slider-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="allreview" role="tabpanel"
                                    aria-labelledby="allreview-tab">
                                    <div class="swiper testimonial-card-slider">
                                        <div class="swiper-wrapper">
                                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php endif; ?><?php $__currentLoopData = \App\Models\Testimonial::all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="swiper-slide">
                                                    <div class="tesimonial-card-wrapper">
                                                        <div class="tesimonial-card">
                                                            <div class="testimonial-content">
                                                                <p>
                                                                    “<?php echo e($testimonial->description); ?>”
                                                                </p>
                                                            </div>
                                                            <div class="testimonial-bottom">
                                                                <div class="rating-area">
                                                                    <ul class="rating">
                                                                        <li>
                                                                            <i class="bi bi-star-fill"></i>
                                                                        </li>
                                                                        <li>
                                                                            <i class="bi bi-star-fill"></i>
                                                                        </li>
                                                                        <li>
                                                                            <i class="bi bi-star-fill"></i>
                                                                        </li>
                                                                        <li>
                                                                            <i class="bi bi-star-fill"></i>
                                                                        </li>
                                                                        <li>
                                                                            <i class="bi bi-star-fill"></i>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                                <div class="quote">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="74"
                                                                        height="51" viewBox="0 0 74 51">
                                                                        <g>
                                                                            <path
                                                                                d="M34.6075 16.7875C34.5735 16.4389 34.5054 16.0817 34.4202 15.733C33.6625 6.92252 26.2643 0 17.2484 0C7.72178 0 0 7.71343 0 17.2298C0 26.474 7.28758 33.9918 16.4311 34.417C14.2261 37.8953 10.676 40.7102 6.34258 42.0369L6.19785 42.0794C4.18866 42.6917 2.80095 44.6477 2.98825 46.8248C3.20109 49.3336 5.40609 51.1961 7.9261 50.9835C15.3414 50.3541 22.7567 46.5697 27.7967 40.4211C30.3252 37.3595 32.2833 33.7537 33.4752 29.8247C34.6756 25.9042 35.0843 21.669 34.6756 17.4934L34.6075 16.7875Z" />
                                                                            <path
                                                                                d="M73.1681 16.7875C73.134 16.4389 73.0659 16.0817 72.9808 15.733C72.2231 6.92252 64.8248 0 55.809 0C46.2823 0 38.5605 7.71343 38.5605 17.2298C38.5605 26.474 45.8481 33.9918 54.9917 34.417C52.7867 37.8953 49.2365 40.7102 44.9031 42.0369L44.7584 42.0794C42.7492 42.6917 41.3615 44.6477 41.5488 46.8248C41.7616 49.3336 43.9666 51.1961 46.4866 50.9835C53.9019 50.3541 61.3172 46.5697 66.3572 40.4211C68.8858 37.3595 70.8439 33.7537 72.0358 29.8247C73.2362 25.9042 73.6448 21.669 73.2362 17.4934L73.1681 16.7875Z" />
                                                                        </g>
                                                                    </svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="author-area">
                                                            <div class="author-img">
                                                                <img src="<?php echo e(asset('assets/img/google-r.png')); ?>"
                                                                    alt="<?php echo e($testimonial->name); ?>" />
                                                            </div>
                                                            <div class="author-content">
                                                                <h5>
                                                                    <?php echo e($testimonial->name); ?>

</h5>
                                                                <span><?php echo e($testimonial->position); ?></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="slider-btn-grp2">
                            <div class="slider-btn testimonial-card-tab-prev">
                                <svg xmlns="http://www.w3.org/2000/svg" width="9" height="17"
                                    viewBox="0 0 9 17">
                                    <path
                                        d="M8.83399 0.281832L8.72217 0.16683L0.500652 8.50016L8.72217 16.8335L8.83398 16.7185L8.83398 13.0602L4.33681 8.50016L8.83399 3.94016L8.83399 0.281832Z" />
                                </svg>
                            </div>
                            <div class="slider-btn testimonial-card-tab-next">
                                <svg xmlns="http://www.w3.org/2000/svg" width="9" height="17" viewBox="0 0 9 17"
                                    fill="none">
                                    <path
                                        d="M0.166016 16.7182L0.277828 16.8332L8.49935 8.49984L0.277828 0.166504L0.166016 0.281504V3.93984L4.66319 8.49984L0.166016 13.0598V16.7182Z" />
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<style>
        .feature-card-section {
            position: relative;
            padding: 100px 0;
            background: linear-gradient(135deg, #fff7fb, #f3f8ff);
        }

.section-title span {
            color: #ac24a0;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

.section-title h2 {
            font-weight: 700;
            margin-top: 10px;
        }

.feature-card {
            background: #ffffff;
            padding: 35px 25px;
            border-radius: 20px;
            display: flex;
            gap: 20px;
            align-items: flex-start;
            height: 100%;
            border: 1px solid #f1f1f1;
            transition: all 0.3s ease;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
        }

.feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        }

.feature-card-icon {
            width: 65px;
            height: 65px;
            min-width: 65px;
            border-radius: 18px;
            background: linear-gradient(135deg, #ff6ea1, #d63384);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 24px;
            box-shadow: 0 8px 20px rgba(214, 51, 132, 0.3);
        }

.feature-card.two .feature-card-icon {
            background: linear-gradient(135deg, #6f42c1, #9b59b6);
            box-shadow: 0 8px 20px rgba(111, 66, 193, 0.3);
        }

.feature-card.three .feature-card-icon {
            background: linear-gradient(135deg, #20c997, #2ec8a6);
            box-shadow: 0 8px 20px rgba(32, 201, 151, 0.3);
        }

.feature-card-content h6 {
            font-weight: 700;
            margin-bottom: 10px;
            font-size: 17px;
        }

.feature-card-content p {
            font-size: 14px;
            color: #666;
            line-height: 1.7;
            margin: 0;
        }

/* Decorative background vector soft effect */
        .section-vector4 {
            position: absolute;
            right: 0;
            top: 0;
            opacity: 0.05;
            max-width: 300px;
            pointer-events: none;
        }
    </style>
    <div class="feature-card-section">
        <img src="<?php echo e(asset('assets/img/home1/section-vector4.png')); ?>" alt="" class="section-vector4" />
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center mb-60">
                        <span>
                            <i class="fas fa-star"></i> Our Excellence
                            <i class="fas fa-star"></i>
                        </span>
                        <h2>Why Choose Dr. Ila Gupta?</h2>
                    </div>
                </div>
            </div>
            <div class="row g-md-4 gy-5">
                
                <div class="col-xl-4 col-md-6">
                    <div class="feature-card">
                        <div class="feature-card-icon">
                            <i class="fas fa-user-md"></i>
                        </div>
                        <div class="feature-card-content">
                            <h6>35+ Years of Experience</h6>
                            <p>
                                With decades of clinical expertise, Dr. Ila Gupta is
                                a trusted specialist in gynecology, obstetrics,
                                normal delivery, and high-risk pregnancy care.
                            </p>
                        </div>
                    </div>
                </div>

<div class="col-xl-4 col-md-6">
                    <div class="feature-card two">
                        <div class="feature-card-icon">
                            <i class="fas fa-stethoscope"></i>
                        </div>
                        <div class="feature-card-content">
                            <h6>Advanced Women's Health Services</h6>
                            <p>
                                Expert in colposcopy, hysteroscopy, menstrual
                                disorders, menopause care, and comprehensive
                                reproductive health management.
                            </p>
                        </div>
                    </div>
                </div>

<div class="col-xl-4 col-md-6">
                    <div class="feature-card three">
                        <div class="feature-card-icon">
                            <i class="fas fa-hospital"></i>
                        </div>
                        <div class="feature-card-content">
                            <h6>State-of-the-Art Facilities</h6>
                            <p>
                                Equipped with modern diagnostic tools and minimally
                                invasive technology for accurate evaluation and
                                treatment of gynecological conditions.
                            </p>
                        </div>
                    </div>
                </div>

<div class="col-xl-4 col-md-6">
                    <div class="feature-card three">
                        <div class="feature-card-icon">
                            <i class="fas fa-hand-holding-heart"></i>
                        </div>
                        <div class="feature-card-content">
                            <h6>Compassionate & Personalized Care</h6>
                            <p>
                                Each patient receives individualized attention with
                                a warm, empathetic, and patient-centric approach
                                throughout their treatment journey.
                            </p>
                        </div>
                    </div>
                </div>

<div class="col-xl-4 col-md-6">
                    <div class="feature-card">
                        <div class="feature-card-icon">
                            <i class="fas fa-clock"></i>
                        </div>
                        <div class="feature-card-content">
                            <h6>Reliable Medical Support</h6>
                            <p>
                                Timely guidance and continuous support for
                                pregnancy, emergencies, and women’s health concerns
                                when patients need it most.
                            </p>
                        </div>
                    </div>
                </div>

<div class="col-xl-4 col-md-6">
                    <div class="feature-card two">
                        <div class="feature-card-icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <div class="feature-card-content">
                            <h6>Trusted by Thousands of Patients</h6>
                            <p>
                                Her consistent track record of safe deliveries,
                                successful high-risk pregnancy outcomes, and
                                accurate gynecological diagnosis makes her one of
                                the most trusted specialists.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<style>
        .package-card-section {
            position: relative;
            padding: 100px 0;
            background: linear-gradient(135deg, #fdf7fb, #f4f9ff);
            overflow: hidden;
        }

/* Section Title */
        .section-title span {
            color: #ac24a0;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

.section-title h2 {
            font-weight: 700;
            margin-top: 10px;
        }

/* Blog Card */
        .package-card {
            background: #ffffff;
            border-radius: 20px;
            overflow: hidden;
            transition: 0.3s ease;
            display: flex;
            flex-direction: column;
            height: 100%;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
        }

.package-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        }

/* Image */
        .package-card-img-wrap {
            overflow: hidden;
        }

.package-card-img-wrap img {
            width: 100%;
            height: 230px;
            object-fit: cover;
            transition: 0.4s ease;
        }

.package-card:hover .package-card-img-wrap img {
            transform: scale(1.08);
        }

/* Content */
        .package-card-content {
            padding: 25px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex-grow: 1;
        }

.package-card-content h5 {
            font-weight: 600;
            line-height: 1.5;
        }

.package-card-content h5 a {
            text-decoration: none;
            color: #222;
            transition: 0.3s;
        }

.package-card-content h5 a:hover {
            color: #d63384;
        }

/* Read More Button */
        .primary-btn2 {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-weight: 600;
            color: #ac24a0;
            text-decoration: none;
            transition: 0.3s ease;
        }

.primary-btn2:hover {
            color: #6f42c1;
            transform: translateX(5px);
        }

/* View All Button */
        .secondary-btn1 {
            padding: 12px 30px;
            border-radius: 50px;
            background: linear-gradient(135deg, #c314dc, #d63384);
            font-weight: 600;
            transition: 0.3s ease;
            box-shadow: 0 8px 20px rgba(214, 51, 132, 0.3);
        }

.secondary-btn1:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 35px rgba(214, 51, 132, 0.4);
        }

/* Decorative Vectors */
        .section-vector1,
        .section-vector3 {
            position: absolute;
            opacity: 0.05;
            pointer-events: none;
        }

.section-vector1 {
            left: 0;
            top: 0;
            max-width: 250px;
        }

.section-vector3 {
            right: 0;
            bottom: 0;
            max-width: 250px;
        }

/* Mobile */
        @media (max-width: 768px) {
            .package-card-img-wrap img {
                height: 200px;
            }
        }
    </style>
    <div class="package-card-section mb-120">
        <img src="<?php echo e(asset('assets/img/home1/section-vector1.png')); ?>" alt="" class="section-vector1" />
        <img src="<?php echo e(asset('assets/img/home1/section-vector3.png')); ?>" alt="" class="section-vector3" />
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center mb-40">
                        <span> <i class="fas fa-book-medical"></i> Blogs </span>
                        <h2>Latest Medical Insights</h2>
                    </div>
                </div>
            </div>

<div class="row g-lg-4 gy-5 mb-70">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php endif; ?><?php $__currentLoopData = \App\Models\Blogs::limit(3)->get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $blog): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-4 col-md-6 d-flex">
                        <div class="package-card">
                            <div class="package-card-img-wrap">
                                <a href="<?php echo e(route('posts.show', $blog->slug)); ?>" class="card-img">
                                    <img src="<?php echo e(asset('storage/' . $blog->image)); ?>" alt="Medical Service" />
                                </a>
                            </div>
                            <div class="package-card-content">
                                <div class="card-content-top">
                                    <h5>
                                        <a href="<?php echo e(route('posts.show', $blog->slug)); ?>"><?php echo e($blog->title); ?></a>
                                    </h5>
                                </div>
                                <div class="card-content-bottom">
                                    <a href="<?php echo e(route('posts.show', $blog->slug)); ?>" class="primary-btn2 text-white">know
                                        more...
                                        <i class="fas fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php endif; ?>
            </div>
            <div class="row">
                <div class="col-lg-12 d-flex justify-content-center">
                    <a href="<?php echo e(route('posts.index')); ?>" class="secondary-btn1 text-white">View All Blogs</a>
                </div>
            </div>
        </div>
    </div>
    
<?php $__env->stopSection(); ?>

<?php echo $__env->make('userlayout.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH E:\Herd\dr_ila\resources\views/home.blade.php ENDPATH**/ ?>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: bb478c669c69907bbe5942853f94cc66.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation