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


/* body{font-family: 'Oswald', sans-serif;} */

header .headertop{background-color: #00538a; padding: 5px 0px;}
header .headertop li a{color: #fff;}
header .headertop li:last-child a{height: 35px; width: 35px; border-radius: 50px; display: inline-block; background-color: #fff; border: 1px solid #fff; transition: .5s; color: #00538a; text-align: center; line-height: 35px;}
header .headertop li:last-child a:hover{background-color: transparent; color: #fff;}

header .header-bottom{padding: 0px 0px; background-color: #fff; left: 0px; right: 0px; z-index: 99;} 
header .header-bottom .navbar{padding: 0px;}
header .header-bottom .navbar .navbar-brand{width: 105px;}
header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: center; gap: 27px;}
header .header-bottom .navbar .navbar-nav .nav-link{color: #000000; font-size: 16px; font-weight: 400; position: relative; transition: .5s;     font-family: 'Open Sans';}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #127bbd}
header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #127bbd; bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}
header .header-bottom .navbar .navbar-toggler{color: #127bbd; box-shadow: none; border: 2px solid #127bbd; border-radius:0px;}
header .header-bottom .navbar .offcanvas{width: 280px;}
header .header-bottom .appointment li a{display: inline-block; padding: 13px 45px; background-color: #127bbd; color: #fff; border-radius: 3px; transition: .5s;}
header .header-bottom .appointment li a:hover{background-color: #5d8127;}

/* header ko sticky karna ki */
.sticky .header-bottom{background-color: #fff;}
.sticky{background-color:#000000cc ; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out;}

@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
  }
header .heaberbooyem .offcanvas-title{color: #020202; }

/* .main{
  background: linear-gradient(180deg,#f1f6fa,#f9f8ff);
} */

/* slider */

#slider{position: relative;}
#slider .owl-item{background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 80px 0px 250px; position: relative; z-index: 1;}
#slider .owl-item::before{position: absolute; content: ''; left: 0px; right: 0; top: 0; bottom: 0; background-color: #00000050; z-index: -1;}
#slider .form-bg{background-color: #fff; padding: 0px 12px 30px; position: absolute; top: 100px; right: 100px;
  z-index: 99; width: 25%; text-align: center; margin: auto; border-radius: 30px;}
#slider form.row{row-gap: 20px;}
#slider form h3{color: #fff; background-color: #5d8127; font-size: 30px; font-family: 'Sansita One'; padding: 20px 0px; border-radius: 30px 30px 0px 0px; margin-bottom: 0px;}
#slider form .form-control{background-color: #fff; padding: 8px 20px; border-radius: 0px; color: #000;}
#slider form .form-control:focus{box-shadow: none; border-color: #127bbd;}
#slider form .form-control::placeholder{color: #3b3b3b;}
#slider form .btn{background-color: #127bbd; color: #fff; width: 100%; padding: 12px 0px; border-radius: 0px;}
#slider form .btn:hover{background-color: #5d8127; }
#slider .owl-carousel button.owl-dot{display: none;}
#slider .content .dr-info h6{padding: 10px 20px; background-color: #fff; color: #127bbd; font-size: 16px; border-radius: 3px; text-align: center; width: fit-content;}
#slider .content .dr-info h2{color: #fff; font-size: 48px; font-weight: 600; margin-bottom: 15px;}
#slider .content .dr-info h4{color: #fff; font-size: 20px; margin-bottom: 15px;}
#slider .content .dr-info h3{color: #fff; font-size: 27px; margin-bottom: 15px;}
#slider .content .text{color: #fff; font-size: 19px; line-height: 1.5; font-weight: 400; width: 90%; margin-bottom: 30px;}

/* book-through */

#book-through{padding: 60px 0px; border-bottom: 1px solid #d4d4d4;}
#book-through .through-info .icon i{height: 45px; width: 45px; text-align: center; line-height: 45px; background-color: #5d8127; color: #fff !important; border-radius: 3px; font-size: 20px !important;}
#book-through .through-info li i{font-size: 25px; color: #5d8127;}
#book-through h5{margin-bottom: 5; text-transform: uppercase; font-size: 18px;}
#book-through h4 a{color: #000; transition: .5s;}
#book-through h6 a{color: #000; transition: .5s;}
#book-through h6{font-size: 13px;}
#book-through h6 a:hover, #book-through h4 a:hover{color: #5d8127;}

/* service */

#service{padding: 60px 0px;}
#service h2{font-size: 40px; color: #000; text-align: center; margin-bottom: 15px; font-weight: 600;}
#service .text{text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 60px;}
#service .iner{text-align: center; padding: 35px 50px; border: 1px solid #d4d4d4;}
#service .iner h4{font-size: 23px; font-weight: 600; color: #5d8127; margin: 20px 0px;}
#service .iner .text-a{font-size: 18px; font-weight: 600;}

#service .nav{justify-content: center; gap: 20px;}
#service .nav .nav-item .nav-link{color: #000000; padding: 10px 40px; border: 1px solid #127bbd; margin-bottom: 50px;}
#service .nav-pills .nav-link:hover{background-color:#127bbd; color: #fff;}
#service .nav-pills .nav-link.active{background-color: #127bbd; color:#fff; }


/* about-sec */

#about-sec{padding: 60px 0px; background-image: url(../images/about-banner.webp); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#about-sec .row{align-items: center;}
#about-sec .docter-in{text-align: center;}
#about-sec h2{font-size: 30px; font-weight: 600; color: #fff; margin: 15px 0px;}
#about-sec h5{font-size: 18px; font-weight: 600; color: #fff; width: 60%; text-align: center; margin: auto; line-height: 26px;}
#about-sec h6{font-size: 20px; font-weight: 600; color: #ffffff; margin-top: 10px;}
#about-sec .imgs-a{height: 175px; width: 175px; background-color: #fff; border-radius: 50%; text-align: center; line-height: 120px;}
#about-sec .imgs-a img{width: 80px;}
#about-sec .imgs-a h4{font-size: 14px;}
/* #about-sec .iner{text-align: center;} */
#about-sec .iner .imgs-b img{border-radius: 20px;}
#about-sec .iner .text{color: #fff; font-size: 18px;}

/* quick-amenities */

#quick-amenities{padding: 60px 0px;}
#quick-amenities h2{font-size: 35px; color: #000; text-align: center; margin-bottom: 15px; font-weight: 600;}
#quick-amenities .text{text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 60px;}
#quick-amenities .iner{border: 1px solid #d4d4d4; padding: 30px 15px; text-align: center;}
#quick-amenities .imgs img{width: 100px;}
#quick-amenities h4{text-align: center; margin: 30px 0px; font-size: 14px;}

/* counter  */

#counter{background-image: url(../images/counter.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 80px 0;}
#counter h3{font-size: 35px; font-weight: 600; color: #fff;}
#counter .row{row-gap: 30px; align-items: center;}
#counter .item{text-align: center;} 
#counter .item h2{ color: #fff; margin: 10px 0px; font-size: 35px;}
#counter .item h3{ font-size: 16px; color: #fff;}
#counter .item img{width: 100px;}

/* reviews */

#reviews{padding: 50px 0px;}
#reviews h2{font-size: 40px; color: #000; text-align: center; margin-bottom: 15px; font-weight: 600;}
#reviews .text-a{text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 60px;}
/* #reviews .content{text-align: center;} */
#reviews .content {background: #fff; padding: 10px 25px 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.158); border-radius: 10px; position: relative; border: 1px solid rgb(50 50 71 / 6%);}
#reviews .content h6{font-size: 71px; color: #127bbd; text-align: end;}
#reviews .content .text{font-size: 15px; font-weight: 600;}
#reviews .content h3{margin-top: 10px; font-size: 23px;}

/* contact */

#contact{background-color: #1370ad; overflow: hidden;}
#contact h6{color: #fff; font-family: arefRuqaa;}
#contact .content{padding: 31px 10px;}
#contact h2{color: #fff; font-size: 34px; font-weight: 600; margin: 10px 0px 22px; font-family: arefRuqaa;}
#contact .iner{row-gap: 30px;}
#contact .iner .form-control{background-color: transparent; border: transparent; border-radius: 0px; border-bottom: 1px solid #fff; padding: 24px 4px 50px; box-shadow: none; color: #fff; font-family: arefRuqaa;}
#contact .iner .form-control::placeholder{color: #fff; font-family: arefRuqaa;}
#contact .iner .btn{padding: 13px 55px; background-color: #fff; color: #000; border-radius: 4px; border: 1px solid #fff;}
#contact .iner .btn:hover{background-color: transparent; color: #fff;}

/* queation */

#queation {position: relative; padding: 50px  0px;}
#queation .row{row-gap: 30px;}
#queation h5{text-align: center; margin-bottom: 40px; font-size: 35px; font-weight: 600;}
#queation .accordion-item{border-radius: 2px;  margin: 14px; box-shadow: none;}
#queation .accordion-button{ padding: 15px; font-size: 17px; border-radius: 5px; background: #127bbd; color: #fff; position: relative; box-shadow: none;}
#queation .accordion-button::after{background-image: url(../images/download.png); position: absolute; content: ''; z-index: 1; right: 15px;}
#queation .accordion-body{background-color: #98be22;; border-radius: 5px;}



/* gallery */

#gallery {padding: 70px 0px 70px; background-color: #e4e2e2;}
#gallery h2{font-size: 48px; line-height: 54px; font-weight: 600; letter-spacing: 0px; color: #212121; text-align: center; margin-bottom: 60px;}  
.img-wrapper {
position: relative;
margin-top: 15px;
}
.img-wrapper img {
width: 100%;
border-radius: 0px 12px 12px 12px;
}

.img-overlay {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.img-overlay i {
color: #fff;
font-size: 3em;
}

#overlay {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#overlay img {
margin: 0;
width: 80%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
padding: 5%;
}
@media screen and (min-width: 768px) {
#overlay img {
width: 60%;
}
}
@media screen and (min-width: 1200px) {
#overlay img {
width: 50%;
}
}

#nextButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}
#nextButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
#nextButton {
font-size: 3em;
}
}

#prevButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}
#prevButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
#prevButton {
font-size: 3em;
}
}
#exitButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
}
#exitButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
#exitButton {
font-size: 3em;
}
}








