View file Mediweb/mediweb/index-nine.html

File size: 76.89Kb
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/fav.png">
    <title>Shared on THEMELOCK.COM - Medical & Health Care
        HTML Template</title>
    <meta name="description" content="Your trusted source for expert healthcare services and medical information. Providing personalized care, advanced treatments, and reliable health resources to help you achieve better health.">
    <link rel="stylesheet" href="assets/css/plugins/plugins.css">
    <link rel="stylesheet" href="assets/css/plugins/magnifying-popup.css">
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
    <!-- header area start -->
    <!-- header area start -->
    <header class="header-one  header--sticky">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="header-wrapper-1">
                        <div class="logo-area-start">
                            <a href="index.html" class="logo">
                                <img src="assets/images/logo/logo.svg" alt="logo_area">
                            </a>
                            <div class="nav-area">
                                <ul class="">
                                    <li class="has-dropdown main-nav">
                                        <a href="#">Home</a>
                                        <ul class="submenu parent-nav">
                                            <li><a href="index.html">Hospital Home</a></li>
                                            <li><a href="index-two.html">Medical Consulting</a></li>
                                            <li><a href="index-three.html">Medical Center</a></li>
                                            <li><a href="index-four.html">Online Doctor</a></li>
                                            <li><a href="index-five.html">Dental Care</a></li>
                                            <li><a href="index-six.html">Health Care</a></li>
                                            <li><a href="index-seven.html">Gynecology</a></li>
                                            <li><a href="index-eight.html">Surgery</a></li>
                                            <li><a href="index-nine.html">Optics Consulting</a></li>
                                        </ul>
                                    </li>

                                    <li class="main-nav has-dropdown mega-menu">
                                        <a href="#">Pages</a>
                                        <div class="rts-mega-menu">
                                            <div class="wrapper">
                                                <div class="row g-0">
                                                    <div class="col-lg-3">
                                                        <ul class="mega-menu-item parent-nav">
                                                            <li><a href="about.html">About</a></li>
                                                            <li><a href="doctors-one.html">Our Doctors</a></li>
                                                            <li><a href="doctors-two.html">Our Doctors v2</a></li>
                                                            <li><a href="doctor-details.html">Doctors Details</a></li>
                                                        </ul>
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <ul class="mega-menu-item parent-nav">
                                                            <li><a href="shedule.html">Doctors Shedule</a></li>
                                                            <li><a href="appoinment.html">Appoinment</a></li>
                                                            <li><a href="procedures.html">Procedures</a></li>
                                                            <li><a href="health-package.html">Health Packages</a></li>

                                                        </ul>
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <ul class="mega-menu-item parent-nav">
                                                            <li><a href="international-patient.html">International Patient</a></li>
                                                            <li><a href="portfolio.html">Portfolio</a></li>
                                                            <li><a href="portfolio-details.html">Portfolio Details</a></li>
                                                            <li><a href="faq.html">FAQ's</a></li>

                                                        </ul>
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <ul class="mega-menu-item parent-nav">
                                                            <li><a href="doctors-one.html">Our Doctors</a></li>
                                                            <li><a href="pricing.html">Pricing Plan</a></li>
                                                            <li><a href="before-after.html">Before After</a></li>
                                                            <li><a href="contactus.html">Contact Us</a></li>

                                                        </ul>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="main-nav has-dropdown mega-menu">
                                        <a href="#">Service</a>
                                        <div class="rts-mega-menu with-add">
                                            <div class="wrapper">
                                                <div class="row g-0">
                                                    <div class="col-lg-9">
                                                        <div class="menu-add-top-area">
                                                            <h5 class="title">Our Treatments</h5>
                                                        </div>
                                                        <div class="row pl--30 pt--30">
                                                            <div class="col-lg-3">
                                                                <ul class="mega-menu-item">
                                                                    <li>
                                                                        <a href="optics-service-cataract.html">
                                                                            <img src="assets/images/service/29.svg" alt="service">Cataract </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="cornial-transplant.html">
                                                                            <img src="assets/images/service/30.svg" alt="service">Corneal
                                                                            Transplant</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="vision-theraphy.html">
                                                                            <img src="assets/images/service/31.svg" alt="service">Vision Therapy</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="dry-eye-treatment.html">
                                                                            <img src="assets/images/service/32.svg" alt="service">Dry Eye
                                                                            Treatment</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <ul class="mega-menu-item">
                                                                    <li>
                                                                        <a href="pediatric-care.html">
                                                                            <img src="assets/images/service/33.svg" alt="service">Pediatric Eye Care
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="laser-vision.html">
                                                                            <img src="assets/images/service/34.svg" alt="service">Laser Vision
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="medicine-theraphy.html">
                                                                            <img src="assets/images/service/23.svg" alt="service">Medicine
                                                                            Therapy</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="glass-treatment.html">
                                                                            <img src="assets/images/service/26.svg" alt="service">Glass
                                                                            Treatment</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <!-- <div class="thumbnail">
                                        <img src="assets/images/service/15.webp" alt="">
                                    </div> -->
                                                                <hr class="mid-hr">
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <ul class="mega-menu-item">
                                                                    <li>
                                                                        <a href="services-optics.html">
                                                                            <img src="assets/images/service/10.svg" alt="service">Service</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="service-details-optics.html">
                                                                            <img src="assets/images/service/10.svg" alt="service">Service
                                                                            Details</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="service-details-2.html">
                                                                            <img src="assets/images/service/10.svg" alt="service">Service
                                                                            Details v2</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="service-details-3.html">
                                                                            <img src="assets/images/service/10.svg" alt="service">Service
                                                                            Details v3</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <div class="menu-right-add">
                                                            <img src="assets/images/menu/04.webp" alt="">
                                                            <div class="absolute-image">
                                                                <img src="assets/images/menu/02.webp" alt="">
                                                                <div class="inner-content">
                                                                    <h3 class="title">
                                                                        Trust Your Heart to <br> The Experts
                                                                    </h3>
                                                                    <a href="appoinment.html" class="rts-btn btn-primary">Appointment</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="main-nav has-dropdown">
                                        <a href="doctors-one.html">Our Doctors</a>
                                        <ul class="submenu parent-nav">
                                            <li><a href="doctors-one.html">Our Doctors</a></li>
                                            <li><a href="doctors-two.html">Our Doctors v2</a></li>
                                            <li><a href="doctor-details.html">Doctors Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="main-nav has-dropdown">
                                        <a href="#">Blog</a>
                                        <ul class="submenu parent-nav">
                                            <li><a href="blog.html">Blog Grid</a></li>
                                            <li><a href="blog-list.html">Blog List</a></li>
                                            <li><a href="blog-details.html">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="main-nav"><a href="contactus.html">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="header-right">
                            <!-- <div class="cart-button">
                                <i class="fa-light fa-cart-shopping"></i>
                            </div> -->
                            <a href="appoinment.html" class="rts-btn btn-primary">Appointment <img src="assets/images/banner/icons/arrow--up-right.svg" alt=""></a>
                            <div class="menu-btn" id="menu-btn">
                                <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <rect y="14" width="20" height="2" fill="#1F1F25"></rect>
                                    <rect y="7" width="20" height="2" fill="#1F1F25"></rect>
                                    <rect width="20" height="2" fill="#1F1F25"></rect>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </header>
    <!-- header area end -->
    <!-- header area end -->
    <!-- banner area start -->
    <div class="rts-banner-area-two nine">
        <div class="swiper mySwiper-banner-2">
            <div class="swiper-wrapper">
                <!-- single swiper -->
                <div class="swiper-slide">
                    <div class="banner-wrapper-bg bg_image ptb--180 ptb_sm--100">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="banner-content-area style-two pl--0">
                                        <div class="pre-title float-right-1">
                                            <img class="mr--5" src="assets/images/banner/icons/03.png" alt="icons">
                                            <span>Comprehensive Eye Care</span>
                                        </div>
                                        <h1 class="title float-right">Advanced Eye <br> Care Brighter <br> Future</h1>
                                        <p class="disc float-bottom">
                                            Discover quality eye care that puts your needs first. With a focus on
                                            precision and patient-centered service,Mediweb is here to help you see the
                                            world more clearly, ensuring a lifetime of healthy vision.
                                        </p>
                                        <a href="appoinment.html" class="rts-btn btn-primary float-bottom-2">Book
                                            Appointment</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- single swiper -->
                <!-- single swiper -->
                <div class="swiper-slide">
                    <div class="banner-wrapper-bg bg-2-banner-2 bg_image ptb--180 ptb_sm--100">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="banner-content-area style-two pl--0">
                                        <div class="pre-title float-right-1">
                                            <img class="mr--5" src="assets/images/banner/icons/03.png" alt="icons">
                                            <span>Advanced Diagnostic Technology</span>
                                        </div>
                                        <h1 class="title float-right">Advanced Eye <br> Care Brighter <br> Future</h1>
                                        <p class="disc float-bottom">
                                            Discover quality eye care that puts your needs first. With a focus on
                                            precision and patient-centered service,Mediweb is here to help you see the
                                            world more clearly, ensuring a lifetime of healthy vision.
                                        </p>
                                        <a href="appoinment.html" class="rts-btn btn-primary float-bottom-2">Book
                                            Appointment</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- single swiper -->
                <!-- single swiper -->
                <div class="swiper-slide">
                    <div class="banner-wrapper-bg bg-2-banner-3 bg_image ptb--180 ptb_sm--100">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="banner-content-area style-two pl--0">
                                        <div class="pre-title float-right-1">
                                            <img class="mr--5" src="assets/images/banner/icons/03.png" alt="icons">
                                            <span>Advanced Diagnostic Technology</span>
                                        </div>
                                        <h1 class="title float-right">Advanced Eye <br> Care Brighter <br> Future</h1>
                                        <p class="disc float-bottom">
                                            Discover quality eye care that puts your needs first. With a focus on
                                            precision and patient-centered service,Mediweb is here to help you see the
                                            world more clearly, ensuring a lifetime of healthy vision.
                                        </p>
                                        <a href="appoinment.html" class="rts-btn btn-primary float-bottom-2">Book
                                            Appointment</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- single swiper -->
            </div>
            <div class="swiper-button-next"><i class="fa-regular fa-chevron-right"></i></div>
            <div class="swiper-button-prev"><i class="fa-regular fa-chevron-left"></i></div>
        </div>
    </div>
    <!-- banner area end -->

    <!-- rts about area start -->
    <div class="rts-about-area rts-section-gap">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="rts-about-left-nine wow move-right">
                        <img src="assets/images/about/01.webp" alt="about">
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="about-inner-conetent-right-nine">
                        <div class="title-area-main-wrapper-left-nine">
                            <span class="pre-title wow fadeInUp">
                                <img src="assets/images/banner/icons/03.png" alt="">
                                Since 2004
                            </span>
                            <h2 class="title wow fadeInUp" data-wow-delay=".2s">Trusted Eye Care with Compassion &
                                Precision</h2>
                        </div>
                        <p class="disc wow fadeInUp" data-wow-delay=".4s">
                            we are dedicated to providing world-class eye care to patients of all ages. Our mission is
                            to enhance and protect your vision through advanced treatments, compassionate service, and a
                            commitment to excellence in eye health.
                        </p>
                        <div class="rating-area wow fadeInUp" data-wow-delay=".6s">
                            <img class="main" src="assets/images/about/02.webp" alt="">
                            <div class="rating-area">
                                <img src="assets/images/about/rating.webp" alt="">
                                <p>TrustScore 4.8 2k reviews</p>
                            </div>
                        </div>
                        <div class="button-bottom-about wow fadeInUp" data-wow-delay=".8s">
                            <a href="#" class="rts-btn btn-primary">About Us
                                <img src="assets/images/banner/icons/arrow--up-right.svg" alt="">
                            </a>
                            <div class="user-wrapper">
                                <img src="assets/images/about/user.webp" alt="user">
                                <div class="infor">
                                    <h4 class="title">50K+</h4>
                                    <span>Trusted patient</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- rts about area end -->

    <!-- srvice area start -->
    <div class="service-area position-relative rts-section-gap bg-light-1 card-transparent-service">
        <div class="container">
            <div class="row g-5">
                <div class="col-lg-6 col-md-6">
                    <div class="title-wrapper-left">
                        <span class="pre wow fadeInUp" data-wow-delay=".2s" data-wow-duration=".8s">Our Services</span>
                        <h2 class="title wow fadeInUp" data-wow-delay=".4s" data-wow-duration=".8s">
                            we provide a wide <br> range of medical <br> services
                        </h2>
                        <p class="disc wow fadeInUp" data-wow-delay=".6s" data-wow-duration=".8s">
                            Our experienced and dedicated teams are committed to providing comprehensive
                            patient-centered care to meet your unique health needs.
                        </p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay=".2s" data-wow-duration=".8s">
                    <div class="single-service-area">
                        <div class="icon">
                            <img src="assets/images/service/29.svg" alt="service">
                        </div>
                        <h4 class="title">Cataract Surgery</h4>
                        <p class="disc">
                            Diagnosis and treatment of heart & cardiovascular conditions.
                        </p>
                        <a href="service-details.html" class="btn-transparent">Learn More <i
                                class="fa-solid fa-arrow-right-long"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay=".4s" data-wow-duration=".8s">
                    <div class="single-service-area">
                        <div class="icon">
                            <img src="assets/images/service/30.svg" alt="service">
                        </div>
                        <h4 class="title">Corneal Transplant</h4>
                        <p class="disc">
                            Treatment of nervous system disorders, the brain & spinal cord.
                        </p>
                        <a href="service-details.html" class="btn-transparent">Learn More <i
                                class="fa-solid fa-arrow-right-long"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay=".2s" data-wow-duration=".8s">
                    <div class="single-service-area">
                        <div class="icon">
                            <img src="assets/images/service/31.svg" alt="service">
                        </div>
                        <h4 class="title">Vision Therapy</h4>
                        <p class="disc">
                            Diagnosis and treatment of heart & cardiovascular conditions.
                        </p>
                        <a href="service-details.html" class="btn-transparent">Learn More <i
                                class="fa-solid fa-arrow-right-long"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay=".4s" data-wow-duration=".8s">
                    <div class="single-service-area">
                        <div class="icon">
                            <img src="assets/images/service/32.svg" alt="service">
                        </div>
                        <h4 class="title">Dry Eye Treatment</h4>
                        <p class="disc">
                            Diagnosis and treatment of heart & cardiovascular conditions.
                        </p>
                        <a href="service-details.html" class="btn-transparent">Learn More <i
                                class="fa-solid fa-arrow-right-long"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay=".6s" data-wow-duration=".8s">
                    <div class="single-service-area">
                        <div class="icon">
                            <img src="assets/images/service/33.svg" alt="service">
                        </div>
                        <h4 class="title">Pediatric Eye Care</h4>
                        <p class="disc">
                            Diagnosis and treatment of heart & cardiovascular conditions.
                        </p>
                        <a href="service-details.html" class="btn-transparent">Learn More <i
                                class="fa-solid fa-arrow-right-long"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-delay=".8s" data-wow-duration=".8s">
                    <div class="single-service-area">
                        <div class="icon">
                            <img src="assets/images/service/34.svg" alt="service">
                        </div>
                        <h4 class="title">Laser Vision</h4>
                        <p class="disc">
                            Diagnosis and treatment of heart & cardiovascular conditions.
                        </p>
                        <a href="service-details.html" class="btn-transparent">Learn More <i
                                class="fa-solid fa-arrow-right-long"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="service-content-iamge">
            <img src="assets/images/service/13.png" alt="service">
        </div>
    </div>
    <!-- srvice area end -->

    <!-- why choose us section start -->
    <div class="why-choose-us-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="why-choose-area-wrapper  rts-section-gap ">
                        <div class="container">
                            <div class="row align-items-end">
                                <div class="col-xl-5 col-lg-6 mb_md--80 mb_sm--60">
                                    <div class="why-choose-us-area-wrapper-main">
                                        <div class="title-wrapper-left">
                                            <h2 class="title wow fadeInUp" data-wow-delay=".4s" data-wow-duration=".8s">
                                                Why Our Patients Recommend Us
                                            </h2>
                                            <p class="disc wow fadeInUp" data-wow-delay=".6s" data-wow-duration=".8s">
                                                we are dedicated to providing exceptional medical care.
                                            </p>
                                        </div>
                                        <div class="why-choose-us-main-wrapper">
                                            <div class="single-choose-us wow fadeInLeft" data-wow-delay=".2s" data-wow-duration=".8s">
                                                <div class="icon">
                                                    <img src="assets/images/service/icon/01.svg" alt="service">
                                                </div>
                                                <div class="info">
                                                    <h6 class="title">Patient-Centered Care</h6>
                                                    <p>Emphasize your commitment to patient well-being</p>
                                                </div>
                                            </div>
                                            <div class="single-choose-us wow fadeInLeft" data-wow-delay=".4s" data-wow-duration=".8s">
                                                <div class="icon">
                                                    <img src="assets/images/service/icon/02.svg" alt="service">
                                                </div>
                                                <div class="info">
                                                    <h6 class="title">Emergency Support</h6>
                                                    <p>Emphasize your commitment to patient well-being</p>
                                                </div>
                                            </div>
                                            <div class="single-choose-us wow fadeInLeft" data-wow-delay=".6s" data-wow-duration=".8s">
                                                <div class="icon">
                                                    <img src="assets/images/service/icon/03.svg" alt="service">
                                                </div>
                                                <div class="info">
                                                    <h6 class="title">Expertise and Experience</h6>
                                                    <p>Emphasize your commitment to patient well-being</p>
                                                </div>
                                            </div>
                                            <div class="single-choose-us wow fadeInLeft" data-wow-delay=".8s" data-wow-duration=".8s">
                                                <div class="icon">
                                                    <img src="assets/images/service/icon/04.svg" alt="service">
                                                </div>
                                                <div class="info">
                                                    <h6 class="title">24/7 hour Emergency Call</h6>
                                                    <p>Emphasize your commitment to patient well-being</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 offset-xl-1">
                                    <div class="why-choose-us-iamge-right-9 wow move-left">
                                        <img src="assets/images/about/03.webp" alt="about">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- why choose us section end -->

    <!-- rts large iamge area start -->
    <div class="rts-large-image-area-9 rts-large-iamge bg_image">
        <div class="rating-area-card">
            <div class="inner">
                <h3 class="title"> <span class="counter">27</span>+</h3>
                <img src="assets/images/video/02.webp" alt="video">
            </div>
        </div>
    </div>
    <!-- rts large iamge area end -->


    <div class="team-style-wrapper rts-section-gap">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="title-between-area">
                        <div class="title-area-main-wrapper-left-nine">
                            <span class="pre-title wow fadeInUp">
                                <img src="assets/images/banner/icons/03.png" alt="doctors">
                                Our Doctors
                            </span>
                            <h2 class="title wow fadeInUp" data-wow-delay=".2s">Discover Expert <br> Team Member</h2>
                        </div>
                        <p class="disc">
                            our team of dedicated and highly skilled doctors is at the heart of our commitment to
                            providing exceptional medical care. Each member of our team brings a wealth of knowledge,
                            experience.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row g-5 mt--30">
                <div class="swiper swiper-container-h1-team position-relative  pb--80">
                    <div class="swiper-wrapper">

                        <div class="swiper-slide">
                            <div class="single-team-area-start team-radious-style with-border">
                                <a href="doctor-details.html" class="thumbnail">
                                    <img src="assets/images/team/01.jpg" alt="team">
                                </a>
                                <div class="bottom">

                                    <a href="doctor-details.html">
                                        <h6 class="title">Dr. Rachel Evans</h6>
                                    </a>
                                    <p>MBBS, MD - Oncologists</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-team-area-start team-radious-style with-border">
                                <a href="doctor-details.html" class="thumbnail">
                                    <img src="assets/images/team/02.jpg" alt="team">
                                </a>
                                <div class="bottom">
                                    <a href="doctor-details.html">
                                        <h6 class="title">Dr. Jessica Lee</h6>
                                    </a>
                                    <p>MBBS, MD - Oncologists</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-team-area-start team-radious-style with-border">
                                <a href="doctor-details.html" class="thumbnail">
                                    <img src="assets/images/team/03.jpg" alt="team">
                                </a>
                                <div class="bottom">
                                    <a href="doctor-details.html">
                                        <h6 class="title">Dr. Lisa Morgan</h6>
                                    </a>
                                    <p>MBBS, MD - Oncologists</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-team-area-start team-radious-style with-border">
                                <a href="doctor-details.html" class="thumbnail">
                                    <img src="assets/images/team/04.jpg" alt="team">
                                </a>
                                <div class="bottom">
                                    <a href="doctor-details.html">
                                        <h6 class="title">Dr. Emily Carter</h6>
                                    </a>
                                    <p>MBBS, MD - Oncologists</p>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- book your consulting -->
    <div class="book-your-consulting rts-section-gapBottom">
        <div class="container">
            <div class="row g-0">
                <div class="col-lg-6">
                    <div class="appoinment-area-main bg_image">
                        <h2 class="title">Book your Free Consulting</h2>
                        <form action="#">
                            <div class="half-input-wrapper">
                                <input type="text" placeholder="Patient name">
                                <input type="text" placeholder="Phone Number">
                            </div>
                            <div class="search-input">
                                <select class="">
                                    <option data-display="Select Department">Doctor Department</option>
                                    <option value="1">Medicine</option>
                                    <option value="2">Cardiology</option>
                                    <option value="3">Operation</option>
                                </select>
                                <div class="nice-select custom-select one" style="flex-basis: 50%;" tabindex="0">
                                    <span class="current">Select Department</span>
                                    <ul class="list">
                                        <li data-value="Morning 10 AM" data-display="Morning 10 AM" class="option selected focus">Medicine</li>
                                        <li data-value="1" class="option">Sergary</li>
                                        <li data-value="2" class="option">Casualty</li>
                                        <li data-value="3" class="option">Cardiology </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="search-input">
                                <select class="">
                                    <option data-display="Select Time">Doctor Department</option>
                                    <option value="1">Medicine</option>
                                    <option value="2">Cardiology</option>
                                    <option value="3">Operation</option>
                                </select>
                                <div class="nice-select custom-select one" style="flex-basis: 50%;" tabindex="0">
                                    <span class="current">Select Doctor</span>
                                    <ul class="list">
                                        <li data-value="Morning 10 AM" data-display="Morning 10 AM" class="option selected focus">Mr. Kadir</li>
                                        <li data-value="1" class="option">David John Lee</li>
                                        <li data-value="2" class="option">Mark John</li>
                                        <li data-value="3" class="option">Kapoor Sharma</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="input-half-wrapper datepicker-wrapper">
                                <input type="text" id="datepicker" placeholder="mm/dd/yyyy">
                                <div class="search-input">
                                    <select class="">
                                        <option data-display="Select Time">Doctor Department</option>
                                        <option value="1">Medicine</option>
                                        <option value="2">Cardiology</option>
                                        <option value="3">Operation</option>
                                    </select>
                                    <div class="nice-select custom-select one" style="flex-basis: 50%;" tabindex="0">
                                        <span class="current">Select Doctor Time</span>
                                        <ul class="list">
                                            <li data-value="Morning 10 AM" data-display="Morning 10 AM" class="option selected focus">Morning 10 AM</li>
                                            <li data-value="1" class="option">Morning 11 AM</li>
                                            <li data-value="2" class="option">Morning 12 AM</li>
                                            <li data-value="3" class="option">Evening 5 PM</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <a href="#" class="rts-btn btn-primary">Appoinment <img src="assets/images/banner/icons/arrow--up-right.svg" alt=""></a>
                        </form>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="thumbnail-appoinment wow move-right">
                        <img src="assets/images/appoinment/01.webp" alt="appoinment">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- book your consulting end -->

    <!-- rts testimonials area start -->
    <div class="rts-testimonials-area rts-section-gapBottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">

                    <div class="title-between-area">
                        <div class="title-wrapper-left">
                            <span class="pre">Client Feedback</span>
                            <h2 class="title">Words from Our <br> Patients</h2>
                        </div>
                        <div class="swiper-button-next"><i class="fa-regular fa-chevron-right"></i></div>
                        <div class="swiper-button-prev"><i class="fa-regular fa-chevron-left"></i></div>
                    </div>
                </div>
            </div>
            <div class="row mt--10 g-5">

                <div class="col-lg-12">
                    <div class="swiper swiper-container-h1">
                        <div class="swiper-wrapper">

                            <div class="swiper-slide">
                                <div class="single-testimonials-style two">
                                    <div class="quote-tag-wrapper">
                                        <div class="tag-top">
                                            <span>Orthodontics</span>
                                        </div>
                                        <div class="quots">
                                            <img src="assets/images/testimonials/quotes-1.png" alt="testimonails">
                                        </div>
                                    </div>
                                    <p class="disc">
                                        I had an amazing experience at Mediweb. The staff is incredibly friendly &
                                        professional. They made me feel comfortable from the moment I walked in. Dr.
                                        Denial provided exceptional care and thoroughly explained.
                                    </p>
                                    <div class="author-wrapper d-flex justify-content-between align-items-center">
                                        <div class="author-area">
                                            <a href="#" class="img">
                                                <img src="assets/images/testimonials/01.png" alt="testiminials">
                                            </a>
                                            <div class="info">
                                                <h6 class="name">David Patel</h6>
                                                <div class="stars-area">
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <img class="brand" src="assets/images/testimonials/brand/01.png" alt="brand">
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-testimonials-style two">
                                    <div class="quote-tag-wrapper">
                                        <div class="tag-top">
                                            <span>Periodontics</span>
                                        </div>
                                        <div class="quots">
                                            <img src="assets/images/testimonials/quotes-1.png" alt="testimonails">
                                        </div>
                                    </div>

                                    <p class="disc">
                                        Malan experience at Mediweb. The staff is incredibly friendly &
                                        professional. They made me feel comfortable from the moment I walked in. Dr.
                                        Denial provided exceptional care and thoroughly explained my treatment options.
                                    </p>
                                    <div class="author-wrapper d-flex justify-content-between align-items-center">
                                        <div class="author-area">
                                            <a href="#" class="img">
                                                <img src="assets/images/testimonials/03.png" alt="testiminials">
                                            </a>
                                            <div class="info">
                                                <h6 class="name">David Patel</h6>
                                                <div class="stars-area">
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <img class="brand" src="assets/images/testimonials/brand/02.png" alt="brand">
                                    </div>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-testimonials-style two">
                                    <div class="quote-tag-wrapper">
                                        <div class="tag-top">
                                            <span>Dentistry</span>
                                        </div>
                                        <div class="quots">
                                            <img src="assets/images/testimonials/quotes-1.png" alt="testimonails">
                                        </div>
                                    </div>
                                    <p class="disc">
                                        I had an amazing experience at Mediweb. The staff is incredibly friendly &
                                        professional. They made me feel comfortable from the moment I walked in. Dr.
                                        Denial provided exceptional care and thor options.
                                    </p>
                                    <div class="author-wrapper d-flex justify-content-between align-items-center">
                                        <div class="author-area">
                                            <a href="#" class="img">
                                                <img src="assets/images/testimonials/04.png" alt="testiminials">
                                            </a>
                                            <div class="info">
                                                <h6 class="name">Koria Morgan</h6>
                                                <div class="stars-area">
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <img class="brand" src="assets/images/testimonials/brand/03.png" alt="brand">
                                    </div>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-testimonials-style two">
                                    <div class="quote-tag-wrapper">
                                        <div class="tag-top">
                                            <span>Orthodontics</span>
                                        </div>
                                        <div class="quots">
                                            <img src="assets/images/testimonials/quotes-1.png" alt="testimonails">
                                        </div>
                                    </div>
                                    <p class="disc">
                                        I had an amazing experience at Mediweb. The staff is incredibly friendly &
                                        professional. They made me feel the moment I walked in. Dr.
                                        Denial provided exceptional care and thoroughly explained my treatment options.
                                    </p>
                                    <div class="author-wrapper d-flex justify-content-between align-items-center">
                                        <div class="author-area">
                                            <a href="#" class="img">
                                                <img src="assets/images/testimonials/03.png" alt="testiminials">
                                            </a>
                                            <div class="info">
                                                <h6 class="name">Michael White</h6>
                                                <div class="stars-area">
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                    <i class="fa-sharp fa-solid fa-star"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <img class="brand" src="assets/images/testimonials/brand/01.png" alt="brand">
                                    </div>

                                </div>
                            </div>

                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- rts testimonials area end -->

    <!-- rts faq area start -->
    <div class="rts-faq-area rts-section-gapBottom">
        <div class="container">
            <div class="row">
                <div class="col-gl-12">
                    <div class="container-wrapper-faq">
                        <div class="title-six-center">
                            <h2 class="title">
                                frequently asked questions
                            </h2>
                        </div>
                        <div class="accordion mt--60" id="accordionExample">
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        What is the purpose of this website?
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        This website provides information about health and medical topics, including
                                        symptoms, treatment options, and medication usage.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        How can I find a doctor?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        This website provides information about health and medical topics, including
                                        symptoms, treatment options, and medication usage.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                        How is my information protected?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        This website provides information about health and medical topics, including
                                        symptoms, treatment options, and medication usage.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                        What do I need to log in to the website?
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        This website provides information about health and medical topics, including
                                        symptoms, treatment options, and medication usage.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                        What should I do in a medical emergency?
                                    </button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        This website provides information about health and medical topics, including
                                        symptoms, treatment options, and medication usage.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- rts faq area end -->
    <!-- rts brand area start -->
    <div class="rts-brand-area rts-section-gapBottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="brand-wrapper-main">
                        <div class="single-brand wow zoomIn" data-wow-delay=".2s" data-wow-duration=".8s">
                            <img src="assets/images/brand/01.webp" alt="webp">
                        </div>
                        <div class="single-brand wow zoomIn" data-wow-delay=".2s" data-wow-duration=".8s">
                            <img src="assets/images/brand/02.webp" alt="webp">
                        </div>
                        <div class="single-brand wow zoomIn" data-wow-delay=".2s" data-wow-duration=".8s">
                            <img src="assets/images/brand/03.webp" alt="webp">
                        </div>
                        <div class="single-brand wow zoomIn" data-wow-delay=".2s" data-wow-duration=".8s">
                            <img src="assets/images/brand/04.webp" alt="webp">
                        </div>
                        <div class="single-brand wow zoomIn" data-wow-delay=".2s" data-wow-duration=".8s">
                            <img src="assets/images/brand/05.webp" alt="webp">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- rts brand area end -->

    <!-- find application start -->
    <div class="rts-find-application-area-7 rts-section-gapBottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="rts-find-application-area-inner  rts-section-gap">
                        <h2 class="title">
                            Download <br>
                            MediWeb Apps <br>
                            For Free.
                        </h2>
                        <p class="disc">
                            Stay connected with your healthcare providers and manage your medical care conveniently with
                            the MediWeb mobile app
                        </p>
                        <div class="find-app-wrapper">
                            <img src="assets/images/appoinment/03.png" alt="appoinment">
                            <img src="assets/images/appoinment/04.png" alt="appoinment">
                        </div>
                        <div class="large-iamge move-up wow">
                            <img src="assets/images/appoinment/06.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- find application end -->




    <!-- rts footer area start -->
    <div class="rts-footer-area footer-three footer-two  pt--105 pt_sm--60">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- subscribe area start -->
                    <div class="subscribe-area-start pb--30">
                        <a href="#" class="logo">
                            <img src="assets/images/logo/logo-3.svg" alt="logo">
                        </a>
                        <!-- subscribe area start -->
                        <div class="subscribe-area">
                            <input type="text" placeholder="Enter your mail">
                            <button class="rts-btn btn-primary">Subscribe</button>
                        </div>
                        <!-- subscribe area end -->
                    </div>
                    <!-- subscribe area end -->
                </div>
                <div class="col-lg-12">
                    <div class="footer-wrapper-style-between">
                        <div class="single-wized">
                            <h6 class="title">Contact</h6>
                            <div class="body">
                                <p class="location">
                                    Canada, 245 14h Street
                                    Office 42 Calgary, de 52473
                                </p>
                                <a href="#">info@email.com</a>
                                <a href="#">+1 554 558 748</a>
                            </div>
                        </div>
                        <div class="single-wized">
                            <h6 class="title">Company </h6>
                            <div class="body">
                                <ul class="nav-bottom">
                                    <li><a href="about.html">Company</a></li>
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="appoinment.html">Appointment </a></li>
                                    <li><a href="contactus.html">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="single-wized">
                            <h6 class="title">Our Services</h6>
                            <div class="body">
                                <ul class="nav-bottom">
                                    <li><a href="service-details.html">Orthopaedic</a></li>
                                    <li><a href="service-details.html">Neurology</a></li>
                                    <li><a href="service-details.html">Psychiatry </a></li>
                                    <li><a href="service-details.html">Cardiology</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="single-wized">
                            <h6 class="title">Working Time</h6>
                            <div class="body">
                                <p class="location">
                                    Mon - Fri: 9.00am - 5.00pm
                                </p>
                                <p class="location">
                                    Saturday: 10.00am - 6.00pm
                                </p>
                                <p class="location">
                                    Sunday Closed
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright-area two">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="copyright-area-inner">
                        <p>© 2025 Mediweb. All Rights Reserved by <a target="_blank" href="https://themeforest.net/user/themewant">ThemeWant</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- rts footer area end -->
    <!-- header area end -->

    <!-- header style two -->
    <div id="side-bar" class="side-bar header-two">
        <button class="close-icon-menu"><i class="far fa-times"></i></button>
        <!-- mobile menu area start -->
        <div class="mobile-menu-main">
            <nav class="nav-main mainmenu-nav mt--30">
                <ul class="mainmenu metismenu" id="mobile-menu-active">
                    <li class="has-droupdown">
                        <a href="#" class="main">Home</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="index.html">Main Home</a></li>
                            <li><a class="mobile-menu-link" href="index-two.html">Home Two</a></li>
                            <li><a class="mobile-menu-link" href="index-three.html">Home Three</a></li>
                            <li><a class="mobile-menu-link" href="index-four.html">Home Four</a></li>
                            <li><a class="mobile-menu-link" href="index-five.html">Home Five</a></li>
                            <li><a class="mobile-menu-link" href="index-six.html">Home Six</a></li>
                            <li><a class="mobile-menu-link" href="index-seven.html">Home Seven</a></li>
                            <li><a class="mobile-menu-link" href="index-eight.html">Home Eight</a></li>
                            <li><a class="mobile-menu-link" href="index-nine.html">Home Nine</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Pages</a>
                        <ul class="submenu mm-collapse">
                            <li class="main-nav"><a href="about.html">About</a></li>
                            <li><a class="mobile-menu-link" href="doctors-one.html">Our Doctors</a></li>
                            <li><a class="mobile-menu-link" href="doctors-two.html">Our Doctors v2</a></li>
                            <li><a class="mobile-menu-link" href="doctor-details.html">Doctors Details</a></li>
                            <li><a class="mobile-menu-link" href="appoinment.html">Appoinment</a></li>
                            <li><a class="mobile-menu-link" href="procedures.html">Procedures</a></li>
                            <li><a class="mobile-menu-link" href="portfolio.html">Portfolio</a></li>
                            <li><a class="mobile-menu-link" href="portfolio-details.html">Portfolio Details</a></li>
                            <li><a class="mobile-menu-link" href="faq.html">FAQ's</a></li>
                            <li><a class="mobile-menu-link" href="shedule.html">Docot Shedule</a></li>
                            <li><a class="mobile-menu-link" href="pricing.html">Pricing Plane</a></li>
                            <li><a class="mobile-menu-link" href="before-after.html">Before After</a></li>
                            <li><a class="mobile-menu-link" href="contactus.html">Contact Us</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Service</a>
                        <ul class="submenu mm-collapse">
                            <li><a href="service.html">Service</a></li>
                            <li><a href="service-details.html">Service Details</a></li>
                            <li><a href="service-details-2.html">Service Details v2</a></li>
                            <li><a href="service-details-3.html">Service Details v3</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Blog</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="blog.html">Blog Post</a></li>
                            <li><a class="mobile-menu-link" href="blog-list.html">Blog Post</a></li>
                            <li><a class="mobile-menu-link" href="blog-details.html">Blog Details</a></li>
                        </ul>
                    </li>
                    <li><a href="contactus.html" class="main">Contact</a></li>
                </ul>
            </nav>

            <div class="rts-social-style-one pl--20 mt--50">
                <ul>
                    <li>
                        <a href="#">
                            <i class="fa-brands fa-facebook-f"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-brands fa-twitter"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-brands fa-youtube"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-brands fa-linkedin-in"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- mobile menu area end -->
    </div>
    <!-- header style two End -->
    <div class="loader-wrapper">
        <div class="loader">
        </div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div>
    <div id="anywhere-home">
    </div>
    <!-- progress area start -->
    <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
            </path>
        </svg>
    </div>
    <!-- progress area end -->

    <script src="assets/js/plugins/jquery.js"></script>
    <script src="assets/js/plugins/jquery-ui.js"></script>
    <script src="assets/js/vendor/waw.js"></script>
    <script src="assets/js/plugins/swiper.js"></script>
    <script src="assets/js/plugins/metismenu.js"></script>
    <script src="assets/js/plugins/jarallax.js"></script>
    <script src="assets/js/plugins/smooth-scroll.js"></script>
    <script src="assets/js/plugins/magnifying-popup.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <!-- main js here -->
    <script src="assets/js/main.js"></script>
</body>

</html>