/*==============fonts area ==============*/
@font-face {
    font-family: 'Metropolis-Black';
    src: url('../fonts/Metropolis-Black.woff2') format('woff2'),
        url('../fonts/Metropolis-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis-ExtraBold';
    src: url('../fonts/Metropolis-ExtraBold.woff2') format('woff2'),
        url('../fonts/Metropolis-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis-Bold';
    src: url('../fonts/Metropolis-Bold.woff2') format('woff2'),
        url('../fonts/Metropolis-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis-Light';
    src: url('../fonts/Metropolis-Light.woff2') format('woff2'),
        url('../fonts/Metropolis-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('../fonts/Metropolis-Medium.woff2') format('woff2'),
        url('../fonts/Metropolis-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis-Regular';
    src: url('../fonts/Metropolis-Regular.woff2') format('woff2'),
        url('../fonts/Metropolis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis-Thin';
    src: url('../fonts/Metropolis-Thin.woff2') format('woff2'),
        url('../fonts/Metropolis-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis-SemiBold';
    src: url('../fonts/Metropolis-SemiBold.woff2') format('woff2'),
        url('../fonts/Metropolis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/*==============end fonts area ==============*/

body{
    font-family: Metropolis-Regular;
/*      font-family: "Playfair Display", serif;*/
}

html, body{
    overflow-x: hidden;
}


ul{
	margin: 0px;
}
a{
	text-decoration: none;
}
button:focus, button:a{
	outline: none;
	box-shadow: none;
}
.form-control:focus{
    outline: none;
    box-shadow: none;
}

p {
    color: #000;
}
body {
    overflow-x: hidden;
    background-color: #fff;
}

html{
    scroll-behavior: smooth;
}
.p-50{
    padding: 50px 0px;
}
.btn-a {
    background: #a46e67;
    background-image: linear-gradient(90deg, #a46e67, #d09c90, #d09c90, #a46e67);
    color: #fff;
    padding: 8px 15px 8px;
    display: inline-block;
    transition: all 1s ease-out;
    font-size: 11px;
    border-radius: 100px;
    font-family: Metropolis-Bold;
    text-transform: uppercase;
}


.btn-b {
    background: #475553;
    color: #fff;
    padding: 11px 22px 11px;
    display: inline-block;
    transition: all 1s ease-out;
    font-size: 13px;
    border-radius: 100px;
    text-transform: uppercase;
}
.btn-b:hover{
    background: #9f6862;
    color: #FFF !important;
}

.btn-c {
    background: #33495E;
    color: #FFF !important; 
    padding: 8px 30px 8px;
    display: inline-block;
    border-radius: 45px;
    transition: background 1s ease-out;
    font-size: 15px;
    border: none;
    font-weight: 400;
}
.btn-c:hover{
    background: #21B89A;
    color: #FFF !important; 
}

.btn-a:hover{
    color: #fff;
}
.heading {
    margin-bottom: 30px;
}
.heading h3 {
    font-size: 16px;
    color: #9f6861;
    text-transform: uppercase;
    font-family: 'Metropolis-SemiBold';
}
.heading h2 {
    color: #000;
    font-size: 40px;
    margin-bottom: 13px;
    font-size: 30px;
    font-family: "Playfair Display", serif;
}
.heading p {
    color: #010101;
    margin-bottom: 10px;
}
.heading h2 span {
    background: linear-gradient(to right, #FF8A5B, #0FA3B1);
    background-clip: text;
    color: transparent;
}
.heading hr {
    width: 54px;
    height: 3px;
    background-color: #9f6862;
    opacity: 1;
    margin: 10px 0px;
    margin-bottom: 20px;
}

.heading.heading-center {
    text-align: center;
}
.heading.heading-center hr {
    margin: 20px auto 20px;
}

 .container-fluid{
    width: 93%;
}

/* ============= hader area ==============*/

.header-area {
    padding: 0px 0px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0px 0px 4px #e4008a17;
}

.header-area.fixed {
    position: fixed;
    width: 100%;
    animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.mega-clm a.megamenu-column-header {
    padding: 7px 10px 7px 6px !important;
    color: #9f6862 !important;
}

.top-header {
    background-color: #475553;
    padding: 9px 0px;
}
.call-info ul li {
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    color: #fff;
}
.call-info ul li a {
    color: #fff;
    margin-left: 15px;
    font-size: 12px;
}
.call-info ul li a i {
    margin-right: 4px;
    color: #0FA3B1;
    font-size: 14px;
}
.call-info ul {
    padding-left: 0px;
}
.email-top a {
    font-size: 12px;
    color: #fff;
}
.email-top a i {
    margin-right: 0px;
}

.email-top {
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-info a {
    margin-right: 39px;
    position: relative;
}
.nav-info a:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 43.45px;
    background-color: #000;
    left: -20px;
    top: -17px;
}
.nav-info a:first-child:after {
    display: none;
}


.head-social {
    padding: 0;
}
.head-social li {
    display: inline-block;
}
.head-social li a {
    background-color: #fff;
    color: #000;
    text-align: center;
    display: inline-block;
    border-radius: 90px;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 14px;
}
.head-search a i {
    color: #9f6862;
}
.head-search {
    margin-right: 23px;
}
.email-top span {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 7px;
}

.header-area .navbar-brand {
    padding: 0px;
    position: relative;
}
.header-area .navbar-brand:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 81.5px;
    background-color: #e6e6e6;
    right: -19px;
    top: -18px;
}
.header-area .navbar-brand img {
    width: auto;
}
/*.header-area .navbar-brand img {
    width: 185px;
}*/
.main-header .navbar-dark .navbar-nav .nav-link {
    color: #000;
    font-size: 13px;
    transition: all 0.5s;
    padding: 31px 12px;
    position: relative;
    font-family: Metropolis-Medium;
    text-transform: uppercase;
}
.nav-link.dropbtn.megamenu-column-header:after {
    margin-left: 7px;
    font-family: "FontAwesome";
    content: "\f078";
    font-size: 11px;
}
.main-header .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}
.main-header #collapsibleNavbar {
    justify-content: end;
    align-items: center;
}
#collapsibleNavbar .navbar-nav {
    margin-right: 15px;
}
/*on hover dropdown*/
.header-area .navbar .dropdown {
  position: relative;
  display: inline-block;
}
.header-area .navbar .dropdown-content {
    display: none;
    position: fixed;
    top: 122px;
    background-color: #fff;
    width: max-content;
    min-width: 200px;
    box-shadow: 0px 4px 10px 5px #aeadad17;
    z-index: 99;
    padding: 0px;
}
.header-area .navbar .dropdown:hover .dropdown-content {
    display: block;
}
.header-area .navbar .dropdown-content a {
    color: black;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 13px;
    display: block;
}
.header-area .navbar .dropdown-content li {
    border-bottom: solid 1px #b3b3b34f;
    list-style: none;
}
.header-area .navbar .dropdown-content li:last-child{
    border: none;
}

.header-area .navbar .dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #9f6862 !important;
}
header nav ul.dropdown-content li a:after {
    display: none;
}

/*on hover dropdown*/
.mega-clm {
    padding-top: 10px;
    border-left: 1px solid rgba(0,0,0,.07);
    padding-bottom: 5px;
}

.navbar .dropdown-content.cstm-drop-menu {
    width: 1140px;
    left: 10%;
    right: 0;
    top: 122px;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    padding-bottom: 20px;
    padding-top: 0px;
}
.navbar .dropdown:hover .dropdown-content,
.navbar .dropdown .dropdown-content:hover {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.3s linear;
}
.megamenu-column-header {
    font-size: 15px;
    color: #9f6862;
    font-family: 'Metropolis-SemiBold';
}
.cstm-drop-menu span.megamenu-column-header {
    text-transform: uppercase;
    margin-bottom: 6px !important;
    display: block;
}
.main-header .navbar-dark .navbar-nav .mega-clm .nav-item .nav-link {
    padding: 3px 5px;
    text-transform: capitalize;
    color: #000;
    font-size: 13px;
    font-family: Metropolis-Regular;
}
.header-area .navbar .link_has_dash .nav-item a {
    padding: 3px 5px 2px 15px;
}


/* ============ end hader area =============*/

/*===========  home banner area ===========*/

.home-banner-area {
    background-color: #e3dad7;
}
.bnner-lft-cnt {
    margin-bottom: 90px;
}
.bnner-lft-cnt h1 {
    color: #fff;
    font-size: 46px;
    margin-bottom: 13px;
    font-family: "Playfair Display", serif;
}
.bnner-lft-cnt h1 span {
    background: linear-gradient(to right, #FF8A5B, #0FA3B1);
    background-clip: text;
    color: transparent;
}
.bnner-lft-cnt p {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.bnner-lft-cnt h6 {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
.banenr-btn .btn-banner {
    background-color: #fff;
    color: #000;
    padding: 11px 24px;
    border-radius: 9px;
    display: inline-block;
    margin: 20px 14px;
    font-size: 13px;
}
.bnner-rgt-img img {
    width: 370px !important;
    margin: 0 auto;
}

.banner-img-area {
    position: relative;
}
.banner-inner-item {
    background-repeat: no-repeat !important;
    width: 100%;
    height: 600px;
    background-position: center !important;
    background-size: cover !important;
    text-align: center;
    display: flex;
    align-items: end;
    position: absolute;
    top: 0;
}
.banner-img-area img{
    -webkit-animation: zoom 4s linear forwards;
    animation: zoom 4s linear forwards;
}
@-webkit-keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}
.bnner-lft-cnt h5 {
    color: #275d99;
    font-size: 25px;
}
.bnner-lft-cnt ul {
    padding: 0px;
    display: flex;
    margin-bottom: 50px;
    margin-top: 15px;
}
.bnner-lft-cnt ul li {
    margin-right: 30px;
    color: #000;
    font-size: 20px;
}
.home-banner-area .banner-shape-1 {
    position: absolute;
    left: 0px;
}
.banner-shape-2 {
    position: absolute;
    right: 0;
    top: 20%;
}
.bnner-lft-cnt h4 img {
    width: 13px !important;
}
.bnner-lft-cnt h4 {
    display: flex;
    align-items: center;
}
.bnner-lft-cnt h4 img {
    margin-right: 9px;
}
.bnner-lft-cnt h4 span {
    color: #5A5E61;
    font-size: 20px;
}
.banenr-search .input-group-n {
    margin-bottom: 15px;
    position: relative;
}
.banenr-search .input-group-n .input-group-text {
    background-color: transparent;
    border: 0;
    color: #a1a7a9;
    font-size: 21px;
    position: absolute;
    z-index: 99;
    left: 7px;
    top: 10px;
    padding: 8px;
}
.banenr-search .input-group-n input.form-control {
    border: none;
    padding: 18px 60px;
    border-radius: 110px !important;
    font-size: 15px;
}
button.bn-search {
    background: #21B89A;
    color: #FFF;
    padding: 6px 40px;
    display: inline-block;
    border-radius: 38px !important;
    transition: background 1s ease-out;
    font-size: 18px;
    position: absolute;
    border: none;
    right: 13px;
    top: 10px;
}
.banenr-search form {
    position: relative;
}
.banenr-search {
    margin-top: 30px;
}
.bnner-rgt-img video {
    width: 100%;
}



/*===========  end home banner area ===========*/

/*=============== treatments ============*/

.home-treatments {
    background: #a46e67;
    background-image: linear-gradient(90deg, #fbdfe4, #f9bec1, #f9bec1, #fbdfe4);
    padding: 50px 0px 50px;
}
.home-treatments .nav-tabs {
    padding: 0px 0px 50px;
}
.home-treatments .nav-tabs {
    padding: 0px 0px 50px;
    border-bottom: none;
}
.client-info img {
    height: 300px !important;
    object-fit: cover;
    border-radius: 20px;
}
.home-treatments .nav-tabs .nav-item.show .nav-link, .home-treatments .nav-tabs .nav-link.active {
    color: #80453f;
    border-bottom: solid 1px #80453f;
}

.home-treatments .nav-tabs .nav-link {
    margin-bottom: -1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px 0px;
    font-family: 'Playfair Display';
    font-size: 34px;
    background-color: transparent;
    color: #000;
    margin-right: 40px;
    position: relative;
    border: none;
}
.home-treatments .nav-tabs .nav-link:after {
    content: '';
    width: 2px;
    height: 40px;
    position: absolute;
    background-color: #80453f;
    right: -21px;
    top: 10px;
}

.home-treatments .nav-tabs .nav-it-ls .nav-link:after {
    display: none;
}
.treatments-nav {
    background-color: #fff;
    padding: 30px 0px;
    border-radius: 40px 0px 0px 40px;
    border: solid 1px #f9c1c4;
}
.client-info h5 {
    color: #000000;
    font-family: 'Metropolis-Medium';
    text-transform: uppercase;
    margin-top: 25px;
}
.client-info p{
    color: #000000;
    font-family: Metropolis-Light;
}
.client-info {
    text-align: center;
}
.treatments-nav ul {
    padding: 0px;
}
.treatments-nav ul li {
    border-bottom: solid 1px #f9c1c4;
    padding: 9px 30px;
    list-style: none;
}
.treatments-nav ul li a {
    color: #475553;
    text-transform: uppercase;
    font-size: 16px;
}
.treatments-nav ul li.active a {
    color: #9f6862;
    font-family: 'Metropolis-SemiBold';
}
.home-treatments .owl-carousel .owl-nav {
    position: absolute;
    right: -33%;
    top: -90px;
}
.home-treatments .owl-carousel .owl-nav button.owl-next, .home-treatments .owl-carousel .owl-nav button.owl-prev {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    margin-left: 10px;
    font-size: 15px;
    line-height: 32px;
    color: #9f6862;
    background-color: transparent;
    border: solid 1px #9f6862;
}
.home-treatments .owl-carousel .owl-nav button.owl-next:hover, .home-treatments .owl-carousel .owl-nav button.owl-prev:hover {
    color: #fff;
    background-color: #9f6862;
    border: solid 1px #9f6862;
}

/*=============== treatments ============*/


/*======== home about area ========*/

.home-about {
    padding: 40px 0px;
    margin-bottom: -110px;
}

.home-about .heading {
    margin-bottom: 80px;
    padding-left: 50px;
}

.year-exp h2 {
    font-size: 90px;
    color: #9f6862;
    font-family: 'Metropolis-Bold';
    line-height: 90px;
    display: inline-block;
}
.year-exp span {
    font-size: 90px;
    color: #9f6862;
    font-family: 'Metropolis-Bold';
    line-height: 90px;
    display: inline-block;
    animation: zoom 3s ease-out infinite;
}

@keyframes zoom {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1);
  }
}


.year-exp h6 {
    color: #9f6861;
    font-family: 'Metropolis-SemiBold';
    min-height: 19.2px;
}
.year-exp p {
    color: #808080;
    font-family: 'Metropolis-light';
    margin-bottom: 0px;
    margin-top: 20px;
}
.about-img img {
    border: solid 1px #9f6862;
    border-radius: 50px 0px 0px 50px;
}
.about-txt img {
    margin-bottom: 30px;
}
.about-txt p span{
    color: #9f6862;
    font-family: 'Metropolis-Medium';
}
.about-txt p {
    color: #808080;
    font-family: 'Metropolis-light';
}


/*======== end home about area ========*/


/*========= we provide ==========*/
.we-provide {
    background-color: #f3f2f0;
    padding: 100px 0px 0px;
}
.provide-inner .nav-tabs {
    padding: 0px 0px 50px;
    border-bottom: none;
    justify-content: center;
}
.provide-inner .nav-tabs .nav-item.show .nav-link, .provide-inner .nav-tabs .nav-link.active {
    color: #fff;
    border-bottom: none;
    background-color: #9f6862;
}
.provide-inner .nav-tabs .nav-link {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 30px;
    font-size: 34px;
    color: #000;
    position: relative;
    border: none;
    margin: 5px 20px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}

.provide-cnt-img {
    text-align: center;
}
.tab-content.provide-content {
    margin-top: 40px;
    position: relative;
}
.him-her-pos h4 {
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
}
.him-her-pos p {
    color: #000;
    font-family: 'Metropolis-Light';
    font-size: 14px;
}
.him-her-pos h4{
    position: relative;
}
.him-her-pos h4:after {
    content: '';
    width: 200px;
    height: 1px;
    background-color: #9f6862;
    position: absolute;
    top: 9px;
    left: 66px;
}
.him-her-pos.him-pos1 {
    position: absolute;
    left: 25%;
    top: 8%;
}
.him-her-pos.him-pos2 h4:after {
    width: 210px;
    left: 136px;
}
.him-her-pos.him-pos2 {
    position: absolute;
    left: 16%;
    top: 39%;
}
.him-her-pos.him-pos3 {
    position: absolute;
    left: 11%;
    top: 67%;
}
.him-her-pos.him-pos3 h4:after {
    width: 201px;
    left: 173px;
}
.tab-provide-him .pro-cnt.provide-rgt-cnt {
    opacity: 1;
}

.tab-provide-her .pro-cnt.provide-lft-cnt {
    opacity: 1;
}

.pro-cnt.provide-rgt-cnt {
    text-align: right;
}

.provide-rgt-cnt .him-her-pos h4:before {
    content: '';
    width: 200px;
    height: 1px;
    background-color: #9f6862;
    position: absolute;
    top: 9px;
    right: 50px;
}
.him-her-pos.her-pos1 {
    position: absolute;
    right: 15%;
    top: 8%;
}
.him-her-pos.her-pos2 h4:before {
    width: 200px;
    right: 162px;
}
.him-her-pos.her-pos2 {
    position: absolute;
    right: 8%;
    top: 30%;
}
.him-her-pos.her-pos3 {
    position: absolute;
    right: 10%;
    top: 53%;
}
.him-her-pos.her-pos3 h4:before {
    width: 205px;
    right: 143px;
}
.him-her-pos.her-pos4 {
    position: absolute;
    right: 8%;
    top: 79%;
}
.him-her-pos.her-pos4 h4:before {
    width: 161px;
    right: 171px;
}
.provide-rgt-cnt .him-her-pos h4:after {
    display: none;
}

.tab-provide-him  .him-her-pos.her-pos1, 
.tab-provide-him  .him-her-pos.her-pos2, 
.tab-provide-him  .him-her-pos.her-pos3, 
.tab-provide-him  .him-her-pos.her-pos4 {
    filter: blur(2px);
}
.tab-provide-her .him-her-pos.him-pos1, 
.tab-provide-her .him-her-pos.him-pos2, 
.tab-provide-her .him-her-pos.him-pos3, 
.tab-provide-her .him-her-pos.him-pos4{
	filter: blur(2px);
}


/*========= end we provide ==========*/

/*what we offer */
.what-offer {
    background-image: url(../images/what-offer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 70px 0px 45px;
}
.what-do-bx {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
    min-height: 239px;
    border-radius: 0px 0px 30px 0px;
}
.what-do-bx img {
    position: relative;
    top: -20px;
    left: -20px;
}
.what-do-bx h4 {
    font-family: 'Metropolis-SemiBold';
    font-size: 16px;
    text-transform: uppercase;
    color: #9f6862;
}
.what-do-bx p {
    width: 85%;
    font-family: 'Metropolis-Light';
	  overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.what-do-bx .red-arrow {
    bottom: 40px;
    right: 20px;
    position: absolute;
    color: #000;
}
.red-arrow i {
    border: solid 1px #000;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    border-radius: 100px;
    font-size: 13px;
    margin-left: 15px;
    background-color: #000;
    color: #fff;
}
.what-we-do-lft .heading h2{
    font-size: 50px;
}


/*========= before after ===========*/

.bafore-after {
    background-image: url(../images/bafore-after-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px 70px;
}
.transform-head h4 {
    background-color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    padding: 12px 18px;
}
.transform-head h3 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 13px;
    font-size: 33px;
    font-family: "Playfair Display", serif;
}
.trans-img img {
    width: 114px;
    height: 114px;
    object-fit: cover;
    border-radius: 10px;
}
.transformation-li {
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding-right: 20px;
}
.transformation-li:hover{
    background-image: linear-gradient(90deg, #fbdfe4, #f9bec1, #f9bec1, #fbdfe4);
}
.transformation-li:hover .trans-cnt h3{
    color: #9f6862;
}
.transformation-li:hover .trans-cnt p{
    color: #000;
}
.transformation-li:hover .trans-price span{
    color: #000;
}
.trans-cnt p {
    color: #FFE;
    font-size: 14px;
    font-family: 'Metropolis-Light';
}
.trans-cnt h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Metropolis-Medium';
}
.trans-cnt p {
    color: #FFE;
    font-size: 14px;
    font-family: 'Metropolis-Light';
}
.trans-img {
    width: 150px;
}
.trans-cnt {
    width: 60%;
}
.trans-price {
    width: 147px;
    text-align: right;
    position: relative;
    top: -30px;
}
.trans-price span {
    color: #fce2e5;
    font-family: 'Metropolis-Bold';
}
.transform-head {
    margin-bottom: 60px;
}

/*image compair*/
.transformation-bx {
    padding-left: 30px;
}
#comparison {
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.before-after-img figure {
    position: absolute;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-before.jpg);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
}

#divisor {
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-after.jpg);
  background-size: cover;
  position: absolute;
  width: 50%;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
  bottom: 0;
  height: 100%;
}
#divisor::before, #divisor::after {
  content: "";
  position: absolute;
  right: -2px;
  width: 4px;
  height: calc(50% - 25px);
  background: white;
  z-index: 3;
}
#divisor::before {
  top: 0;
  box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}
#divisor::after {
  bottom: 0;
  box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}

#handle {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}
#handle::before, #handle::after {
  content: "";
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
}
#handle::before {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}
#handle::after {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

.before-after-img input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  background-color: transparent;
  width: calc(100% + 50px);
  z-index: 2;
}
.before-after-img input[type=range]:focus, input[type=range]:active {
  border: none;
  outline: none;
}

.before-after-img input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: transparent;
  border: 4px solid white;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}

.before-after-img input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 15px;
  width: 100%;
  background-color: transparent;
  position: relative;
  outline: none;
}


