/*
Theme Name: Heathwood Dental Practice
Theme URI: #
Author: Sk
Version: 1.0
*/



/* Start - Main Style */

*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth; overflow-x:hidden;  }
body{ margin:0px; padding:0px;background:#ffffff; font-family:var(--bodyfont);}
p{ margin:0px; padding:0px; }

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition:all .5s}
a:hover, a:focus, a:active{ transition:all .5s }
a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
img { max-width: 100%; height: auto;}
strong{font-weight:bold;}
button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%;}
::-moz-selection { color: #fff; background:var(--main-clr);}
::selection { color: #fff; background: var(--main-clr);}


@font-face {
    font-family: 'SFProDisplay';
    src: url('assets/fonts/SFProDisplay-Regular.eot');
    src: url('assets/fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-Regular.woff') format('woff'),
        url('assets/fonts/SFProDisplay-Regular.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SFProDisplay';
    src: url('assets/fonts/SFProDisplay-Light.eot');
    src: url('assets/fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-Light.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-Light.woff') format('woff'),
        url('assets/fonts/SFProDisplay-Light.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-Light.svg#SFProDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SFProDisplay';
    src: url('assets/fonts/SFProDisplay-Medium.eot');
    src: url('assets/fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-Medium.woff') format('woff'),
        url('assets/fonts/SFProDisplay-Medium.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SFProDisplay';
    src: url('assets/fonts/SFProDisplay-Semibold.eot');
    src: url('assets/fonts/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-Semibold.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-Semibold.woff') format('woff'),
        url('assets/fonts/SFProDisplay-Semibold.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'CabinetGrotesk';
    src: url('assets/fonts/CabinetGrotesk-Black.eot');
    src: url('assets/fonts/CabinetGrotesk-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CabinetGrotesk-Black.woff2') format('woff2'),
        url('assets/fonts/CabinetGrotesk-Black.woff') format('woff'),
        url('assets/fonts/CabinetGrotesk-Black.ttf') format('truetype'),
        url('assets/fonts/CabinetGrotesk-Black.svg#CabinetGrotesk-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CabinetGrotesk';
    src: url('assets/fonts/CabinetGrotesk-Medium.eot');
    src: url('assets/fonts/CabinetGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CabinetGrotesk-Medium.woff2') format('woff2'),
        url('assets/fonts/CabinetGrotesk-Medium.woff') format('woff'),
        url('assets/fonts/CabinetGrotesk-Medium.ttf') format('truetype'),
        url('assets/fonts/CabinetGrotesk-Medium.svg#CabinetGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CabinetGrotesk';
    src: url('assets/fonts/CabinetGrotesk-Light.eot');
    src: url('assets/fonts/CabinetGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CabinetGrotesk-Light.woff2') format('woff2'),
        url('assets/fonts/CabinetGrotesk-Light.woff') format('woff'),
        url('assets/fonts/CabinetGrotesk-Light.ttf') format('truetype'),
        url('assets/fonts/CabinetGrotesk-Light.svg#CabinetGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CabinetGrotesk';
    src: url('assets/fonts/CabinetGrotesk-Thin.eot');
    src: url('assets/fonts/CabinetGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CabinetGrotesk-Thin.woff2') format('woff2'),
        url('assets/fonts/CabinetGrotesk-Thin.woff') format('woff'),
        url('assets/fonts/CabinetGrotesk-Thin.ttf') format('truetype'),
        url('assets/fonts/CabinetGrotesk-Thin.svg#CabinetGrotesk-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CabinetGrotesk';
    src: url('assets/fonts/CabinetGrotesk-Bold.eot');
    src: url('assets/fonts/CabinetGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CabinetGrotesk-Bold.woff2') format('woff2'),
        url('assets/fonts/CabinetGrotesk-Bold.woff') format('woff'),
        url('assets/fonts/CabinetGrotesk-Bold.ttf') format('truetype'),
        url('assets/fonts/CabinetGrotesk-Bold.svg#CabinetGrotesk-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CabinetGrotesk';
    src: url('assets/fonts/CabinetGrotesk-Extralight.eot');
    src: url('assets/fonts/CabinetGrotesk-Extralight.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CabinetGrotesk-Extralight.woff2') format('woff2'),
        url('assets/fonts/CabinetGrotesk-Extralight.woff') format('woff'),
        url('assets/fonts/CabinetGrotesk-Extralight.ttf') format('truetype'),
        url('assets/fonts/CabinetGrotesk-Extralight.svg#CabinetGrotesk-Extralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CabinetGrotesk';
    src: url('assets/fonts/CabinetGrotesk-Extrabold.eot');
    src: url('assets/fonts/CabinetGrotesk-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CabinetGrotesk-Extrabold.woff2') format('woff2'),
        url('assets/fonts/CabinetGrotesk-Extrabold.woff') format('woff'),
        url('assets/fonts/CabinetGrotesk-Extrabold.ttf') format('truetype'),
        url('assets/fonts/CabinetGrotesk-Extrabold.svg#CabinetGrotesk-Extrabold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CabinetGrotesk';
    src: url('assets/fonts/CabinetGrotesk-Regular.eot');
    src: url('assets/fonts/CabinetGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CabinetGrotesk-Regular.woff2') format('woff2'),
        url('assets/fonts/CabinetGrotesk-Regular.woff') format('woff'),
        url('assets/fonts/CabinetGrotesk-Regular.ttf') format('truetype'),
        url('assets/fonts/CabinetGrotesk-Regular.svg#CabinetGrotesk-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



/*variables--*/

:root{

  --bodyfont: 'CabinetGrotesk', sans-serif;
  --headfont: "CabinetGrotesk", serif;
  --secondary-font: "DM Sans", sans-serif;
  --accent-font: "SFProDisplay", sans-serif ;
  --fs-100:100px;
  --fs-80:80px;
  --fs-70:70px;
  --fs-60:60px;
  --fs-65:65px;
  --fs-50:50px;
  --fs-48:48px;
  --fs-46:46px;
  --fs-45:45px;
  --fs-42:42px;
  --fs-40:40px;
  --fs-38:38px;
  --fs-36:36px;
  --fs-30:30px;
  --fs-28:28px;
  --fs-26:26px;
  --fs-24:24px;
  --fs-23:23px;
  --fs-22:22px;
  --fs-21:21px; 
  --fs-20:20px; 
  --fs-18:18px;
  --fs-17:17px;
  --fs-16:16px;
  --fs-14:14px;

  --main-clr:#d34d9e;
  --seconday-color:#6b5a93;
  --black-clr:#000;
  --hover-color:#6b5a93;
  --body-font-color:#161617;
  --light-font-color:#2a2a2a;
  --light-bg:#e5f5f5; 
  
  
}

body{ font-family:var(--bodyfont); color:var(--body-font-color); background:#faf7f1 }


h1{ margin: 0px; padding: 0px; font-weight:400; font-size:var(--fs-48); color:var(--main-clr); font-family:var(--headfont); padding:0 0 30px 0 }
h1 em{ font-weight:400; font-style:italic; }

h2{ margin: 0px; font-size: var(--fs-42); color: var(--black-clr); font-weight: 300; padding: 0 0 30px 0; line-height: 1.3; font-family:var(--headfont); }
h2 strong{ font-weight:600 }


h2 em{ font-weight:400;  }

h3{ font-size:var(--fs-30); padding:0 0 30px 0;  }

h4{ font-weight: 300; font-size: var(--fs-20); padding:0 0 30px 0;  }

h5{font-size:var(--fs-20); padding:0 0 30px 0; }

h6{  font-size:var(--fs-14); padding:0 0 30px 0; color:rgba(0,0,0,0.7) ; text-transform:uppercase; letter-spacing:3px; font-weight:300; margin:0; font-family:var(--secondary-font); font-weight:300  }

p{ font-size:var(--fs-20); line-height:1.6; font-weight: 300 ; text-align: justify; padding:0 0 30px 0; color:var(--black-clr); font-family: var(--secondary-font); color: #161617}

.btncn{ position:relative; display: inline-block;  padding:18px 35px 15px; font-size: var(--fs-16); font-weight:300; border-radius:0; text-align: center;  margin:15px 0; font-family:var(--headfont);  font-family: var(--seconday-color); text-transform:uppercase; letter-spacing:1px }
.btncn-default{ background: var(--main-clr); color: #fff;  }
.btncn-secondary{ background: #e1e0dd; color: var(--black-clr); }
.btncn-white{ background:#fff; color: var(--seconday-color);  }
.btncn-default:hover{ background:var(--seconday-color);  }
.btncn-secondary:hover{ background: var(--seconday-color); color:#fff }
.btncn-white:hover{ background:var(--seconday-color); color:#fff  }

.btn-line{ border:1px solid var(--seconday-color); color:var(--seconday-color); font-family:var(--secondary-font); }
.btn-line:hover{ background:var(--seconday-color); color:#fff;  }

.buttonGroup{ display:flex; gap:15px }
.dark-bg .btncn-default:hover{ background:#fff; border-color:#fff;color:var(--main-clr) }
.btncn-default i, .btncn-secondary i{ margin:0 10px 0 0 }


.section{ padding:100px 0 }
.section .container{ position:relative; }
.section-light{ background:var(--light-blue-color); }
.light-section{ background:var(--light-bg); }
.no-padding-top{ padding-top:0 }

.hoverImage{ overflow:hidden; position:relative; }
.hoverImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0;  background: linear-gradient(45deg, var(--main-clr) 0%, transparent 100%); opacity:0; transition:all .5s }
.hoverImage:hover:after{ opacity:0; transition:all .5s }
.hoverImage img{ width:100%; transition:all .5s }
.hoverImage:hover img{ transform:scale(1.0); transition:all .5s }
.g-5, .gx-5 { --bs-gutter-x: 5rem;}
.g-4, .gx-4 { --bs-gutter-x: 3rem;}
.section-heading{ margin:0 0 30px 0 }
.section-heading h6{ padding-bottom:15px; }
.text-center p{ text-align:center; }

.light-bg{ background:#f5f5f7 }
.dark-bg{ background:var(--main-clr); }
.text-clr-main,.text-clr-main *{color: var(--body-font-color);}
.mobile{ display:none; }

.btn-group{ display:flex; margin:30px 0 0 0; gap:15px;  }
.full-image img{ width:auto; max-width:inherit; }
.full-right{ display:flex; justify-content:flex-end; }

/*HEADER*/

@media (min-width: 1700px) {
  .container{ max-width:1420px }
  .header .container {
    max-width: 1680px;
  }
}

.headerTop{ background:var(--black-clr); padding:7px 0;  }
.headerTop p{ color:var(--light-font-color); font-weight:300; padding:0; font-size:var(--fs-18); }
.headerTop p a{  color:var(--light-font-color); font-weight:600 }
.headerTop p a:hover{ color:var(--main-clr); }
.headerTop ul{ margin:0; padding:0; list-style:none; }
.headerTop ul li{display:inline-block;vertical-align:top;padding:0 22px;position:relative;font-family:var(--accent-font); color:#fff; font-weight:300;font-size:var(--fs-18);}
.headerTop ul li a{ color:#fff; }
.headerTop ul li a:hover{ color:var(--main-clr); }
.headerTop ul li:before{ content:''; position:absolute; left:0; top:4px; width:1px; height:19px; background:#fff; }
.headerTop ul li:first-child:before{ display:none; }

.headerMian{width: 100%; transition: all .5s; }
.header{position: relative;z-index: 99;}
.headerMian{transition:all .5s; background: #fff}
.logo{ width:365px; transition:all .5s; }
.headerHolder{ display:flex; align-items:center; justify-content:space-between; padding:0 0 0 73px; }
.navigation nav ul{ display:flex; align-items:center; margin:0; padding:0; list-style:none;  }
.navigation nav ul li a{font-weight:400;font-size: var(--fs-16);position: relative;color: var(--black-clr); font-family: var(--secondary-font); z-index: 10; text-transform: uppercase; padding: 0 25px; display: block; line-height: 120px;}
.navigation nav ul li a:hover{ color:var(--main-clr); }
ul.dropdown-menu-holder{ flex-wrap:wrap; gap: 0 !important; row-gap: 30px !important; width: 100%; border: none; justify-content: space-between;align-items:flex-start!important; }
ul.dropdown-menu-holder li { width:31%;  }
ul.dropdown-menu-holder li ul{ display:block; }
.section-parent-menu{ width:100% }
.section-parent-menu{ margin:0 -10px; padding:0 0 0 340px }
.fixed .section-parent-menu{ padding:0 0 0 340px }
.fixed{position:fixed;top:0;left:0;width:100%; box-shadow:0 4px 4px rgba(0,0,0,0.1); z-index: 999}
.fixed .bookAppointment a{padding: 30px 50px; transition:all .5s }

.headerMian .container-fluid{ padding-right:0 }

ul.dropdown-menu-holder li a{ color:#fff !important }
ul.dropdown-menu-holder li a:hover{ color:var(--main-clr) !important; }

.fixed .navigation nav ul li a{ line-height:88px;  }

@media only screen and (min-width:1200px){
.headerMian a{position:relative;z-index: 10;}
.headerMian:hover a{pointer-events:all;}
.mega-menu-wrapper{ position: absolute; z-index: 9; inset: 0 0 auto;  width: 100vw;  max-width: 100vw;  background: var(--seconday-color);   box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05); top: 100%; display:none; padding:30px 0 }
.navigation nav ul li:hover .mega-menu-wrapper{ display:block; }
ul.dropdown-menu-holder li a{ font-size:var(--fs-20) !important; font-weight:600!important; margin:0 0 15px 0; display:block; line-height:2!important; padding:0 !important }
ul.dropdown-menu-holder li ul li a{  font-size: 16px !important; padding:5px 0; display:block; font-weight:300 !important; margin:0 ;  }
ul.dropdown-menu-holder li ul li{ width:100% }
.mega-menu-wrapper a:hover{ color:var(--main-clr); }

.navigation nav ul li.normal-menu { position: relative;}
ul.sub-menu{ position: absolute; z-index: 9; inset: 0 0 auto;  width: 100%;   background: var(--seconday-color); box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05); top: 100%; opacity: 0; visibility: hidden;  width:310px; padding:15px !important; z-index:-9;  visibility:hidden; opacity:0; flex-direction:column; text-align:left; justify-content:flex-start; }
.navigation ul li:hover ul.sub-menu{ visibility:visible; opacity:1.0; z-index:9;  }
.navigation ul li ul.sub-menu li a{ line-height:2!important; color:#fff ; display:block; }
.navigation ul li ul.sub-menu li a:hover{ color:var(--main-clr); }
ul.sub-menu li{ width:100% }
}
.mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important;  }
.headerRight{ display:flex; align-items:center;  }
.phoneNumber a{font-family:var(--secondary-font);font-weight: 600;color: var(--seconday-color);font-size: var(--fs-24); display: flex; align-items: center; transition:all .5s; }
.phoneNumber a:hover{ color:var(--main-clr); transition:all .5s }


.phoneNumber a span{margin-left:12px}
.whatsapp a{ color:#fff; font-size:24px; display:block; width:45px; height:45px; border-radius:50%; background:#52c869; text-align:center; line-height:45px;  margin:0 10px 0 50px  }
.headerSocial{ margin:0 15px 0 0 }
.headerSocial i{ background:var(--main-clr); padding:5px; border-radius:50%; width:39px; height:39px; display:flex; justify-content:center; align-items:center; color:#fff ; transition:all .5s}
.headerSocial a:hover i{ background:var(--seconday-color); transition:all .5s }


a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}
.mean-container a.meanmenu-reveal span{ background:var(--main-clr); }
.mean-container .mean-nav{ background:var(--main-clr); }

.mean-container .mean-bar {  position: absolute;  left: 0; width: 100%;  float: none;  z-index: 99;  top: 35px;  background: var(--top-header-bg);}
    .mean-container a.meanmenu-reveal{ color:var(--main-clr); }
   /* a{ text-decoration:none; border: 0px; outline: none; transition:none;}
    a:hover, a:focus, a:active{ transition:none; }*/
    .mean-container a.meanmenu-reveal{ border:1px solid var(--main-clr); padding: 8px 13px 9px; margin-top:-14px; border-radius: 4px;}
    .mean-container .mean-nav{ margin-top:44px }
    .fixed .mean-container .mean-nav{ margin-top:44px }
    .mean-container .mean-nav ul li a{ font-family:var(--bodyfont); }
    .mean-container .mean-nav ul li:first-child a{ border:none; }
    .mean-container .mean-nav ul li a.mean-expand{ border:none !important; background:transparent !important; }
.mean-nav{  box-shadow: -50vw 0 0 var(--main-clr), 50vw 0 0 var(--main-clr); }

.bookAppointment a{padding: 47px 50px;display:block;background: var(--main-clr);color:#fff;position:relative;margin: 0 0 0 50px;font-size: var(--fs-18);font-weight: 500;  transition:all .5s; font-family: var(--secondary-font); text-transform: uppercase;}
.bookAppointment a i{ margin:0 10px 0 0; display:none; }
.bookAppointment a:hover{ opacity:0.8 }

.phoneNumberIcon{ margin:0 0 0  30px; }
.phoneNumberIcon a{ display:flex; align-items:flex-start; gap:8px; }
.phIcon{ width:39px; height:39px; flex-shrink:0; display:flex; justify-content:center; align-items:center; background: var(--hover-color); color:#fff; border-radius:50% }
.phContent{ font-weight:500; color:#fff; font-family:var(--bodyfont); font-size:var(--fs-20);  }
.phContent span{ display:block; font-weight:300; font-size:14px; text-transform:uppercase; }
.phoneNumberIcon a:hover *{ color:var(--seconday-color);  }



@media only screen and (max-width: 1800px) {
  .logo{ width:340px }
  .bookAppointment a{ font-size:16px }
  .navigation nav ul li a{  line-height: 118px}
  .phoneNumber a{ font-size:18px; }
  .headerTop ul li{ font-size:16px }
  .headerMian .btncn{ padding:13px 20px }
  .whatsapp a{ margin:0 15px }
  ul.dropdown-menu-holder li a{ font-size:18px !important }
  .section-parent-menu{ padding:0 0 0 270px }
  .fixed .section-parent-menu{ padding:0 0 0 240px }
  .fixed .navigation nav ul li a { line-height: 84px;}
}
@media only screen and (max-width: 1700px) {
    .navigation nav ul li a{ line-height:93px; }
}
@media only screen and (max-width: 1500px) {
.headerHolder{ padding:0 }
.bookAppointment a{ padding:35px 25px; margin: 0 0 0 30px; }
.fixed .bookAppointment a{ padding: 20px 25px; }
.navigation nav ul li a{ padding:0 18px; }
}
@media only screen and (max-width: 1399px) {
  .header .container { width:98%; max-width:100% }
  .logo{ width:230px }
  .phoneNumber a{ font-size:16px; margin:0 15px 0 0 }
  .bookAppointment a{ margin:0 ; }
  .section-parent-menu{ padding:0 0 0 185px }
  .fixed .section-parent-menu{ padding:0 0 0 200px }

}
@media only screen and (max-width: 1199px) {
  .bookAppointment a{ margin:0 65px 0 20px }
  .headerHolder{ position:relative; }
  .section-parent-menu{ padding:0 0 0 0 }
  .mean-container a.meanmenu-reveal{ margin-top:-14px }
  a, a:hover{ transition:none; }
  .mean-container a.meanmenu-reveal{ background:#fff ; border-radius: 0; border: none;}
  .mean-container .mean-nav ul li li a{ padding:15px 10%; font-size:14px !important }
  .fixed .mean-container a.meanmenu-reveal{ margin-top:-3px }
  .bookAppointment a:after{ display:none; }
  .headerMian{position:static;}
 
}
@media only screen and (max-width: 991px) {


}
@media only screen and (max-width: 767px) {
  .phoneNumber a span{ display:none; }
  .bookAppointment a span{ display:none; }
  .logo{ width:120px }
  .fixed .logo{ width:120px }
  .whatsapp a{  width:38px; height:38px; line-height:38px;}
  .bookAppointment a{ display: flex; align-items: center; justify-content: center; width:40px; height:40px; border-radius:4px; background:var(--seconday-color); color:#fff; text-align:center; line-height:38px; padding:0 }
  .bookAppointment a i{ margin:0 }
  .headerTop p{ font-size:14px }
  .header .container{ padding:0px 10px; }
  .bookAppointment a{ margin:0 56px 0 0  } 
  .whatsapp a{ margin:0 5px }
  .fixed{ position:static; }
  .mean-container a.meanmenu-reveal{ padding: 6px 13px 7px; }
  .mean-container .mean-nav{ margin-top:42px }
}
/*END HEADER*/

/*START BANNER*/
.banner{ background: var(--main-clr); position: relative;}
.bannerImage img{ width:100% }
.bannerCaption{ position:absolute; width:100%; top:50%; transform:translateY(-50%); z-index:1  }
.bannerCaption h2{ font-weight:900; color:#fff; font-size:24px; letter-spacing:0.2rem; text-transform:uppercase;font-family:var(--bodyfont); }
.bannerCaption h1{ color:#fff; font-size:120px; padding:0 0 20px 0;  }
.banner-btn-group{ display:flex; gap:14px; }
.banner h5{ font-weight:300; font-family: var(--secondary-font); font-size:var(--fs-16); color:#fff ; text-transform: uppercase; letter-spacing: 2.2px; padding-bottom: 20px; margin: 0;line-height: 1.6}
.banner h5 span, .banner h5 strong{ font-weight:600 }
.banner h1{ font-weight:300; font-size:100px; color:#fff; line-height:1 }
.banner-logo-holder{ display:flex; gap:30px; align-items:center; margin:30px 0 0 0 }
/*END BANNER*/

/*WELCOME SECTION*/
.welcomeSection{  background:url(assets/images/welcome-bg.png) no-repeat bottom center; background-size: cover;}
.welcomeContent{ text-align:center; }
.welcomeContent h6{ color:rgba(255, 255, 255, 0.7); font-weight:300; font-family:var(--secondary-font); font-size: var(--fs-14); letter-spacing:3px; margin:0 }
.welcomeContent h2{ font-size:var(--fs-48); color:#fff; font-weight: 300;  letter-spacing: 2px}
.welcomeContent p{ font-weight:300; color:#fff; text-align:center; font-size:var(--fs-18); }
.welcomeSection .container{ position:relative; z-index:1 }
.side-line-image{ position:absolute; bottom:-350px; right:-175px; z-index:1; opacity:0.7 }
.welcomeSection{ position:relative; }
.welcomeSection .btncn-default:hover{ background:#fff; color:var(--seconday-color); }
/*END WELCOME SECTION*/


/*SERVICE SECTION*/
.serviceSlider{ margin:10px 0 0 0 }
.serviceSlider .slick-slide { margin: 0 10px;  }
.serviceSlider .slick-list { margin: 0 -10px;  }
.serviceItem h3{ padding:25px 0 0 0; font-family: 'AvenirRoman'; }
.serviceItem a{ color:var(--main-clr); }
.serviceItem a:hover{ color:var(--seconday-color); }
.serviceItem{ opacity:0.3; pointer-events: none;  transition:all .5s; }
.serviceItem h3{ display:none; color: #000; font-size: var(--fs-30); font-family: var(--headfont); font-weight: 400; padding: 25px 0 45px 0}
.serviceSlider .slick-active .serviceItem{ opacity:1.0; pointer-events: inherit;transition:all .5s;  }
.serviceSlider .slick-active .serviceItem h3{ display:block; }
.serviceSlider .slick-prev{ position:absolute; top:40%; transform: translateY(-50%); left:0; background:#ffffff; border:none; font-size:20px;  transition:all .5s; width: 46px; height: 66px;  display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000;  z-index: 9}
.serviceSlider .slick-next{ position:absolute; top:40%; transform: translateY(-50%); right:-1px; background:#ffffff; border:none; font-size:20px;  transition:all .5s; width: 46px; height: 66px;  display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9}
.serviceSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ opacity:1; transition:all .5s; background:var(--main-clr); color:#fff } 
.serviceSlider .slick-list {  overflow: visible;}
.serviceItem :hover h3{ color:var(--main-clr); }

.service-slider-section{overflow: hidden;}
.service-slider-section .btn-position-absolute{ top:-15px; }
.service-slider-section .section-heading h2{ padding-right:180px; }
/*END SERVICE SECTION*/

.treatment-welcome:after{ display:none; background:transparent; }
.treatment-welcome{ background:#fff }
.treatment-welcome h6{ color:rgba(42,42,42,0.7) }
.treatment-welcome h2{ color:var(--main-clr); font-size:var(--fs-48); }
.treatment-welcome p{ color:var(--body-font-color); }
.treatment-welcome .qualityContent h3{ color:var(--body-font-color); }


/*CONTENT SECTION*/
.contentSection{ position:relative; z-index:1;overflow:hidden; }
.ratingSection{ padding:25px 0 0 0 }
.ratingSection h4{ font-size:var(--fs-18); padding:0 0 0; font-weight:300; text-transform:uppercase; color:var(--black-clr); font-family:var(--secondary-font); }
.number{ font-size:var(--fs-36); font-weight:300;  color: var(--black-clr); font-family: var(--secondary-font);}
.absolutBtn{ position:absolute; top:30px; right:30px; z-index:12 }
.contentBottom{ }
/*.contentHolder ul{ margin:0 0 25px 0; padding:0 0 0 0; list-style:none; }
.contentHolder ul li{ font-family: var(--cabinetGrotesk); font-weight:300 ; font-size:var(--fs-20); margin:0 0 15px 0; position:relative; padding:0 0 0 25px; }
.contentHolder ul li:after{  content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome';  }
*/

.contentTop ul{ margin:0; padding:0 0 0 0; list-style:none; }
.contentTop ul li{ font-weight:300 ; font-size:var(--fs-24);  }
.contentTop ul li a{ color:var(--body-font-color); padding: 15px 30px 15px 0; display: block; border-bottom: 2px solid #e1ded8; position: relative;}
.contentTop ul li a:after{ content:''; position:absolute; width:60px; height:2px; background:var(--seconday-color); bottom:-2px; left:0 ; transition: all .5s;}
.contentTop ul li a:hover:after{width:100%; background: var(--hover-color); transition: all .5s;}
.contentTop ul li a:before{ content:'\f061' ;  font-family: 'FontAwesome';  position:absolute; right:0; top:13px; color:var(--body-font-color);}
.contentTop ul li a:hover{ color:var(--hover-color); }
.contentTop ul li a:hover:before{ color:var(--hover-color); }

.contentSection h2 strong{ font-weight:500 }
/*CONTENT SECTION END*/


/*new parent*/
.new-patient h2{font-size:var(--fs-60);}
.new-patient h3{font-weight: 400;letter-spacing: 0.1rem}
/*NEW PARENT END*/

/*HOME GALLERY*/
.dark-bg .section-heading h2{ color:#fff ; font-size: var(--fs-60);}
.dark-bg .section-heading p{ color:#fff; text-align:justify; text-align-last: center;}
.home-gallery-holder{ margin-top:15px }
.buttonGroupCenter{ justify-content:center; margin:40px 0 0 0; display:flex; }
.dark-bg .btncn-secondary{ color:#fff }
.spacial-padding{ padding-bottom:450px; }
/*END HOME GALLERY*/

/*DUEL BG SECTION*/
.duel-bg{ background: linear-gradient(to bottom,  var(--main-clr)  48%,#ffffff 48%); padding-top: 0}
.sp-section{ position:relative; }
.sp-section-bottom{ position:absolute; width:100%; bottom:0; z-index:1 ;  left: 0; display: flex; justify-content: flex-end; align-items: flex-end;}
.sp-section-bottom h2{ margin:0; padding:0 65px 30px ; font-size:var(--fs-60); color:#fff; font-weight:500 }
.sp-section-bottom .btncn{ margin:0; padding:40px 45px; font-size:var(--fs-22); }
.sp-section-bottom .btncn i{margin: 0 15px 0 0}

/*END DUEL BG SECTION*/

/*APPOINTMENT */
.appointmentSticker{ background:var(--main-clr); padding:40px 65px; display:flex; align-items:center; justify-content:space-between;  }
.appointmentSticker h2{ padding:0 }
.appointmentSticker h2{ color:#fff; font-size:var(--fs-42); }
/*END APPOINTMENT*/

/*DOCTOR SLIDER*/
@media screen and (min-width: 991px) {
.doctorSliderNav .slick-list{ padding-right:250%; margin-right:-250%; }
.doctorSliderNav .slick-slide{ position:relative ; width:400px }
.doctorSliderNav .slick-slide img{ transition: all .5s; width:100%; height:380px; object-fit:cover; object-position:top;  transition-delay:0.5s;  filter: grayscale(100%);opacity:0.2}
.doctorSliderNav .slick-slide.slick-active img{ transition:  all .5s; width:100%; height:488px; transition-delay:0.5s;  filter: grayscale(0%);opacity:1 }
.doctorSliderNav .slick-slide.slick-active + div{ padding-left:0; }
.doctorSliderNav .slick-slide{ transition:all .5s } 
.doctorSliderNav .slick-track{ display:flex; align-items:center; }
}

.doctorSliderNav .slick-slide { margin: 0 8px;  }
.doctorSliderNav .slick-list { margin: 0 -8px;  }
.doctorSliderNav .slick-prev{ position:absolute; left:-160px; bottom:30px; border:none; outline:none ; background:transparent; font-size: 25px; opacity: 0.5}
.doctorSliderNav .slick-next{ position:absolute; left:-100px; bottom:30px; border:none; outline:none ; background:transparent; font-size: 25px; opacity: 0.5}
.doctorSliderNav .slickButton:hover{ opacity:1.0 }
.doctorItem h2{ font-weight:400 }
.doctorItem h4{ font-size:var(--fs-24); text-transform:uppercase; margin:0; padding:0 0 15px 0;color:var(--seconday-color); }
.doctorItem h6{ font-size:var(--fs-18); text-transform: uppercase; letter-spacing: 1px; margin: 0}

/*END DOCTOR SLIDER*/


/*PARTNERS START*/
.partnerLogoHolder{ padding:30px 0; background:#fff }
.partnersLogoRow{display:flex;gap:35px;align-items:center; justify-content: space-between;}
.partnersLogoImg img {margin: 0 auto; display: block; }
.partnersHd h6{font-size:var(--fs-18);}
@media only screen and (max-width:991px){
  .partnersLogoRow{flex-wrap:wrap;justify-content:center;gap: 30px; justify-content: center;}
  .partnersLogoItem {width: calc(30% - 15px); }
}
/*PARTNERS END*/


/*HOME FORM SECTION*/
.formHolderDark{position: relative;z-index:3}
.formHolderBg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2}
.formHolderBg img{width:100%;height:100%;object-fit:cover;object-position:bottom right}

.formHolder{ background-image: url(assets/images/form-bg-1.jpg) !important;  background-position: left top;   background-repeat: no-repeat !important; background-size:50% 100% }
.right-full-image{ width:50%; right: 0; height:100%; position:absolute; top: 0}
.right-full-image img{ height:100%; width:100%; object-fit:cover; }
.formGroup{ display:flex; gap:30px; }
.homeFormHolder{ padding:25px 0 0 0 }
.homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid #b7afc6 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important;  color:#a9a1bc !important; margin: 0 0 30px 0 !important; border-radius: 0 !important;}
.homeFormHolder .inputHolder{ width:100% }
.homeFormHolder select{padding-right: 50px !important; background-image: url(assets/images/arrow.png) !important; background-repeat:no-repeat !important; background-position:center right !important; background-size:auto !important; appearance: none !important; color: rgba(238,226,211, 0.4) !important; text-transform:uppercase !important;}
option{ background:#3c3d42 !important; }
.homeFormHolder ::placeholder { color:#a9a1bc !important; opacity: 1 !important; }
.homeFormHolder ::-ms-input-placeholder {  color:#a9a1bc !important;}

.homeFormHolder input[type=submit]{ padding:20px 45px !important ; background:#fff !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:400 !important; font-size:var(--fs-18) !important; transition:all .5s !important; margin-top:10px !important; color:#000 !important; font-family:var(--headfont) !important; text-transform:uppercase !important; border-radius: 0 !important;}
.homeFormHolder input[type=submit]:hover{ background:var(--main-clr) !important; color:#fff !important }

.homeFormHolder .gform_fields {gap: 20px!important; }

.formHolderDark p{ color:#fff ; text-align:left; line-height:1.6; font-size: var(--fs-16);}
.hmfrmcon{ padding:90px 90px 90px 0; }
.formHolderDark .section-heading{ padding:0; margin:0 }

.formHolderDark .bgImage{  width:43%; position:absolute; top:0; right:0; height:100%  }
.formHolderDark .bgImage img{ width:100%; height:100%; object-fit:cover; }
.formHolderDark{ position:relative; overflow:hidden; }
.sideImage{ margin-bottom:-1px; margin-left:-120px }


/*END HOME FORM SECTION*/

/*Team */

.teamHolder{ margin:60px 0 0 0 }
.teamImage img{ width:280px; height:280px; border-radius:50% ; }
.teamBox h3{ font-size:var(--fs-36); padding:0 0 15px 0  }
.teamImage{ overflow:hidden; width:300px; height:300px; border-radius:50%; padding:10px; border:1px solid var(--deep-blue);  transition:all .5s; margin:0 auto 45px ; }
.teamImage:hover{ transform:scale(1.1); transition:all .5s; }
.midBtn .btncn-default{ background:var(--deep-blue); border-color:var(--deep-blue); }
.midBtn .btncn-default:hover{ background:var(--seconday-color); border-color: var(--seconday-color); }

.teamSlider .slick-prev{ position:absolute; top:37%; transform: translateY(-50%);  left:-35px;  background:transparent; border:none; font-size:20px;  transition:all .5s; display: flex; align-items: center; justify-content: center;  color: #000; z-index:2 }
.teamSlider .slick-next{ position:absolute; top:37%; transform: translateY(-50%);  right:-35px; background:transparent; border:none; font-size:20px;  transition:all .5s; display: flex; align-items: center; justify-content: center;  color: #000; z-index:2}
.teamSlider .slick-next:hover, .teamSlider .slick-prev:hover{ color:var(--main-clr); } 
.teamSlider .slick-list {margin: 0 -20px; }
.teamSlider .slick-slide {padding: 0 20px; }

@media only screen and (min-width:767px){
    .teamSlider{ display:flex; gap:30px;  }
}

@media only screen and (max-width:991px){
    html, body{ overflow-x:hidden; }
  .teamSlider {max-width: 100%;margin-left:auto;margin-right:auto;margin-bottom: 30px}
  .teamSlider .slick-list {margin: 0 -10px;overflow: visible;}
  .teamSlider .slick-slide {padding: 0 10px; }
  .teamSlider .slick-prev{ position: absolute; top: 35%; transform: translateY(-50%); left: 0; background: #ffffff; border: none; font-size: 20px; transition: all .5s; width: 27px; height: 30px; display: flex ; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9;}
  .teamSlider .slick-next{position: absolute; top: 35%; transform: translateY(-50%); right: 0; background: #ffffff; border: none; font-size: 20px; transition: all .5s; width: 27px; height: 30px; display: flex ; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9;}
  .homeGallerySection{overflow:hidden}
  .teamSlider .slick-slide{opacity: 0.5;transition: 0.3s}
  .teamSlider .slick-slide .team-content{ opacity:0 }
  .teamSlider .slick-slide.slick-active{opacity: 1} 
  .teamSlider .slick-slide.slick-active .team-content{ opacity:1 }

  .teamSlider .slick-slide .btncn-default{ opacity:0 }
  .teamSlider .slick-slide.slick-active .btncn-default{opacity: 1} 

}

/*End Team*/


/*REVIEW SECTION*/
.reviewSlider{ margin:30px 0 0 0 }
.reviewSlider .slick-slide { margin: 0 8px;  }
.reviewSlider .slick-list { margin: 0 -8px;  }
.reviewItem{ text-align:center;   }
.star{ font-size:20px; color:var(--black-clr); margin:0 0 20px 0 }
.reviewItem p{ text-align:center;  font-weight:400 ; font-family:var(--headfont); }
.reviewItem h6{ font-size:16px; color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:300 ; letter-spacing: 1px}
.btn-view{ text-decoration:underline; text-underline-offset:5px; font-size:var(--fs-18); color:#000000 }
.btn-view:hover{ color:var(--seconday-color); }
.reviewSlider .slick-prev{ position:absolute;  font-size:25px; border:none; outline:none;  color:var(--black-clr); left:-80px; top:0%;   transition: all .5s; height: 100%; background: #f4f1ec; width: 57px; }
.reviewSlider .slick-next{ position:absolute;  font-size:25px; border:none; outline:none;  color:var(--black-clr); top: 0; right:-80px;  transition: all .5stransition: all .5s; height: 100%; background: #f4f1ec; width: 57px; }
.reviewSlider .slick-prev:hover, .reviewSlider .slick-next:hover{ background:var(--seconday-color); color: #fff; transition: all .5s}

#reviewtxt .modal-body {padding:30px 35px 35px}
.reviewModalClose {position: absolute;top: 0px;right: 0px;transform: translate(50%, -50%);background: #ff0000;width: 31px;height: 31px;display:flex;align-items:center;justify-content:center;line-height:1;border: 0;border-radius: 11px;font-size:18px;color: #fff;z-index:9;}
.modal-backdrop.show {opacity: 0.9;}
#reviewtxt .modal-dialog {max-width: 700px;text-align: center;}
#reviewtxt h3 {margin-bottom: 10px;}
#reviewtxt .star {margin-bottom:10px}
#reviewtxt .modal-body {max-height: calc(100vw - 150px);overflow: auto;}
.more_txt {font-size: 16px;display: block;color: #ff0000; margin: 15px 0;font-weight: bold;}
.reviewSlider .slick-track {display: flex;align-items: stretch;}
.reviewSection .reviewItem {height: 100%; background:#f4f1ec; padding: 55px 45px}
.more_txt:hover {color: #003380;}
.reviewSection .btncn-secondary{ border-color:var(--main-clr); }
.reviewSection .btncn-secondary:hover{ border-color:var(--seconday-color); }

.reviewSection .slick-track{ display: flex !important;}
.reviewSection .slick-slide{height: inherit !important;}
.reviewSlider{ width:80%; margin:0 auto; }
.reviewSlider .slick-slide>div{ height:100% }

.reviewSection h6{ font-size:var(--fs-16); font-weight:400; font-family:var(--headfont); padding-bottom:30px; }
.reviewSection .section-heading h2{ font-size:var(--fs-48); }
.reviewSection{ background:#faf7f1 }

/*END REVIEW SECTION*/


/*TREATMENT PAGE*/

.main-content-center p{ text-align:justify; text-align-last:center; }
.traement-dark{ background:url(assets/images/gal-bg.jpg) no-repeat; background-size: cover; padding:90px 0px; }
.text-white p, .text-white h2{ color:#fff }

/*INNER BANNER*/
.innerBanner{  position:relative; }
.banerImageHolder{ position:relative;}
.bannerImage img{ width:100%; filter:brightness(0.5); }
.innerbannerContent{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); padding:20px }
.innerbannerContent .bannerButtonGroup{ justify-content:center; }
.innerbannerContent h2{ font-size:var(--fs-70); color:#fff; padding:0 0 20px 0;  }
.innerbannerContent .btncn-white{ color:var(--body-font-color); }
.innerbannerContent .btncn-white:hover{ color:#fff; background: var(--seconday-color);}

.halfInnerBanner{ position:relative; display:flex; justify-content:flex-end;  }
.halfBannerImage{ width:50%;  }
.halfBannerImage img{ width:100% }
.halfBannerCaption{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0 }
.halfBannerCaption h1{ font-size:90px; color:#fff; }

.partnetSectionTreatment{ padding:0 0 75px 0 }


.treatmentImageHolder{ display:flex; flex-wrap:wrap; gap:20px; row-gap:30px; justify-content:center; margin:0 0 0 0 }
.treatment-repeat{ width:32%; position:relative; }
.galInnerContainer{ position:absolute; top:0; left:0; width:100%; height:100%; padding:30px; text-align:center; display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; z-index:99 }
.galInnerContainer ul{ margin:0; padding:0; list-style:none; }
.galInnerContainer ul li{ font-size:var(--fs-24); color:#fff; font-weight:300; padding:10px 0 }
.galInnerContainer ul li a{ color:#fff }
.galInnerContainer ul li a:hover{ color:var(--main-clr); }

.treatmentImage{ overflow:hidden; }
.treatmentImage img{ transition: all .5s }
.treatment-repeat:hover img{ filter:brightness(0.5) blur(30px); transition: all .5s; transform: scale(1.1);}
.treatment-repeat:hover .galInnerContainer{ opacity:1; visibility:visible; transition: all .5s}
.qualityContent h3{ font-size:var(--fs-30);  font-weight:300; font-family:var(--headfont); color: var(--body-font-color);}
.last-treatment .qualityContent h3{ color:var(--main-clr); }
.qualityContent a:hover h3{ color:var(--main-clr); }

.hwdp-hot-link{color:var(--black-clr);}
.hwdp-hot-link:hover{color:var(--main-clr);}

@media only screen and (max-width: 1400px) {
  .innerBanner{ padding:0 0 0 0 }
  .innerbannerContent h2{ font-size:50px; }
}
@media only screen and (max-width: 991px) {
  .innerbannerContent h2{ font-size:40px; padding:0 0 30px 0 }
  .bannerImage img{ height:430px; object-fit:cover; }
}
@media only screen and (max-width: 767px) {
  .innerbannerContent h2{ font-size:32px }
  .innerbannerContent .btncn-white{ padding:13px 15px }
}

/*END INNER BANNER*/

/*PAGINATION SECTION*/
.pagination{ padding:40px 0 0 0 }
.pagination ul{ display:flex; justify-content:center; margin:0; padding:0; list-style:none; gap:30px; }
.pagination ul li{ font-family:var(--bodyfont); font-size:var(--fs-18); text-transform:uppercase; letter-spacing:1px ;  color:rgba(0,0,0,0.4); position:relative; }
.pagination ul li:after{ content:''; position:absolute; background:#cdcdcd; width:6px; height:6px; border-radius:50%; right: -18px; top: 10px; }
.pagination ul li:last-child:after{ display:none; }
.pagination ul li a{ color:rgba(0,0,0,0.4); }
.pagination ul li a:hover{ color:var(--main-clr); }
@media only screen and (max-width: 991px) {
  .pagination{ padding:25px 0 0 0 }
}

/*END PAGINATION SECTION*/

/*BLOG SECTION*/
.blogCategory{ padding:20px 30px ; display:flex; align-items:center; background: #fcf8fa}
.blogCategory span{ font-family:var(--bodyfont); font-size:var(--fs-30); font-weight:300; padding:0 12px 0 0 }
.blogCategory select{ width:100%; border:none; background:transparent;  font-family:var(--bodyfont); font-size:var(--fs-30); font-weight:300; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image:url(assets/images/downArrow.png); background-repeat:no-repeat; background-position: 100% center;}
.blogCategory select option{}
.blogPostRepeater{ margin:35px 0 }
.blogPostContent h4{ padding:25px 0 15px 0; font-size:var(--fs-22); }
a.postReadMore{ font-size:var(--fs-14); color:var(--seconday-color); font-weight:500; text-decoration:underline; text-underline-offset:5px }
a.postReadMore:hover{ color:var(--main-clr);  }
.blogPostContent{ margin:0 0 30px 0 }
.blogPostContent a h4{ color:var(--black-clr); font-size:var(--fs-20); line-height:1.5; font-family:var(--headfont); }
.blogPostContent a h4:hover{ color:var(--main-clr); }

.blogTop{ padding:0 0 10px 0; margin:0 0 45px 0 ; display:flex;  align-items: center; border-bottom:2px solid #c8c6c1; border-radius: 0; }
.sortBy{ font-weight:300; color:var(--black-clr); font-size:var(--fs-18); font-family:var(--headfont); text-transform:uppercase; }
.categotyDropdown{ width:100%; margin:0 0 0 15px;  }
.categotyDropdown select{ width:100%; background:transparent; border:none;  padding: 10px 0;  font-weight:500; color:var(--black-clr); font-size:var(--fs-18); font-family:var(--headfont); text-transform:uppercase; background-image: url(assets/images/arrowDown.png); background-repeat: no-repeat; background-position: 100% center; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; font-family:var(--headfont); font-weight: 600}

.categotyDropdown select option{ color:#fff }

@media only screen and (max-width: 991px) {
  .blogPostContent h4{ padding-top:0 }
  .blogPostContent{ margin:0 0 30px 0 }
  .blogCategory{ padding:20px 15px }
  .blogCategory span{ font-size:16px }
  .blogCategory select{ font-size:16px }
  .blogPostContent .hoverImage{ margin-bottom:15px }
}
@media only screen and (max-width: 767px) {
  .blogCategory select{ background-size:16px }
}

/*END BLOG SECTION*/

/*BLOG DETAILS BANNER*/
/*.blogdetails h1{ font-size:var(--fs-48); padding:0 0 50px 0 }
.pageContent h2{ font-size:var(--fs-42); padding:0 0 35px 0 ; text-transform: none;font-weight:400;color:var(--main-clr);font-family:var(--headfont);}
*/
@media only screen and (max-width: 1199px) {
   .blogdetails h1{ font-size:40px ; padding: 0 0 20px 0}
}
@media only screen and (max-width: 1199px) {
   .blogdetails h1{ font-size:36px }
}
/*END BLOG DETAILS BANNER*/

/*BLOG DETAILS*/
.pageContent p{ font-size:var(--fs-18); line-height: 2}
.pageContent h1{font-size:var(--fs-14); padding:0 0 30px 0; color:rgba(0,0,0,0.7) ; text-transform:uppercase; letter-spacing:3px; font-weight:300; margin:0; font-family:var(--secondary-font); font-weight:300}
.pageContent h3{ padding-top:10px;color:var(--black-clr);font-family:var(--headfont);font-size:var(--fs-36);font-weight:300 ; margin: 0}
.pageContent ul{ margin:10px 0 30px 0; padding:0; list-style:none; }
.pageContent ul li{ font-size: var(--fs-18); line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 0 30px}

.pageContent ol{ margin:10px 0 30px 0; padding:0 0 0 20px;  }
.pageContent ol li{ font-size: var(--fs-18); line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 10px 10px}

.pageContent ul li a, .pageContent ol li a{ color:var(--body-font-color); }
.pageContent ul li a:hover, .pageContent ol li a:hover{ color:var(--main-clr); }

.pageContent ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; }
.pageContent p a{ color:var(--black-clr);  }
.pageContent p a:hover{ color:var(--main-clr); }

.pageContent table{ width:100%; max-width:380px;margin-bottom:30px }
.pageContent table td{ color:var(--black-clr) ; font-size:var(--fs-18); font-family:var(--secondary-font); line-height:1.8; font-weight: 400}
.pageContent table td:first-child{ padding-right:20px; }

/*END BLOG DETAILS*/

/*BLOG DETAILS SIDEBAR*/
.brdholder{ text-align:right; }
.darksidebar-bg{  }
.sidebar-form .gform_fields {gap: 20px!important; }
.sidebarFormHolder{  padding:0; margin:5px 0 0 45px}
.sidebarFormHolder h2{font-weight: 300; font-size: var(--fs-36);}
.sidebarImage img{ width:100% }
.sidebar{ z-index:1;  }
.sidebarContent{ padding:55px ; background-image: url(assets/images/form-bg-1.jpg) !important;  background-size: cover;}
.sidebar h3{ color:var(--body-font-color); font-weight:300; font-family:var(--bodyfont); font-size:var(--fs-42); }
.sidebar p{ text-align:center;  font-weight:400; font-size:16px; }
.sidebar-form .inputHolder{}
.sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form .inputHolder select{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid #998eb3!important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important;  color: #998eb3 !important; margin: 0 0 0px 0 !important; border-radius: 0 !important; box-shadow: none !important;height: auto !important;line-height: 1.2 !important;}
.sidebar-form .inputHolder select{padding-right: 50px !important; background-image: url(assets/images/arrow.png) !important; background-repeat:no-repeat !important; background-position:center right !important; background-size:auto !important; appearance: none !important; color: #998eb3 !important; text-transform:uppercase !important;}
.sidebar-form .inputHolder { width:100% }
.sidebar-form .inputHolder ::placeholder { color:#998eb3; opacity: 1; }
.sidebar-form .inputHolder ::-ms-input-placeholder {  color: #998eb3;}
.formGroup{ }
.sidebar-form input[type=submit]{ padding:20px 45px !important; background:#fff !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:400 !important; font-size:var(--fs-18) !important; transition:all .5s !important;  margin: 15px auto !important; display: block !important; border-radius:0 !important; color: var(--seconday-color) !important; font-family:var(--headfont) !important; text-transform: uppercase !important;;margin-top:0!important}
.sidebar-form input[type=submit]:hover{ background:var(--main-clr) !important; color:#fff !important }
.sidesticky{ position:sticky; top:0; overflow:auto; }
.breadcumb{ padding:20px 10px; }
.breadcumb.main{ background: rgba(0,0,0,.07); position:relative; margin-top: -61px; z-index:9  }

.breadcumb ul{ display:flex; justify-content:center; margin:0; padding:0; list-style:none; column-gap: 30px;}
.breadcumb ul li{ font-family:var(--bodyfont); font-size:var(--fs-14); text-transform:uppercase; letter-spacing:0.2em ;  color:rgba(255,255,255,0.4); position:relative; }
.breadcumb ul li:after{ content:'|'; position:absolute; color:rgba(255,255,255,0.4);  border-radius:50%; right: -18px; top: 0px; }
.breadcumb ul li:last-child:after{ display:none; }
.breadcumb ul li a{ color:rgba(255,255,255,0.4); }
.breadcumb ul li a:hover{ color:var(--main-clr); }
.sidebarContent h2, .sidebarContent p { color:#fff; line-height:1.6 }
.callToBook{ background:var(--seconday-color); text-align:center; }
.callToBook a{ display:block; padding:20px; font-weight:500; font-size:var(--fs-24); text-transform:uppercase; color:#fff; letter-spacing:1px }
.callToBook a i{ margin:0 10px 0 0 }

@media only screen and (min-width:992px){
  .sidebar,.sidebarFormHolder{height: 100%}
  .sidebarContent{position: sticky;top: 70px;z-index:1;transition:0.3s }
}
@media only screen and (max-width: 991px) {
   .sidebarFormHolder{ margin:0 }
   .sidebar{ margin-top:45px; }
   .breadcumb ul{ justify-content:center; }
}
@media only screen and (max-width: 767px) {
   .sidebarFormHolder{ padding:0 }
   .sidebarContent{ padding:30px }
   .sidebar{ margin-top:10px }
   .breadcumb ul{ flex-wrap:wrap; }

}
/*END BLOG DETAILS SIDEBAR*/

/*GALLERY*/

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {  content: " ";  display: block;  background: white;  position: absolute;  z-index: 30;  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {  width: 3px;  height: 9999px;  left: 50%; margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px;  height: 3px;  top: 50%;  margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  position: absolute;  top: 0;  width: 100%;  height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  -webkit-transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {  -webkit-transition-property: opacity;  -moz-transition-property: opacity;  transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {  color: white;  font-size: 13px;  letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {  position: absolute;  background: rgba(255, 255, 255, 0.2);  line-height: 38px;  padding: 0 20px;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {  top: 50%;  margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {  left: 50%;  margin-left: -45px;  text-align: center;  width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {  width: 0;  height: 0;  border: 6px inset transparent;
  position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {  top: 50%;  margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {  left: 50%;  margin-left: -6px; }
.twentytwenty-container {  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  z-index: 0;  overflow: hidden;  position: relative;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; }
  .twentytwenty-container img {    max-width: 100%;    position: absolute;    top: 0;  display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {   background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {   opacity: 0; }
  .twentytwenty-container * {  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;   box-sizing: content-box; }
.twentytwenty-before-label { opacity: 0; }
  .twentytwenty-before-label:before {  content: attr(data-content); }
.twentytwenty-after-label { opacity: 0; }
  .twentytwenty-after-label:before { content: attr(data-content); }
.twentytwenty-horizontal .twentytwenty-before-label:before {left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; }
.twentytwenty-overlay { -webkit-transition-property: background;  -moz-transition-property: background;  transition-property: background;  background: rgba(0, 0, 0, 0);  z-index: 25; }
  .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {  opacity: 1; }
.twentytwenty-before {z-index: 20; }
.twentytwenty-after { z-index: 10; }
.twentytwenty-handle { height: 38px;  width: 38px;  position: absolute;  left: 50%;  top: 50%;  margin-left: -22px;  margin-top: -22px;  border: 3px solid white; -webkit-border-radius: 1000px;  -moz-border-radius: 1000px;  border-radius: 1000px;  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  z-index: 40;  cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {  bottom: 50%;  margin-bottom: 22px;  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {  top: 50%;  margin-top: 22px;  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {  left: 50%;  margin-left: 22px;  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {  right: 50%;  margin-right: 22px;  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {  border-right: 6px solid white; left: 50%; margin-left: -17px; }
.twentytwenty-right-arrow {  border-left: 6px solid white;  right: 50%;  margin-right: -17px; }
.twentytwenty-up-arrow {  border-bottom: 6px solid white;  top: 50%;  margin-top: -17px; }
.twentytwenty-down-arrow {  border-top: 6px solid white;  bottom: 50%;  margin-bottom: -17px; }


/*END GALLERY*/

/*CONTACT ICON*/

.iconHolder{ margin:10px 0 30px 0 }
.iconList{ display:flex; align-items:center; margin:0 0 40px 0 }
.iconListIcon{ width:26px; flex-shrink:0; margin:0 25px 0 0; color:var(--main-clr); font-size:18px }
.iconListText{ font-size:var(--fs-18); color:var(--body-font-color); font-family:var(--bodyfont); }
.iconListText a{ color:var(--body-font-color); }
.iconListText a:hover{ color:var(--seconday-color); }
.mapHolder{ margin:15px 0 30px 0 ; border: 1px solid #2f2841}
.mapHolder { overflow: hidden;  padding-top: 56.25%;   position: relative;  display: block;} 
.mapHolder iframe { position: absolute;  top: 0;  left: 0;  border: 0;  width: 100%;  height: 100%; }
.openingHr td{ padding:5px 5px 5px }
.openingHr h2{ font-size:var(--fs-36); }

@media only screen and (max-width:767px){
  .iconListIcon{ margin:0 10px 0 0 }
}
/*END CONTACT ICON*/

/*TREATMENT BOX*/
.treatmentImage{ margin:0 0 30px 0 ; overflow: hidden; position: relative;}
.treatmentImage img{ width:100% ; transition: all .5s;display:block;}
.treamentHolder{ position:relative; }
.treamentHolder h3{ color:var(--body-font-color); transition:all .5s }
.treamentHolder a:hover h3{ color:var(--seconday-color); transition:all .5s }
.treamentCaption{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; padding:30px; width: 100%; left: 0; opacity: 0; visibility: hidden;transition: all .5s;}
.treamentCaption ul{ margin:0; padding:0; list-style:none; }
.treamentCaption ul li{ float:none; font-size:var(--fs-20); margin:12px 0 }
.treamentCaption ul li a{color:#fff; }
.treamentHolder *{ box-sizing:border-box;  }
.treamentHolder:hover .treatmentImage img{filter: blur(65px);
    transition: all .5s;}
.treamentHolder:hover .treamentCaption{ opacity:1.0; visibility:visible; transition: all .5s;}
.pageContent .btncn { margin:25px 0 50px 0; }

.treatmentContentHolder h2{ text-transform:none; }
.treatmentContentHolder .btncn-white{ border:1px solid var(--body-font-color); }

.treatmentBoxHolder{ display:flex; background:#f7f7f7;  }
.treatmentContent{ width:50%; display:flex; align-items:center; padding:45px }
.treatmentContent ul{ margin:0; padding:0; list-style:none; }
.treatmentContent ul li{ font-size:var(--fs-20); color:var(--body-font-color); font-weight:400; padding:10px 0 }

.pageContent h4{ color:var(--main-clr); font-size:var(--fs-20); font-weight:600; margin:0 }
.address-holder{ margin:0 0 50px 0 }

@media only screen and (max-width:1399px){
  .treatmentContent{ padding:30px; }
}

@media only screen and (max-width:991px){
  .treamentHolder{ margin-bottom:30px; }
  .treatmentImage{ margin:0 0 20px 0 }
}
@media only screen and (max-width:767px){
  .treatmentBoxHolder{ flex-direction:column; }
  .treatmentContent{ width:100%; padding:5px 30px 30px }
  .treatmentBoxHolder{ margin-bottom:25px }
}

/*PINK SECTION*/

.pink-section{ background:var(--seconday-color); text-align:center; }
.pink-section h2{ color:#fff }
.pink-section .btncn-default{ background:var(--main-clr); }
.pink-section .buttonGroupCenter{ margin:0 }
.pink-section .btncn-default:hover{ background:transparent; }


/*TREATMENT GALLERY*/

.treatmentGallery h2{ text-transform:none; }


/*ACCRIDIAN SECTION*/

.accordian-new h3 {  font-family: var(--bodyfont); font-weight: 400; font-size: var(--fs-20); color: var(--body-font-color);  cursor: pointer;  margin-bottom: 0;  position: relative; padding: 30px 30px 30px 0; }

.ui-accordion-content-new { }
.ui-accordion-header-active-new{}
.accordian-new h3:focus {  outline: 0}
.accordian-new h3:after {  content: "\f063";  font-family: 'FontAwesome';  position: absolute;  right: 0; top: 30px;  font-size: 20px; color: #000000;   font-weight: 300; transition: .5s}
.inneraccordina-area { padding: 10px 0 45px 0; }
.accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg); color: #3b3b3b}
.accordianarea-new .accordian h3.ui-accordion-header-active-new:after {  transform: rotate(-180deg); color: #f05824}
.ui-accordion-content-new {  padding: 0px 0px 30px 0;  display: none}
.ui-accordion-content-new p { text-align: justify; padding-bottom: 0}
.accroContent{ border-bottom:1px solid #d3d3d3; }


.accroContent h3{ margin:0; padding:30px 0; font-size:var(--fs-20); font-weight:500; font-family:var(--headfont); position: relative; cursor: pointer;}
.accroContent p{ font-size:var(--fs-18); }

h3.clcikbtn-new-3:after {  content: "\f063";  font-family: 'FontAwesome';  position: absolute;  right: 0; top: 20px;  font-size: 20px; color: #000000;   font-weight: 300; transition: .5s}
h3.ui-accordion-header-active-new-3:after {  transform: rotate(180deg);  color: #3b3b3b;}
.accordian-new-3 .accroContent{ border-bottom:1px solid #c8c6c1; }


@media only screen and (max-width:767px){
  .accordian-new h3{ padding: 15px 30px 15px 0; }
  .accordian-new h3:after{ top:17px; font-size:17px }

}

/*BEFORE AFTER SLIDER*/

.beforeAfterSlider{ width:100%; margin:0 auto; }

.beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff }
.beforeAfterSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff }
.beforeAfterSlider .slick-prev:hover, .beforeAfterSlider .slick-next:hover{ color:var(--body-font-color); }
.beforeAfterSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }
.beforeAfterSlider .slick-track{ }
.sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); }


.beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%); left:-60px; background:transparent; border:none; font-size:20px;  transition:all .5s; width: 47px; height: 47px; background: #ceeff0; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--main-clr); }
.beforeAfterSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:-60px; background:transparent; border:none; font-size:20px;  transition:all .5s; width: 47px; height: 47px; background: #ceeff0; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--main-clr);}
.beforeAfterSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ opacity:1; transition:all .5s } 



@media only screen and (max-width:1199px){
 
}
@media only screen and (max-width:767px){
  .beforeAfterSlider .slick-center{ transform:scale(1.0); transition:all .5s; }
  .beforeAfterSlider{ margin:0 auto; width:75% }
  .beforeAfterSlider .slick-track{ padding:10px 0 }
  .beforeAfterSlider .slick-prev{ left:-40px }
  .beforeAfterSlider .slick-next{ right:-40px }
}

/*FOOTER*/

.footer{ background:#2f2841;  }
.footBottom{ padding:0px 0 30px 0;  }
.ftbtm{ justify-content:space-between; align-items:center; display: flex; border-top: 1px solid #595367; padding-top: 30px; }
.copyright{ font-size:14px; color:rgba(255,255,255,0.42) ; text-transform: uppercase; letter-spacing: 2px; font-weight: 300}

.footerTop{ padding:85px 0 50px 0;  }
.footerTopContent{ display:flex; justify-content:space-between; }
.footerwidget_1{ width:15%; } 
.footerwidget_2{ width:31%; } 
.footerwidget_3{ width:15%; } 
.footerwidget_3{ width:18%; } 
.footerContent h4{ font-family:var(--headfont); font-size:var(--fs-26); color:#fff ; line-height:1.4 }

.footer-nav{  }
.footer-nav ul{ margin:0; padding:0; list-style:none; }
.footer-nav ul li{ display:block; }
.footer-nav ul li a{ display:block; font-weight:300; font-size:var(--fs-16); line-height:36px; color:#fff }
.footer-nav ul li a:hover{ color:var(--seconday-color); }

.footerLogo img{ filter: grayscale(1) brightness(100); margin:0 0 30px 0 }
.footerTopContent h2{ color:#fff ; font-size: var(--fs-36);  font-weight: 300; line-height: 1.4; padding: 0 0 25px 0}
.footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:2; padding:0 0 30px 0 ; font-weight: 300}
.footerTopContent p strong{ font-weight:700 }
.footerTopContent p a:hover{ color:var(--main-clr); }
.footerTopContent p a i{ margin:0 5px 0 0 }
.btnnSocialGrp{ display:flex; align-items:center; margin:15px 0 0 0 }
.btnnSocialGrp .btncn-secondary{ color:#fff }
.footerTop .btncn-light:hover{ background:#6daff3 }
.footerTop h2{ font-size:var(--fs-28); font-family:var(--bodyfont); }
.social{ margin:25px 0 0 0;  }
.social ul{ margin:0; padding:0; list-style:none; display: flex; gap: 24px}
.social ul li a{ display:block ; color:#fff; font-size:20px; }
.social ul li a:hover{ color:var(--main-clr); }
.footerTopContent p a{ color:#fff }
.footerTopContent p a:hover{ color:var(--main-clr); }
.footerTopContent table{ width:100%; }
.footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.8; font-weight: 300}
.footerTopContent table td:first-child{ padding-right:20px; }
.footer-main-cn h2{ font-size:var(--fs-36); }

.breadcumb.mobile{ background:var(--light-blue-color); }

.blogSection{ padding-bottom:0 ; padding-top: 90px}

.blogdetails h1{ font-size:var(--fs-60); }

.both-address-section h2{  }
.both-address-section .iconListText{ font-size:var(--fs-20); line-height:35px; font-weight:300 }
.both-address-section .iconListText span{ color:var(--main-clr); }
.both-address-section .iconList{ margin:0 0 10px 0 }
.both-address-section .iconListText a:hover{ color:var(--hover-color); }
.both-address-section .iconListText i{ margin:0 10px 0 0 }

.both-address-section .section-heading h2{ font-size:var(--fs-48); }


.section-heading h2{ color:#000; font-size:var(--fs-42); padding:0 0 20px 0 }
.btn-position-absolute { position: absolute; right: 15px; top: 10px;}
.homeGallerySection .container{ position:relative; }
.homeGallerySection .section-heading h2{ padding-right:200px; }
.team-content{ padding:30px 0 0}
.team-content h3{ font-size:var(--fs-30); font-family:var(--secondary-font); font-weight:300; margin:0; padding:0 0 12px 0 }
.team-content p{ padding-bottom:0; color:#161617; text-align:left; }
.tag-line-box{ position:relative; }
.tag-line-box img{ width:100%; }
.tag-line-box-caption{ position:absolute; bottom:45px; left:0; width:100%; padding:0 60px  }
.tag-line-box-caption-inner{ background:rgba(255,255,255,0.7); padding:30px 50px; display:flex; align-items:center; justify-content:space-between;  }
.tag-line-box-caption-inner h2{ padding:0 }
.homeGallerySection .btncn-purple{ background-color: var(--seconday-color); color:#fff; }
.homeGallerySection .btncn-purple:hover{ background-color: var(--main-clr); color:#fff; }

.border-heading{ border-bottom:2px solid #d2e3e8; }
.border-heading h2 span{ position:relative; }
.border-heading h2 span:after{ content:''; position:absolute; bottom:-35px; background:#1e718b ; height: 2px; left: 0; width: 100%; }
.abt-conetnt-box{ padding:60px 0 0 0 }
.abt-conetnt-box h3{ font-size:var(--fs-36); font-weight:300; font-family:var(--headfont); }
.formHolderDark h2{ color:#fff; font-family:var(--secondary-font); font-weight:100 }
.formHolderDark h2 strong{ font-weight:400 }

.address-bottom{ display:flex; align-items:center; justify-content:space-between; gap:25px; }
.address-left h5{ margin:0; font-size:var(--fs-28); font-weight:300; color:var(--main-clr); padding:0 0 15px 0 }
.address-bottom .btncn-default{ margin:0 }
.address-left p{ padding:0; font-size:var(--fs-16); }
.both-address-section .border-heading { margin:0 0 60px 0 }
.footerTopContent .btncn-default{  }
.footerTopContent .btncn-default:hover{ opacity:0.8 }

.footer-heading-block {pointer-events: none; }

.contact-page-details .address-bottom{ align-items: flex-start;  flex-direction: column; text-align:left; }
.contact-page-details .btncn-default{ background:var(--seconday-color); }
.contact-page-details .btncn-default:hover{ opacity:0.8 }

.content-tab-section{ padding:0 0 0 45px;  }



.beforeAfterSlider{ width:100%; margin:0 auto; }
.beforeAfterSlider .slick-slide { margin: 0 40px;  }
.beforeAfterSlider .slick-list { margin: 0 -40px;  }

.beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:30%; z-index: 9; font-size:30px; border:none; outline:none; background:transparent; color:#fff; width:46px; height:66px; background:#fff; color:var(--black-clr); text-align:center; display:flex; align-items:center; justify-content:center; border-radius: 0}
.beforeAfterSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:30%; font-size:30px; border:none; outline:none;  width:46px; height:66px; background:#fff; color:var(--black-clr); text-align:center; display:flex; align-items:center; justify-content:center; border-radius: 0}

.beforeAfterSlider .slick-prev:hover, .beforeAfterSlider .slick-next:hover{ color:#fff; background:var(--main-clr); }
.beforeAfterSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }
.beforeAfterSlider .slick-track{ padding:60px 0; overflow:visible; }
.sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); }

.traement-dark .section-heading h2{ color:#fff; font-size:var(--fs-48); }
.traement-dark .btncn-white:hover{ background:var(--main-clr); }

.current-date-tr td{ font-weight:500 !important }
.sp-header-highlight{ background:var(--seconday-color); }
.sp-header-highlight ul li a:hover{ color:#e1ded8 !important; }

.miscFormHolder .formGroup{ width:100%; }
.miscFormHolder .inputHolder{ width:100%; }

.miscFormHolder input[type=text], .miscFormHolder input[type=email], .miscFormHolder input[type=tel], .miscFormHolder input[type=number]{ width:100% !important;  background:#eeece7 !important; height:70px !important; border:none !important; padding:0 23px !important; border-radius:0 !important; font-family:var(--secondary-font) !important; font-weight:300 !important; color:#000 !important; font-size:var(--fs-20) !important; box-shadow:none !important;  }

.miscFormHolder textarea{ width:100% !important;  background:#eeece7 !important; border:none !important; padding:15px 23px !important; border-radius:0 !important; font-family:var(--secondary-font) !important; font-weight:300 !important; color:#000 !important; font-size:var(--fs-20) !important; box-shadow:none !important; resize:none; }

.miscFormHolder label{ font-family:var(--secondary-font) !important; font-weight:300 !important; color:#000 !important; font-size:var(--fs-20) !important; }
.miscFormHolder legend{ font-family:var(--secondary-font) !important; font-weight:300 !important; color:#000 !important; font-size:var(--fs-20) !important;  }
.miscFormHolder .gfield-choice-input{ width:29px !important; height:29px !important;     background: transparent !important; }

.miscFormHolder .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before{ background:var(--main-clr) !important; }
.miscFormHolder select{  width:100% !important;  background:#eeece7 !important; height:70px !important; border:none !important; padding:0 23px !important; border-radius:0 !important; font-family:var(--secondary-font) !important; font-weight:300 !important; color:#000 !important; font-size:var(--fs-20) !important; box-shadow:none !important; line-height:69px !important }
.miscFormHolder select option{ color:#fff !important }
.miscFormHolder h3.gsection_title{ font-family:var(--headfont) !important; font-size:var(--fs-48) !important; font-weight:300 !important ; margin: 0 !important; padding: 0 0 0 0 !important}
.miscFormHolder .gfield--type-section{ border:none !important; padding:0 !important }
.miscFormHolder .inline-label{ display:flex; align-items:center; gap:20px;  }
.miscFormHolder .inline-label.gfield--input-type-datefield{ justify-content:space-between !important; }
.miscFormHolder .gfield_date_day, .miscFormHolder .gfield_date_month { width:120px !important;  }
.miscFormHolder .gfield_date_year{ width:170px !important }
.miscFormHolder .gform_heading{ display:none; }




.miscFormHolder input[type=submit]{ padding:20px 45px !important ; background:var(--main-clr) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:400 !important; font-size:var(--fs-18) !important; transition:all .5s !important; margin-top:10px !important; color:#fff !important; font-family:var(--headfont) !important; text-transform:uppercase !important; border-radius: 0 !important;}
.miscFormHolder input[type=submit]:hover{ background:var(--seconday-color) !important; color:#fff !important }
.miscFormHolder .gfield_required_asterisk{ color:#000 !important; font-size:20px !important; margin-left: -5px; }


.modal.teamModal {--bs-modal-border-radius: 0;}
.btn-close.teamModalClose {position: absolute;top: 13px;right: 16px;z-index: 9;font-size: 10px;}
.teamModal ul{ margin:10px 0 30px 0; padding:0; list-style:none; }
.teamModal ul li{ font-size: var(--fs-18); line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 0 30px}
.teamModal ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; }
.teamModal ul li a{ color:var(--main-clr); }
.teamModal ul li a:hover{ color:var(--seconday-color); }
.teamModal .modal-body {padding: 28px 20px; }

@media only screen and (max-width:1199px){
  .footerTop{ padding:45px 0 }
  .footBottom{padding: 15px 0}
  .footerTopContent{ display:block; }
  .footerwidget_1{ width:100%; } 
  .footerwidget_2{ width:100%; margin:30px 0  30px 0} 
  .footerwidget_3{ width:100%;margin-bottom:30px }

  .footer-heading-block{position:relative;pointer-events:all;padding-right: 20px; }
  .footerTop .footer-heading-block h2{padding-bottom:0}
  .footer-content-block{ display:none;}
  .footer-content-block > *:first-child{padding-top: 10px}
  .footer-content-block > *:last-child{margin-bottom:0;padding-bottom:0}
  .footer-content-block > table{margin-top: 10px}
  .footer-heading-block:after{ content:''; position:absolute; right:0; top:-3px;  content: "\f061"; font-family: 'FontAwesome'; color:#fff; transform: rotate(90deg);transition: all .5s }
  .footer-heading-block.active:after{  transform: rotate(-90deg); transition: all .5s}
}

@media only screen and (max-width:767px){
  .enquiryBtn a{ padding:15px 20px }
  .ftbtm{ flex-direction:column; align-items: center;}
  .copyright{ padding-bottom:15px }
  .btnnSocialGrp{ flex-direction:column; }
  .social{ margin:10px 0 0 0 }
  .copyright{ text-align:center; }
}

/*FOOTER END*/


/*RESPONSIVE CSS*/

.desktop{ display:block; }
.mobile{ display:none; }

@media only screen and (max-width:1700px){
  .bannerCaption h1{ font-size:90px }
  .inner-banner .bannerCaption h1{ font-size:70px }
  .halfBannerCaption h1{ font-size:70px   }
  .logo{ width:300px }
  .fixed .logo{ width:300px }
  .headerMian{ top:38px }
  .fixed.headerMian{ top:0 }
  .phContent{ font-size:18px; }
  .bookAppointment a{ padding:35px 25px; }
  .banner h5{ font-size:16px; padding:0 0 10px 0 }
  .fixed .bookAppointment a{  padding:35px 25px; }
  .bookAppointment a{ font-size:15px; padding: 35px 15px; }
  .logo{ width:250px }
  .fixed .logo{ width:250px }
  .bookAppointment a{ margin:0 0 0 15px; }
}
@media only screen and (max-width:1399px){
  :root{
    --fs-60: 45px;
    --fs-48: 36px;
    --fs-42: 30px;
    --fs-18: 16px;
    --fs-28: 22px;
  }
  .bannerCaption h1{ font-size:80px }
  .bannerCaption h2{ font-size:20px }
  .welcomeSection{ padding:50px 0 0 }
  .section{ padding:50px 0 }
  .contentHolder:not(:last-child){ padding:0 0 50px 0 }
  .btncn{ padding: 15px 25px 13px; }
  .duel-bg{ padding-top:0 }
  .sp-section-bottom .btncn{ padding: 30px 45px; }
  .no-padding-top{ padding-top:0 }
  .halfBannerCaption h1{ font-size:60px }
  .phContent{ font-size:14px; }
  .phContent span{ font-size:12px; }
  .phIcon{ width:30px; height:30px; font-size:13px; }
  .bannerCaption h1{ font-size:65px }
  .bannerCaption{ top:55% }
  .footerContent h4{ font-size:22px; margin:0 }
  .qualityContent h3{ margin:0; font-size:26px; }
  .hmfrmcon{ padding:50px 50px 50px 0 }
  .g-5, .gx-5 {  --bs-gutter-x: 2rem;}
  .inner-banner .bannerCaption h1{ font-size:60px; }
  .miscFormHolder .gfield_date_day, .miscFormHolder .gfield_date_month { width:105px !important;  }
  .miscFormHolder .gfield_date_year{ width:125px !important }
  .phoneNumber a:hover{ color:#fff; opacity:0.8 }
}

@media only screen and (max-width:1300px){
    .navigation nav ul li a{ font-size:15px; padding:0 10px; }
    .fixed .bookAppointment a{ padding: 30px 15px; }
    .logo{ width:200px }
    .fixed .logo{ width:200px }
}

@media only screen and (max-width:1199px){
  :root{
    --fs-60: 40px;
    --fs-36: 27px;
    --fs-30: 25px;
    --fs-24: 18px;
    --fs-22: 18px;
  }
  .logo{  position:relative; z-index:9999 }
  .welcomeLeft, .welcomeRight{ width:50% }
  .g-5, .gx-5{ --bs-gutter-x: 3rem; }
  .welcomeContent{ gap:120px }
  .buttonGroup{ flex-direction:column; }
  .buttonGroup a{ margin:0 }
  .contentHolder ul li a{ font-size:20px; padding:12px 25px 12px 0 }
  .sp-section-bottom h2{ padding:0 30px 20px }
  .sp-section-bottom .btncn{ padding:25px 25px }
  .formHolderDark .align-items-center { align-items: flex-end !important;}
  .formHolderDark p br{ display:none; }
  .formHolderDark h2{ font-size:30px }
  .hmfrmcon{ padding-top:50px; padding-bottom:50px }
  .ratingSection{padding-top: 0}
  .ratingSection .row {--bs-gutter-x: 8px; justify-content: space-between; }
  .ratingSection h4 {font-size: 11px; }
  .number {font-size: 24px; line-height: 1.2; }
  .ratingSection .row > [class*=col] {width: auto; }
  .phoneNumber, .bookAppointment a{ position:relative; z-index:9999 }
  .halfBannerCaption h1{ font-size:50px; padding:0 0 15px 0 }
  .innerbannerContent{top:50%}
  .navigation{ visibility:hidden; display:none; }
  .headerMian .container-fluid{  }
  .bookAppointment{ margin:0 60px 0 0 }
  .treatment-welcome:before {  height: 30%; top: -30%;}
  .treatment-repeat{ width:48% }
  .bookAppointment a{ padding:30px 15px }
  .logo{ width:290px }
  .fixed .logo { width: 290px; }
  .fixed .bookAppointment a{ padding: 30px 15px; }
  .fixed .section-parent-menu{ padding:0 }
  .serviceSlider{ margin:20px 0 0 0 }
  .team-content{ padding:15px 0 0  }
  .tag-line-box-caption-inner{ padding:15px 30px }
  .abt-conetnt-box{ padding:40px 0 0 0 }
  .abt-conetnt-box h3{ margin:0 }
  .reviewSection .reviewItem{ padding:30px; }
  .address-bottom{ margin:0 0 45px 0 }
  .footerLogo{ width:120px }
  .footer-nav{ margin-bottom:30px }
  .footBottom{ padding-bottom:30px }
  .inner-banner .bannerCaption h1{ font-size:50px; }
  .mean-container a.meanmenu-reveal{ right:7px !important }
  .full-image img{ max-width:100% }
  .sidebarContent{ padding:40px 20px; }
  .miscFormHolder .inline-label{ display:block; }
  .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select{margin-bottom: 0!important}

  

} 
@media only screen and (max-width:991px){
  :root{
    --fs-30: 22px;
  }
  .bannerCaption h1{ font-size:60px }
  .bannerCaption h2{ font-size:15px }
  .welcomeContent{ flex-direction:column; gap: 10px}
  .welcomeLeft, .welcomeRight{ width:100% }
  .serviceSlider{ margin:0 }
  .sp-section-bottom h2{ font-size:24px }
  .sp-section-bottom .btncn{ font-size:16px }
  .doctorSliderNav .slick-slide.slick-current{ outline:2px solid var(--seconday-color); outline-offset:-2px }
  .doctorItemNav{ display:block !important; }
  .desktop{ display:none; }
  .mobile{ display:block; }
  .doctorSliderNav .slick-next{ left: inherit; right: 0; bottom:inherit; top:50%; transform:translateY(-50%); }
  .doctorSliderNav .slick-prev{right: inherit; left: 0; bottom:inherit; top:50%; transform:translateY(-50%);  }
  .doctorSliderNav { padding:0 50px }
  .hmfrmcon{ padding-right:0; padding-left:0 }
  .beforeAfterSlider{ width:85% }
  .halfBannerCaption h1{ font-size:42px }
  .formHolderBg {position: static; margin: 0 0 50px 0; }
  .formHolderDark::after {width: 100%; }
  .formHolderDark {padding-top: 0; background: var(--deep-blue); }
  .formHolderBg img {aspect-ratio: 1.38; }
  .contentHolder ul li a:before{ top:12px; }
  .appointmentSticker{ padding:30px; flex-wrap: wrap; text-align: center; justify-content: center;}
  .teamHolder{ margin:10px 0 0 0 }
  .midBtn{ margin-top:0 !important }
  .welcomeLeft h2 br{ display:none; }
  .welcomeLeft:after{ display:none; }
  .g-5, .gy-5 { --bs-gutter-y: 0rem !important;}
  .partnetSectionTreatment{ padding:0 0 50px 0 }
  .phoneNumberIcon{ margin:0 0 0 20px }
  .hoverImage{ margin:0 0 30px 0 }
  .formHolderDark{ background:#8b878a; }
  .inner-banner .bannerCaption h1{ font-size:50px; }
  .halfBannerCaption h1{ font-size:50px; }
  .traement-dark{ padding: 30px 28px; }
  .team-content{ padding:0; margin-bottom:20px }
  .team-content h3{ font-size:28px; }
  .abt-conetnt-box .btn-line{ margin:0 0 30px 0 }
  .right-full-image{ width:100%; position:static; }
  .formHolder{ background-size:cover !important; }
  .reviewSection .section-heading{ text-align:center; }
  .content-tab-section{ padding:30px 0 }
  .beforeAfterSlider .slick-prev{ left:-39px; }
  .beforeAfterSlider .slick-next{ right:-28px }
  .serviceItem h3{ padding:0 }
  .contentHolder .full-image{ margin:0 0 30px 0 }



}
@media only screen and (max-width:767px){
      :root {
        --fs-60: 30px;
        --fs-48: 30px;
        --fs-42: 26px;
        --fs-18: 16px;
        --fs-20: 17px;

    }
  .container{ padding:0 30px }
  .bannerCaption h1{ font-size:42px }
  .btncn{ font-size:15px; padding: 15px 20px 13px; }
  .btncn-default i, .btncn-secondary i{ margin:0 5px 0 0 }
  .number{ margin-bottom:25px }
  .reviewSlider .slick-prev{ left:-30px; }
  .reviewSlider .slick-next{ right:-30px }
  .reviewSlider{ padding:0 20px }
  .reviewItem{ padding:30px  }
  .contentHolder ul li a:before{ top:12px }
  .sp-section-bottom{ position: static; background: var(--main-clr); flex-direction: column; align-items: center; box-shadow: -50vw 0 0 var(--main-clr), 50vw 0 0 var(--main-clr), -50vw -65px 0 var(--main-clr), 50vw -65px 0 var(--main-clr); padding-bottom: 30px; padding-top: 25px; }
  .sp-section-bottom h2{ padding:15px; text-align:center; }
  .sp-section-bottom .btncn{ font-size:15px }
  .mean-container a.meanmenu-reveal{ margin-top:-7px }
  .headerMian{ padding-top:10px; padding-bottom:10px }
  .bookAppointment a{ margin: 0 0 0 0; }
  .mean-container a.meanmenu-reveal{ right:0 !important ; top: -24px}
  .headerHolder{ gap:5px; }
  .bookAppointment a{  width:34px; height:34px }
  .mean-container .mean-nav{ margin-top:10px }
  .welcomeLeft:after{ display:none; }
  .logo{ width:180px }
  .fixed .logo { width: 180px; }
  .innerbannerContent h2{ font-size:40px }
  .innerbannerContent{ padding:0 }
  .g-5, .gy-5{--bs-gutter-y: 1rem;}
  .treamentHolder h3{ padding:0; margin:0 }
  .pageContent h2{ font-size:30px; }
  .accordian-new h3{ font-weight:500; font-size:18px; }
  .blogTop{ padding:15px; flex-direction:column; justify-content:center; align-items:center; }
  .categotyDropdown select{ width:100% }
  .sortBy{ width:100%;  }
  .categotyDropdown{ width:100% }
  .blogPostContent a h4{ margin:0 }
  .fixed .bookAppointment a {  padding: inherit; }
  /*.mean-container a.meanmenu-reveal{background: transparent;margin-top:0;color:#fff }
  .mean-container a.meanmenu-reveal {background: transparent; }
  .mean-container a.meanmenu-reveal span {background: #fff; }*/
  .halfBannerImage{ width:100% }
  .halfBannerCaption{ text-align:center; position: static; transform: translate(0); padding: 15px 0}
  .halfInnerBanner{ display:block; }
  .formGroup{ flex-wrap:wrap; gap:0 }
  .iconList{ margin:0 0 20px 0 }
  .blogSection{ padding:30px 0 }
  .categotyDropdown select{ background-size:24px 24px }
  .categotyDropdown{ margin:0 }
  .phContent{ display:none; }
  .bookAppointment a{ width:39px; height:39px; background:var(--main-clr) ; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0 }
  .phoneNumberIcon{ margin:0 0 0 15px }
  .headerTop ul li{ padding:0 10px }
  .btncn{ padding: 15px 14px 15px; }
  .banner-logo-holder{ gap:10px }
  .welcomeContent h6{ padding:0 0 15px 0 }
  .serviceItem h3{ padding:0 0 40px 0 ; text-align: center;}
  .reviewSlider .slick-prev{ left:-42px; width: 40px;}
  .reviewSlider .slick-next{ right:-42px; width: 40px;}
  .footerContent h4{ font-size:20px }
  .contentSection{ padding-top:0 }
  .mapHolder{ margin:0 0 30px 0 }
  .both-address-section .section-heading{ margin:0 }
  .banner h5{ font-size:14px; }
  .inner-banner .bannerCaption h1{ font-size:42px; }
  .halfBannerCaption h1{ font-size:42px; }
  .treatment-repeat{ width:100% }
  .welcomeSection:before{ top: -30%; height: 30%; }
  .treatment-welcome:before{ top: -5%; height: 5%; }
  .innerBanner img{ height:400px; object-fit:cover; }
  .halfBannerCaption{ background:var(--seconday-color); }
  .beafSliderItem{ flex-direction:column; }
  .beafSliderItem img{ width:100% }
  .fixed .mean-container .mean-nav {  margin-top: 16px;}
  .bannerCaption{ text-align:center; }
  .banner-btn-group{ flex-direction:column; }
  .banner-btn-group .btncn{ margin:0 }
  .welcomeSection { margin:0 0 0 0 }
  .btn-position-absolute{ position:static; }
  .homeGallerySection .section-heading{ margin:0 0 5px 0 }
  .tag-line-box-caption{ position:static; padding:0; }
  .tag-line-box-caption-inner{ padding:15px ; background: rgb(233 233 233 / 70%)}
  .tag-line-box-caption-inner{ flex-direction:column; text-align:center; }
  .homeFormHolder{ padding:0 }
  .reviewSlider{ width:88%; padding:0 }
  .address-bottom{ flex-direction:column; text-align:center; }
  .address-left p{ text-align:center; }
  .footBottom{ padding-bottom:60px }
  .reviewSection .section-heading{ text-align:center; }
  .inneraccordina-area{ padding-bottom:0 }
  .both-address-section .border-heading {  margin: 0 0 35px 0;}
  .blogTop{ border-radius:4px;  }
  .homeGallerySection .section-heading h2{ padding-right:0 }
  .bookAppointment a i{ display:block; }
  .phoneNumber a{ width:39px; height:39px; color: #fff; background:var(--main-clr) ; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0 }
  .service-slider-section .section-heading h2{ padding-right:0; padding-bottom:0 }
  .serviceSlider {max-width: 70%; margin: 0 auto; }
  .serviceSlider .slick-prev, .serviceSlider .slick-next {width: 27px; height: 30px; font-size: 15px; }
  .full-image{ margin:0 0 25px 0 }
  .social { margin:0 0 25px 0 }
  .btn-group{ flex-direction:column; gap:0; margin:0;  }
  .btn-group .btncn{ margin:3px 0 }
  .breadcumb.main{ position:static; background:var(--seconday-color); margin:0 }
  .beforeAfterSlider .slick-track{ padding:0 }

}

/* End - Main Style */