<?php  
include 'header.php';  
if(!empty($_GET['id']))
{
    $select_services1 = single_services($_GET['id']);
    $row1 = mysqli_fetch_array($select_services1);
    $_SESSION['activeDental'] = $row1['name'];

} 

include 'navbar2.php'; 

if(!empty($_GET['id']))
{
    $select_services = single_services($_GET['id']);
    $row = mysqli_fetch_array($select_services); 
} 
?> 

<div class=sticky-container>
  <ul class=sticky> 

 <!--  <li>
    <img width="32" height="32" src="assets/social-bar/iconKalyani.png" /> 
    <p><a href="https://vehicleautofinance.com/kalyanidentalclinic/" target=_blank>Kalyani Dental</a></p>
  </li> -->
        
   <li>
    <img width="32" height="32" src="assets/social-bar/fb.png" /> 
    <p><a href="https://www.facebook.com/kalyanidetnal" target=_blank>Facebook</a></p>
  </li>

 <!--  <li>
    <img width="32" height="32" src="assets/social-bar/youtube.png" />
    <p><a href="#" target=_blank>Youtube</a></p>
  </li> -->

 <!--  <li>
    <img width="32" height="32" src="assets/social-bar/twitter.png" />
    <p><a href="#" target=_blank>Twitter</a></p>
  </li>
 -->
  <li>
    <img width="32" height="32" src="assets/social-bar/whatsapp.png" />
    <p><a href="https://wa.me/+919000477229" target=_blank>WhatsApp</a></p>
  </li> 
</ul>
</div>

<script>
    $('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
       
    }
})
</script>

<style type="text/css">
  .sticky1 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  .sticky1 + .content {
    padding-top: 102px;
  }


  *{
    margin: 0;
    padding: 0}

    .sticky-container{
      padding: 0px; 
      margin: 0px;
      position: fixed;
      right: -125px;
      top:120px;
      width: 200px;
      z-index: 100;
    }
    .sticky li{
      list-style-type: none;
      background-color: #1B9CC4;
      border-radius:10px;
      color: #efefef;
      height: 43px;
      padding: 0px;
      margin: 0px 0px 1px 0px;
      -webkit-transition:all 0.25s ease-in-out;
      -moz-transition:all 0.25s ease-in-out;
      -o-transition:all 0.25s ease-in-out;
      transition:all 0.25s ease-in-out;
      cursor: pointer;


    }

    .sticky li:hover{
      margin-left: -115px;

    }
    .sticky li img{
      float: left;
      margin: 5px 5px;
      margin-right: 10px;

    }
    .sticky li p{
      padding: 0px;
      margin: 0px;
      text-transform: uppercase;
      line-height: 43px;

    }
    .sticky-container p{
      color: #ecf0f1;
      line-height: 28px;
      font-size: 15px;
      padding-top: 50px;
    }
    .sticky-container p a{
      color: #ecf0f1;
      text-decoration:none;
    }
    #quote_right h6 {
      border-bottom: dashed 1px #ccc;
      background: #e2e2e2;
      padding: 4px 8px;
      margin: 0 0 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
    }
    h6 {
      font: 400 17px ArvoRegular,Arial,sans-serif;
      color: #4a494a;
      padding-bottom: 5px;
    } 
  </style>
 
 
<div class="page-banner-area">
  <div class="container">
    <div class="page-banner-content">
      <h2><?= strtoupper($row['name'])?></h2>
      <ul class="pages-list">
        <li> <a href="index.php">Home</a> </li>
        <li> <a href="#">Dental Services</a> </li>
        <li><?= strtoupper($row['name'])?></li>
      </ul>
    </div>
  </div>
</div>
<section class="services-details-area ptb-100">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-12">
        <div class="services-details-image">
          <img src="https://admin.kalyanidentalclinics.com/uploads/services/<?= $row['image']?>" width="90%;" alt="image">
        </div>
        <div class="services-details-content">
          <h3><?= strtoupper($row['name'])?></h3>
          <p style="text-align:justify ;"><?= $row['content']?></p>
        </div> 

      
    </div>
       <div class="col-lg-4 col-md-12">
        <aside class="widget-area">
          <div class="widget widget_instagram">
            <h3 class="widget-title">PDF</h3> 
             <div class="section-warp-btn box">
                <a href="assets/pdf/KALPANA.pdf" target="_blank" class="default-btn" style="float: left; color:white;">Treatment Stategy</a><br>
              </div>  
              <div class="section-warp-btn box">
                <a href="assets/pdf/KALYANIDENTAL.pdf" target="_blank" class="default-btn " style="float: left; color:white; margin-top: 5px;">Know Our Profile</a><br>
              </div> 
              <div class="section-warp-btn box">
                <a href="assets/pdf/ORTHOGNATHICbhaviya.pdf" target="_blank" class="default-btn" style="float: left; color:white; margin-top: 5px;">Case Presentation</a><br>
              </div> 
            </div>
        </aside>
      </div>
  </div>
</section> 
<div class="single_page"></div>
<?php include "footer.php"; ?>