*{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: #000000b3; position: fixed !important; animation: slideDown .5s ease-out;}
.sticky ul li a img{width: 22%;}


/* header */
header{padding: 10px 0; position: absolute; top: 0; left: 0; right: 0;}
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: #005825;
      background: linear-gradient(90deg, #005825 0%, #a6ce3a 100%);
  }
  50%{
      background: #a6ce3a;
      background: linear-gradient(90deg, #a6ce3a 0%, #005825 100%);
  }
  100%{
      background: #005825;
background: linear-gradient(90deg, #005825 0%, #a6ce3a 100%);
  }
}
 




/* slider */
#slider{background-image: url(../images/banner1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 130px 0 60px;}
#slider h2{font-size: 40px; color: #005825; margin-bottom: 20px; font-weight: 700;
    background: linear-gradient(to right, #005825, #a6ce3a); 
    -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, #a6ce3a); 
    -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%, #a6ce3a 100%);
    }
    50%{
        background: #a6ce3a;
        background: linear-gradient(90deg, #a6ce3a 0%, #005825 100%);
    }
    100%{
        background: #005825;
background: linear-gradient(90deg, #005825 0%, #a6ce3a 100%);
    }
  }




/* service */
#service{ position: relative; background: #005825;
    background: linear-gradient(90deg, #00582596 0%, #a6ce3a94 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: #005825;
background: linear-gradient(90deg, #005825 0%, #a6ce3a 100%); 
position: absolute; bottom: -27px; left: 37%; }



/* 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: #005825;}
#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: #a6ce3a; font-weight: bold; text-transform: uppercase;}
#doctor .row{background-color: #ffffff8c; padding: 30px 20px;}
#doctor .inner{text-align: center;}
#doctor .inner h5{margin-top: 15px; color: #000; font-weight: bold;}
#doctor .inner h6{color: #000; font-weight: 500;}


/* clinic */
#clinic{padding: 60px 0; background-color: #ebebeb;}
#clinic h2{color: #005825; text-align: center; font-size: 45px; margin-bottom: 30px; font-weight: bold; text-transform: uppercase;}
#clinic .row{row-gap: 20px;}
#clinic .content{background-color: #fff; border-radius: 10px; overflow: hidden; height: 100%;}
#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: #005825; 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: #005825; 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: #005825; border-radius: 5px; transition: .5s;}
#testimonial .reviewbtn a:hover{background-color: #a6ce3a ;}


/* 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, #a6ce3a);
   -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: #005825; 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: #005825; border-radius: 100px; background: linear-gradient(90deg, #005825 0%, #a6ce3a 100%);}
#contact .address{background-color: #ffffff86; padding: 20px; height: 100%;}
#contact .address ul li{color: #005825; margin-bottom: 20px;}
#contact .address ul li h4{font-size: 40px;}
#contact .address ul li p{font-size: 18px; color: #000; font-weight: 500;}
#contact .address ul li i{font-size: 22px; color: #005825;}
#contact .address ul li a{display: inline-block; color: #000; font-size: 18px;  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: #005825; font-weight: 700;}




/* 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 .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: #a6ce3a; margin-bottom: 10px;}
footer .footerinr ul li p{font-size: 16px; color: #fff;}
footer .footerinr ul li i{font-size: 22px; color: #a6ce3a;}
footer .footerinr ul li a{display: inline-block; color: #fff; 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: #a6ce3a; font-weight: 700;}

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


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


/* exampleModal */

#exampleModal .modal-content{background-color: #fff;}
#exampleModal .modal-title{color: #005825; 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: #005825; border-radius: 100px; background: linear-gradient(90deg, #005825 0%, #a6ce3a 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: #a6ce3a;}