*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}


.sticky{top: 0px; left: 0; right: 0; z-index: 999; background-color: #fff; position: fixed !important; animation: slideDown .5s ease-out;}
.sticky ul li a img{width: 22%;}


/* header */
/* header{padding: 10px 0; position: unset; top: 0; left: 0; right: 0; z-index: 99; background-color: #fff;}
header ul li{width: 50%;}
header ul li a img{width: 33%;}
header ul li .contact{display: inline-block; font-size: 18px; color: #fff; padding: 10px 30px; font-weight: 500; border-radius: 100px; animation: blinka 2s ease-in-out infinite;}

@keyframes blinka {
  0%{
      background: #008db3;
      background: linear-gradient(90deg, #005825 0%, #8be1f1 100%);
  }
  50%{
      background: #8be1f1;
      background: linear-gradient(90deg, #8be1f1 0%, #8be1f1 100%);
  }
  100%{
      background: #005825;
background: linear-gradient(90deg, #005825 0%, #8be1f1 100%);
  }
}
  */

/* header */
header {
    position: unset;
  
  }
  
  /* header .header-top {
    background-color: #000000;
    padding: 3px 0px;
  }
  
  header .header-top .top-info li,
  header .header-top .top-info li a {
    color: #fff;
    font-size: 14px;
  } 
  
  header .header-top .top-info li:last-child a {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    line-height: 35px;
    text-align: center;
    background-color: #008db3;
    color: #fff;
    border: 1px solid #008db3;
    transition: .5s;
  } 
     */
  
  header .headermn .navbar .navbar-brand {
    width: 18%;
  }
  
  header .headermn .navbar .navbar-brand img {
    width: 100%;
  }
  
  header .nav-link {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    transition: .5s;
    position: relative;
    padding: 0px 0px !important;
    text-transform: uppercase;
  }
  
  header .nav-link::after {
    content: '';
    background-color: #008db3;
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: .5s;
  }
  
  header .nav-link:hover::after {
    width: 100%;
  }
  
  header .nav-link:hover,
  header .nav-link:focus {
    color: #008db3;
  }
  
  header .navbar-nav {
    gap: 45px;
  }
  
  header .navbar-toggler {
    border: none;
    color: #008db3;
    font-size: 28px;
    border-radius: 0;
  }
  
  header .navbar-toggler:focus {
    box-shadow: none;
  }
  
  header .offcanvas-title img {
    width: 34%;
  }
  
  header .navbar-nav {
    position: relative;
    align-items: center;
  }
  
  .sticky {
    left: 0;
    right: 0;
    z-index: 999;
    position: fixed !important;
    top: 0px;
    animation: slideDown .5s ease-out;
    background-color: #fff;
    box-shadow: 0 0 10px #00000021;
  }
  
  .sticky .headermn .navbar .navbar-brand {
    width: 18%;
  }
  
  @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
  
    to {
      transform: translateY(10);
    }
  }
  
  header .navbar .whatsapp li a {
    display: inline-block;
    padding: 10px 20px;
    background-color: transparent;
    color: #008db3;
    border-radius: 3px;
    transition: .5s;
    border: 1px solid #008db3;
    position: relative;
    transition: .5s;
    z-index: 1;
  }
  
  header .navbar .whatsapp li a::before {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    width: 0px;
    height: 100%;
    transition: .5s;
    background: linear-gradient(90deg, #008db3 0%, #8be1f1 100%);
    z-index: -1;
  }
  
  header .navbar .whatsapp li a:hover:before {
    width: 100%;
  }
  
  header .navbar .whatsapp li a:hover {
    color: #ffffff;
  }
  
  header .navbar-nav .dropdown-menu{border: 0; box-shadow: #0000004b 0 0 10px; padding: 10px;}
  header .dropdown-item.active, header .dropdown-item:active, header .dropdown-item:hover{background-color: #74b6;}
  
  
  /* slider */
  
  #slider .owl-item {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 274px 0; */
  }
  
  #slider .owl-theme .owl-dots .owl-dot {
    display: none;
  }


/* slider */
/* #slider{overflow: hidden;}
#slider h2{font-size: 40px; color: #008db3; margin-bottom: 20px; font-weight: 700;
    background: linear-gradient(to right, #005825, #8be1f1); 
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
#slider p{font-size: 35px; font-weight: 300; color: #fff; margin-bottom: 20px;}
#slider p span{font-weight: 600;}
#slider ul li{font-size: 18px; color: #fff; font-weight: 500; margin-bottom: 10px;}
#slider ul li i{font-size: 20px;  
     background: linear-gradient(to right, #005825, #8be1f1); 
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;}
#slider a{display: inline-block; font-size: 25px; color: #fff; padding: 10px 30px; font-weight: 500; border-radius: 100px; margin-top: 30px;

    animation: blinka 2s ease-in-out infinite;
  }
  @keyframes blinka {
    0%{
        background: #005825;
        background: linear-gradient(90deg, #005825 0%, #8be1f1 100%);
    }
    50%{
        background: #8be1f1;
        background: linear-gradient(90deg, #8be1f1 0%, #005825 100%);
    }
    100%{
        background: #005825;
background: linear-gradient(90deg, #005825 0%,#8be1f1 100%);
    }
  } */




/* service */
#service{ position: relative; background: #008db3;
    background: linear-gradient(90deg, #008db3 0%, #8be1f1 100%);}
#service .service-bg{padding: 70px 0 90px; background-image: url(../images/service.png); background-repeat: no-repeat; background-size: cover; background-position: center;}    
#service h2{text-align: center; margin-bottom: 50px; font-size: 45px; font-weight: bold; color: #000000;}
#service .box{width: 800px; margin: auto; margin-top: 30px; }
#service .box ul{background-color: #fff; border-radius: 10px; overflow: hidden;}
#service .box ul li img{width: 100%;}
#service .box ul .first{width: 60%; padding: 30px;}
#service .box ul .last{width: 40%;}
#service .box ul .first h4{font-size: 28px; margin-bottom: 15px; color: #000;}
#service .box ul .first p{font-size: 16px; color: gray;} 
#service .book a{display: inline-block; font-size: 25px; color: #fff; padding: 10px 30px; font-weight: 500; border-radius: 100px; 
    background: #008db3;
background: linear-gradient(90deg, #008db3 0%, #8be1f1 100%); 
position: absolute; bottom: -27px; left: 37%; }


#service .inner-row{
    background-color: #fff;
    padding: 10px;
    margin: 20px auto;
    border-radius: 8px;
}
#service .inner-row h4{
  margin-top: 10px;
}
#service .inner-row p{
  font-size: 15px;
    color: #000000c4;
    font-weight: 500;
}
#service .service-img{
    width: 100%;
  
}
#service .service-img img{
    width: 100%;
}



