*{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: 'Chivo', sans-serif;}

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 img{width: 90%;} */
header .header-bottom .navbar .navbar-brand{width:25%;}
header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: end; gap: 17px;}
header .header-bottom .navbar .navbar-nav .nav-link{font-family: 'Chivo', sans-serif; color: #000; font-size: 16px; font-weight: 500; position: relative; transition: .5s;}
header .header-bottom .navbar .navbar-nav .appointment-btn{display: inline-block; padding: 10px 20px; background-color: #e23841; color: #fff; border-radius: 30px;}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #e23841}
header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #e23841; bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-item:last-child .nav-link::before{display: none;}
header .header-bottom .navbar .navbar-nav .nav-item:last-child .nav-link:hover{color: #fff;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}
header .header-bottom .navbar .navbar-toggler{color: #e23841; box-shadow: none; border: 2px solid #e23841; border-radius:0px;}
header .header-bottom .navbar .offcanvas{width: 280px;}

/* 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{overflow: hidden;}
/* #slider .owl-item{background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px 0px;}
#slider .owl-item .content h2 {font-size: 52px; line-height: 60px; padding-bottom: 18px; color: #101828; font-weight: 700;}
#slider .owl-item .content h2 span{color: #e23841;}
#slider .owl-item .content .text{font-size: 24px; font-weight: 400; line-height: 33px; margin-bottom: 35px;}
#slider .owl-item .content a{padding: 13px 35px; display: inline-block; background-color: #e23841; color: #fff; border-radius: 30px;} */
#slider .owl-theme .owl-dots .owl-dot{display: none;}

/* about-us */

#about-us{padding: 60px 0px;}
#about-us .imgs {overflow: hidden; border-radius: 60px;}
#about-us .imgs img{transition: .5s;}
#about-us .imgs:hover img{transform: scale(1.1);}
#about-us .content{padding-left: 30px;}
#about-us .content h2{font-size: 45px; font-weight: 700; line-height: 52px;}
#about-us .content h4{font-size: 18px; line-height: 30px; font-weight: 700; padding-bottom: 0px; border-bottom: 1px dotted #e23841; padding-bottom: 15px;}
#about-us .content p{font-size: 14px; line-height: 27px; font-weight: 400; margin-bottom: 15px;}
/* #about-us .content h3 {margin-top: 25px; font-weight: 600; font-size: 22px; font-weight: 700; color: #e23841; line-height: 28px; padding-bottom: 10px;} */
/* #about-us .content ul li img{width: 20px;}
#about-us .content ul li{font-size: 17px; color: #101828; line-height: 1.5; margin-bottom: 15px;} */

/* #treatment-provide */

#treatment-provide{padding: 70px 0; background: url(../images/bg5.jpg) center top no-repeat fixed; margin-top: 80px; background-size: cover;}
#treatment-provide h2 {font-size: 45px; font-weight: 700; padding-bottom: 10px; text-align: center;}
#treatment-provide .text-a {font-size: 24px; width: 75%; margin: 0px auto 35px; line-height: 32px; font-weight: 400; text-align: center;}
#treatment-provide .iner{background-color: #fff; box-shadow: 0px 4px 40px 0px #0000000F; border-radius: 30px; padding: 30px;}
#treatment-provide .iner h3{margin: 15px 0px 0px; font-size: 14px;}
#treatment-provide .row{row-gap: 25px;}
#treatment-provide .iner .imgs img{border-radius: 10px;}


/* gallery */

#gallery {background-color: #dbdbdb8a; padding: 40px 0 40px; overflow: hidden;}
#gallery .row{row-gap: 20px;}
#gallery h2 {font-size: 38px; color: #fb4e4f; font-weight: bold; text-align: center; margin-bottom: 30px;}
#gallery h2 span {color: #000;}
#gallery .img-wrapper {position: relative; margin-top: 15px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 8px #00000033;}
#gallery .img-wrapper img { width: 100%; height: 300px; object-fit: cover;}
#gallery .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;
}

#gallery .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: 45%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}
#gallery .owl-theme .owl-nav.disabled+.owl-dots{display: none;}

/* we-provide */

#we-provide{padding: 50px 0px;}
#we-provide .imgs{position: relative;}
#we-provide .imgs img{border-radius: 10px;}
#we-provide .about-left-info {position: absolute; background: #e23841; padding: 20px; right: -20px; top: 18px; border-radius: 15px; text-align: center;
box-shadow: 0 3px 24px rgb(0 0 0 / 10%);}
#we-provide .about-left-info h5 {font-size: 45px; font-weight: 700; color: #fff; line-height: 50px;}
#we-provide .about-left-info .text-a {color: #fff; font-size: 20px; font-weight: 500;}
#we-provide .content{margin-left: 30px;}
#we-provide .content h2 {font-weight: 700; text-transform: capitalize; font-size: 42px; color: #101828; margin-top: 5px; margin-bottom: 20px;
line-height: 1.2;}
#we-provide .content h2 span {color: #e23841;}
#we-provide .content .text {font-size: 18px; color: #101828; line-height: 1.5; margin-bottom: 25px;}
#we-provide .content .imgsc{text-align: center; margin-top: 60px;}


  /* testimonial */
#testimonial{padding: 50px 0;}
#testimonial h2{color: #211e39;}
#testimonial .row{row-gap: 20px;}
#testimonial .testimonialslider .owl-item{border: 1px solid gray; padding: 20px; height: 210px; overflow-y: scroll;}
#testimonial .owl-item h5{color: #211e39; margin: 0px; font-size: 17px;}
#testimonial .owl-item p{font-size: 14px;}
#testimonial .iner .google{ width: 40%;}
#testimonial .iner ul li{font-size: 35px; color: #f6bb06;}
#testimonial .iner h4{margin-top: 10px;}
#testimonial .testimonialslider .star li{color: #f6bb06; font-size: 16px;}
#testimonial .testimonialslider .profile{margin-bottom: 8px;}
#testimonial .testimonialslider .profile li:first-child p{height: 40px; width: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span{font-size: 14px;}
#testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #68386c;}
#testimonial .owl-theme .owl-dots .owl-dot{display: none;}

/* footer */

footer .footertop {background-color: #f8f9fa; padding: 70px 0px 20px;}
footer .row {row-gap: 25px;}
footer .footertop h3{font-size: 20px; margin-bottom: 15px;}
footer .footertop .about img {width: 164px;}
footer .footertop .about p {color: #000; font-size: 14px; width:77%; margin-top: 20px;}
footer .footertop ul {list-style: none;}
footer .footertop ul li {color: #000; font-size: 14px; margin-top: 10px;}
footer .footertop ul li a {color: #000; font-size: 14px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover {color: #e23841;}
footer .footertop .addres li {margin-bottom: 20px;}
footer .footertop .addres li i {color: #e23841; font-size: 22px;}
footer .footerboo ul {display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #e23841; padding-top: 20px;}
footer .footerboo {background-color: #f8f9fa; padding: 20px;}
footer .footerboo .soical li:first-child {color: #e23841; text-align: center;}
footer .footerboo .soical li:first-child a {color: #fff; font-size: 16px; display: inline-block; width: 35px; height: 35px; line-height: 35px;
background-color: #e23841; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover {background-color: #000;}
footer .footerboo ul li img {width: 195px; background-color: #e23841; padding: 0px 10px 8px; border-radius: 100px;}




/* model */

.modal .forem .icon-input {position: relative;}
.modal .row{row-gap: 20px;}
.modal .form-control{padding: 15px; background-color: transparent; border: 1px solid #7d7789; margin-bottom: 25px; border-radius: 50px; box-shadow: none;}
.modal .submit-btn{padding: 11px 20px; border-radius: 30px; background-color: #fb4e4f; color: #fff; border: transparent; width: 30%;}


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


/* gallery */

#gallery {padding: 60px 0; }
#gallery h2{font-family: "Old Standard TT", serif; line-height: 1.2; font-size: 55px; color: #bd8c62; text-align: center; margin-bottom: 26px; font-weight: 700;}

#gallery .img-wrapper {
  position: relative;
  margin-top: 15px;
  overflow: hidden;
  box-shadow: 0 0 8px #00000033;
}


#gallery .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;
}

#gallery .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;
}


@media screen and (min-width: 768px) {
  #overlay img {
    width: 40%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}

/* request-viewing */

#request-viewing{padding: 50px 0px; background-color: #faf7f0;}
#request-viewing h2{font-family: "Old Standard TT", serif; line-height: 1.2; font-size: 55px; color: #2b2c30; text-align: center; margin-bottom: 26px; font-weight: 700;}
#request-viewing .text{color: #4e4e50; font-size: 16px; font-weight: 400; line-height: 26px; font-family: "Jost", sans-serif; text-align: center; width: 47%; margin: auto;}
#request-viewing .inr{justify-content: center; margin-top: 60px;}
#request-viewing .form-control{padding: 15px; background-color: #faf7f0; border: 1px solid #bd8c624d; margin-bottom: 20px; border-radius: 0px; box-shadow: none;}
#request-viewing .submit-btn{padding: 15px; display: block; width: 100%; background-color: #bd8c62; color: #fff; border: transparent;}