{"id":6,"date":"2026-03-25T15:23:32","date_gmt":"2026-03-25T15:23:32","guid":{"rendered":"https:\/\/heartline.site\/?page_id=6"},"modified":"2026-03-25T15:27:04","modified_gmt":"2026-03-25T15:27:04","slug":"home","status":"publish","type":"page","link":"https:\/\/heartline.site\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cd2f75 e-con-full e-flex e-con e-parent\" data-id=\"4cd2f75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17e298f elementor-widget elementor-widget-html\" data-id=\"17e298f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Heartline Cardiac Hospital | Home<\/title>\r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --primary: #B71C1C;\r\n            --secondary: #0D47A1;\r\n            --accent: #FF5252;\r\n            --dark: #0A192F;\r\n            --light: #F4F7FB;\r\n            --white: #FFFFFF;\r\n            --glass: rgba(255, 255, 255, 0.9);\r\n            --shadow-sm: 0 5px 15px rgba(0,0,0,0.05);\r\n            --shadow-md: 0 15px 35px rgba(13, 71, 161, 0.1);\r\n            --shadow-lg: 0 25px 50px rgba(13, 71, 161, 0.15);\r\n            --font-primary: 'Outfit', sans-serif;\r\n            --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        body { font-family: var(--font-primary); color: var(--dark); background: var(--light); overflow-x: hidden; scroll-behavior: smooth; }\r\n        a { text-decoration: none; transition: var(--transition); color: inherit; }\r\n        ul { list-style: none; }\r\n        img { max-width: 100%; height: auto; }\r\n        .container { max-width: 1300px; margin: 0 auto; padding: 0 30px; }\r\n        \r\n        \/* Typography *\/\r\n        h1, h2, h3, h4 { font-weight: 800; line-height: 1.1; margin-bottom: 20px; }\r\n        p { font-size: 17px; line-height: 1.8; color: #4A5568; margin-bottom: 25px; }\r\n        .text-gradient { background: linear-gradient(135deg, var(--secondary), var(--primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n\r\n        \/* Buttons *\/\r\n        .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 18px 40px; border-radius: 100px; font-weight: 700; cursor: pointer; transition: var(--transition); font-size: 15px; text-transform: uppercase; letter-spacing: 1px; border: none; }\r\n        .btn-primary { background: linear-gradient(135deg, var(--primary), #D32F2F); color: var(--white); box-shadow: 0 10px 25px rgba(183, 28, 28, 0.3); }\r\n        .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(183, 28, 28, 0.4); }\r\n        .btn-secondary { background: var(--white); color: var(--secondary); border: 2px solid var(--secondary); }\r\n        .btn-secondary:hover { background: var(--secondary); color: var(--white); transform: translateY(-3px); }\r\n\r\n        \/* Header *\/\r\n        header.main-header { position: absolute; top: 0; width: 100%; z-index: 1000; padding: 25px 0; transition: var(--transition); }\r\n        header.sticky { position: fixed; background: var(--white); padding: 15px 0; box-shadow: var(--shadow-sm); }\r\n        .nav-inner { display: flex; justify-content: space-between; align-items: center; }\r\n        .logo { font-size: 30px; font-weight: 900; color: var(--secondary); }\r\n        .logo span { color: var(--primary); }\r\n        .nav-links { display: flex; gap: 40px; }\r\n        .nav-links a { font-weight: 600; font-size: 16px; position: relative; }\r\n        .nav-links a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--primary); transition: var(--transition); }\r\n        .nav-links a:hover::after, .nav-links a.active::after { width: 100%; }\r\n\r\n        \/* Hero Section *\/\r\n        .hero { position: relative; min-height: 100vh; display: flex; align-items: center; background: #fff; overflow: hidden; padding-top: 100px; }\r\n        .hero::before { content: ''; position: absolute; top: -10%; right: -5%; width: 50%; height: 120%; background: linear-gradient(135deg, rgba(13, 71, 161, 0.03), rgba(183, 28, 28, 0.03)); border-radius: 50% 0 0 50%; z-index: 0; }\r\n        .hero-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: center; position: relative; z-index: 1; }\r\n        .hero-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(183, 28, 28, 0.08); color: var(--primary); padding: 8px 18px; border-radius: 50px; font-weight: 800; font-size: 12px; margin-bottom: 30px; border: 1px solid rgba(183, 28, 28, 0.1); text-transform: uppercase; letter-spacing: 1px; }\r\n        .hero-content h1 { font-size: 72px; margin-bottom: 25px; color: var(--dark); }\r\n        .hero-content h1 span { color: var(--primary); }\r\n        .hero-image { position: relative; }\r\n        .hero-image img { border-radius: 30px; box-shadow: var(--shadow-lg); transition: var(--transition); }\r\n        .floating-card { position: absolute; background: var(--white); padding: 25px; border-radius: 20px; box-shadow: var(--shadow-md); display: flex; align-items: center; gap: 15px; z-index: 2; animation: float 6s ease-in-out infinite; }\r\n        .floating-card.c1 { bottom: 40px; left: -40px; }\r\n        .floating-card.c2 { top: 60px; right: -20px; animation-delay: 2s; }\r\n        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }\r\n\r\n        \/* Stats Section *\/\r\n        .stats-section { padding: 100px 0; background: var(--secondary); position: relative; overflow: hidden; color: var(--white); }\r\n        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; text-align: center; }\r\n        .stat-item h3 { font-size: 48px; margin-bottom: 10px; color: var(--accent); }\r\n        .stat-item p { color: rgba(255,255,255,0.8); margin-bottom: 0; }\r\n\r\n        \/* Services Section *\/\r\n        .services { padding: 120px 0; }\r\n        .section-tag { color: var(--primary); font-weight: 900; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; display: block; margin-bottom: 15px; }\r\n        .section-header { margin-bottom: 70px; max-width: 600px; }\r\n        .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }\r\n        .service-card { background: var(--white); padding: 50px 40px; border-radius: 30px; box-shadow: var(--shadow-sm); transition: var(--transition); border: 1px solid rgba(0,0,0,0.02); position: relative; overflow: hidden; }\r\n        .service-card::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--primary); transform: scaleX(0); transition: var(--transition); transform-origin: left; }\r\n        .service-card:hover { transform: translateY(-15px); box-shadow: var(--shadow-lg); }\r\n        .service-card:hover::after { transform: scaleX(1); }\r\n        .icon-box { width: 80px; height: 80px; background: rgba(13, 71, 161, 0.05); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; transition: var(--transition); }\r\n        .service-card:hover .icon-box { background: var(--primary); color: var(--white); }\r\n        .icon-box i { font-size: 35px; color: var(--secondary); transition: var(--transition); }\r\n        .service-card:hover .icon-box i { color: var(--white); }\r\n        .service-card h3 { font-size: 24px; margin-bottom: 20px; }\r\n\r\n        \/* Doctors Section *\/\r\n        .doctors { padding: 120px 0; background: #fff; }\r\n        .doctors-inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 35px; }\r\n        .dr-card { position: relative; border-radius: 35px; overflow: hidden; background: var(--dark); group; }\r\n        .dr-img-wrap { height: 450px; position: relative; }\r\n        .dr-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: 0.8s; opacity: 0.9; }\r\n        .dr-card:hover .dr-img-wrap img { transform: scale(1.1); opacity: 0.6; }\r\n        .dr-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px; background: linear-gradient(to top, var(--dark), transparent); color: var(--white); transition: var(--transition); }\r\n        .dr-card:hover .dr-overlay { transform: translateY(-20px); }\r\n        .dr-overlay h3 { margin-bottom: 5px; font-size: 22px; }\r\n        .dr-overlay span { font-weight: 500; font-size: 14px; opacity: 0.8; letter-spacing: 1px; }\r\n        .dr-social { position: absolute; top: 30px; right: 30px; display: flex; flex-direction: column; gap: 15px; opacity: 0; transform: translateX(20px); transition: var(--transition); }\r\n        .dr-card:hover .dr-social { opacity: 1; transform: translateX(0); }\r\n        .dr-social a { width: 45px; height: 45px; background: var(--white); color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; }\r\n\r\n        \/* Footer *\/\r\n        .footer { background: var(--dark); color: var(--white); padding: 100px 0 40px; }\r\n        .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 60px; margin-bottom: 80px; }\r\n        .footer-logo { font-size: 32px; font-weight: 900; margin-bottom: 30px; }\r\n        .footer-logo span { color: var(--primary); }\r\n        .footer h4 { font-size: 20px; margin-bottom: 30px; letter-spacing: 1px; }\r\n        .footer-links li { margin-bottom: 15px; }\r\n        .footer-links a { opacity: 0.7; font-weight: 500; }\r\n        .footer-links a:hover { opacity: 1; color: var(--primary); padding-left: 5px; }\r\n        .footer-contact li { display: flex; gap: 15px; margin-bottom: 20px; opacity: 0.7; }\r\n        .footer-contact i { color: var(--primary); margin-top: 5px; }\r\n        .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 40px; text-align: center; opacity: 0.5; font-size: 14px; }\r\n\r\n        \/* Animations *\/\r\n        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s ease; }\r\n        .reveal-active { opacity: 1; transform: translateY(0); }\r\n\r\n        @media (max-width: 1200px) {\r\n            .hero-content h1 { font-size: 56px; }\r\n            .hero-grid { gap: 40px; }\r\n        }\r\n        @media (max-width: 992px) {\r\n            .hero-grid { grid-template-columns: 1fr; text-align: center; }\r\n            .hero-badge, .hero-btns { justify-content: center; }\r\n            .hero-image { margin-top: 60px; }\r\n            .stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .footer-grid { grid-template-columns: 1fr 1fr; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <header class=\"main-header\" id=\"header\">\r\n        <div class=\"container nav-inner\">\r\n            <a href=\"\/\" class=\"logo\">HEART<span>LINE<\/span><\/a>\r\n            <nav>\r\n                <ul class=\"nav-links\">\r\n                    <li><a href=\"\/\" class=\"active\">Home<\/a><\/li>\r\n                    <li><a href=\"\/about\">About<\/a><\/li>\r\n                    <li><a href=\"\/service\">Services<\/a><\/li>\r\n                    <li><a href=\"\/doctors\">Doctors<\/a><\/li>\r\n                    <li><a href=\"\/appointment\">Appointment<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n            <a href=\"\/appointment\" class=\"btn btn-primary\" style=\"padding: 12px 25px;\">Book Now<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"hero\">\r\n        <div class=\"container hero-grid\">\r\n            <div class=\"hero-content reveal\">\r\n                <span class=\"hero-badge\"><i class=\"fas fa-heart-pulse\"><\/i> Complete Cardiac Care<\/span>\r\n                <h1>Excellence in <span>Cardiac Health<\/span> for Your Life<\/h1>\r\n                <p>Heartline Cardiac Hospital combines pioneer technology, world-class specialists, and compassionate care to lead Faisalabad in heart health excellence.<\/p>\r\n                <div class=\"hero-btns\">\r\n                    <a href=\"\/appointment\" class=\"btn btn-primary\">Start Consultation <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <a href=\"\/emergency\" class=\"btn btn-secondary\">Emergency 24\/7<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-image reveal\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&q=80&w=800\" alt=\"Specialist Doctor\">\r\n                <div class=\"floating-card c1\">\r\n                    <div class=\"icon\" style=\"background: rgba(183, 28, 28, 0.1); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary);\">\r\n                        <i class=\"fas fa-user-md\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <strong style=\"display: block; font-size: 18px;\">4+<\/strong>\r\n                        <span style=\"font-size: 12px; font-weight: 700; opacity: 0.6;\">Top Specialists<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"floating-card c2\">\r\n                    <div class=\"icon\" style=\"background: rgba(13, 71, 161, 0.1); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--secondary);\">\r\n                        <i class=\"fas fa-microscope\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <strong style=\"display: block; font-size: 18px;\">24\/7<\/strong>\r\n                        <span style=\"font-size: 12px; font-weight: 700; opacity: 0.6;\">Diagnostics<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"stats-section\">\r\n        <div class=\"container stats-grid reveal\">\r\n            <div class=\"stat-item\">\r\n                <h3>15+<\/h3>\r\n                <p>Years of Service<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <h3>10k+<\/h3>\r\n                <p>Happy Patients<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <h3>50+<\/h3>\r\n                <p>Cardiac Beds<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <h3>100%<\/h3>\r\n                <p>Commitment<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"services\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <span class=\"section-tag\">Our Specialties<\/span>\r\n                <h2>Comprehensive Cardiac Services<\/h2>\r\n                <p>Providing a full spectrum of heart health care from early screening to advanced recovery.<\/p>\r\n            <\/div>\r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card reveal\">\r\n                    <div class=\"icon-box\"><i class=\"fas fa-ambulance\"><\/i><\/div>\r\n                    <h3>Emergency Unit<\/h3>\r\n                    <p>Immediate 24\/7 response for heart attacks and critical cardiac distress cases.<\/p>\r\n                    <a href=\"\/service\" style=\"color: var(--primary); font-weight: 700;\">Explore More &rarr;<\/a>\r\n                <\/div>\r\n                <div class=\"service-card reveal\">\r\n                    <div class=\"icon-box\"><i class=\"fas fa-vial-circle-check\"><\/i><\/div>\r\n                    <h3>Cath Lab<\/h3>\r\n                    <p>Advanced interventional radiology for life-saving angiography and angioplasty.<\/p>\r\n                    <a href=\"\/service\" style=\"color: var(--primary); font-weight: 700;\">Explore More &rarr;<\/a>\r\n                <\/div>\r\n                <div class=\"service-card reveal\">\r\n                    <div class=\"icon-box\"><i class=\"fas fa-lungs\"><\/i><\/div>\r\n                    <h3>Cardiac Surgery<\/h3>\r\n                    <p>World-class theater for bypass surgery, valve replacements, and complex repairs.<\/p>\r\n                    <a href=\"\/service\" style=\"color: var(--primary); font-weight: 700;\">Explore More &rarr;<\/a>\r\n                <\/div>\r\n                <div class=\"service-card reveal\">\r\n                    <div class=\"icon-box\"><i class=\"fas fa-stethoscope\"><\/i><\/div>\r\n                    <h3>Consultation<\/h3>\r\n                    <p>Detailed evaluation and lifestyle counseling for preventive heart management.<\/p>\r\n                    <a href=\"\/service\" style=\"color: var(--primary); font-weight: 700;\">Explore More &rarr;<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"doctors\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\" style=\"margin-left: auto; text-align: right;\">\r\n                <span class=\"section-tag\">Medical Experts<\/span>\r\n                <h2>Meet Our Specialists<\/h2>\r\n            <\/div>\r\n            <div class=\"doctors-inner\">\r\n                <div class=\"dr-card reveal\">\r\n                    <div class=\"dr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559839734-2b71f1536783?auto=format&fit=crop&q=80&w=400\" alt=\"Dr. Ayesha\"><\/div>\r\n                    <div class=\"dr-overlay\">\r\n                        <span>Senior Cardiologist<\/span>\r\n                        <h3>Dr. Ayesha Khan<\/h3>\r\n                    <\/div>\r\n                    <div class=\"dr-social\">\r\n                        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"dr-card reveal\">\r\n                    <div class=\"dr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1612349317150-e413f6a5b16d?auto=format&fit=crop&q=80&w=400\" alt=\"Dr. Ahmed\"><\/div>\r\n                    <div class=\"dr-overlay\">\r\n                        <span>Interventional Cardiologist<\/span>\r\n                        <h3>Dr. Ahmed Raza<\/h3>\r\n                    <\/div>\r\n                    <div class=\"dr-social\">\r\n                        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"dr-card reveal\">\r\n                    <div class=\"dr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1594824476967-48c8b964273f?auto=format&fit=crop&q=80&w=400\" alt=\"Dr. Sara\"><\/div>\r\n                    <div class=\"dr-overlay\">\r\n                        <span>Cardiac Consultant<\/span>\r\n                        <h3>Dr. Sara Malik<\/h3>\r\n                    <\/div>\r\n                    <div class=\"dr-social\">\r\n                        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"footer\">\r\n        <div class=\"container footer-grid\">\r\n            <div class=\"footer-about\">\r\n                <div class=\"footer-logo\">HEART<span>LINE<\/span><\/div>\r\n                <p style=\"color: rgba(255,255,255,0.6); font-size: 15px;\">Faisalabad's premier cardiac care facility dedicated to providing complete heart health solutions under one roof with global standards.<\/p>\r\n                <div class=\"social-links\" style=\"display: flex; gap: 15px;\">\r\n                    <a href=\"#\" style=\"background: rgba(255,255,255,0.05); width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\"><i class=\"fab fa-facebook\"><\/i><\/a>\r\n                    <a href=\"#\" style=\"background: rgba(255,255,255,0.05); width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                    <a href=\"#\" style=\"background: rgba(255,255,255,0.05); width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div>\r\n                <h4>Quick Links<\/h4>\r\n                <ul class=\"footer-links\">\r\n                    <li><a href=\"\/about\">Our Mission<\/a><\/li>\r\n                    <li><a href=\"\/doctors\">Specialists<\/a><\/li>\r\n                    <li><a href=\"\/service\">Heart Services<\/a><\/li>\r\n                    <li><a href=\"\/appointment\">Booking<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div>\r\n                <h4>Our Services<\/h4>\r\n                <ul class=\"footer-links\">\r\n                    <li><a href=\"#\">Diagnostic Center<\/a><\/li>\r\n                    <li><a href=\"#\">Angioplasty<\/a><\/li>\r\n                    <li><a href=\"#\">Cardiac ICU<\/a><\/li>\r\n                    <li><a href=\"#\">Surgical Unit<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div>\r\n                <h4>Contact Info<\/h4>\r\n                <ul class=\"footer-contact\">\r\n                    <li><i class=\"fas fa-map-marker-alt\"><\/i> 22-A, Canal Road, Peoples Colony, Faisalabad<\/li>\r\n                    <li><i class=\"fas fa-phone-alt\"><\/i> +92 41 111 432 111<\/li>\r\n                    <li><i class=\"fas fa-envelope\"><\/i> info@heartline.site<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"container footer-bottom\">\r\n            &copy; 2026 Heartline Cardiac Hospital. All Rights Reserved. \r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Header Scroll Effect\r\n        window.addEventListener('scroll', () => {\r\n            const header = document.getElementById('header');\r\n            if (window.scrollY > 50) {\r\n                header.classList.add('sticky');\r\n            } else {\r\n                header.classList.remove('sticky');\r\n            }\r\n        });\r\n\r\n        \/\/ Reveal animations\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('reveal-active');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Heartline Cardiac Hospital | Home HEARTLINE Home About Services Doctors Appointment Book Now Complete Cardiac Care Excellence in Cardiac Health for Your Life Heartline Cardiac Hospital combines pioneer technology, world-class specialists, and compassionate care to lead Faisalabad in heart health excellence. Start Consultation Emergency 24\/7 4+ Top Specialists 24\/7 Diagnostics 15+ Years of Service 10k+ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heartline.site\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heartline.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heartline.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heartline.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heartline.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"https:\/\/heartline.site\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/heartline.site\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/heartline.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}