*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{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: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;}


.headerbotom{display: none;}
.sticky.headerbotom{display: block !important;}
header .headerbotom{padding: 10px 0px; background-color: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.45); }
header .headerbotom .navbar-brand img{width: 100%;}
header .headerbotom .navbar-brand{width: 250px;}
header .headerbotom .navbar-nav .nav-item .nav-link{font-size: 16px; color: rgb(33, 33, 33); font-weight: 500; transition: .5s;}
header .headerbotom .navbar-nav .nav-item .nav-link:hover{color: #e62274;}
header .headerbotom .navbar-nav .nav-item .nav-link::after{background-color: #e62274; height: 2px; width: 0px; content: ''; display: block; top: calc(100% + 4); transition: .5s;}
header .headerbotom .dropdown-toggle::after{border: 0px;}
header .headerbotom .navbar-nav .nav-item .nav-link:hover::after{width: 100%;}

header .headerbotom .navbar .navbar-toggler span{color: #e62274;}
header .headerbotom .navbar .navbar-toggler{border-color: #e62274; border-radius: 0px;}
header .headerbotom .navbar .navbar-toggler:focus{box-shadow: none;}
header .headerbotom .offcanvas .offcanvas-header h5{color: #e62274;}

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

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

/* slider start */

#slider {overflow: hidden;}

/* make */

#make{padding: 50px 0px;}
#make .imgs{text-align: center;}
#make h3{text-align: center; font-size: 24px; font-weight: bold; font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; margin-bottom: 15px;}
#make h5{text-align: center;}
#make form .form-control{border-radius: 0px;}
#make form .form-control:focus{box-shadow: none !;}
#make .captcha{width: 60%; height: 106px;}
#make form .submit{padding: 7px 37px; border: 1px solid #e62274; transition: .5s; margin: 20px 0px 30px; font-size: 20px; background-color: #e62274; display: inline-block; color: #fff; border-radius: 0px;}
#make form .submit:hover{background-color: transparent; color: #e62274;}
#make .accordion-button{background-color: #f4f4f4; color: #000; margin-bottom: 15px; box-shadow: none; border: 1px solid #d9d9d9; border-radius: 0px;}
#make .accordion-item{border: transparent;}
#make .accordion-button::after{filter: brightness(0.5);}

/* gallery */

#gallery{padding: 50px 0px 0px;}
#gallery h2{text-align: center; margin-bottom: 20px; font-size: 35px;}
.swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 300px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

/* treatments */

#treatments{padding:50px 0px; background-color:#ebf5f5 ; margin-top: 40px;}
#treatments .row{row-gap: 25px;}
#treatments h2{text-align: center; margin-bottom: 50px; color: #e07117; font-size: 33px; font-weight: 400;
text-transform: uppercase; text-shadow: 0px 0px 1px #000000;}
#treatments .imgsc img{width: 100%;}
#treatments h3{text-align: left; font-size: 33px; color: #e07117; font-weight: 600;}
#treatments .treatmentsinr{background-color:#ffffff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.57); padding: 15px; width: auto; height: 100%;}
#treatments .treatmentsinr .content h4{font-size: 18px; font-weight: 500; line-height: 20px; margin-top: 16px; color: #333;}
  #treatments .treatmentsinr .content .text{font-size: 16px; color: #8a8a8a;}

  /* book-appointment */

  #book-appointment{padding: 50px 0px; overflow: hidden;}
  #book-appointment .row{justify-content: center;}
  #book-appointment .imgs{background-image: url(../images/book-appointment.jpg); padding: 150px 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; position: relative; z-index: 1;} 
  #book-appointment .imgs::before{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #e622746e; z-index: -1;}
  #book-appointment .imgs h2{font-size: 55px; color: #fff; width: 80%; margin: auto; text-align: center;}

  /* phone */
  #phone.sticky{background-color: #e6e6e6; border-top: 1px solid #dbdbdb; position: fixed !important; padding: 10px 0px !important; z-index: 9990; bottom: 0; top: auto; left: 0; right: 0;}

  #phone{background-color: #e6e6e6; border-top: 1px solid #dbdbdb; position: inherit !important; padding: 10px 0px !important;}
  

  #phone h3{text-align: center; color: #000; font-size: 16px;}
  #phone h3 a{color: #000; font-size: 24px; transition: all.5;}
  #phone h3 a:hover{border-bottom: 2px solid#000;}
  /*#phone ul li i{color: #e62274;}*/
  #phone ul li, #phone ul li a{color: #000 ;}

  /*  */

  footer .footertop{background-color: #fff; padding: 30px 0px;}
  footer .footertop h3{font-size: 18px !important; margin-bottom: 24px; font-weight: 500; color: #e62274;}
  footer .footertop .icon li a{height: 35px; width: 35px; display: inline-block; text-align: center; line-height: 35px; font-size: 15px; background-color: #e62274; color: #fff; border-radius: 4px;}
  footer .footertop ul li{color: #000; margin-bottom: 5px;}
  footer .footertop ul li a{color: #000; font-size: 16px; font-weight: 400; transition: .5s;}
  footer .footertop ul li a:hover{border-bottom: 1px solid #000;}

  footer .footertop .addres li{margin-bottom: 20px;}


 footer .footerboo ul{text-align: center;}
 footer .footerboo{background-color:#ffffff; padding: 20px; border-top: 1px solid #dbdbdb;}
 footer .footerboo ul li img {width: 195px; background-color: #e62274; padding: 0px 10px 8px; border-radius: 100px;}

 .quickcontact {
  width: 66px;
  position: fixed;
  top: 74%;
  right:15px;
  z-index: 102;
  animation: rotation 5s infinite linear;
    animation-duration: 4s;

}

                                            
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


* {
  padding: 0;
  margin: 0
}

/* .content-center {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee
} */

.quickcontact i {
  color: #fff
}

.quickcontact {
  height: 65px;
  width: 65px;
  background-color:#00a504;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed; 
}

.quickcontact a{z-index: 999;}

.quickcontact::before {
  content: "";
  position: absolute;
  border: 1px solid #00a504;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  animation: pulse 1s linear infinite
}

.quickcontact::after {
  content: "";
  position: absolute;
  border: 1px solid #00a504;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  animation: pulse 1s linear infinite;
  animation-delay: 0.3s
}

@keyframes pulse {
  0% {
      transform: scale(0.5);
      opacity: 0
  }

  50% {
      transform: scale(1);
      opacity: 1
  }

  100% {
      transform: scale(1.3);
      opacity: 0
  }
}

/*  */




#thank{margin-top: 40px; margin-bottom: 40px;}
#thank .content{text-align: center;     background-color: #2e1904;
  margin: auto;
  width: 335px;
  padding: 9px;}

  #thank .content h2{color: #fff;}
  #thank .content p{color: #fff;     line-height: 30px;
    margin: auto;
    color: #fff;
    width: 200px;}
  #thank .content .call a{padding: 7px; width: 166px; background-color: #e62274; color: #fff; border-radius: 40px; display: inline-block; margin-bottom: 20px; margin-top: 15px;}

  .modal .modal-dialog .modal-content .modal-body form button{padding: 8px 20px; background-color:#e62274; color: #fff; border-radius: 0px;}

ul.man li:first-child a {
    background: #25D366;
    color: #fff !important;
    padding: 10px 8px;
    border-radius: 15px;
}