<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Shema Medical Clinic</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
    <link href="asset/img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Red+Rose:wght@600;700&display=swap"
        rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">

    <!-- Libraries Stylesheet -->
    <link href="asset/lib/animate/animate.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="asset/css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="asset/css/style.css" rel="stylesheet">
</head>


<body>
    <!-- Spinner Start -->
    <div id="spinner"
        class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"></div>
    </div>
    <!-- Spinner End -->


    <!-- Topbar Start -->
    <div class="container-fluid py-2 d-none d-lg-flex">
        <div class="container">
            <div class="d-flex justify-content-between">
                <div style="color: black;">
                    <small class="me-3"><i class="fa fa-map-marker-alt me-2"></i>KG 1123 St, Gasabo, Jabana, Nyacyonga</small>
                    <small class="me-3"><i class="fa fa-clock me-2" style="text-color: black;"></i>24/7</small>
                </div>
                <nav class="breadcrumb mb-0">
                    
                        <a class="btn btn-lg-square btn-primary me-2" href="https://wa.me/250788887915?text=Hello!%20I%20would%20like%20to%20contact%20you."><i class="fab fa-whatsapp"></i></a>

                </a>
                </nav>
            </div>
        </div>
    </div>
    <!-- Topbar End -->


    <!-- Brand Start -->
    <div class="container-fluid bg-primary text-white pt-4 pb-5 d-none d-lg-flex">
        <div class="container pb-2">
            <div class="d-flex align-items-center justify-content-between">
                <div class="d-flex"> 
                    <div class="ms-3">
                       <img src="app-assets/images/logo.jpeg" alt="THARHON Clinic Logo" class="me-3" style="height: 90px; width: auto; border-radius: 10px 10px 10px 10px;">
                    </div>
                </div>
                <a href="home.php" class="h1 text-white mb-0">THARHON<span class="text-dark"> Medical Clinic</span></a>
                <div class="d-flex">
                    <i class="bi bi-telephone-inbound fs-2"></i> 
                    <div class="ms-3">
    <h5 class="text-white mb-0">Call Now</h5>
    <a href="tel:+250791811263" class="text-white d-block mb-1 text-decoration-none">+250-791-811-263</a>
    <a href="tel:+250737484904" class="text-white d-block text-decoration-none">+250-737-484-904</a>
</div>
                </div>
            </div>
        </div>
    </div>
    <!-- Brand End -->