z  *{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;}

body{background-color: #000; font-family: math;}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{background-color: #d0623a;}

.sticky{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 */
header{background-color: #4b4b4b; padding: 0;}
header .headermn .navbar .navbar-brand{width: 14%; padding: 0;}
header .headermn .navbar .navbar-brand img{width: 100%;}
header .nav-link{color: #ffffff; font-size: 18px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::after{content: ''; background-color: #d0623a; 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: #d0623a;}
header .navbar-nav{gap: 45px;}
header form .btn{border-radius: 0 100px 100px 0; border: 0; background-color: #d0623a; color: #fff;}
header .whatsapp{justify-content: end; align-items: center; gap: 15px; margin-left: 30px;}
header .whatsapp li a{color: #fff; background: linear-gradient(#b11d59, #d0623a); padding: 10px 25px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s; border-radius: 3px;}
header .whatsapp li a:hover{background: linear-gradient(#d0623a, #b11d59); }

header .navbar-toggler{border: none; color: #fff; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus{box-shadow: none ;}
header .offcanvas-title img{width: 40%; }
header .navbar-nav{position: relative ; }


/* slider */
#slider{background-image: url(../images/banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#slider .banner-bg{background-color: #000; padding: 90px 0 0; overflow: hidden;}
#slider .row{align-items: end;}
#slider .content h3{color: #d0623a; font-size: 37px; font-weight: 700; }
#slider .content h3 span{color: #b11d59; display: block; font-size: 55px;}
#slider .content h5{color: #fff; font-size: 22px; margin-top: 10px; line-height: 45px;}
#slider .content p{font-size: 16px; color: #cecece; font-weight: 500; margin-top: 10px;}
#slider .content .btn{background: linear-gradient(#b11d59, #d0623a); display: inline-block; padding: 10px 30px; font-size: 16px; color: #fff; margin: 20px 0 30px; border-radius: 3px;}
#slider .content .btn:hover{background: linear-gradient(#d0623a, #b11d59);}
#slider .content .about-info {align-items: center;}
#slider .content .about-info li h5 {
height: 45px;
width: 45px;
text-align: center;
line-height: 41px;
background-color: #d0633a;
border-radius: 4px;
color: #fff;}
#slider .content .about-info li a {
  color: #ffffff;
  transition: .5s;}




/* choose */
#choose{padding: 60px 0; border-top: 1px solid #b11d59;}
#choose .p1{color: #d0623a; font-weight: 600; font-size: 18px; text-align: center;}
#choose h2{color: #fff; font-size: 33px; text-align: center; margin-bottom: 30px;}
#choose .row{row-gap: 20px;}
#choose .content{padding: 20px; border: 3px solid #b11d59; text-align: center; height: 100%;}
#choose .content i{color: #d0623a; font-size: 53px;}
#choose .content h5{color: #fff; font-size: 22px; margin: 15px 0;}
#choose .content p{color: #cccccc; font-size: 16px;}


/* treatment */
#treatment{padding: 50px 0;}
#treatment .row{row-gap: 25px;}
#treatment .img{border: 4px double #b11d59; padding: 10px;}
#treatment .content h3{color: #d0623a; font-size: 36px;}
#treatment .content h3 span{color: #b11d59; font-size: 44px; display: block;}
#treatment .content ul{columns: 2; list-style: none; margin-top: 30px;}
#treatment .content ul li{display: flex; gap: 10px; color: #fff; font-size: 20px; margin-bottom: 15px; }
#treatment .content ul li i{color: #b11d59; font-size: 22px; line-height: 38px;}


/* appointment */
#appointment{padding: 50px 0;}
#appointment .row{row-gap: 25px; align-items: center;}
#appointment .content h5{color: #d0623a; font-size: 44px;}
#appointment .content p{font-size: 16px; color: #cecece; font-weight: 500; margin-top: 10px;}
#appointment .content a{background: linear-gradient(#b11d59, #d0623a); display: inline-block; padding: 10px 30px; font-size: 16px; color: #fff; margin-top: 20px; border-radius: 3px;}
#appointment .content a:hover{background: linear-gradient(#d0623a, #b11d59); }
#appointment .appointment-slider .owl-item img{border: 2px solid #b11d59;}


/* testimonial */
#testimonial{padding: 50px 0; }
#testimonial .row.mn-box{row-gap: 25px;}
#testimonial .inner .text h2{color: #d0623a; font-size: 44px;}
#testimonial .inner .text p{color: #fff; font-size: 18px; margin-top: 20px;}

#testimonial .inner .content{row-gap: 20px; margin: 30px 8px 0; align-items: center; padding: 20px; border: 3px solid #b11d59; box-shadow: 0 0 20px #b11d59;}
#testimonial .inner .content .img img{border: 3px solid #b11d59;}
#testimonial .inner .content i{font-size: 44px; color: #b11d59;}
#testimonial .inner .content p{color: #fff; font-size: 15px; margin: 10px 0;}
#testimonial .inner .content h5{color: #d0623a; font-size: 20px;}


/* patient-videos */
#patient-videos{padding: 50px 0;}
#patient-videos h2{color: #fff; font-size: 33px; text-align: center; margin-bottom: 30px;}


/* gallery */
#gallery{padding: 50px 0;}
#gallery h2{font-size: 38px; color: #fff; font-weight: bold; text-align: center; margin-bottom: 30px;}
#gallery h2 span{color: #b11d59;}
#gallery .img-wrapper { position: relative; margin-top: 15px; overflow: hidden; border-radius: 8px;}
#gallery .img-wrapper img {width: 100%;}
#gallery .img-overlay { background: #000000b3; 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; 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: 61%;}
}
#nextButton i{ color: #fff; font-size: 33px; transition: opacity 0.8s;}
#nextButton:hover {opacity: 1;}
#prevButton i{color: #fff; font-size: 33px; transition: opacity 0.8s;}
#prevButton:hover {opacity: 0.7;}
#exitButton i{ color: #fff; font-size: 33px; transition: opacity 0.8s; position: absolute; top: 15px; right: 15px;}
#exitButton:hover {opacity: 0.7;}



/* footer */
footer .footertop{background-color: #4b4b4b; padding: 70px 0px 20px;}
footer .row{row-gap: 25px;}
footer .footertop .about img{width: 130px;}
footer .footertop .about p{color: #fff; font-size: 16px; margin-top: 10px; }
footer .footertop ul{list-style: none;}
footer .footertop ul li h4{color: #d0623a;}
footer .footertop ul li{color: #fff; margin-top: 10px;}
footer .footertop ul li a{color: #fff; font-size: 16px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover{color: #d0623a;}
footer .footertop .addres li{margin-bottom: 20px;}
footer .footertop .addres li i{color: #d0623a; font-size: 22px;}
footer .footertop .addres li b{color: #d0623a; }
footer .footerboo ul{display: flex; justify-content: space-between; margin: 0;}
footer .footerboo{background-color:#000; padding: 15px;}
footer .footerboo .soical li:first-child{color: #d0623a; text-align: center;}
footer .footerboo .soical li:first-child a{color: #fff; font-size: 18px; display: inline-block; width: 35px; height: 35px; line-height: 38px; background-color: #b11d59; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover{background-color: #fff; color: #000;}
footer .footerboo ul li img{width: 205px;}




/* heading */
#heading{background-image: url(../images/banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#heading .heading-bg{background-color: #00000048; padding: 160px 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: #000; }




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


/* modal */
.modal form.row{row-gap: 20px;}
.modal .btn-theme {border-radius: 0px; background: #d0623a; color: #fff;}
.modal .btn-theme:hover{background-color: #000; color: white;} 
.modal .form-control{border-radius: 0px; border: none; box-shadow: none; background-color: #f1f1f1;}
.modal .form-control:focus{border-color: #000;}
.modal .submit{background-color: #b11d59; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}
.modal .submit:hover{background-color: #d0623a;}