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{font-family: 'Alata', sans-serif;}

::selection {color: #fff; background-color: #509ac9;}
 
.owl-theme .owl-dots .owl-dot span{background-color: #509ac9;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #509ac9;}



/* header */
header{position: relative; z-index: 9; background-color: #fff; box-shadow: 0 0 10px #00000021; padding: 0;}
header .header-top{background-color: #0000fd; padding: 5px 0;}
header .header-top ul{display: flex; list-style: none; justify-content: end; gap: 20px;}
header .header-top ul li a{color: #fff; font-size: 16px; font-weight: 500;}
header .headermn .navbar .navbar-brand{width: 13%; padding: 0;}
header .headermn .navbar .navbar-brand img{margin-top: -33px; box-shadow: 0 0 10px #0000003d;}
 
header .nav-link{color: #000; font-size: 16px; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::before{content: ''; background-color: #509ac9; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::before{width: 100%;}
header .nav-link:hover, header .nav-link:focus{ color: #509ac9;}
header .navbar-nav{gap: 20px;}

header .navbar-nav .dropdown-menu{border: 0; box-shadow: #0000004b 0 0 10px;}
header .dropdown-item.active, header .dropdown-item:active, header .dropdown-item:hover{background-color: #509ac9; color: #fff;}

header .whatsapp{justify-content: end;}
header .whatsapp li a{font-size: 16px; color: #fff; font-weight: 500; display: inline-block; padding: 10px 30px; background: linear-gradient(#509ac9, #509bca73);}
header .whatsapp li a:hover{background: linear-gradient(#509ac9, #509ac9); color: #fff;}

header .navbar-toggler{border: none; color: #509ac9; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus{box-shadow: none ;}
header .offcanvas-title{font-size: 30px; color: #509ac9; font-weight: bold;}
header .navbar-nav{position: relative;}

.sticky .headermn .navbar .navbar-brand{width: 9%;}
.sticky .headermn .navbar .navbar-brand img{margin-top: 0;}

.sticky{top: -35px; left: 0; right: 0; z-index: 999; position: fixed !important; animation: slideDown .5s ease-out;}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

/* slider */

#slider{position: relative;}
#slider .owl-item{background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 285px 0;}
#slider .owl-dots{position: absolute; bottom: 20px; left: 0; right: 0;}
#slider .content h2{font-size: 40px; color: #000;}
#slider .content p{font-size: 18px; color: #6b6b6b;}
#slider .content a{font-size: 16px; color: #fff; font-weight: 500; display: inline-block; padding: 10px 30px; background: linear-gradient(#509ac9, #509ac9); margin-top: 30px; transition: .5s;}
#slider .content a:hover{background: linear-gradient(#509ac9, #509ac9);}
 
/* about */

#about{padding: 60px 0; background-color: #fff;}
#about .row{row-gap: 30px; align-items: center;} 
#about .content h5{font-size: 30px; font-weight: bold; color: #509ac9; margin: 15px 0;}
#about .content p{font-size: 16px; color: #000; font-weight: 300; text-align: justify; line-height: 30px; margin-top: 20px;}
#about .content ul{padding-left: 25px;}
#about .content ul li{color: #509ac9;}
#about .content ul li span{color: #000; font-weight: 500; font-size: 16px;}
#about .content h4{color: #000000; font-weight: 700; font-size: 14px; margin-top: 15px;}
#about .content h6{font-size: 15px; font-weight: 600; margin: 10px 0px 20px;}
#about .img{text-align: center;}
#about .img img{border-radius: 20px; box-shadow: 15px 15px 0px #509ac9;}
 
/* about2 */

#about2{padding: 60px 0;}
#about2 .row{row-gap: 30px; align-items: center;}
#about2 .content{padding-left: 20px;} 
#about2 .content h5{font-size: 30px; font-weight: bold; color: #509ac9; margin: 15px 0;}
#about2 .content p{font-size: 16px; color: #000; font-weight: 300; text-align: justify; line-height: 30px; margin-top: 20px;} 
#about2 .content ul{padding-left: 25px;}
#about2 .content ul li{color: #509ac9;}
#about2 .content ul li span{color: #000; font-weight: 500; font-size: 16px;}
#about2 .content h4{color: #000000; font-weight: 700; font-size: 14px; margin-top: 15px;}
#about2 .content h6{font-size: 15px; font-weight: 600; margin: 10px 0px 20px;}
#about2 .img{text-align: center;}
#about2 .img img{border-radius: 20px; box-shadow: 15px 15px 0px #509ac9;}

/* treatments */

#treatments{padding: 60px 0px; background-color:#f5f5f5;}
#treatments .row{row-gap: 30px;}
#treatments h2{text-align: center; margin-bottom: 30px; color: #509ac9; font-weight: bold; font-size: 40px;}
#treatments h3{text-align: left; font-size: 33px; color: #509ac9; font-weight: 600;}
#treatments .treatmentsinr{margin: 2px; border: 1px solid #509ac9; text-align: center; height: 100%; overflow: hidden; padding: 5px; background-color: #fff;}
#treatments .treatmentsinr img{border: 1px solid #bebebe;}
#treatments .treatmentsinr .content{background-color: #fff; padding: 10px; border-radius: 20% 20% 0 0;}
#treatments .treatmentsinr .content h4{font-size: 20px; font-weight: 500; text-align: center; color: #000000; padding: 10px 0;}
#treatments .treatmentsinr .content .callbak {font-size: 16px; text-align: center; display: inline-block; color: #fff; padding: 10px 30px; background: linear-gradient(#509ac9, #509ac9); margin-top: 20px;}
#treatments .treatmentsinr .content .callbak:hover{background: linear-gradient(#509ac9, #509ac9);}


 
/* treatments-2 */

#treatments-2{padding: 60px 0px; background-color:#f5f5f5;}
#treatments-2 .row{row-gap: 30px; justify-content: center;}
#treatments-2 h2{text-align: center; margin-bottom: 30px; color: #509ac9; font-weight: bold; font-size: 40px;}
#treatments-2 h3{text-align: left; font-size: 33px; color: #509ac9; font-weight: 600;}
#treatments-2 .treatmentsinr{margin: 2px; border: 1px solid #509ac9; text-align: center; overflow: hidden; height: 100%; padding: 5px; background-color: #fff;}
#treatments-2 .treatmentsinr img{border: 1px solid #bebebe;}
#treatments-2 .treatmentsinr .content{background-color: #fff; padding: 10px; border-radius: 20% 20% 0 0;}
#treatments-2 .treatmentsinr .content h4{font-size: 20px; font-weight: 500; text-align: center; color: #000000; padding: 10px 0;}
#treatments-2 .treatmentsinr .content .callbak {font-size: 16px; text-align: center; display: inline-block; color: #fff; padding: 10px 30px; background: linear-gradient(#509ac9, #509ac9); margin-top: 20px;}
#treatments-2 .treatmentsinr .content .callbak:hover{background: linear-gradient(#509ac9, #509ac9);}

/* counter  */

#counter{background-image: url(../images/bg.jpg); background-position: center right; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#counter .counter-bg{background-color: #509ac9cb; padding: 80px 0;}
#counter .row{row-gap: 30px;}
#counter .item{text-align: center;} 
#counter .item h1{ color: #fff; margin-bottom: 5px; font-size: 40px;}
#counter .item h3{ font-size: 22px; color: #fff;}
#counter .item i{ font-size: 38px; color: #fff;}

/* testimonial */

#testimonial { padding: 70px 0;}
#testimonial h2 {color: #509ac9;}
#testimonial .row {row-gap: 20px;}
#testimonial .testimonialslider .owl-item { border: 1px solid gray; padding: 20px; height: 215px; overflow-y: scroll;}
#testimonial .testimonialslider .owl-item::-webkit-scrollbar {width: 1px; height: 100%;}  
#testimonial .owl-item h5 { color: #509ac9; 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: linear-gradient(#509ac9, #509ac9); border-radius: 5px; transition: .5s;}
#testimonial .reviewbtn a:hover{background: linear-gradient(#509ac9, #509ac9);}

/* footer */

footer .footertop{background-color: #f5f5f5; padding: 70px 0px 20px;}
footer .row{row-gap: 25px;}
footer .footertop .about a img{width:30%; border-radius: 10px;}
footer .footertop .about p{color: #000; font-size: 15px; margin-top: 20px; width: 70%;}
footer .footertop ul{list-style: none;}
footer .footertop ul li{color: #000; margin-top: 10px;}
footer .footertop ul li a{color: #000; font-size: 16px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer ul li h4{color: #509ac9;}
footer .footertop ul li a:hover{color: #509ac9;}
footer .footertop .addres li{margin-bottom: 20px;}
footer .footertop .addres li i{color: #509ac9; font-size: 22px;}
footer .footerboo ul{display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #509ac936;padding-top: 20px;}
footer .footerboo{background-color:#f5f5f5; padding: 20px;}
footer .footerboo .soical li:first-child{color: #509ac9; 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: #509ac9; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover{background-color: #000;}
footer .footerboo ul li img{width: 200px; background-color: #509ac9; padding: 0px 10px 8px; border-radius: 100px;}

  /* 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: #509ac9; color: #fff;}
.modal .btn-theme:hover{background-color: #000; color: white;} 
.modal .form-control{border-radius: 0px; border: none; box-shadow: none; background-color: #f3f3f3;}
.modal .form-control:focus{border-color: #000;}
.modal .submit{background-color: #509ac9; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}
.modal .submit:hover{background-color: #509ac9;}