*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
  --theme-color:  #FFEEF0;
  --pane-padding: 5px 42px;
  --theme-font: "Playfair Display", serif;
  --theme-font-para: "Lato", ,sans-serif;
  --active-color: #fea801;
  --dark-pink: #E25D9D;
  --dark-blue: #67cfd0;
  --trans: all .3s ease-in-out;
  --graycolor: #d5d5d5;

}
body{ text-align:justify; }

body a , body a hover{ text-decoration:none; }
.header{background-size: cover; height: 100vh; background-position: center; background-repeat: no-repeat;}
nav.navbar.navbar-expand-lg.bg-light {
    padding: 15px 15px;
    margin: 0px auto;
    background-color: transparent !important;
}
.header h2{position: relative; font-size: 53px; font-weight: 900; line-height:57px;font-family:var(--theme-font);}
.header h2:before{position: absolute; content:""; height:4px; width:40%; background-color:var(--dark-pink); top:-20px; left:0;  }
.header h3{position: relative; font-size: 50px; font-weight: 500; line-height: 57px; color: #6ec9c6;  font-family:var(--theme-font);}
.header .headerText {margin-top:10%; }
.navbar-brand img {
    max-width: 73%;
}
 
.grunge ,.grunge2{ position:relative; }
.grunge img  { max-width:53%; }
.grungText {
    position: absolute;
    left: 21px;
    content: "";font-family:var(--theme-font);
    top: 0;
    font-size: 38px;
    font-weight: 700;
    color: var(--dark-pink);
}

.grunge2 img{ max-width:30%; margin-top:5px; }
.grunge2 .grungText {
    color: #fff !important;
    left: 0;
    right: 0;
    font-size: 43px;   

 }
 .whatWeDo h4{ color:var(--dark-pink); font-size:23px; font-family:var(--theme-font); }
.whatWeDo p.firstP {
    color: #4c4c4c;
    font-size: 18px;
    font-family: var(--theme-font-para);
    font-style: italic;
    line-height: 27px;
    font-weight: 400; padding: 15px 99px !important;
}

.whatWeDo .col-sm-5 p {
    color: #4c4c4c;
font-size: 21px;
    line-height: 36px;    font-family: var(--theme-font);
  }
 .whatWeDo .col-sm-5 { display:flex; align-items:left; justify-content:center; flex-direction:column; }

.btn-new img {
    max-width: 22%;
    margin-right: 9px;    transition: var(--trans);

}

 li.nav-item {
    font-size: 17px;
    margin-right: 10px;
    font-family: var(--theme-font-para)!important;
    color: #000;
    font-weight: 600;
}
.navbar-expand-lg .navbar-nav .nav-link{      color: #000;
  font-family: var(--theme-font-para)!important;
}
a.nav-link.active {
    color: var(--dark-pink)!important;
}
.buttonNav {
    background-color: var(--dark-pink);
    width: auto;
    height: auto;
    border-radius: 10px;
    color: #fff !important;
    font-style: italic;
    font-size: 20px;
}

.weDoDiv { min-height:275px; background-size: cover;   background-position: center; background-repeat: no-repeat; position: relative; border-radius: 10px; display: flex; align-items: center; justify-content: start; padding: 15px 40px;}
.weDoDiv h4{ font-size:28px; font-family:var(--theme-font);margin-bottom:15px; }
.theme-color{color: var(--theme-color);}
.btn-new{ width:auto; border-radius:10px; background:#fff;  font-size:14px; font-style:italic; transition: var(--trans); border: 1px solid #fff;}
.btn-new:hover{  border-radius:10px; background:transparent; color: #fff; border: 1px solid #fff; font-size:14px; font-style:italic;  transition: var(--trans); }

.aboutUS2 .btn-new {
    box-shadow: 2px 4px 12px rgb(0 0 0/8%);
    width: fit-content;
    padding: 6px;
    font-size: 20px;
    font-style: italic;
    color: #000;
    line-height: 33px;
    display: flex;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    transition: var(--trans);     border-radius: 31px;

}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    border-radius: 0px;
    height: 50px;
    margin-top: 0px;
    border: none;
}
.aboutUS2 .btn-new:hover{   box-shadow: 2px 4px 12px rgb(0 0 0/8%);
    width: fit-content!important;
    padding: 6px;
    font-size: 20px;
    font-style: italic;
    color: #000!important;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--trans); }
.aboutUS2 .btn-new:hover img , .btn-new img:hover{ transform:rotate(360deg); transition: var(--trans); }

.whatWeDo .col-sm-6{ position:relative; }
.whatWeDo .col-sm-6:first-child .weDoDiv:after {
    position: absolute;
    content: "";
    background-image: url(http://beautyesthetics.in/assets/img/design-1.png);
    left: -80px;
    top: -107px;
    background-position: top;
    background-size: contain;
    min-height: 200px;
    width: 200px;
    background-repeat: no-repeat;    z-index: -1;

}


.whatWeDo .col-sm-6:nth-child(2) .weDoDiv:after {
    position: absolute;
    content: "";
    background-image: url(http://beautyesthetics.in/assets/img/design-1.png);
    right: -80px;
    bottom: -107px;
    background-position: bottom;
    background-size: contain;
    min-height: 200px;
    width: 200px;
    background-repeat: no-repeat;  z-index: -1;
}
.testi{ background-size:cover;  background-repeat:no-repeat; padding:52px 0px }
.aboutUS { padding-top:100px;  }
.mainFont { color:var(--dark-pink); font-size:45px; font-weight:700;margin-bottom:20px; letter-spacing:1px; font-family:var(--theme-font); }
.testDiv {
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    padding: 30px 30px;
    font-size: 20px;
    line-height: 31px;
    font-family: var(--theme-font-para);
    font-style: italic;
}.testiName{position: absolute; content: ""; left: 0; right: 0; margin: auto; background-color: var(--dark-pink); color: #fff; height: auto; padding:4px 15px;font-size: 20px; width: 150px; border-radius: 20px;bottom:-15px;}

.grunge3 img{ max-width:100%;  }
.grunge3 .grungText {
    color: #67cfd0 !important;
    /* left: 40px; */
    right: 0;
    top: 9px;
    font-size: 45px;
    display: flex;
    align-items: center;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
}
 .grunge3 {
     width: 69%; 
    margin: 10px auto 20px;
    position: relative;
}
.owl-stage-outer {
    height: 275px;
}
.comma{max-width: 60%; margin-bottom: 30px;}

button.owl-dot {
    height: 10px;
    width: 10px;
    background: #fff !important;
    border-radius: 50%; margin-right: 10px;
}



.owl-carousel { position:relative; }

.owl-carousel:before {
    position: absolute;
    content: "";
    background-image: url(http://beautyesthetics.in/assets/img/White-Design.png);
    left: -80px;
    bottom: 0;
    background-position: top;
    background-size: contain;
    min-height: 200px;
    width: 200px;
    background-repeat: no-repeat;    z-index: -1;

}


.owl-carousel:after {
    position: absolute;
    content: "";
    background-image: url(http://beautyesthetics.in/assets/img/White-Design.png);
    right: -80px;
    top: -107px;
    background-position: bottom;
    background-size: contain;
    min-height: 200px;
    width: 200px;
    background-repeat: no-repeat;  z-index: -1;
}


.formDiv .form-group{margin-bottom: 30px;}

.formDiv input.form-control{height: 50px; border-radius: 0px; border:none ; font-style: italic;}
textarea.form-control{  border-radius: 0px; border:none ;  }

.formDiv {
    background-color: var(--theme-color);
    padding: 60px 40px 5px;
    border-radius: 30px; margin-top: ;
}
.formDiv .btn-new {
    width: auto;
    font-size: 17px;
    margin: auto;
    display: flex;
    color: #000;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    border-radius: 31px;
    padding: 3px 10px 3px 3px;
}

.formDiv .btn-new img{max-width: 20%;}
    .formDiv .btn-new:hover{ width: auto!important;
    font-size: 17px; padding: 3px 10px 3px 3px; box-shadow: 2px 4px 12px rgb(0 0 0/8%); background-color: #fff}


    .timing h4 {
    display: flex;
    color: #fff;
    justify-content: start; color: #000;
}

.timing h4 img, .timing h4 span {
     margin-right: 20px; 
}

.timing { display:flex; justify-content:center; align-items:start; flex-direction:column;  height: 100%; }
.timing h4 {
    font-size: 30px;
    font-family: var(--theme-font);
    font-weight: 600;
}

.timing h4 img {
    max-width: 40px;
    margin-top: -1px;
}

.timing h5 {
     font-family: var(--theme-font-para) !important;
    line-height: 33px;
    font-style: italic;
    color: #666666;
    font-size: 22px;
    font-weight: 400;
}
.marginBtm { margin-bottom:50px; }
.footer { background-color:var(--theme-color) ; padding:30px 15px; }
#logo { max-width:90%; }
.footer .col-sm-4 p {    display: flex;
    color: #fff;
    justify-content: start; color: #000; font-family: var(--theme-font-para); font-style: italic; font-size: 15px; color: #666;}

    .footer .col-sm-4 p img, .footer .col-sm-4 p span {
    display: block;
    margin-right: 20px;
}

.footer h4 { font-size:24px; font-weight:600; font-family:var(--theme-font); color:#000;     margin-bottom: 20px;
}
.footer .logoD{
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}
.footer p img {
    height: 15px;
    width: 15px;
    margin-top: 3px;
}

.social img { margin-right:10px; }

    .footer .btn { background:#fff; }
    .footer .input-group .form-control{ background:#fff; height:50px; border:none; border-radius:30px; padding-left: 15px; color: #000; font-style: italic;}

    .footer .btn {
    background: #fff;
    height: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px; padding: 0px 3px;
}
.copy { font-size:15px; font-style:italic; padding:14px 10px ; color: #000; text-align:center; font-family:var(--theme-font-para); }
.copy a { color:var(--dark-pink) ; text-decoration:none; }

.aboutPage .col-sm-12 h4 { color: var(--dark-pink);    font-size: 37px;    font-family: var(--theme-font); }
.aboutPage .col-sm-6 h4 { color: var(--dark-blue);    font-size: 33px;    font-family: var(--theme-font);    text-align: left;
 }
.aboutPage .col-sm-12 p , .aboutPage ul li { font-size: 21px;
    font-family: var(--theme-font-para);
    font-style: italic;
    line-height: 32px;
    margin-bottom: 12px;     color: #666;

} 
.aboutPage h5 {   font-family: var(--theme-font);  font-size: 24px;}
.aboutPage ul li{   font-family: var(--theme-font-para); color: #666; list-style-type: auto; font-size:21px;}
.themePink{ color:var(--dark-pink)!important; }
.themeblue{ color:var(--dark-blue)!important; }


.boxMyth2 , .boxMyth1 { padding:30px; font-size:21px; font-weight: 700; text-align:center;  border-radius: 20px; color: #fff;font-style: italic; font-family: var(--theme-font-para);}
.boxMyth2{ background-color:var(--dark-pink)!important; }
.boxMyth2 p, .boxMyth1 p { font-size:17px; font-weight: 400!important; font-style: normal;  font-family: var(--theme-font-para);}
.boxMyth1{ background-color:var(--dark-blue)!important; }
.aboutBeautyImg  { position:relative;  background-position: center;
    background-size: cover; min-height:461px;  background-repeat: no-repeat;}
.aboutBeautyImg:before{   position: absolute;
    content: "";
    background-image: url(http://beautyesthetics.in/assets/img/design-1.png);
    right: -60px;
    top: -25px;
    background-position: top;
    background-size: contain;
    min-height: 200px;
    width: 200px;
    background-repeat: no-repeat;    z-index: -1; }
 

 .boxMyth2 .grungText , .boxMyth1 .grungText {
    font-size: 39px;
    top: -5px;
    font-weight: 700;
    /* margin: auto; */
    /* display: block; */
    left: 0;
    right: 0; font-style: initial;
}

.serviceB .col-sm-8{ margin:30px 0px; display:flex; align-content:start; justify-content:center; align-items:start; flex-direction:column; }
.serviceB h4{ font-size:28px;  font-family:var(--theme-font); }
.serviceB p{ font-size:24px;font-style:italic; font-family:var(--theme-font-para);   }
.serviceB img { max-width:80%; }
.serviceBTop{ margin-top:90px; }

    .testimonials  {     background-size: cover;
    background-repeat: no-repeat;
     
    width: 100%;
    min-height: 495px; 
    display: flex; justify-content: center; align-items: center; flex-direction: column;}
 
.testimonials .testiName {text-align: center;}
.testimonials .img-fluid {
    max-width: 85%;
    height: auto;
}

img.img-fluid.comma {
    position: absolute;
    top: -65px;
    max-width: 85px;
}

.staticC.grungText {
    font-size: 39px;
    top: 0px;
    font-weight: 700;
}
.staticC .grunge img {
    max-width: 59%;
    margin-left: -15px;
}
@media all and (max-width:767px){
    .whatWeDo p.firstP{ padding:15px 15px !important; }

    .weDoDiv {
    margin-bottom: 30px;
}
.serviceBTop {
    margin-top: 30px;
}
.serviceB img {
    max-width: 80%;
    margin: auto;
    display: block;
}
.testimonials .img-fluid {
    max-width: 100%;
    height: auto;
    margin: 20px auto;
    display: block;
}
.testimonials{padding: 85px 15px;}
.grunge2 img {
    max-width: 64%;
    margin-top: 0px;
}
.aboutUS2 .mainFont{ margin-top:30px; }
.grunge2 .grungText{     font-size: 30px;    text-align: center; }
button.btn.btn-new {
    margin: 20px auto;
}
img.img-fluid.comma {
    position: absolute;
    top: -70px;
    max-width: 70px;
}

.testimonials .testDiv {
    margin-top: 40px;
}
.grunge3 {
    width: 100%;}
    .grunge3 .grungText{     font-size: 23px;}
.owl-stage-outer {
    height: auto;
}
.aboutPage .col-sm-12 h4 {
    color: var(--dark-pink);
    font-size: 30px;
    font-family: var(--theme-font);
    text-align: left;
}

.aboutBeautyImg {
    position: relative;
    background-position: center;
    background-size: contain;
    min-height: 375px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}
/*.header {
    height: 34vh!important;
}*/
.boxMyth1 { margin-bottom:30px; }

.boxMyth2 .grungText, .boxMyth1 .grungText {
    font-size: 34px;
    top: -4px;}
.header .grungText {
    font-size: 29px !important;
    top: 2px;
    font-weight: 800;
}
.owl-carousel:after{ display:none; }
input.form-control {
    margin-bottom: 30px;
}
.formDiv .form-group {
     margin-bottom: 0px; 
}
.timing {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    height: 100%;
    margin-top: 30px;
    padding: 15px;
}
}


.header.Medifacial{ background-image:url('http://beautyesthetics.in/assets/img/Medifacial-Banner.jpg') }
.header.about{ background-image:url('http://beautyesthetics.in/assets/img/Banner_about.jpg') }
.header.skincare{ background-image:url('http://beautyesthetics.in/assets/img/Skincare-Banner.jpg') }
.header.haircare{ background-image:url('http://beautyesthetics.in/assets/img/Banner_hair.jpg') }
.header.anti{ background-image:url('http://beautyesthetics.in/assets/img/Anti-Ageing-Banner.jpg') }
.header.home{ background-image:url('http://beautyesthetics.in/assets/img/Banner.jpg') }
.header.microblading{ background-image:url('http://beautyesthetics.in/assets/img/Microblading-Banner.jpg') }
.header.fatloss{ background-image:url('http://beautyesthetics.in/assets/img/Fatloss Banner.jpg') }

@media all and (max-width:767px){
    a.navbar-brand {
    width: 171px;
}
.header.Medifacial{ background-image:url('http://beautyesthetics.in/assets/img/Manifacial-Banner.jpg') }
.header.about{ background-image:url('http://beautyesthetics.in/assets/img/Antiageing-Banner.jpg') }
.header.skincare{ background-image:url('http://beautyesthetics.in/assets/img/Skincare-banner.jpg') }
.header.haircare{ background-image:url('http://beautyesthetics.in/assets/img/Haircare-Banner.jpg') }
.header.anti{ background-image:url('http://beautyesthetics.in/assets/img/Antiageing-Banner.jpg') }
.header.microblading{ background-image:url('http://beautyesthetics.in/assets/img/Microblading-Mobile-banner.jpg') }
.header.fatloss{ background-image:url('http://beautyesthetics.in/assets/img/Fatloss-mobile-nanner.jpg') }
.grunge img {
    max-width: 70%;
    margin-left: -10px;
}
.header h2 {
    position: relative;
    font-size: 40px!important;     line-height: 42px!important;
}
.header h3 {
    position: relative;
    font-size: 38px!important;     line-height: 42px!important;
}
.header {
    height: 100vh!important;
}
.whatWeDo .col-sm-6:first-child .weDoDiv:after , .whatWeDo .col-sm-6:nth-child(2) .weDoDiv:after{display: none;}
.header .col-sm-6{ margin-top:20px; }
.serviceB h4 {text-align: left;}
}