@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: Gotham-Bold;
  src:url(../font/Gotham-Bold.ttf);
}
@font-face {
  font-family: Gotham-Medium;
  src:url(../font/Gotham-Medium.ttf);
}
@font-face {
  font-family: Gotham-Thin;
  src:url(../font/Gotham-Thin.ttf);
}
@font-face {
  font-family: Gotham-Light;
  src:url(../font/Gotham-Light.ttf);
}
/* .elementor-widget-heading .elementor-heading-title {
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;
} */
.elementor-widget-image-box .elementor-image-box-title {
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;
}


*{ margin: 0px; padding: 0px;} 
html, body{margin: 0;padding: 0; font: 18px/25px Gotham-Light; color: #000;scrollbar-color: #84194f #fff;scrollbar-width: thin;}
*,
:after,
:before { box-sizing: border-box}
.clearfix:after,
.clearfix:before { content: ''; display: table}
.clearfix:after { clear: both; display: block}
.clearfix{ clear: both;}
ul{list-style:none;margin: 0;	padding: 0;}
a, a:hover, a.active, a:active, a:visited, a:focus{color:#0c4da2;text-decoration:none;}

::-webkit-scrollbar {height: 12px; width: 6px; background: #fff;}
::-webkit-scrollbar-thumb { background: #84194f; -webkit-border-radius: 1ex; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
::-webkit-scrollbar-corner { background: #fff;}

/* --------- Common ------------------------------ */
.top-header-area {
    background: #84194f;
    padding: 10px 0;
}
.top-header-area ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: end;
}

.top-header-area ul li {
    color: #fff;
    border-right: 1px solid #fff;
    padding: 0 30px;
}

.top-header-area ul li:nth-last-child(1){
     border-right: 0px solid #fff;
    padding: 0 0 0 30px;
}
.top-header-area ul li a {
    color: #fff;
    font-size: 14px;
}

.sticky-icon a {
    z-index: 1;
    position: fixed;
    bottom: 2%;
    left: 20px;
    width: 45px;
    height: 45px;
    transition: 0.5s;
    background: #84194f;
    font-size: 25px;
    color: #fff;
    padding: 12px 12px;
    border-radius: 50%;
}

/**/

h4{  font-family: Gotham-Medium !important;}
.p-0{ padding: 0 !important;}
.m-0{ margin: 0 !important;}
.mb-80{margin-bottom: 80px;}
.p-l-0{ padding-left: 0;}
.p-r-0{ padding-right: 0;}
.sec-100{ width: 100%; padding: 100px 0; overflow: hidden;}
.sec-top-100{ width: 100%; padding-top: 100px; overflow: hidden;}
.sec-btm-100{width: 100%; padding-bottom: 100px; overflow: hidden;}
.sec-btm-40{width: 100%; padding-bottom: 40px; overflow: hidden;}
.mt-100{ margin-top: 100px; }
.bodyimg img{ width: 100%;}
.grey-bg{ background: #f5f5f3;}
.cream-bg{ background: #fff3e5;}
.flexirow { display: flex; justify-content: left; align-items: center; margin-bottom: 0;}

#skin, #nail, #hair {
    scroll-margin-top: 250px;
    /*padding-top: 140px;*/
}
/*-------------- Without Menu Logo Bar----------------*/
.logo-bx{ padding-left: 15px; float: left; padding-top: 10px;}
.logo-bx img{-webkit-animation-name: FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 10s;
  -webkit-animation-direction: alternate;width: 150px;}
/*-------- Menu Bar-----------------*/
.menubar{padding: 0; width: 100%;}
.inner-menu-bar{background:#000; padding: 0; width: 100%; height: 75px; color: #fff; margin: 0 auto; width: 100%;}
.sticky{ position: fixed; width: 100%; top: 0; z-index: 999;background: #ececec;}
.sticky-menu{ position: fixed; width: 100%; top:0; z-index: 999;transition:all 0.5s ease 0s; background: #f2f2f2;}
.sticky-menu .logo-bx img{width: 150px; } 
.sticky-menu .exo-menu{ padding-top: 20px;}

/* --------- Banner ---------  */
.p-100{ padding: 0 150px;}
.bannerbox{ padding-bottom: 0;}
.banner-slider{ position: relative;}
.banner-caption{position: absolute; top: 55%;}
.banner-caption p{ color: #84194f;}
.banner-caption h2{  font-family:Gotham-Light; font-size: 84px; color: #fff; line-height: 94px; padding-bottom: 45px;}

.banner-caption .readmore{ background: #84194f; padding: 11px 25px; color: #fef3e1; text-align: center; transition: all 0.5s; display: inline-block; position: relative;}
.banner-caption  .readmore .fa { background: #fff; color: #84194f; border: 1px solid #84194f; padding: 14px; margin-left: 15px; font-weight: lighter; font-size: 17px; transition: 0.5s;
  position: absolute; top: 0; right: 0;  -webkit-transition-duration: 1s;  -webkit-transform: translateX(1px); visibility: none; opacity: 0;}  
.banner-caption .readmore:hover{ background: #680033;}
.banner-caption .readmore:hover .fa{  -webkit-transition-duration: 500ms; -webkit-transform: translateX(30px); right: 0px;visibility: visible; opacity: 1; }
.banner-slider .owl-dots { width:auto; text-align: left; top: 40%; position: absolute; left: 0%;}
.banner-slider .owl-dots .owl-dot { background: none !important; margin: 15px; text-align: center; padding: 0px; background: #83194f !important;}
.banner-slider .owl-dots .owl-dot:hover{background: #fff !important; }
.banner-slider .owl-dots .owl-dot:hover button{color: #555555;}
.banner-slider .owl-dots .active {background: #fff !important;}
.bannerbox .homebanner{ display: flex; flex-direction: column;height: auto;}
.banner-slider .owl-dots .owl-dot button { background: none; border: none; padding: 0; color: #fff; font-size: 20px;width: 40px; height: 40px;  font-weight: bold; cursor: pointer;}
.banner-slider .owl-dots .owl-dot.active button { background: none; border: none; padding: 0; color: #555555; font-size: 20px;width: 40px; height: 40px;  font-weight: bold; cursor: pointer;}

.banner-slider .owl-item.active p { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;
  animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.2s;}
.banner-slider .owl-item.active h2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;
  animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.4s;}

.banner-slider .owl-item.active .readmore { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;
    animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.6s;}

.timebox p{height: 30px;}
img.footerlogo {width: 55%;}

/* ------------ Welcome Section--------------- */

.carebox { text-align: center; margin-bottom: 50px; padding: 0 45px;}
.carebox h4{ color: #5d5d5d;  font-family:Gotham-Medium;}
.carebox img{  filter: #ccc; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.6; width: 80%;}
.carebox a:hover img{ filter: none; -webkit-filter: none; opacity: 1;}
.carebox a:hover h4{ color: #84194f;}
.bright{ border-right: 1px solid #ddd;}


/* -------------- Search Area ----------------- */
.searcharea {margin: 60px 0;}

/* .searcharea{ padding-top: 50px;} */
.searcharea .widget{ margin-bottom: 0;}
.searchbox{ border: 1px solid #84194f; border-radius:45px ; height: 80px; width: 100%; position: relative; text-indent: 45px; }
.searchbox:focus{ outline: none;}
.submitsrch{ position: absolute;
  background:url('../images/search-icon.png') no-repeat #84194f; padding: 23px 75px; height: 80px; border: 0;right: 15px;  border-radius: 45px; background-position: center;}
.submitsrch:hover{background:url('../images/search-icon.png') no-repeat #411411;background-position: center;}
/* ------- Common Heading -------------------- */
.heading{ margin: 0% 0;position: relative; }
.heading.head-two { margin: 10% 0;position: relative; }
.heading h2{ font-size: 44px;  line-height: 55px; color: #851c51;  font-family: Gotham-Bold; margin-top: 0; font-weight: 900; }
.heading h2 span{ color: #84194f;}
.heading h1{ font-size: 44px; line-height: 75px; color: #851c51;  font-family: Gotham-Bold; margin-top: 0; font-weight: 900;}
.heading h1 span{ color: #84194f; font-weight: 500;}
.small-heading h2{ font-size: 44px; line-height: 75px; color: #851850;  font-family: Gotham-Medium; margin-bottom: 25px; margin-top: 0; }
.elementor-heading-title {font-size: 44px; font-family: Gotham-Medium !important;
   /* line-height: 52px !important; */
   }
  
/* ------------- Read More -------------- */
.viewmore{margin-top: 35px; border:0 ; background: #84194f; padding: 11px 25px; color: #fff; text-align: center; transition: all 0.5s; display: inline-block; position: relative;}
.viewmore .fa { background: #fff; color: #84194f;border: 1px solid #84194f; padding: 14px; margin-left: 15px; font-weight: lighter; font-size: 17px; transition: 0.5s;
  position: absolute; top: 0; right: 0;  -webkit-transition-duration: 1s;  -webkit-transform: translateX(1px); visibility: none; opacity: 0;}  
.blog-item .viewmore .fa { background: #fff; color: #84194f;border: 1px solid #84194f; padding: 14px; margin-left: 15px; font-weight: lighter; font-size: 17px; transition: 0.5s;
  position: absolute; top: 0; right: 0;  -webkit-transition-duration: 1s;  -webkit-transform: translateX(1px); visibility: none; opacity: 0;
}  


.viewmore:hover{ background: #680033; color: #fff;}
.viewmore:hover .fa{  -webkit-transition-duration: 500ms; -webkit-transform: translateX(30px); right: 0px;visibility: visible; opacity: 1; }

.viewmore:hover, .viewmore.active, .viewmore:active, .viewmore:visited, .viewmore:focus{color:#fff;text-decoration:none;}


.viewmore-white{margin-top: 35px; background: #fff; padding: 11px 25px; color: #84194f; text-align: center; transition: all 0.5s; display: inline-block; position: relative;}
.viewmore-white .fa { background: #fff; color: #84194f; padding: 15px; margin-left: 15px; font-weight: lighter; font-size: 22px; transition: 0.5s;
  position: absolute; top: 0; right: 0;  -webkit-transition-duration: 1s;  -webkit-transform: translateX(1px); visibility: none; opacity: 0;}  
.viewmore-white:hover{ background: #680033; color: #fff !important;}
.viewmore-white:hover .fa{  -webkit-transition-duration: 500ms; -webkit-transform: translateX(30px); right: 0px;visibility: visible; opacity: 1; }

.viewmore-white:hover, .viewmore-white.active, .viewmore-white:visited, .viewmore-white:focus{color:#84194f;text-decoration:none;}



.submit-white{margin-top: 35px; background: none; border: 1px solid #fff; padding: 11px 35px; color: #fff; text-align: center; transition: all 0.5s; display: inline-block; position: relative;}
.submit-white:hover{ background:#fff; border: 1px solid #fff; color: #84194f;}

/* --------------- About Tina ----------------- */
.abouthome img{ width: 100%; padding: 35px;}
.vitiligo-cont p.elementor-image-box-description{padding: 0 40px}

/* --------------- Solution ------------- */
.servicebox{ margin-top: 40px; column-count: 3 !important; column-gap: 18px; overflow: hidden; }
.solutionbox {  margin-bottom: 18px; overflow: hidden;    position: relative;}
.solutionbox img{ width: 100%;height: 300px; object-fit: cover;}
.solutionbox .servicecaption{ background: #84194f; padding:65px 25px; margin: 15px auto; visibility: none; opacity: 0; 
  position: absolute; bottom: 15px; left: 25px; right: 25px; top: 15px; text-align: center; 
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;}
.solutionbox .servicecaption:hover{visibility: visible; opacity: 0.8;   }
.solutionbox h3{ font-family:Gotham-Medium; font-size: 20px; color: #fff; }
.servicecaption .fa{ width: 48px; height: 48px; background: #fff; border-radius: 50%;padding: 12px;  font-size: 24px;  color: #84194f;}

/* ------------- Why Us ------------------ */
.whyus img{ width: 100%; padding: 0 15%;}
.whyus ul{ margin: 0; padding: 0;}
.whyus ul li{ background: url('../images/whyusicon.png')  0 30%  no-repeat; padding: 25px; padding-left: 60px;}
.whyus ul li h4{ font-family:Gotham-Medium;}


/* ----------------- Award Section------------------------ */
.parallax-bg { min-height: 600px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.heading-white{ margin-bottom: 35px;position: relative; }
.heading-white h2{ font-size: 60px; line-height: 75px; color: #fff;  font-family: Gotham-Light; }
.heading-white h2 span{ font-family: Gotham-Bold;}
.cn-text{ color: #fff; font-family: Gotham-Medium;}
.cn-text .fa{ width: 48px; height: 48px; background: #fff; border-radius: 50%; padding: 12px; font-size: 28px; color: #84194f; margin-right: 25px;}

/* ----------- Testimonial --------------- */
.testimonial-slider{ margin-top: 50px;}
.testibox{ text-align: center; padding:85px 0 0 0; position: relative;}
.testibox p {min-height: 100px;}
.testibox .avtarbox img{ width: 125px !important; margin: 0 auto;}
.testibox h3{font-family: Gotham-Medium; font-size: 22px;}
.testibox h5{ color: #84194f; font-size: 16px;}
.testiqoute{ left: 0; right: 0; position: absolute; width: 55px !important; height: 44px; margin: 0 auto; top: 10px;}


.testimonial-slider .owl-dots { width: 100%; text-align: center; margin-top: 45px;}
.testimonial-slider .owl-dots .owl-dot { background: #c6c6c6 !important; width: 25px; height: 6px; margin: 5px;}
.testimonial-slider .owl-dots .owl-dot:hover{background: #84194f !important; }
.testimonial-slider .owl-dots .active {background: #84194f !important;}

.youtubethumimg{ width: auto !important; margin: 0 auto; margin-top: 25px;}
.popup-youtube{ position: relative; display: inline-block;}
.popup-youtube .videoicon { position: absolute; top: 45%; left: 0; right: 0;
  margin: 0 auto; width: 54px; height: 54px; background: rgba(255,255,255,0.8); text-align: center;
  border-radius: 50%; padding: 10px;}
.popup-youtube .videoicon i { width: 100%; font-size: 26px; color: #83194f; margin-top: 5px; margin-left: 3px;  }

.popup-youtube:hover .videoicon{ background: #83194f;}
.popup-youtube:hover .videoicon i{ color: #fff;}

/* ---------- Opening Hours --------------- */
.opening-hours{ background: #84194f; overflow: hidden; padding: 50px 0; width: 100%; color: #fff;}
.opening-hours h3{ font-family: Gotham-Bold;border-right: 1px dotted #ccc;  padding: 16px 0; }
.timebox .fa{ margin-right: 10px;}
.timebox {margin: 20px auto;}

/* ----------- Footer------------------- */
.footer {  padding:80px 0 10px 0; background: #f5f5f3;   }

.foot-link{font-size: 20px;}
.foot-link h3{ color: #84194f;font-family: Gotham-Bold; position: relative; margin-bottom: 15px; font-size: 28px; margin-top: 0; float: left; width: 100%;}
.foot-about {font-size: 15px;  color: #5d5d5d;  line-height: 24px; margin-bottom: 40px;  margin-top: 25px;}
.linklink li{ background: url('../images/footlist.png') 0 50% no-repeat; padding-left: 15px;}
.foot-link ul{margin-top: 0px; padding: 0;}
.foot-link li{ font-size: 15px;color: #5d5d5d; margin-bottom: 5px; position: relative; list-style-type: square; }
.foot-link li a{color: #5d5d5d;transition: 0.3s;}
.foot-link li a:hover{ color: #84194f; padding-left: 5px; transition: 0.3s;}

.contact-link ul{ margin-left:0}
.contact-link li{list-style-type: none !important;width: 100%;  float: left;}
.contact-link li strong{font-family: Gotham-Medium;}
.contact-link li .fa{ margin-right: 5px;}
.contact-link li  p{ padding-top: 8px;}

.foot-social{ padding-top: 0px; float: left;}
.foot-social li{ display: inline-block; float: none; width: auto; margin-right: 7px; }
.foot-social li .fa{ color: #5d5d5d; font-size: 20px;}
.foot-social li .fa:hover{ color: #84194f;}

.copyright {  padding: 20px !important;  text-align: center; font-size: 16px;  border-top:1px solid #d3d3d3;margin-top: 17px; float: left; width: 100%;}
.copyright a{ color: #5d5d5d;}
.copyright a:hover{ color: #000;}
.copyright-text{ color: #5d5d5d;}




.stickymessage { position: fixed;top: 45%;right: 0; background: url(../images/book-appoinment.jpg) no-repeat;width: 44px;height: 228px; z-index: 999;}

.viewmore.btn-white {
  background: #fff;
  color: #111;
}

.request__form-body {
  text-align: center;
  padding: 75px;
}

/*left right modal*/
.modal.left_modal, .modal.right_modal{position: fixed; z-index: 99999; background: rgba(131,25,79,0.5);}
.modal.left_modal .modal-dialog,
.modal.right_modal .modal-dialog { position: fixed; margin: auto; width: 25%; height: 100%; -webkit-transform: translate3d(0%, 0, 0);  -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);    transform: translate3d(0%, 0, 0);}
.modal-dialog {  /* max-width: 100%; */ margin: 1.75rem auto;}
.right_modal  .close{ font-size: 42px; opacity: 1; color: #fff; float: left;}
.right_modal .modal-content { background: #83194f;  color: #fff;} 
.sideform{ padding:0 25px;}
.sideform h3{ font-size: 22px; margin-bottom: 35px;}
.sideform .form-control{ height: 45px; border-radius: 0; background: #83194f; color: #fff; margin-bottom: 15px; font-size: 16px;}

.cform .form-group{ margin-bottom: 35px;}
.cform .form-control { height: 50px;  background: #fff; box-shadow: none; border: 1px solid #ccc; border-radius: 0;}
.elementor-icon-box-title{ margin-top: 0;}
.cform textarea{ height: 100px !important;}
.wpcf7-response-output{ float: left; width: 100%;}
.cform .nice-select{ width: 100%;}
.solution .elementor-icon-box-title{ font-size: 20px; font-weight: bold !important;}

.treatmentbox-long .elementor-widget-container{ height: 425px !important;}
.treatmentbox-wide .elementor-widget-container{ height: 390px !important;}

.elementor-icon-list-items li{padding-left: 25px !important; line-height: 25px; margin: 0 !important;}
.elementor-icon-list-items li .elementor-icon-list-icon{ position: absolute; display: inline-block; left: 0; top: 0;}
.whychosebox{    border: 2px solid #84194f;
    padding: 17px;
    text-align: center;
    margin-bottom: 15px;
    background: #f8f8f8;
    border-radius: 15px;
	height: 260px;}
.whychosebox i{ font-size: 42px; color: #84194f;}
.whychosebox h4{ font-size: 20px; line-height: 1.5;}

/* ---------------- Custom Choose File -------------------------- */

#custom-button { padding: 10px; color: #fff; border: 1px solid #ccc; border-radius: 0; cursor: pointer; background: #000; border-bottom: 0;}
#custom-button:hover{ background: #84194f; color: #fff;}
#custom-text { margin-left: 10px; color: #3b3b3b; font-weight: 500;}
#real-file { display: none;}
.cform .fieldWrap{ margin-top: 0; text-align: left;background: #fff;}
.borderfull { border: 1px solid #cccccc;}


/* --------------------------  Blog ------------------------------ */
.slim-banner{ padding: 50px; background: #841b51;}
.slim-banner h1{ color: #fff;}

.blog-item{ background: #fff;padding: 15px;	box-shadow:0px 3px 12px #f0f0f0; margin-bottom: 35px; position: relative;}
.blog-item img{ background: #fff;    width: 100%;}
.blog-item a:hover{ text-decoration: none;}
.blog-item p{ color: #535353; min-height: 100px;}
.blog-item h3{ color: #83194f; font-size: 22px; font-family: Gotham-Bold; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.blog-date {   width: 100px;   height: 100px;  position: absolute;       left:-15px;*/
/*    top: -20px;    border-radius: 50%;  background-color: #83194f;  border: 3px solid #fff;   color: #fff;   text-align: center;*/
/*    font-size: 22px;padding-top: 10px;}*/
.blog-date span{color: #83194f;}
.blog-date {margin: 10px 0;}
.blog-date strong{color: #000;}
.view-more { display: inline-block; padding: 7px 20px; font-size: 14px;  font-weight: 700;  color: #83194f;   text-transform: uppercase;
    border: 3px solid #83194f;     border-right-color: rgb(131, 25, 79);    border-left-color: rgb(131, 25, 79);  position: relative;  transition: all .3s ease 0s;
}
.blog-content h2{ border-left: 10px solid #83194f;padding: 8px 15px;	color: #83194f;	font-size: 28px; ;}
.widget { margin-bottom: 45px;}
.widget  h2{border-left: 10px solid #83194f;padding: 8px 15px;color: #83194f;font-size: 28px; margin-top: 0;background: #f7f7f7 }
.blog-content p{ color: #535353;	line-height: 22px;}
.widget ul { margin-left: 25px;}
.widget li{ padding: 5px 0; list-style-type: circle;}
.widget li a{ color: #000;}
.widget li a:hover{ color: #83194f;}
.archive-title { padding: 0 0 60px 0;color: #83194f;text-align: center;font-size: 42px;}
.blog-item .meta{ margin-bottom: 10px;}
.blog-item .meta a{ color: #373737; font-weight: bold;}

.elpt-portfolio-content.hover1 .portfolio-item-infos-wrapper{ background: rgba(0, 0, 0, 0.3) !important; }
.elpt-portfolio { padding-top: 0 !important; padding-bottom: 0 !important;}
.searchblock {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    border: #a0a0a0 solid 1px;
    margin: 0;
    z-index: 999;
}
.searchblock:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
}
.centered {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 10px 15px;
    color: #FFF;
    border: none;
    background: transparent;
}
#search-box {
    position: relative;
    width: 100%;
    margin: 0;
}
#close-btn {
    position: fixed;
    top: 1em;
    right: 1em;
}
#search-form {
    height: auto;
}
#search-box input[type="search"] {
    width: 100%;
    padding: 20px;
    height: 50px;
    color: #333;
    outline: none;
    font-size: 1.4em;
}
.vitiligo-cont {
    min-height: 685px;
}
img{
  height: auto;
}

.blog-item{
  min-height: 37.125rem;
  position: relative;
}

.blog-item .viewmore{
  position: absolute;
  bottom: 2.5rem;
  left: 1.875rem;
}
.wpcf7-not-valid-tip {
    display:none;
}

@media (min-width: 576px)
{
.left_modal .modal-dialog { max-width: 100%;}
.right_modal .modal-dialog { max-width: 100%;}
}
.modal.left_modal .modal-content,
.modal.right_modal .modal-content {
  /*overflow-y: auto;
    overflow-x: hidden;*/
    height: 100vh !important;
}
.modal.left_modal .modal-body,
.modal.right_modal .modal-body {
  padding: 15px 15px 30px;
}

/*.modal.left_modal  {
    pointer-events: none;
    background: transparent;
}*/
.modal-backdrop {
    display: none;
}
/*Left*/
.modal.left_modal.fade .modal-dialog{
  left: -50%; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out;}
.modal.left_modal.fade.show .modal-dialog{ left: 0; box-shadow: 0px 0px 19px rgba(0,0,0,.5);}
/*Right*/
.modal.right_modal.fade .modal-dialog { right: -50%;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;    transition: opacity 0.3s linear, right 0.3s ease-out;  }
.modal.right_modal.fade.in .modal-dialog {right: 0; box-shadow: 0px 0px 19px rgba(0,0,0,.5); }

/* ----- MODAL STYLE ----- */
.modal-content {
  border-radius: 0;
  border: none;
}
.modal-header.left_modal, .modal-header.right_modal {
  padding: 10px 15px;
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA;
}
.modal_outer .modal-body {
    /*height:90%;*/
    overflow-y: auto;
    overflow-x: hidden;
    height: 91vh;
}

ul.care-treat li {float: left; margin: 0 15px;}
ul.care-treat li a{background: #83194f;  color: #fff; padding: 10px 25px; border-radius: 5px;}

/* ------------------------ Inner Pages --------------------------- */
.page-title{height: 380px;}

.innercategory H2{  font-family: Gotham-Light; color: #1f1f1f; font-size: 32px;}
.innercategory ul li a .fa{ color: #83194f;}
.innercategory ul li a{ padding: 15px 0 ; display: inline-block; color: #1f1f1f;}
.innercategory ul li a:hover{ color: #83194f;}
.innercategory ul li a:hover .fa{ color: #1f1f1f;}
.elementor-widget-container h4{  color: #83194f;font-family: Gotham-Medium; font-size: 24px;  padding: 15px 0; }
.elementor-widget-container ul{ margin-left: 0px;}
.elementor-widget-container ul li{ list-style-type: none;}
.nice-select .list {width: 100%;}
.elementor-widget-container ul li::before {content: "\2022";    color: #83194f;  font-weight: bold;   display: none;  width: 1em;   margin-left: -1em;}
.elementor-icon-list-item:before{display: none; !important}
/* .content-text h1{display: none;}
.heading.procedure h1{display: block;}  */

.mobilebanner { overflow: hidden;}
.mobilebanner  img{ width: 100%;}
.mobilebanner  .col-lg-12{ padding: 0 !important;}

.is-search-input{border-radius: 45px !important; height: 55px !important; width: 100%; position: relative; text-indent: 15px;}
.is-form-style button.is-search-submit{width: 125px !important; height:55px !important; position: absolute !important; right: 5px !important; border-radius:40px;}
.is-search-icon svg{ width: 36px !important;}
.is-form-style input.is-search-submit, .is-search-icon{ border: none !important; height: auto !important;}

.pdtopsame { padding: 45px 0;}
.searchimg img { width: 100%; height: auto;}

.searchcnt h3 a{ color: #82184e;}


/* ------------------ News Listing Inner Pages ---------------- */
.inner-news-box{ padding: 45px 0 ; border-bottom: 1px solid #e3e3e3;}
.inner-news-img img{ width: 100%; padding:0 25px 0 0;}
.innner-news-list h3{ margin-top: 0; color: #83194f; line-height: 32px; font-size: 28px; margin-bottom: 0;}
.mt-60{ margin-top: 60px;}
.sngpostpagi a{ color: #841a50;}
.sngpostpagi a:hover{ color: #421311;}
.newsmeta li{ color: #4a4a4a;  font-size: 14px;}
/* .newsmeta li{ display: inline-block; color: #6c6c6c; padding:6px 0; margin-bottom: 10px; }
.newsmeta li a{ color: #0c4da1;}
.newsmeta li a:hover{ color: #83194f;}
.newsmeta ul{ margin-bottom: 25px;}
.knowmore_media{ color: #f05923;}
.inner-news-cnt p br{ display: none;} */

/* ---------------------------- */
.CustLinkColor{
    color:#83194f !important;
    font-weight: 600;
}
.CustLinkColor2{
    color:white !important;
    font-weight: 600;
}
/*********************************************/
.hidden-menu{ display: none;}

.offdesk{ display: none;}
.whychose{ margin-bottom: 45px !important;}

@media screen and (min-width: 1366px){
  .container{ width: 1300px;}
  .elementor-section.elementor-section-boxed > .elementor-container{ max-width: 1300px;}
  .banner-caption{ left: 15.4%;}
  .servicebox{ column-count: 3;}
}

@media (min-width: 1025px) and (max-width: 1600px){
.banner-slider .owl-dots {top: 14%;}
.banner-caption {left: 15.4%;} 
}

@media(max-width: 1024px) {
 .navbar{ display: block;}
 .logo-bx img{ width: 18%;}
 .exo-menu{ display: none;}
 .hidden-menu{ display: block;}
 .numberbox{ margin-left: 0; margin-top: 50px;}
 .counter-brdrt{ border: 0;}
 .counter-brdtp{ border:0;}
 .counterbox{ border-bottom: 2px solid #fff;}
 .welcome-more::before{ width: 40%;}
 .modal.left_modal .modal-dialog, .modal.right_modal .modal-dialog { width: 55%;}
 .banner-caption{  left: 20%;}
 .banner-caption h2 {font-size: 48px;line-height: 55px; padding-bottom: 18px;}
 .logo-bx{ padding: 10px; float: none;}
 /* .elementor-heading-title { font-size: 32px; line-height: 44px !important; } */
 .heading h1{  font-size: 44px;line-height: 44px;}
 .page-title{ height: 250px;}
 .hidden-lg{ display: none;}

.blog-item .viewmore {
    position: static;
  }
  .blog-item {
    min-height: auto;
    position: relative;
}
.viewmore {
    margin-top: 0;
}

ul.care-treat li {
  margin: 20px 15px;
}

.foot-link {
  margin-top: 30px;
}
.col-lg-6.text-right,
.col-lg-6.text-left
{
  text-align: center;
}

.footer .hidden-lg{
display: block;
}

#skin, #nail, #hair {
  padding-top: 0px;
}
.elementor-2734 .elementor-element.elementor-element-11cd3ba .elementor-heading-title {
  font-size: 28px;
  margin: 20px 0 0;
}

.elementor-2734 .elementor-element.elementor-element-11cd3ba .elementor-heading-title {
  font-size: 24px;
}

.elementor-widget-container {
  padding: 20px 0;
}

.testimonial-slider .owl-dots .owl-dot {

  width: 20px;
}

}

@media(max-width: 991px) {
  .servicebox{ column-count: 2 !important;}
  .flexirow{ display: block;}
  .navbar{ display: block;} 
  .homebanner .banner-caption h2{ font-size: 32px; line-height: 40px;}
  .parallax-bg{ min-height: auto;}
  .heading-white h2{ font-size: 32px; line-height: 46px;}
  .welcomebox p{ margin-bottom: 50px;}
  .foot-social{ padding-top: 0px;}
  .heading h2{ line-height: 46px;}
  .copyright { padding: 15px 25px; text-align: center;}
  .heading h2 { font-size: 38px;}
  .sustainability-slider .col-lg-12{ padding: 0;}
  .news-slider .col-lg-12{ padding: 0;}
  .sec-top-100{ padding-top: 50px;}
  .sec-100{ padding: 50px 0;}
  .copyright{ text-align: center;}
  .enqbox .place-enquiry{padding: 20px 15px;}
  .enqbox .locate-office {padding: 20px 15px;}
  .foot-link h3{ float: left; width: 100%; margin-top: 25px;}
  .foot-social{ float: left;}
  .opening-hours h3{ border-right: 0; border-bottom: 1px dotted #ccc;}
  .timebox{ margin-bottom: 25px;}
  .modal.left_modal .modal-dialog, .modal.right_modal .modal-dialog { width: 45%;}
	.content-text h1{display: block;color: #851c51; font-family: Gotham-Light; font-weight: 900;}
	.heading.procedure h1{display: none;}
  .banner-slider .owl-dots{ bottom: 0; top: 0%;}
  .banner-slider .owl-dots .owl-dot{ margin: 8px 15px;}
  .banner-slider .owl-dots .owl-dot.active button{ width: 34px; height: 34px; font-size: 16px;}
  .banner-slider .owl-dots .owl-dot button{  width: 34px; height: 34px; font-size: 16px;}
  .content-text br{ display: none;}
  .small-heading h2 {line-height: 44px; font-size: 34px; }
  .page-title{ background-position: 70% 100% !important;}

  [data-id="b73d529"] {
    min-height: 338px;
    background: #f9f9f9;
}



}


.form-group i.fa.fa-long-arrow-right{
  display: none;
}

span.wpcf7-spinner {
  display: block;
}

.textwidget .wpcf7-form label.error {
  color: #fff;
}

li.current-menu a{
  color: #84194f;
}

.homeBlog .blogImg {
height: 280px;
}

.homeBlog .blog-item img {
  background: #fff;
  width: 100%;
}

@media(max-width: 680px) {
    /*nc*/
    .solutionbox .servicecaption:hover {
    visibility: visible;
    opacity: 1.8;
}
    .solutionbox .servicecaption {
    background: transparent;
    padding: 65px 25px;
    margin: 15px auto;
    visibility: none;
    opacity: 1;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0;
    /*top: 228px;*/
    text-align: left;
    width: 100%;
    /*height: 79px;*/
    height: 100%;
}
.solutionbox .servicecaption i.fa.fa-eye.dd-nn{
    display: none;
}

.servicecaption .fa {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    padding: 12px;
    font-size: 37px;
    color: #84194f;
    position: relative;
    text-align: center;
    line-height: 23px;
}


.solutionbox .servicecaption h3 {
  margin-top: 232px;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* bottom: 6px; */
    background-color: #84194f;
    padding: 10px 15px;
}


/**/
    .carebox {padding: 0 0px;}
  .hidden-lg{ display: block;}
  .logo-bx img{ width: 25%;}
  .servicebox{ column-count: 1 !important; }
  .homebanner .banner-caption{ background: #f0f0f0; position: relative; width: 100%; left: 0; }
  .homebanner .container{ padding: 0; width: 100% ; padding-bottom: 25px; }
  .homebanner .banner-caption p{ padding-top: 25px; padding-left: 25px; }
  .homebanner .banner-caption h2{ font-size: 32px; line-height: 40px; padding-left: 25px; padding-bottom: 25px; color: #83194f;}
  .homebanner .banner-caption .readmore{ margin-bottom: 0; margin-left: 0; width: 100%;}
  .banner-slider .owl-dots{ bottom: 0; top: 50%;}
  .banner-slider .owl-dots .owl-dot{ margin: 5px;  width: 20px; height: 20px; border-radius: 50%; float: left; line-height: 16px;}
  .banner-slider .owl-dots{width: 100%; height: 30px}
  .banner-slider .owl-dots .owl-dot button{ width: auto; height: auto; font-size: 12px;}
  .banner-slider .owl-dots .owl-dot.active button{ width: auto; height: auto; font-size: 12px;}

  .bright { border-right: 0; border-right: 0px solid #ddd;}
  .carebox  h4{ padding-bottom: 25px;}
  .searchbox{ height: 55px;}
  .submitsrch{padding: 23px 50px; height: 55px;}
  .heading h2{ line-height: 46px;}
  .solutionbox h3{ font-size: 18px;}
  .solutionbox .servicecaption{ padding: 0px; margin-top: 0px;}
  .whyus ul li{ padding-right: 0;}
  .whyus img{ padding: 0;}
  .heading-white h2{ font-size: 32px; line-height: 46px;}
  .parallax-bg{ min-height: auto;}
  .content-text br{ display: none;}
 
  .contact-link li{ width: 100%;}
  .modal.left_modal .modal-dialog, .modal.right_modal .modal-dialog { width: 85%;}
  .timebox p{ height: auto;}
  .timebox  br{ display: none;}
  .vitiligo-cont {min-height: auto;}
  .footer {padding: 30px 0 10px 0;}
  .small-heading h2 {line-height: 36px; font-size: 28px; }
  .sec-top-100{ padding-top: 50px;}
  .heading h1 { line-height: 40px; font-size: 30px; margin-top: 0; padding: 0 50px; position: absolute; width: 100%; text-align: center; bottom: 50px;}
  .whychose{ margin-bottom: 25px !important;}
  .youtubethumimg{ width: 100% !important;}

  .elementor-326 .elementor-element.elementor-element-d1bc633 .elementor-widget-container {
    text-align: center;
}

.row.cform .form-group{
text-align: center;
}

.copyright-text {
  padding-bottom: 40px;
}

.heading {
  margin: 6% 0 0;
}

.abouthome P{
  padding: 15px 0;
}

.sec-100.bestDerm{
padding-top: 0;
padding-bottom: 0;
}

.elementor-widget-container ul {
  margin-left: 0px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

ul.care-treat li {
  margin: 15px 15px;
}

.sec-top-100.singL{
  padding-top: 0;
}

.elementor-element.elementor-element-d69f0d3.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container ul.elementor-icon-list-items,
.elementor-element.elementor-element-fbc0369.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
[data-id="34085f1"],
.elementor-element.elementor-element-34085f1.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-element.elementor-element-211fadc.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-element.elementor-element-bd986e2.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-element.elementor-element-e123c02.elementor-icon-list--layout-inline.elementor-align-center.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-element.elementor-element-1a98e1b.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-element.elementor-element-dd8ebfb.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-element.elementor-element-56feecc.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-element.elementor-element-bd93e4e.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-element.elementor-element-1f3e6b4.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items,
.elementor-tab-content.elementor-clearfix.elementor-active ul,
.elementor-element.elementor-element-b15e66d.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-icon-list-items,
.elementor-element.elementor-element-d43200c.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-icon-list-items,
.elementor-element.elementor-element-0f4220c.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-icon-list-items,
.elementor-element.elementor-element-c2419d1.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list .elementor-icon-list-items
{
  align-items: flex-start;
}

.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container {
  overflow: visible !important;
}

.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-a64ac4e .elementor-widget-container img,
.elementor-element.elementor-element-23a0f2a.elementor-widget.elementor-widget-image .elementor-widget-container img
{
  width: 20%;
}

.elementor-element.elementor-element-21a7bc7.elementor-widget.elementor-widget-heading .elementor-heading-title,
.elementor-element.elementor-element-4aeeda4.elementor-widget.elementor-widget-heading .elementor-heading-title
{
  font-size: 40px;
}
.elementor-element.elementor-element-fa443f5.elementor-widget.elementor-widget-spacer {
  display: none;
}

.elementor-element.elementor-element-accbe0a.elementor-position-left.elementor-vertical-align-middle.elementor-widget.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper figure.elementor-image-box-img,
.elementor-element.elementor-element-accbe0a.elementor-position-left.elementor-vertical-align-middle.elementor-widget.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper figure.elementor-image-box-img img.attachment-full.size-full,
.elementor-element.elementor-element-64e3eca.elementor-position-left.elementor-vertical-align-middle.elementor-widget.elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper figure.elementor-image-box-img img.attachment-full.size-full,
.elementor-322 .elementor-element.elementor-element-64e3eca .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-322 .elementor-element.elementor-element-8fa55a2 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-322 .elementor-element.elementor-element-8fa55a2 .elementor-image-box-wrapper .elementor-image-box-img img.attachment-full.size-full,
.elementor-322 .elementor-element.elementor-element-19c1137 .elementor-image-box-img img,
.elementor-322 .elementor-element.elementor-element-19c1137 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-322 .elementor-element.elementor-element-981391f .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-322 .elementor-element.elementor-element-981391f .elementor-image-box-img img,
.elementor-322 .elementor-element.elementor-element-13f49a3 .elementor-image-box-wrapper .elementor-image-box-img,
.elementor-322 .elementor-element.elementor-element-13f49a3 .elementor-image-box-img img
{
  width: 100%;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-a12562a.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
  display: none;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 25px;
  left: 0;
  width: 100%;
}

.elementor-element.elementor-element-53cde0d.elementor-widget.elementor-widget-text-editor .elementor-widget-container,
.elementor-element.elementor-element-d1cdc08.elementor-widget.elementor-widget-text-editor .elementor-widget-container,
.elementor-element.elementor-element-ebb0a8d.elementor-widget.elementor-widget-text-editor .elementor-widget-container
{
  padding: 0px 0;
}
.textwidget .wpcf7-form label.error {
  color: #fff;
}
.elementor-322 .elementor-element.elementor-element-249fca6 {
  margin-top: 0;
}


}

@media(max-width: 580px) {
  .logo-bx img{ width: 35%;}
  .sticky-menu .logo-bx img{ width: 30%; padding: 0;}
  .top-bar .topleft{ padding-top: 10px;}
  .top-bar .topleft .nice-select{ float: right;}
  .top-bar .topright{ margin-bottom: 15px;}
  .top-bar .topright li{border: 1px solid #d9d9d9;}
  .page-title{ height: 135px;}
  .stickymessage { display: none;}
  .offdesk{ display: block;}
  .stickymessage-mob { position: fixed;bottom:0;right: 0; left: 0;width: 100%;
    height: 50px; z-index: 999; text-align: center; line-height: 55px; font-size: 16px; color: #fff; font-weight: bold;
    font-family: Gotham-Medium; background: #82174d; display: none;}
   .stickymessage-mob:hover{ color: #fff; background: #431412;}  
   .stickymessage-mob:focus{ color: #fff; background: #82174d;}  
   .is-search-input{ height: 50px !important;}
   .is-form-style button.is-search-submit { width: 100px !important; height: 50px !important;}
   .is-search-icon svg {width: 35px !important; }
}

@media(max-width: 330px) {

.heading h1 {
  line-height: 40px;
  font-size: 36px;
  margin-top: 0;
  padding: 0 10px;
  position: static;
  width: 100%;
}

.is-form-style button.is-search-submit {
  width: 67px !important;
  height: 50px !important;
}



}

.elementor-element.elementor-element-a9f3a2c.elementor-widget.elementor-widget-text-editor a {
  color: #fff;
}