<?php include 'header.php';?>

<style>
ul {
    margin-left: 0px;
    list-style: none;
}
.cicrimg {
    margin-bottom: -28%;
    width: 54%;
    margin-top: 6%;
}
.buildh3 {
    font-size: 24px;
    width: 24%;
}
.buildimg {
    height: 450px;
}
.search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1);
    align-items: center;
        width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
}
.search .fa-search {
    position: absolute;
    top: 18px;
    left: 15px;
}
.search input {
    height: 50px;
    text-indent: 25px;
    border: 2px solid #d6d4d4;
    vertical-align: middle;
    outline: 0;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}
.search button {
    position: absolute;
    top: 7px;
    right: 5px;
    width: 110px;
    background: #193778;
    border: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #193778;
    --bs-btn-border-color: #193778;
}
.search button:hover {
   
    background: #193778!important;
   
}
.drnamebtm {
     margin-bottom: 0px; 
    /*height: 125px;*/
}


.commonbanner {
    background: url(./images/banner/doctors.webp);
    margin-left: auto;
    margin-right: auto;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.breadcrumb {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    font-weight: 400;
}
.brdcrumbwht.active {
    color: #000;
    z-index: 9;
}
.page-title-heading p {
    text-align: left;
    width: 56%;
    /*color: #193778;*/
}
.center {
    text-align: justify;
    font-size: 38px;
}
.ttm-page-title-row-inner {
    padding: 73px 0px 61px;
}

</style>



        <div class="ttm-page-title-row commonbanner">
            <div class="ttm-page-title-row-inner ttm-bgcolor-darkgrey">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                 <h3 class="center" style="z-index: 999;position: relative;color:#193778;"><span style="color:#193778;"> Doctors</span></h3>
                                 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500.</p>
                            </div>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item bditm"><a href="#"> <i class="fas fa-home" style="color: #000;"></i> </a></li>
                                <li class="breadcrumb-item brdcrumbwht active"> <i class="fas fa-chevron-right"></i> Doctors</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>                    
        </div>


<section class="pt-100 speakers-section-three">
    <div class="container">
        <div class="search"> <i class="fa fa-search"></i>
            <input type="text" class="form-control ui-autocomplete-input" name="name" placeholder="Find a Doctor or Specialist" id="doctors" autocomplete="off">
            <button type="submit" class="btn btn-primary">Search</button>
        </div>
        
        <div id="div_top_hypers">
                            <ul id="ul_top_hypers">
                                <li class="show_brand active" id="all"><a href="#">All</a></li>
                                <!--<li class="show_brand" id="0-9"><a href="#" class="btn">0-9</a></li>-->
                                <li class="show_brand" id="A"><a href="#" class="btn">A</a></li>
                                <li class="show_brand" id="B"><a href="#" class="btn">B</a></li>
                                <li class="show_brand" id="C"><a href="#" class="btn">C</a></li>
                                <li class="show_brand" id="D"><a href="#" class="btn">D</a></li>
                                <li class="show_brand" id="E"><a href="#" class="btn">E</a></li>
                                <li class="show_brand" id="F"><a href="#" class="btn">F</a></li>
                                <li class="show_brand" id="G"><a href="#" class="btn">G</a></li>
                                <li class="show_brand" id="H"><a href="#" class="btn">H</a></li>
                                <li class="show_brand" id="I"><a href="#" class="btn">I</a></li>
                                <li class="show_brand" id="J"><a href="#" class="btn">J</a></li>
                                <li class="show_brand" id="K"><a href="#" class="btn">K</a></li>
                                <li class="show_brand" id="L"><a href="#" class="btn">L</a></li>
                                <li class="show_brand" id="M"><a href="#" class="btn">M</a></li>
                                <li class="show_brand" id="N"><a href="#" class="btn">N</a></li>
                                <li class="show_brand" id="O"><a href="#" class="btn">O</a></li>
                                <li class="show_brand" id="P"><a href="#" class="btn">P</a></li>
                                <li class="show_brand" id="Q"><a href="#" class="btn">Q</a></li>
                                <li class="show_brand" id="R"><a href="#" class="btn">R</a></li>
                                <li class="show_brand" id="S"><a href="#" class="btn">S</a></li>
                                <li class="show_brand" id="T"><a href="#" class="btn">T</a></li>
                                <li class="show_brand" id="U"><a href="#" class="btn">U</a></li>
                                <li class="show_brand" id="V"><a href="#" class="btn">V</a></li>
                                <li class="show_brand" id="W"><a href="#" class="btn">W</a></li>
                                <li class="show_brand" id="X"><a href="#" class="btn">X</a></li>
                                <li class="show_brand" id="Y"><a href="#" class="btn">Y</a></li>
                                <li class="show_brand" id="Z"><a href="#" class="btn">Z</a></li>
                            </ul>
                        </div>
                        
                        
                        <span class="hide_brand Doctors-card" id="show_brandA" style="">
        
                            <div class="speaker-block-three">
                                <a href="doctor-detail.php">
                <div class="inner-box">
                    <div class="">
                        <img src="images/dr_anand_rao.webp" class="img100">
                    </div>
                    <div class="drnamebtm">
                        <h4 class="name"><a href="#">Dr. Anand Rao</a></h4>
                        <p>Cardiology</p>
                        <a href="doctor-detail.php"><button class="banapp btn-60">View Profile</button></a>
                    </div>
                  
                </div>
                </a>
            </div>
            </span>
            <span class="hide_brand Doctors-card" id="show_brandB" style="">
                  <div class="speaker-block-three">
                <div class="inner-box">
                    <div class="">
                        <img src="images/dr_brian_pinto.webp" class="img100">
                    </div>
                    <div class="drnamebtm">
                        <h4 class="name"><a href="#">Dr. Brian Pinto</a></h4>
                        <p>Cardiology</p>
                        <a href="doctor-detail.php"><button class="banapp btn-60">View Profile</button></a>
                    </div>
                  
                </div>
            </div>
                    
      
      </span>
      
      <span class="hide_brand Doctors-card" id="show_brandB" style="">
                  <div class="speaker-block-three">
                <div class="inner-box">
                    <div class="">
                        <img src="images/dr_brian_pinto.webp" class="img100">
                    </div>
                    <div class="drnamebtm">
                        <h4 class="name"><a href="#">Dr. Brian Pinto</a></h4>
                        <p>Cardiology</p>
                        <a href="doctor-detail.php"><button class="banapp btn-60">View Profile</button></a>
                    </div>
                  
                </div>
            </div>
                    
      
      </span>
      
      
      <span class="hide_brand Doctors-card" id="show_brandK" style="">
        
                  <div class="speaker-block-three">
                <div class="inner-box">
                    <div class="">
                        <img src="images/dr_kunal_sinkar.webp" class="img100">
                    </div>
                    <div class="drnamebtm">
                        <h4 class="name"><a href="#">Dr. Kunal Praful Sinkar</a></h4>
                        <p>Cardiology</p>
                        <a href="doctor-detail.php"><button class="banapp btn-60">View Profile</button></a>
                    </div>
                  
                </div>
            </div>
            </span>
            
            <span class="hide_brand Doctors-card" id="show_brandP" style="">
                   <div class="speaker-block-three">
                <div class="inner-box">
                    <div class="">
                        <img src="images/Dr-Pradeep.webp" class="img100">
                    </div>
                    <div class="drnamebtm">
                        <h4 class="name"><a href="#">Dr. Pradeep K. Hasija</a></h4>
                        <p>Cardiology</p>
                        <a href="doctor-detail.php"><button class="banapp btn-60">View Profile</button></a>
                    </div>
                  
                </div>
            </div>
            
      
      </span>
        
     
        
        
       
    </div>
</section>



<?php include 'footer.php';?>
