@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Urbanist:wght@300;400;500;600;700&display=swap');


body {
  font-family: 'Urbanist', sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  overflow-x: hidden;
  color: #111;
  background: rgb(255,248,232);
  background: linear-gradient(90deg, rgba(255,248,232,1) 0%, rgba(255,255,255,1) 47%, rgba(238,238,250,1) 100%);
  letter-spacing: 1px;
}

.curve-font{ font-family: 'Fraunces', serif; }

p {
  font-size: 16px;
  color: #222; 
}

img {
  max-width: 100%;
  border: 0; }

.clear {
  clear: both;
  float: none;
  width: 100%; }

.clearfix::after {
  display: block;
  content: "";
  clear: both; }

a {
  text-decoration: none !important;
  transition: all 0.2s ease-in;
  color: #fa0a0; }

a:hover {
  color: #111; }

a, span {
  display: inline-block; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb-100 {
  margin-bottom: 100px; }

.mt0 {
  margin-top: 0px !important; }

.pt15 {
  padding-top: 15px; }

.pl-0 {
  padding-left: 0; }

.pr-0 {
  padding-right: 0; }

.no-padding {
  padding: 0px; }

.img-responsive {
  width: 100%;
  height: auto; }

/*------------------common-css-------------------*/

.common-btn {
  font-size: 18px;
  background: #ffa0a0;
  color: #fff;
  padding: 18px 36px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
  border: 0;
  border-radius:10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  min-width:220px;
  font-weight: 500;
  text-align: center;
}

.common-btn:hover {
  background: #ee647e;
  color: #fff;
}

.title-col{ margin-bottom:50px; text-align: center; }

.title {
  position: relative;
  font-size:90px;
  font-weight:300;
  color: #000;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Fraunces', serif;
}

.title-para{ font-size:16px; text-align: center; }

.form-control {
    border-radius:5px;
    padding: 1.3rem 1.5rem;
    font-size: 15px;
	  height:48px;
    border-color:#ccc;
    font-weight: 600;
    background: #fff;
}

.form-control:focus{ border-color:#ffa0a0; background: #f9d3cc; }

textarea.form-control{ height: auto; }

select.form-control {
  padding-left: 15px !important;
  height: 48px;
  padding: 0px;
}

:focus {
  outline: none !important; 
}

.mt-7{
  margin-top:5rem!important;
}

@media (min-width: 992px){
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
}

/*------------------end common-css-------------------*/

.logo img{ max-height:80px; transition: all 0.2s ease-in;  }

.main-header {
  padding: 15px 0;
  transition: all 1s ease;
  background:none;
  width: 100%;
  z-index: 9;
}

.main-header .navbar-nav {
  align-items: center;
}

.main-header .navbar-expand-lg .navbar-nav .nav-link {
  color: #000;
  font-size: 18px;
  font-weight:600;
  margin: 0px 18px;
  padding: .6rem 0.1rem;
  transition: all 0.1s ease-in;
  text-transform: uppercase;
  position: relative;
}

.main-header .navbar-expand-lg .navbar-nav .nav-link:hover{ color:#ffa0a0; }

.navbar-nav li:last-child .nav-link:after{ display: none; }

/*---------------banner--------------------*/

.banner{ position: relative; }

.banner-text{ position: absolute; transform: translate(-50%, -50%); width: 100%; left: 50%; top: 50%; max-width: 1100px; text-align: center; padding: 0px 30px; opacity: 1; z-index: 1; }

.banner-text h5{ color: #fff; margin-bottom:10px; font-size:2rem; font-weight: 300;  text-transform: uppercase; }
.banner-text h1{  text-align: center; color: #fff; font-size:90px; text-transform: uppercase; font-weight:300; margin-bottom:30px; }

.banner-pic{ background: #000; }
.banner-pic img{ opacity: 0.7; height:83vh; object-fit: cover; width: 100%; }


.benefit-sec{ padding:90px 0px; }

.benefit-para{ max-width: 940px; margin: auto; text-align: center; margin-bottom:90px; }
.benefit-para p{ font-size: 18px; line-height: 32px; }

.benefit-col{ text-align: center; padding:80px 45px; border:2px solid #f4b0b0; border-radius:210px; margin: 0px 15px; height: 100%; }
.benefit-ico{ margin-bottom:30px; }
.benefit-txt{ margin-top: 10px; }
.benefit-txt h4{ color: #000; font-weight:300; font-size:38px; margin-bottom:15px; text-transform: uppercase; }
.benefit-txt p{ color: #111; font-weight:400; font-size:16px; margin-bottom:0px; padding: 0px 20px; }
.benefit-txt h6{ color: #f18181; font-weight:700; font-size:26px; margin-bottom:0px; padding: 0px 30px; text-transform: uppercase; }

.about-dr{ background: url(../images/rela_bg-9.png) no-repeat; background-position: top right; padding-bottom: 50px; }

.about-drpic{ overflow: hidden; border-top-left-radius: 350px; border-top-right-radius: 350px; }
.about-drpic img{ min-height: 600px; max-height: 600px; object-fit: cover;  width: 100%; }

.about-drtext{ padding: 0px 50px; }
.about-drtext h6{ font-size:26px; font-weight: 300; }
.about-drtext h3{ font-size:90px; font-weight: 300; margin-bottom:20px; }
.about-drtext p{ color: #111; font-weight:400; font-size:17px; margin-bottom:30px; line-height:30px; }

.infocolon-sec{ padding: 50px 0px; }

.infocolon-pic{ overflow: hidden; border-top-left-radius: 350px; border-top-right-radius: 350px; }
.infocolon-pic img{ min-height: 600px; max-height: 600px; object-fit: cover; width: 100%; }

.infocolon-text{ padding-right:50px; }
.infocolon-text h6{ font-size:26px; font-weight: 300; margin-bottom:10px; }
.infocolon-text h3{ font-size:64px; font-weight: 300; margin-bottom:30px; }
.infocolon-text p{ color: #111; font-weight:400; font-size:17px; margin-bottom:30px; line-height:30px; }

.recommcolon-sec { padding: 50px 0px; }

.recommcolon-title h6{ font-size:28px; font-weight: 300; }

.recommcolon-text ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-wrap:wrap; }
.recommcolon-text ul li {
  border: 1px solid #111;
  border-radius: 10px;
  padding: 13px 10px;
  flex: 0 0 46%;
  max-width: 46%;
  text-align: center;
  margin: 10px;
}

.treatment-sec{ padding: 70px 0px; }
.treatment-col{ text-align: center; margin-bottom: 40px; padding: 0px 10px; }

.treatment-pic{ overflow: hidden; border-top-left-radius: 350px; border-top-right-radius: 350px; }
.treatment-pic img{ min-height:410px; max-height:410px; object-fit: cover; width: 100%; }

.treatment-txt{ margin-top: 30px; }
.treatment-txt h4{ font-size: 22px; color: #e87272; font-weight:400; margin-bottom:20px; text-transform: uppercase;  padding: 0px 10px; }
.treatment-txt h4 a{ color: #e87272; }
.treatment-col:hover .treatment-txt h4 a{ color:#292929; }
.treatment-txt p{ padding: 0px 20px; min-height: 71px; }
.treatment-txt h3{ margin-bottom: 25px; margin-top:25px; }

.faqs-sec{ padding:0px 0px 80px; }

.faqs-sec .faq-questions{ max-width: 900px; margin: auto; }

.faq-questions .card-header {
  background: #fff;
  margin-top:15px !important;
  border: 1px solid #333;
  padding: 15px 25px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 0px !important;
}

.faq-questions .card-header.collapsed a.card-title {
  color: #2A2A2A;
  font-weight: 400;
  font-size: 18px;
}
.faq-questions .card-header a.card-title{ color:#f47979; font-weight:400; font-size: 18px; }

.faq-questions .card-header a.card-title:hover{ color:#f47979; }

.faq-tabs-sec ul.nav.nav-pills { margin-bottom: 10px; }

.faq-questions .card{ border: none; background: none; }
.faq-questions .card-body {
  background: #fff;
  padding: 0px;
  margin-bottom: 10px;
  border: 1px solid #000;
  margin-top: -8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.faq-questions .card-body p {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  padding: 20px;
}

.faq-questions .card-title{ font-size:20px; margin-bottom:0; width:100%; padding-right: 70px;  }

.accordion .card-header:after {
  font-family: 'Line Awesome Free';
  font-weight: 900;  
  content: "\f068";
  float: right;
font-size:21px;
color:#2A2A2A;
position: absolute;
  right:20px;
}
.accordion .card-header.collapsed:after {
  content:"\f067";
color:#000; 

}


.testimonial-wrapper {
  padding:30px 0 110px;
  background: url(../images/rela_bg-9.png) no-repeat;
    background-position: top right;
}

.testi-star img {
  width: auto !important;
  margin: 25px auto 0;
}

.testi {
  text-align: center;
}

.testi p {
  font-size:21px;
  font-weight: 100;
  font-style: italic;
  color: #000;
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: auto;
}

.testimonial-wrapper .owl-nav .owl-prev {
  position: absolute;
  color: #000;
  top: 50%;
  left:0;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px;
}

.testimonial-wrapper .owl-nav .owl-next {
  position: absolute;
  color: #000;
  top: 50%;
  right:0;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px;
}

.testimonial-wrapper .owl-nav span {
  position: relative;
}

.testimonial-wrapper .owl-nav i {
  font-size:40px;
  color: #000;
line-height: 55px;
}

.bookservice{ background: #ffa0a0; background: url(../images/book-vector.jpg) no-repeat #ffa0a0; background-position: left; padding:60px 50px; text-align: center; }
.inner-bookservice{ max-width:900px; margin: auto; width: 100%;}
.bookservice p{ font-size: 26px; font-weight: 300; color: #000; }
.bookservice h2{ font-size:62px; font-weight: 300; }
.bookservice .common-btn{ background: #fff; color: #000; margin-top:10px; }

footer{ padding: 60px 0px 30px; }

.joinmailing-sec{ display: flex; align-items: center; justify-content: center; }

.joinmail-form {
  flex: 0 0 40%;
  max-width: 40%;
}

.joinmailtext{ font-size: 24px; color: #000; margin-right: 30px; }

.subscribe-form {
  width: 100%;
  position: relative;
}

.subscribe-form input {
  font-size: 16px;
  border: 1px solid #e1e1e1;
  padding-left: 20px;
  font-weight: 500;
}

.subs-btn {
  background: #ffa0a0;
  border: 0;
  font-size: 15px;
  position: absolute;
  top: 4px;
  right: 4px;
  color: #fff;
  padding: 8px 20px;
  border-radius: 5px;
  text-transform: uppercase;
}

.bottom-footer{ margin-top:60px; }

.bottom-footer h4 {
  color: #000;
  font-size: 26px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 400;
}

footer ul {
  list-style: none;
  padding: 0;
}
.footer-links li a {
  font-size: 17px;
  font-weight:500;
  margin-bottom:12px;
  color: #111;
  text-transform: uppercase;
}

.footer-contact p{ margin-bottom:12px; }

.footer-contact a {
  font-size: 17px;
  font-weight:500;
  margin-bottom:0px;
  color: #111;
}

.footer-timing p{ font-size: 17px; color: #111; font-weight:500; }

.footer-social a {
  font-size: 26px;
  padding: 2px 5px;
  color: #414141;
}

.copyright{ margin-top:20px; }

.copyright p {
  color: #111;
  margin: 0px;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
}

.copyright p a {
  font-size: 15px;
  color: #000;
}

footer a:hover{ color:#ee647e; }


/*--------------inner page---------------*/

.inner-banner{ position: relative; }

.inner-banner-text {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 100%;
  left: 50%;
  top: 50%;
  max-width: 1100px;
  text-align: center;
  padding: 0px 30px;
  opacity: 1;
  z-index: 1;
}

.inner-banner-text h5{ color: #fff; margin-bottom:10px; font-size:2rem; font-weight: 300;  text-transform: uppercase; }
.inner-banner-text h1{  text-align: center; color: #fff; font-size:90px; text-transform: uppercase; font-weight:300; margin-bottom:30px; }

.inner-banner-pic{ background: #000; }
.inner-banner-pic img{ opacity: 0.7; max-height:400px; min-height:400px; object-fit: cover; width: 100%; }

.inner-page{ padding:90px 0px; }

.aboutdr-sec2{ margin-top: 60px; }
.aboutdr-sec2 .about-drtext{ padding-left: 0px; }

.aboutdr-sec2 .about-drtext h4 {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 20px;
}

.aboutdr-sec3{ margin-top:80px;  }
.aboutdr-sec3 p {
  color: #111;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 30px;
  line-height: 30px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.bg-primary { background-color:#ee647e !important; }

.text-white { color: #fff !important; }
.text-white p{ color: #fff !important; }

.btn-square, .btn-sm-square, .btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  width: 38px;
    height: 38px;
    transition: .5s;
    font-size: 20px;
    margin-right: 10px !important;
}

.bg-primary.text-white.d-flex.flex-column.justify-content-center.h-100.p-5 {
  border-radius: 30px;
  box-shadow: 20px 20px 30px rgb(0 0 0 / 5%);
  background: url(../images/rela_bg-9.png) no-repeat;
    background-position: top right;
    margin-right:20px;
}

.servicedt-para{ margin-bottom:60px; }

.servicedt-para p {
  color: #111;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 30px;
}

.mt-7{ margin-top: 10rem; }

.servicedt-cols1 .infocolon-text{ padding-left: 50px; padding-right: 0px; }
.servicedt-cols1 .flex-lg-row-reverse .infocolon-text{ padding-left: 0px; padding-right:50px; }

.inner-servicedt {
  background: #fff;
  padding: 20px 30px;
  border-radius: 20px;
  margin-bottom: 10px;
  box-shadow: 5px 15px 30px rgb(0 0 0 / 5%);
}

.inner-servicedt h3{ margin-bottom: 15px; color: #e87272; }

.inner-servicedt h4{ margin-bottom: 0px; color: #555; font-size: 20px; }
.servicedt-combo{ margin-top:10px; }
.inner-servicedt-left { padding-right: 50px; }

.sub-title{
  font-size: 64px;
    font-weight: 300;
    margin-bottom: 30px;
}

.servicedt-pic img{ min-height: 325px; max-height: 325px; width: 100%; object-fit: cover; }

.servicedt-col1{  margin-bottom: 40px; }
.servicedt-pic{ margin-bottom: 30px; text-align: center; }
.servicedt-text p {
  color: #111;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 30px;
  line-height: 30px;
}

.servicedt-text ul{ margin-top:20px; }
.servicedt-text ul li{ margin:6px 0px; font-size: 17px; }

.watertheraphy-sec{ text-align: center; }
.watertheraphy-sec p{ 
  color: #111;
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 30px;
    line-height: 30px;
 }

.sub-title2{
  font-size: 32px;
    font-weight: 500;
    margin-bottom:10px;
}

.inner-servicedt h4 span{ color:#e87272; font-weight: 700; text-decoration: underline; }

.main-header .dropdown-item{ font-weight: 500; padding:10px 15px; text-transform: uppercase; }
.main-header .dropdown-item:hover{ background-color: #e87272; color: #fff; }
.main-header .navbar-nav .dropdown-menu{ min-width: 270px; overflow: hidden; }

.servicedt-col2{ margin-bottom: 40px; max-width: 1000px; margin-left: auto; margin-right: auto; }

.max1000{ max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }

.combonew-col {
  background: #fff;
  padding: 20px;
  padding-bottom: 80px;
  box-shadow: 5px 15px 30px rgb(0 0 0 / 5%);
  border-radius: 20px;
  height: 100%;
  position: relative;
}
.combonew-col h1{ color: #e87272; font-weight: 700; }

.combonew-col .common-btn{ position: absolute; bottom:20px; left: 0; width: 85%; right: 0; margin: auto; }
.inservice-dtcol .col-lg-3{ margin-bottom: 30px; }


/*-----------------media css-------------*/

@media (max-width:1180px){
.container{ max-width: 96%; }
.banner-text h1{ font-size: 70px; }
.banner-pic img{ height: 70vh; }
.benefit-sec { padding: 40px 0px; }
.title{ font-size: 70px; }
.title-col{ margin-bottom: 20px; }
.benefit-para{ margin-bottom: 50px; }
.benefit-col{ padding:70px 25px; }
.testi p{ max-width: 800px; }
.subs-btn{ top: 5px; right: 5px; }

}

@media (max-width:1024px){
.logo img{ max-height: 60px; }
.main-header .navbar-expand-lg .navbar-nav .nav-link{ font-size: 16px; }
.banner-pic img { height:400px; }
.banner-text h1 { font-size:50px; }
.banner-text h5{ font-size: 30px; }
.benefit-col{ margin: 0px 0px; }
.benefit-col { padding: 50px 25px; }
.about-drtext h3{ font-size: 50px; }
.about-drtext { padding: 0px 20px; }
.recommcolon-text ul li {
  flex: 0 0 44%;
  max-width: 44%;
  margin: 7px;
}
.recommcolon-sec{ padding-top: 0px; }
.title { font-size: 30px; }
.treatment-txt h4{ font-size: 26px; }
.treatment-txt p{ padding: 0px; }
.treatment-sec{ padding:0px 0px 20px; }
.treatment-sec .title-col{ margin-bottom:40px; }
.treatment-pic img{ min-height: 400px; max-height: 400px; }
.testimonial-wrapper{ padding: 0px 0 70px; }
.bookservice{ background-position: -75px; }
.bookservice h2{
    font-size: 50px;
    max-width: 700px;
    margin: auto;
}

.text-white p{ display: flex; margin-top: 11px; }
.text-white p i{ margin-top: 5px; }
.inner-banner-text h1{ font-size:70px; }


}

@media (max-width:985px){
.navbar-toggler{ background: #ffa0a0; padding-top: 5px; padding-bottom: 5px; font-size: 24px; }
.navbar-nav li .nav-link:after{ display: none; }
.navbar-nav li{ width: 100% !important; }
.main-header .navbar-expand-lg .navbar-nav .nav-link{ margin: 0px 0px; text-align: right; font-size: 18px; }
.benefit-ico img{ max-height:120px; }
.benefit-txt h4{ font-size: 44px; }
.about-drpic, .infocolon-pic{ border-top-left-radius: 450px; border-top-right-radius: 450px; }
.about-drtext { padding: 0px; margin-top: 30px; }
.about-dr{ margin-top: 30px; }
.infocolon-sec{ padding-top: 0px; }
.infocolon-text { padding-right: 0px; margin-top: 40px; }
.recommcolon-text ul li {
  flex: 0 0 48%;
  max-width: 48%;
  margin: 7px;
}
.recommcolon-text{ margin-top: 30px; }
.treatment-txt p{ font-size: 14px; min-height: inherit; }
.testi p { max-width: 750px; font-size: 18px; }
.aboutdr-sec2 { margin-top: 0px; }
.aboutdr-sec3{ margin-top: 0px; }
.text-white p{ font-size: 20px; }


}

@media (max-width:768px){
.benefit-col{ height: auto; margin-bottom: 30px; border-radius: 15px; }
.benefit-txt p{ font-size: 20px; }
.treatment-pic img {
  min-height: 300px;
  max-height: 300px;
}
.testi p {
  max-width: 550px;
  font-size: 16px;
}
.testimonial-wrapper .owl-nav i{ font-size: 30px; }
.bookservice h2 {
  font-size: 40px;
  max-width: 600px;
}
.copyright p{
  flex-direction: column;
    justify-content: center;
    text-align: center;
}



}

@media (max-width:740px){
.recommcolon-text ul li{ flex: 0 0 47%; max-width: 47%; }
.treatment-pic img {
  min-height: 500px;
  max-height: 500px;
}
.treatment-txt h4 br { display: contents; }
.treatment-txt h4 { font-size: 34px; }
.treatment-txt p{ font-size: 18px; }
.inner-page { padding: 50px 0px; }
.aboutdr-sec3{ text-align: left; }

}

@media (max-width:520px){
.infocolon-text h3{ font-size: 44px; }
.banner-text h1 { font-size: 32px; }
.banner-text h5 { font-size: 18px; font-weight: 400; }
.logo img { max-height: 50px; }
.banner-pic img { height: 300px; }
.benefit-para p {
  font-size: 15px;
  line-height: 23px;
}
.benefit-txt p{ font-size: 19px; padding: 0px; }
.about-drpic img, .infocolon-pic img, .treatment-pic img {
  min-height: 400px;
  max-height: 400px;
}
.recommcolon-text ul li {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 10px 0px;
}
.faq-questions .card-header.collapsed a.card-title{ font-weight: 600; }
.bookservice h2{ font-size: 29px; font-weight: 400; }
.bookservice { background-position: -285px; padding: 30px 25px; }
.joinmailing-sec{ flex-direction: column; }
.joinmailtext{ margin-right: 0px; }
.joinmail-form { flex: 0 0 100%; max-width: 100%; width: 100%; margin-top: 15px; }
.subs-btn{ position: static; width: 100%; margin-top:10px; font-size: 20px; }
.bottom-footer, .footer-timing { margin-top: 25px; }
.inner-banner-text h1 { font-size: 34px; word-wrap: break-word; }
.inner-banner-text h5{ font-size: 1.5rem; }
.inner-banner-pic img{ max-height: 300px; min-height: 300px; }
.text-white p{ word-break: break-word; }
.bg-primary.text-white.d-flex.flex-column.justify-content-center.h-100.p-5{ margin-right: 0px; }
.inner-servicedt{ flex-direction: column; }
.inner-servicedt-left { padding-right:0px; }


}