/* choose */
#choose{padding: 80px 0; background-image: url(../images/counter-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #d3d3d3;}
#choose h2{font-size: 36px; color: #000; text-transform: uppercase; width: 325px; margin: auto; margin-bottom: 50px; text-align: center ; font-weight: bold; border-bottom: 1px solid #000;}
#choose .row{row-gap: 30px;}
#choose .iner{text-align: center; background-color: #ffffff61; padding: 40px 10px; height: 100%;}
#choose .iner i {font-size: 40px; color: #008db3;}
#choose .iner h5{color: #000; font-size: 28px; font-weight: bold;}
#choose .iner p{font-size: 16px; color: #000;}


/* doctor */
#doctor{padding: 60px 15px; background-image: url(../images/doctorbg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#doctor .row{row-gap: 30px;}
#doctor h2{margin-bottom: 30px; text-align: center; font-size: 40px; color: #000; font-weight: bold; text-transform: uppercase;}
#doctor .row{background-color: #ffffff8c; padding: 30px 20px; align-items: center; justify-content: space-between;}
#doctor .inner{text-align: center;}
#doctor .inner h5{margin-top: 15px; color: #000; font-weight: bold;}
#doctor .inner h6{color: #000; font-weight: 500;}

#doctor .dr-about-content{
padding: auto 40px;
}
#doctor .dr-about-content ul {
text-align: start;
}
#doctor .dr-about-content ul li{
color: #000;
font-size: 17px;
font-weight: 500;
align-items: center;

}
#doctor .dr-about-content ul li span{
  color: #000;
  font-size: 22px;
  font-weight: 600;
  align-items: center;
}  





/* clinic */
#clinic{padding: 60px 0; background-color: #ebebeb;}
#clinic h2{color: #008db3; text-align: center; font-size: 45px; margin-bottom: 30px; font-weight: bold; text-transform: uppercase;}
#clinic .row{row-gap: 20px;}
#clinic .content{border-radius: 10px; overflow: hidden;height: 100%; border: 15px solid #fff;}
#clinic .content .text{padding: 20px;}
#clinic .content .text h5{color: #000; margin-bottom: 15px; font-weight: bold;}
#clinic .content .text p{color: #000; font-size: 16px;}


/* testimonial */
#testimonial { padding: 70px 0;}
#testimonial h2 {color: #008db3; font-size: 40px; font-weight: bold; margin-bottom: 30px; text-align: center;}
#testimonial .row {row-gap: 20px;}
#testimonial .testimonialslider .owl-item { border: 1px solid gray; padding: 20px; height: 270px; overflow-y: scroll;}
#testimonial .testimonialslider .owl-item::-webkit-scrollbar {width: 1px; height: 100%;}  
#testimonial .owl-item h5 { color: #008db3; margin: 0px; font-size: 17px;}
#testimonial .owl-item p {font-size: 14px; text-align: justify;}
#testimonial .iner .google { width: 40%;}
#testimonial .iner ul li {font-size: 30px; color: #f6bb06;}
#testimonial .iner h4 {margin-top: 10px;}
#testimonial .testimonialslider .star li {color: #f6bb06; font-size: 16px;}
#testimonial .testimonialslider .profile {margin-bottom: 8px; gap: 20px;}
#testimonial .testimonialslider .profile li p {margin-bottom: 0px;}
#testimonial .testimonialslider .profile li:first-child p {height: 40px; width: 40px; line-height: 36px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span {font-size: 14px;}
#testimonial .reviewbtn { text-align: center; }
#testimonial .reviewbtn a {font-size: 16px; color: #fff; display: inline-block; padding: 10px 15px; margin-top: 15px; background-color: #008db3; border-radius: 5px; transition: .5s;}
#testimonial .reviewbtn a:hover{background-color: #8be1f1 ;}