/* footer */

footer{background-color: #1370ad; padding: 50px 20px 15px;}
footer .footer-top h3{font-size: 16px; margin-bottom: 15px; color: #fff;}
footer .footer-top h3 img{width: 38%; background-color: #fff; padding: 10px; border-radius: 20px;}
footer .footer-top .text{font-size: 16px; width: 82%; font-family: 'Varela Round', sans-serif; color: #fff; text-align: justify; margin-bottom: 20px;}
footer .footer-top .icon li a{width: 40px; height: 40px; display: inline-block; border-radius: 50px; background-color: #fff; color: #127bbd; text-align: center; line-height: 40px;}
footer .footer-top .info li{color: #fff; margin-bottom: 15px; font-size: 16; font-family: 'Varela Round', sans-serif;} 
footer .footer-top .info li i{font-size: 12px;}
footer .footer-top .info li a{color: #fff; font-size: 16; font-family: 'Varela Round', sans-serif; display: inline-block;}

.logoicon{border-top: 1px solid #fff; margin-top: 27px; padding-top: 15px;}
.logoicon .imgsc{text-align: center;}
.logoicon .imgsc img {width: 244px; padding: 5px 20px 12px; display: inline-block; background-color: #5d8127; border-radius: 30px;}

/* model */

.modal .forem .icon-input {position: relative;}
.modal .modal-content{background-color: #f8f8f8; padding: 30px;}
.modal .forem span {position: absolute; top: 9px; left: 23px; color: #09a4d4;}
.modal .forem .form-control {background-color: #fff; padding: 10px 40px; box-shadow: none; border: transparent;
border-radius: 0px; margin-bottom: 10px; font-size: 18px; font-family: 'Varela Round', sans-serif;}
.modal .forem .btn {padding: 10px 30px; background-color: #09a4d4; color: #fff; border-radius: 0px; margin-top: 20px;}


/* whatapp */
.quickcontact {
width: 40px;
position: fixed;
top: 77%;
right: 30px;
z-index: 9999;}