/*======== our timing area ============*/

.our-timing-area {
    background-image: url(../images/our-timing-bg.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding: 70px 0px;
    position: relative;
}
.timing-heading {
    padding-top: 80px;
}
.time-dr-shape {
    position: absolute;
    left: 30%;
    bottom: 0;
}
.timing-heading .heading h2 {
    font-size: 50px;
    margin-bottom: 70px;
}
.timing-btn .btn-b {
    background: #a46e67;
    background-image: linear-gradient(90deg, #a46e67, #d09c90, #d09c90, #a46e67);
    font-size: 20px;
    font-family: 'Metropolis-Bold';
    margin-top: 30px;
}
.time-calender {
    text-align: right;
    padding-right: 8%;
}
.time-list {
    width: 310px;
    left: 25%;
    margin-top: 50px;
    position: relative;
}

.time-list p {
    background-color: #fff;
    border: solid 1px #c9aba8;
    padding: 0px 0px 0px 14px;
    color: #000;
    font-family: 'Metropolis-Medium';
    text-transform: uppercase;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.time-list p span {
    background-color: #fce2e5;
    padding: 6px 20px;
    display: inline-block;
}





/*========== testimonials area ===========*/
.testimonials.testi_ {
    padding: 50px 0px 90px;
    background-image: url(../images/testi-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 46%;
}
.testi-row {
    width: 85%;
    margin: 0 auto;
}

.testi_ .heading h2 {
    font-size: 30px;
    line-height: 1.3;
}
.testi_item {
    min-height: 373px;
    background: #fff;
    border-radius: 25px;
    padding: 39px 100px 39px 62px;
    box-shadow: 0px 3px 14px #e4e1e1;
    margin: 20px;
}
.testi_carousel .testi-user img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover;
    border-radius: 100px;
}
.testi_ .stars span {
    color: #ffa10a;
}
.testi_ .stars h5 {
    color: #e44a48;
    font-weight: 700;
}

.testi_item-cnt p {
    margin: 20px 0px;
}
.t_p_img img {
    width: 55px !important;
}



.testi_carousel .owl-stage-outer {
    padding-top: 45px;
}
.testi_item .quote {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quote h5 {
    color: #9f6862;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0px;
}

/*.testi_images_circle {
    width: 449px;
    height: 449px;
    border: 2px dashed #ea514e;
    position: relative;
}*/
@media screen and (min-width: 992px) {
/*    .testi_images_circle {
        margin-left: 90px;
    }*/
}
.testi_carousel {
    margin-left: 28px;
}
.testi_images_circle {
    background-color: #9f6862;
    border-radius: 35px;
    padding: 31px 30px;
    position: relative;
    left: -50px;
    z-index: 999;
    top: 19px;
}
.testi_images_circle > * {
    z-index: 1;
}
.testi_main_img {
    width: 306px;
    height: 306px;
    background: #ea514e;
    position: relative;
    z-index: 99;
}
.testi_nav {
    list-style-type: none;
    padding-left: 0px;
}

.testi_nav .t_im {
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
    overflow: hidden;
    padding: 10px 9px;
    border-bottom: solid 1px #fff;
}
.testi_nav .t_im span {
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    margin-left: 17px;
}
.testi_nav .t_im img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    object-fit: cover;
}
.testi_nav button {
    display: none;
}
.testi_nav .t_im:hover,
.testi_nav .t_im.active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


@media screen and (max-width: 991px) {
    .testi_images_circle {
        width: 100%;
        height: auto;
        margin: 0 auto;
        border-radius: 25px;
    }
    .testi_main_img {
        width: 180px;
        height: 180px;
    }
    .testi_nav .t_im {
        display: inline-block;
        object-fit: cover;
        border-bottom: none;
        padding: 0;
        margin: 0px 4px;
    }
    .testi-row {
        margin-top: 0px;
    }
    .testi_ .heading h2 {
        text-align: center;
    }
    .testi_nav .t_im span {
        display: none;
    }
    .testi_images_circle {
        padding: 19px 5px;
        left: -50px;
        z-index: 999;
        top: 30px;
    }
    .testi_nav {
        text-align: center;
    }   
    .testi_nav .t_im img {
        width: 50px;
        height: 50px;
    }
    .discover-dental {
        padding: 50px 0px;
    }
    .home-faq-area {
        padding: 0px 0px 50px;
    }
    .blog-faq {
        padding-right: 0px;
    }


}
/*========== end testimonials area ===========*/



/*==============blog area===============*/
.discover-dental {
    position: relative;
    background-image: url(../images/blog-bg.png);
    padding: 70px 0px;
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
}

.discover-dental .heading {
    margin-bottom: 35px;
}
.dental-insights-bx {
    box-shadow: 0px 0px 13px #f3f3f3;
    margin: 10px;
    border-radius: 20px;
    overflow: hidden;
    border: solid 1px #fff;
    transition: all 0.5s;
    border-bottom: solid 2px #fff;
}
.dental-insights-bx:hover{
    border-bottom: solid 2px #9f6862;
}
.dental-insights-img img {
    height: 230px;
    object-fit: cover;
}
.dental-insights-cnt {
    padding: 30px 30px;
    background-color: #fff;
    min-height: 237px;
}
.dental-insights-cnt h3 {
    color: #000;
    font-family: 'Metropolis-SemiBold';
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
	
}
.dental-insights-cnt p {
    color: #808080;
    margin-bottom: 0px;
	    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.dental-insights-bx:hover .dental-insights-cnt h3{
    color: #9f6862;
}
.dental-insights-bx:hover .cat-btn a{
    color: #db343b;
}

.discover-dental-slide .owl-nav {
    position: absolute;
    top: 60%;
    left: -53%;
}
.testimonials .owl-carousel .owl-nav button.owl-next, .testimonials .owl-carousel .owl-nav button.owl-prev {
    width: 35px;
    height: 35px;
    border: solid 1px #db343b !important;
    border-radius: 100px;
    margin-left: 10px;
    background-color: #db343b !important;
    color: #fff !important;
}
.red-btn {
    background-color: #9f6862;
    color: #fff;
    padding: 3px 6px 3px 16px;
    display: inline-block;
    border-radius: 100px;
    font-size: 14px;
    margin-top: 25px;
    transition: all 0.5s;
    border: solid 1px #9f6862;
}
.red-btn:hover{
    border:solid 1px #9f6862;
    background-color: #fff;
    color: #000;
}
.red-btn i {
    background-color: #fce2e5;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    line-height: 30px;
    text-align: center;
    color: #000;
    margin-left: 18px;
}



/*==============end blog area===============*/



/*========== home faq area ========*/
.home-faq-area {
    padding: 50px 0px 0px;
    position: relative;
}

.blog-faq {
    padding-top: 0px;
    padding-bottom: 30px;
    padding-right: 60px;
}
.heading-faq {
    margin-bottom: 60px;
}
.heading-faq h2 {
    color: #000000;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 15px;
    font-family: 'Playfair Display';
    text-transform: capitalize;
}

.blog-faq .accordion-button {
    font-size: 18px;
    padding: 18px 0px;
}
.blog-faq .accordion-button span {
    border: solid 1px #ffffff;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 29px;
    border-radius: 100px;
    background-color: #fff;
    margin-right: 10px;
    color: #000;
}
.blog-faq .accordion-button:not(.collapsed) {

}

.blog-faq .accordion-body {
    border-left: none;
    padding-left: 0px;
    border-bottom: none;
    padding-top: 0px;
    font-size: 16px;
    color: #808080;
    box-shadow: 0px 0px 15px #eee;
    padding: 20px;
}
.blog-faq .accordion-header {
    padding: 10px 0px;
}
.blog-faq .accordion-button {
    font-size: 17px;
    padding: 16px 16px;
    color: #808080;
    background-color: #fff;
    box-shadow: 0px 0px 15px #eee;
/*    margin: 20px 0px;*/
    border-radius: 11px;
}
.blog-faq .accordion-button:not(.collapsed) {
    margin-bottom: 0px;
    border-radius: 11px 11px 0px 0px;
}


.blog-faq  .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.blog-faq .accordion-item {
    border: none;
    background-color: transparent;
}
.blog-faq .accordion-button:not(.collapsed)::before {
    background-image: none;
    font-family: "FontAwesome";
    font-weight: 300;
    content: "\f068";
    font-size: 11px;
}
.blog-faq .accordion-button::before {
    background-image: none;
    font-family: "FontAwesome";
    font-weight: 300;
    content: "\f067 ";
    font-size: 11px;
    width: auto;
    background-color: #fce2e5;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100px;
    color: #000;
    margin-right: 33px;
}
.blog-faq .accordion-button::after {
    display: none;
}
.faq-contact-form {
    background-color: #fff;
    padding: 30px 60px;
    border-radius: 50px 50px 0px 0px;
    margin-left: 20px;
    background-image: url(../images/form-bg.png);
}
.faq-contact-form .form-head {
    text-align: center;
}
.faq-contact-form .form-head h3 {
    color: #fce2e5;
    font-family: 'Playfair Display';
    font-size: 36px;
    font-weight: 400;
}
.form-head hr {
    height: 1px;
    width: 50px;
    margin: 13px auto;
    color: #fff;
    opacity: 1;
}
.form-head p {
    line-height: 20px;
    color: #ffffff;
}
.faq-form-inner .form-control {
    border: none;
    border-bottom: solid 1px #ffffff;
    border-radius: 0px;
    padding: 15px 0px 7px;
    color: #000;
    margin-bottom: 8px;
    background-color: transparent;
}
.faq-form-inner .form-select.form-control {
    color: #fff;
}

.faq-form-inner .form-select.form-control option {
    color: #000;
}

.form-sbmt-btn .btn-b {
    padding: 8px 40px 8px;
    background-color: #fce2e5;
    color: #000;
    font-size: 20px;
    font-family: Metropolis-SemiBold;
    border: none;
    font-size: 16px;
}
.form-sbmt-btn {
    margin-top: 30px;
    padding-bottom: 60px;
}
.contact-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
}
.contact-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.contact-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}


/*========== end home faq area ========*/




/*======= services ==========*/

.home-services {
    overflow: hidden;
    background-color: #F9F9F9;
    padding: 40px 0px;
    background-image: url(../images/service-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.we-carousel {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.we-card-container {
  width: 435px;
  height: 600px;
  position: relative;
}
.we-card {
    background-color: #00106C;
    background-image: linear-gradient(0deg, #DDDDDD, #DDDDDD);
    color: #fff;
    border-radius: 20px;
    padding: 50px;
    transition: all 0.5s ease;
    filter: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 560px;
}
.services_slider .owl-item.center .item .we-card {
    background-color: #00106C;
    background-image: linear-gradient(0deg, #00106C, #0FA3B1); 
}
.we-card h3 {
    font-size: 24px;
    font-family: 'Inter';
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
}
.services_slider .owl-item.center .item .we-card h3{
    color: #fff;
}
.we-card img {
    width: 200px !important;
    height: 150px;
    object-fit: contain;
    margin-bottom: 40px;
}
.services_slider .owl-item.center .item .we-card img {
    width: 190px !important;
}

.we-card p {
    margin-top: 20px;
    color: #000;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.services_slider .owl-item.center .item .we-card p{
    color: #fff;
}
.we-card .btn-a {
    background: transparent;
    color: #000;
    padding: 8px 40px 8px;
}
.services_slider .owl-item.center .item .we-card .btn-a{
    color: #fff;
}
.services_slider .owl-item .item {
   transform: translate3d(0, 0, 0); 
   margin: 50px 0;
 }

.services_slider .owl-item.center .item .we-card {
    -webkit-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
}
.services_slider .owl-nav {
    text-align: center;
}
.services_slider .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #033aff !important;
}
.services_slider .owl-prev {
    left: 0px;
}
.services_slider .owl-next {
    right: 0px;
}
.services_slider .owl-next, .services_slider .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}




/*============= footer area ===========*/


.footer-area {
    background-image: linear-gradient(90deg, #FBDFE4, #F9BEC1, #F9BEC1, #FBDFE4);
    padding: 65px 0px 0px;
}
.bottom-footer {
    padding-top: 60px;
}
.footer-area h4 {
    text-transform: uppercase;
    font-family: 'Metropolis-SemiBold';
    font-size: 16px;
}
.footer-address-info p.foot-feel {
    font-size: 15px;
    font-family: 'Metropolis-Medium';
}
.footer-address-info p.footer-mail a {
    font-size: 15px;
    color: #000;
}
.footer-address-info p.foot-add {
    line-height: 25px;
    font-family: 'Metropolis-Medium';
    font-size: 15px;
}

.footer-address-icon{
    background: #fff;
    padding: 1.2rem;
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
    max-height: 70px;
    max-width: 85px;
    text-align: center;
    margin-top: 0.6rem;
}
.footer-address-icon i{
    font-size: 1.5rem;
    color: #9f6862;
}
.footer-area .row.top-footer-row{
    border-bottom: 1px solid #fff;
    padding-bottom: 3rem ;
}
.bottom-footer .row{
    border-bottom:none;
    padding-bottom: 0;
}
.footer-icons i {
    color: #9f6862;
    font-size: 1.2rem;
    padding: 0 0.2rem;
}
.footer-address-info {
    line-height: 1rem;
}
.footer-tel {
    color: #9f6862;
    font-size: 1.5rem;
    font-family: 'Metropolis-SemiBold';
}
.bottom-footer-navigation a {
    color: #000;
    font-family: 'Metropolis-Medium';
}
.row.copyright-btm {
    padding: 11px 66px 20px;
    font-size: 14px;
}



@media screen and (min-width: 768px) {
    .bottom-footer-navigation {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    .footer-address {
        display: flex;
        justify-content: space-evenly;
    }
}
@media screen and (max-width:992px) {
    .footer-address {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }  

    .footer-address-info {
        width: 76%;
    }
    .footer-area .row.top-footer-row {
        padding-bottom: 7px;
    }

    .bottom-footer {
        padding-top: 40px;
    }

    .footer-area .container {
        margin: auto;
    }
    .bottom-footer .row {
        padding-bottom: 1rem;
    }
    .row.copyright-btm {
        padding: 9px 0px 20px;
        font-size: 14px;
        text-align: center;
    }
    .bottom-footer-navigation {
        text-align: center;
        margin-bottom: 10px;
    }
    .bottom-footer-navigation a {
        padding: 10px;
    }
    .footer-address.footer-social {
        display: none;
    }

}


/*============= end footer area ===========*/


/*=========== service page =========*/


/*====== inner banner area =====*/
.inner-banner-area {
/*    background-image: url(../images/banner-bg.jpg);*/
    background-color: #efeae7;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 450px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
/* .inner-banner-area .bnner-lft-cnt {
    margin-bottom: 0px;
    text-align: center;
    width: 65%;
} */
.inner-banner-area .bnner-lft-cnt {
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
}
.banner-pos-img {
    position: absolute;
    right: 7%;
    bottom: 0;
}
.inner-banner-area .bnner-lft-cnt h1 {
    color: #9f6862;
}
.inner-banner-area .bnner-lft-cnt p {
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 13px;
}
.inner-banner-area .banenr-btn .btn-banner {
    background-color: #475553;
    color: #fff;
}
/* .banner-pos-img img {
    width: 93%;
} */
.banner-pos-img img {
/*     width: 432px; */
    height: 414px;
    object-fit: contain;
}
.inner-banner-area .banner-pos-img {
    display: none;
}
/*====== inner banner area =====*/


.hydrafacial-about .about-img img {
    border: none;
    border-radius: unset;
}
.home-about.hydrafacial-about {
    margin-bottom: 0px;
}
.home-about.hydrafacial-about {
    margin-bottom: 0px;
    padding: 50px 0px 60px;
}


/*========*/
.technology-cent-bx {
    padding-top: 70px;
    text-align: center;
    position: relative;
    border-bottom: solid 3px #9f6862;
}
.technology-text-bx.rgt-tx {
    text-align: right;
    padding-right: 18px;
}
.technology-text-bx.lft-tx {
    text-align: left;
}
.europeon-technology {
    padding: 50px 0px 65px;
    background-color: #f7f7f7;
}
.europeon-technology .heading {
    margin-bottom: 50px;
}
.technology-text-bx h4 {
    color: #000;
    font-size: 17px;
    margin: 10px 0px 9px;
    font-family: 'Metropolis-SemiBold';
}
.technology-text-bx p{
    margin-bottom: 0px;
}
.technology-text-bx {
    margin: 30px 0px;
    position: relative;
}

.technology-text-bx.rgt-tx i {
    color: #fff;
    position: absolute;
    right: -15px;
    top: 0px;
    width: 22px;
    height: 22px;
    background-color: #9f6862;
    text-align: center;
    display: inline-block;
    line-height: 22px;
    border-radius: 100px;
    font-size: 13px;
}
.technology-text-bx.lft-tx i {
    color: #fff;
    position: absolute;
    left: -15px;
    top: 0px;
    width: 22px;
    height: 22px;
    background-color: #9f6862;
    text-align: center;
    display: inline-block;
    line-height: 22px;
    border-radius: 100px;
    font-size: 13px

}


.technology-text-bx.lft-tx {
    padding-left: 18px;
}
/* .technology-cent-bx img {
    width: 70%;
} */
.technology-cent-bx img {
    width: 470px;
    height: 455px;
    object-fit: contain;
}
.technology-text-bx.rgt-tx.rgt-tx1 {
    right: -80px;
}
.technology-text-bx.rgt-tx.rgt-tx2 {
    top: 40px;
    right: -40px;
}
.technology-text-bx.lft-tx.lft-tx1 {
    left: -80px;
}
.technology-text-bx.lft-tx.lft-tx2 {
    left: -100px;
    top: 30px;
}   
.technology-text-bx.lft-tx.lft-tx3 {
    left: -60px;
    top: 70px;
}

/*==========*/


.key-benefits {
    background-image: url(../images/key-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding: 40px 0px 60px;
}
.key-benefits .heading.heading-center {
    margin-bottom: 50px;
}
.key-benefits-cnt h3 {
    color: #9f6862;
    font-size: 19px;
    font-family: 'Metropolis-SemiBold';
}
.key-benefits-cnt p {
    margin-bottom: 30px;
    color: #000;
}
.key-benefits-cnt p:last-child{
    margin-bottom: 0px;
}   

/*==========*/

.cta-area {
    padding: 120px 0px 100px;
}
.inner-cta {
    background-image: url(../images/cta-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 69px;
    position: relative;
}
.inner-cta-cnt {
    padding: 8px 30px 0px 80px;
    width: 60%;
    position: relative;
    bottom: -23px;
}

.inner-cta h2 {
    color: #fce2e5;
    font-family: 'Metropolis-SemiBold';
    font-size: 32px;
}
.inner-cta p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 18px;
}
.cta-btn .btn-a {
    background: #FBDFE4;
    background-image: linear-gradient(90deg, #FBDFE4, #F9BEC1, #F9BEC1, #FBDFE4);
    color: #000;
    padding: 14px 31px 14px;
    font-size: 16px;
    text-transform: unset;
    font-family: 'Metropolis-SemiBold';
}
.cta-img {
    position: absolute;
    right: 4%;
    bottom: 0;
}
.cta-img img {
    width: 85%;
}

/*==========*/


.faq-inner-pg .blog-faq {
    padding-right: 0px;
}

/*======== end technology area ==========*/



/*========= dental treatments pages =========*/
.euro-tech-sec .technology-text-bx.rgt-tx.rgt-tx1,
.euro-tech-sec .technology-text-bx.rgt-tx.rgt-tx2 {
    right: auto;
    top: auto;
}
.euro-tech-sec .technology-text-bx.lft-tx.lft-tx1,
.euro-tech-sec .technology-text-bx.lft-tx.lft-tx2,
.euro-tech-sec .technology-text-bx.lft-tx.lft-tx3 {
    left: auto;
    top: auto;
}
.our-comprehensive {
    padding: 60px 0px;
}
.comprehensive-bx {
    text-align: center;
    margin-top: 35px;
}
.comprehensive-bx h4 {
    font-size: 16px;
    font-family: 'Metropolis-SemiBold';
}
.comprehensive-img img {
    border-radius: 20px;
}
.comprehensive-txt {
    padding-right: 60px;
}
.comprehensive-txt .heading {
    margin-bottom: 15px;
}


.meet-Specialists {
    padding: 60px 0px;
}
.Specialists-head .btn-area {
    margin-top: 50px;
}
.specialists-team {
    display: flex;
}
.specialists-team .team-item {
    width: 250px;
    position: relative;
    transition: all 300ms ease-in-out;
    margin: 0px 10px;
}
.specialists-team .team-item.active{
    width: 500px;
}

.specialists-team .team-item:hover {
    width: 500px;
}
.team-item img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 20px;
}

.team-info h4 {
    color: #9f6862;
    font-family: 'Playfair Display';
    font-size: 21px;
    margin-top: 18px;
}
.specialists-team .team-item.active .team-info{
    opacity: 1;
}
.team-info{
    opacity: 0;
    transition: all 300ms ease-in-out;
}
.specialists-team .team-item:hover .team-info{
    opacity: 1;
}

/*========= end dental treatments pages =========*/



/*aesthetic servie page */

.our-signature {
    background-image: linear-gradient(90deg, #FBDFE4, #F9BEC1, #F9BEC1, #FBDFE4);
    padding: 60px 0px 35px;
}
.signature-bx img {
    height: 130px;
    object-fit: cover;
    border-radius: 15px;
}
.signature-bx {
    background-color: #fff;
    padding: 10px 10px;
    border-radius: 15px;
    min-height: 288px;
    margin-bottom: 25px;
}
.signature-bx h3 {
    font-size: 16px;
    font-family: 'Metropolis-SemiBold';
    color: #9f6862;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 4px;
}
.signature-bx p {
    color: #808080;
    font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.signature-owl {
    margin-top: 44px;
}
/*=========== end service page =========*/



/*========= blog page css ==========*/
    
.blog-top-row {
    background-color: #fce2e5;
    padding: 40px 0px;
}
.blog-tob-bx {
    display: flex;
    align-items: center;
}
.blog-tob-bx-cnt {
    width: 100%;
    padding-left: 10px;
}

.blog-tob-bx-cnt h3 {
    font-size: 18px;
    font-family: 'Metropolis-SemiBold';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-tob-bx-cnt h3 a{
    color: #000;
}
.blog-tob-bx-cnt h6 {
    font-size: 14px;
    color: #808080;
    text-transform: uppercase;
}
.blog-tob-bx-cnt span {
    color: #808080;
    text-transform: uppercase;
    font-size: 14px;
}
.blog-tob-bx-cnt span i {
    color: #80453f;
    padding-right: 7px;
}
.blog-tob-bx-cnt.cmn-blog-txt span i {
    color: #80453f;
    padding-right: 7px;
    padding-left: 12px;
}
.most-view-bx .blog-tob-bx-cnt span i {
    padding-left: 12px;
}
.top-blog-img {
    margin-right: 6px;
}
.blog-tob-bx-cnt.cmn-blog-txt p {
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.top-blog-img img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 100px;
}
.main-blog-cnt .blog-tob-bx-cnt h3 {
    font-size: 22px;
}
.blogs-row {
    margin-bottom: 40px;
    border-bottom: solid 1px #cdcdcd;
    padding-bottom: 40px;
}
.blog-left-area {
    padding-right: 44px;
}



/*features blog*/
.features-blog {
    padding: 60px 0px;
}

.features-lft {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.features-lft img {
    height: 450px;
    width: 100%;
    object-fit: cover;
}
.features-lft-txt {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    padding: 30px;
    background-image: linear-gradient(13deg, #000000e6, transparent);
}
.features-lft-txt .blog-tob-bx-cnt {
    width: 100%;
    padding-left: 0px;
}
.features-lft-txt .blog-tob-bx-cnt h3 {
    font-size: 32px;
    color: #fff;
}
.features-lft-txt .blog-tob-bx-cnt h3 a{
    color: #fff;
}
.features-lft-txt .blog-tob-bx-cnt h6 {
    padding: 6px 14px 4px;
    color: #000;
    background-color: #fce2e5;
    display: inline-block;
    font-size: 10px;
    border-radius: 5px;
}
.features-lft-txt .blog-tob-bx-cnt span {
    color: #fff;
    font-size: 14px;
}
.features-lft-txt .blog-tob-bx-cnt span i {
    color: #fff;
    padding-right: 7px;
    padding-left: 10px;
}

.features-rgt-img img {
    width: 100%;
    height: 137px;
    object-fit: cover;
    border-radius: 10px;
}
.features-rgt-row {
    margin-bottom: 20px;
    align-items: center;
}
.features-rgt-row:last-child{
    margin-bottom: 0px;  
}
.blog-tob-bx-cnt.cmn-blog-txt h6 {
    padding: 6px 14px 4px;
    color: #000;
    background-color: #fce2e5;
    display: inline-block;
    font-size: 10px;
    border-radius: 5px;
}



.most-view-bx img {
    height: 220px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
}
.most-view-bx .blog-tob-bx-cnt {
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
}
.most-view-inner {
    border-bottom: solid 1px #cdcdcd;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.main-blog-area {
    margin: 50px 0px;
}
.blog-read-btn {
    margin-top: 13px;
}
.blog-read-btn a {
    border: solid 1px #fce2e5;
    padding: 4px 7px 4px 21px;
    border-radius: 40px;
    display: inline-block;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    transition: all 0.5s;
}
.blogs-row:hover .blog-read-btn a{
    background-color: #9f6862;
    color: #fff;
}

.blog-read-btn a i {
    color: #000;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background-color: #fce2e5;
    border-radius: 100px;
    margin-left: 13px;
}
.main-blog-img img {
    width: 100%;
    height: 250px;
    border-radius: 10px;
    object-fit: cover;
}

.whole_pagination .pagination {
    justify-content: center
}

.whole_pagination .pagination .page-numbers {
    margin: 0 8px;
    border: solid 1px #9f6862;
    color: #000;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    text-align: center;
    line-height: 31px;
}

.whole_pagination .pagination .page-numbers.current {
    color: #9f6862
}

.whole_pagination .pagination .page-numbers i {
    color: #9f6862
}


/*blog side bar*/

.blog-sidebar {
    position: sticky;
    top: 90px
}

.categories-search form {
    position: relative
}

.categories-search form .form-control {
    background: #fff;
    padding: 13px 13px 12px 20px;
    position: relative;
    border-width: 2px;
    border-radius: 6px;
    font-size: 13px;
    border: solid 2px #fce2e5;
    color: #000;
}


.categories-search form .form-control::-moz-placeholder {
    color: #000;
    opacity: 1
}

.categories-search form .form-control::placeholder {
    color: #000;
    opacity: 1
}

.blog-search-button {
    border: none;
    position: absolute;
    right: 8px;
    top: 8px;
    background-color: #9f6862;
    padding: 6px 12px 6px;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
}
.right-cat-hed {
    color: #000;
    font-size: 23px;
    margin-bottom: 23px;
    font-family: "Playfair Display", serif;
}


.blog-categories ul {
    padding: 0
}

.blog-categories ul li {
    display: inline-block;
    list-style: none
}

.blog-categories ul li a {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    padding: 7px 8px;
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 7px;
    border: solid 2px #fce2e5;
    border-radius: 5px;
}

.blog-categories ul li a:hover {
    background-color: #fce2e5;
    color: #000;
    transition: all .5s
}


.tags-area ul {
    padding: 0px;
}

.tags-area ul li a {
    color: #fff;
    display: block;
}
.tags-area ul li {
    background-image: url(../images/tags-li1.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    list-style: none;
    margin: 10px 0px;
    padding: 14px 20px;
    border-radius: 5px;
    background-blend-mode: overlay;
    background-color: #00000091;
    background-size: cover;
}


.popular-news .blog-tob-bx-cnt h3 a {
    font-size: 15px;
}
.popular-news .blog-tob-bx-cnt h6 {
    font-size: 13px;
    margin-bottom: 4px;
}
.popular-news .blog-tob-bx-cnt span {
    font-size: 13px;
}
.popular-news .top-blog-img img {
    width: 80px;
    height: 80px;
    border: solid 2px #fce2e5;
}
.popular-news .blog-tob-bx {
    margin-bottom: 20px;
}

.popular-news .blog-tob-bx {
    margin-bottom: 20px;
}
.popular-news .blog-tob-bx-cnt h3 {
    margin-bottom: 5px;
}
.blog-inner-get-help {
    background-image: url(../images/get-help-bg.png);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 40px;
    margin-top: 60px;
}

.get-instant-cnt h3 {
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 28px;
    font-weight: 300;
}
.get-instant-cnt {
    text-align: center;
}
.get-instant-cnt p {
    color: #fff;
    font-family: 'Metropolis-Medium';
    font-size: 16px;
    margin-bottom: 0px;
}
.get-instant-cnt a {
    background-color: #fce2e5;
    color: #000;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 100px;
    font-size: 16px;
    margin-top: 25px;
    transition: all 0.5s;
    border: solid 1px #9f6862;
    font-family: 'Metropolis-SemiBold';
}

.get-instant-cnt a:hover{
    background-color: #fff;
    border: solid 1px #9f6862;
}
.get-instant-cnt hr {
    color: #ffff;
    width: 50px;
    margin: 10px auto 16px;
    opacity: 1;
}

/*blog inner*/
.blog-inner-head .blog-tob-bx-cnt h6 {
    padding: 6px 14px 4px;
    color: #000;
    background-color: #fce2e5;
    display: inline-block;
    font-size: 10px;
    border-radius: 5px;
}
.blog-inner-head .blog-tob-bx-cnt h3 {
    font-size: 32px;
    color: #000;
}
.blog-inner-head .blog-tob-bx-cnt {
    padding-left: 0px;
    width: 60%;
    margin-bottom: 20px;
}
.blog-inner-head .blog-tob-bx-cnt span i {
    color: #80453f;
    padding-right: 7px;
    padding-left: 14px;
}
.inner-main-blog-cnt img {
    border-radius: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.inner-main-blog-cnt p {
    font-size: 16px;
    color: #808080;
    text-align: justify;
    margin-bottom: 25px;
}
.inner-main-blog-cnt h2 {
    font-family: 'Metropolis-SemiBold';
    margin-top: 40px;
    margin-bottom: 20px;
}
.inner-main-blog-cnt h6 {
    font-family: 'Metropolis-SemiBold';
    font-size: 18px;
}

.blog-tags h4 {
    font-family: 'Metropolis-SemiBold';
    font-size: 20px;
    margin-bottom: 10px;
}
.blog-tags ul {
    padding: 0;
}
.blog-tags ul li {
    display: inline-block;
    list-style: none;
}
.blog-tags ul li a {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    padding: 7px 8px;
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 7px;
    border: solid 2px #fce2e5;
    border-radius: 5px;
}

.blog-social-share h4 {
    font-family: 'Metropolis-SemiBold';
    font-size: 20px;
    margin-bottom: 10px;
}
.blog-social-share ul {
    padding: 0px;
}

.blog-social-share ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 9px 0px 0px;
}
.tags-share {
    padding: 50px 0px;
}
.related-blogs-area {
    margin-top: 50px;
}
.blogs-row:last-child{
    border-bottom: none;
}


/*author*/
.blog-author {
    display: flex;
    justify-content: space-between;
}
.authorname h4 {
    color: #646464;
    font-size: 16px;
    margin-bottom: 0px;
    font-style: italic;
}
.authorname p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #000;
}
.authorname {
    margin-left: 15px;
}
.author-img img {
    width: 100%;
}
.author-img {
    width: 60px;
    height: 60px;
    line-height: 56px;
    text-align: center;
    background: #e1e1e1;
    border-radius: 100px;
}

/* appointment area */
.appointment-form {
    padding: 60px 0px;
}
.book-appintment-form {
    border-radius: 20px;
    padding: 40px 70px;
    height: 100%;
    background-color: #fff;
    position: relative;
    border: solid 2px #fce2e5;
    margin: 0px 50px;
}
.book-appintment-form .form_inner .form-control {
    background-color: #fff;
    margin-bottom: 15px;
    border: none;
    padding: 10px 15px;
    color: #808080;
    box-shadow: 0px 0px 5px #eee;
    border-radius: 10px;
    border: solid 2px #fce2e5;
}
.input_box.gend-inp-box label {
    color: #808080;
}
.input_box.captcha-inp {
    position: relative;
}

.book-appintment-form .form_inner .captcha-inp .form-control {
    padding: 10px 85px 10px 15px;
}

.input_box.inp-select-dt .form-control {
    color: transparent;
    position: relative;
}
.input_box.inp-select-dt input:invalid:before {
    color: #808080;
    content: attr(placeholder);
    padding-left: 10px;
    pointer-events: none;
    position: absolute;
    left: 5px;
}
.input_box.inp-select-dt input:valid,
.input_box.inp-select-dt input:focus,
.input_box.inp-select-dt input:active {
  color: #808080;
}
.input_box.inp-select-dt input:valid:before,
.input_box.inp-select-dt input:focus:before,
.input_box.inp-select-dt input:active:before {
  display: none;
}

.book-appintment-form .form_inner .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #808080;
  opacity: 1;
}
.book-appintment-form .form_inner .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #808080;
}
.book-appintment-form .form_inner .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #808080;
}
.book-appintment-form .form_inner textarea {
    height: 90px;
}
.book-appintment-form .heading {
    margin-bottom: 20px;
}

.inner-banner-area.appointment-bnr .bnner-lft-cnt h1 {
    font-size: 60px;
}
.inner-banner-area .banenr-btn .btn-banner.apoint-btn1 {
    background: #a46e67;
    background-image: linear-gradient(90deg, #a46e67, #d09c90, #d09c90, #a46e67);
}
.inner-banner-area .banenr-btn .btn-banner.apoint-btn2 {
    background: #fff;
    color: #000;
}


.book-appintment-form.appoint-bg-main .form_inner .form-control{
    box-shadow: none;
}
.input_box.gend-inp-box {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 10px 15px;
    color: #000000;
    border-radius: 10px;
    border: solid 2px #fce2e5;
    display: flex;
    justify-content: space-between;
}
.gend-inp-box .radio-inline {
    margin-right: 10px;
    font-size: 15px;
}
.gend-inp-box .radio-inline:last-child{
    margin-right: 0px;
}
.gend-inp-box .radio-inline input {
    margin-right: 6px;
    position: relative;
    top: 2px;
}


.form-sbmt-btn-n .cmn-btn {
    background: #a46e67;
    background-image: linear-gradient(90deg, #a46e67, #d09c90, #d09c90, #a46e67);
    border: none;
    color: #fff;
    padding: 8px 20px;
    border-radius: 100px;
    text-transform: uppercase;
    width: 60%;
}

/*reach out area*/

.reach-out-area {
    margin: 40px 100px 0px;
}
.contact-info-txt p {
    color: #000;
    font-size: 16px;
}
.contact-info-txt p a{
    color: #000;
}

/*map area*/
.map-area {
    padding-bottom: 60px;
}



/*about us */
.bred-strip {
    background-color: #fce2e5;
    text-align: center;
    padding: 50px 0px;

}



.home-about.main-about {
    padding: 60px 0px;
    margin-bottom: 0;
}
.bred-strip h1{
    font-family: 'Playfair Display';
    font-size: 40px;
}
.values-bx {
    text-align: center;
    padding: 0px 20px;
}
.our-values {
    padding: 50px 0px;
    background-color: #f3f2f0;
}
.values-bx h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: 'Metropolis-Medium';
}
.values-bx p {
    margin-bottom: 0px;
}
.our-values .heading {
    margin-bottom: 50px;
}
.smiles-beauty {
    padding: 60px 0px;
}
.smiles-beauty {
    padding: 60px 0px;
}
.smiles-beauty .heading{
    padding-left: 40px;
    margin-bottom: 0px;
}
.vision-mission-bx {
    border-radius: 24px;
    overflow: hidden;
    background-color: #fff;
    border: solid 2px #fce2e5;
    min-height: 510px;
}
.vision-mission-bx .vm-bx-img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}
.vm-bx-cnt {
    padding: 20px 30px;
}

.vm-bx-cnt h4 {
    font-family: 'Playfair Display';
    font-size: 22px;
    margin-bottom: 14px;
}
.vm-bx-cnt p {
    color: #808080;
    font-size: 15px;
}

.vision-mission {
    position: relative;
    padding: 50px 0px 170px;
}
.vision-shape {
    z-index: -1;
    position: absolute;
}
.vision-mission .container-fluid {
    position: relative;
    top: 60px;
}




/*========= end blog page css ==========*/


/* new css */
.hydrafacial-about .btn-area {
    display: none;
}