/* youtube slider css area  */

.youtube-slider .video-section {
  background-color: #f9f9f9;
  padding: 50px 0;
}
.youtube-slider .video-card {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.youtube-slider .video-card:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.youtube-slider .video-iframe {
  width: 100%;
  height: 200px;
  border: none;
}

/* offer */
/* #offer{padding: 70px 0; background-color: lightgray;}
#offer h2{color: #005825; font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 20px;}
#offer h3{color: #494949; font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 20px;}
#offer .offermn{background-color: #fff; padding: 30px 50px; border-radius: 50px;}
#offer .offermn h4{color: #005825; font-size: 35px; padding: 10px 0; text-align: center; width: 650px; margin: 20px auto; font-weight: bold; border-bottom: 2px dashed #005825;}
#offer .offermn ul{columns: 2;}
#offer .offermn ul li{font-size: 20px; font-weight: 500; margin-bottom: 10px;}
#offer .offermn ul li i{font-size: 20px;  
    background: linear-gradient(to right, #005825, #8be1f1);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;} */



   /* contact */

#contact{background:url(../images/contactbg.jpg ); background-repeat: no-repeat; background-size: cover; background-position: center right; background-attachment: fixed; padding: 60px 0px;}
#contact h2{font-size: 40px; color: #008db3; text-align: center; margin-bottom: 30px; text-transform: uppercase; font-weight: bold;}
#contact .form-control{border-radius: 0; box-shadow: none;}
#contact .form-control:focus{border-color: #000;}
#contact form{background-color: #ffffff86; padding: 20px;}
#contact .submit-btn{ padding: 8px 30px; border: none; color: #fff; font-size: 21px; background: #008db3; border-radius: 100px; background: linear-gradient(90deg, #008db3 0%, #8be1f1 100%);}
#contact .address{background-color: #ffffff86; padding: 15px; height: 100%;}
#contact .address ul li{color: #008db3; margin-bottom: 20px;}
#contact .address ul li h4{font-size: 40px;}
#contact .address ul li p{font-size: 15px; color: #000; font-weight: 500;}
#contact .address ul li i{font-size: 22px; color: #008db3;}
#contact .address ul li a{display: inline-block; color: #000; font-size: 15px;  transition: .5s; font-weight: 500;}
#contact .address ul li a:hover{padding-left: 5px;}
#contact .address .category li{margin-bottom: 8px;}
#contact .address ul li span{color: #008db3; font-weight: 700;}
#contact .address ul li .branch{color: #008db3; font-weight: 700; font-size: 18px;}



/* footer */
/* footer{background-image: url(../images/footer.png);  background-repeat: no-repeat; background-size: cover; background-position: center; padding: 70px 0px 20px; background-color: #000;} */
footer {
    background-color: #fff;
    padding: 70px 0px 20px;
}
footer .row{row-gap: 30px;}
footer .footerinr .logo img{width: 70%;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr ul li:first-child{margin-bottom: 20px;}
footer .footerinr ul li{color: #008db3; margin-bottom: 10px;}
footer .footerinr ul li p{font-size: 16px; color: #000;}
footer .footerinr ul li i{font-size: 22px; color: #008db3;}
footer .footerinr ul li a{display: inline-block; color: #000; font-size: 16px;  transition: .5s;}
footer .footerinr ul li a:hover{padding-left: 5px;}
footer .footerinr .category li{margin-bottom: 8px;}
footer .footerinr ul li span{color: #008db3; font-weight: 700;}

footer .img{text-align: center; border-top: #008db3 1px solid; padding: 15px 0px; margin-top: 30px;}
footer .img a img{width: 25%;}


/*  */
.quickcontact {
    width: 65px;
    position: fixed;
    top: 77%;
    right: 15px;
    z-index: 102;
  }


/* exampleModal */

#exampleModal .modal-content{background-color: #fff;}
#exampleModal .modal-title{color: #008db3; font-weight: 700; font-size:26px;}
#exampleModal .close{font-size: 26px; color: #000; background-color: transparent; border: none;}
#exampleModal .form-control{border-radius: 0; box-shadow: none; border: 0; background-color: #eeeeee;}
#exampleModal .form-control:focus{border-color: #000;}
#exampleModal .submit-btn{ padding: 8px 40px;  border: none; color: #fff; font-size: 16px; background: #008db3; border-radius: 100px; background: linear-gradient(90deg, #008db3 0%, #8be1f1 100%);}
    


    /* heading */
#heading{background-image: url(../images/banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#heading .heading-bg{padding: 180px 0 100px;}
#heading h2{font-size: 45px; font-weight: bold; color: #fff;}
#heading p, #heading a{font-size: 18px; color: #fff; font-weight: bold; transition: .5s;}
#heading a:hover{color: #8be1f1;}