/*
Theme Name: Dr Mistry
Theme URI: #
Author: Sk
Version: 1.0
*/
*{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:#fff; font-family:var(--bodyfont); overflow-x: hidden;}
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-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-Bold.eot');
    src: url('assets/fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-Bold.woff') format('woff'),
        url('assets/fonts/SFProDisplay-Bold.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: bold;
    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-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: normal;
    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;
}


/*variables--*/

:root{

  --bodyfont: "SFProDisplay", sans-serif;
  --fs-80:80px;
  --fs-72:72px;
  --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-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:#464647;
/*   --seconday-color:#f5889b; */
  --seconday-color:#cf9272;
  --body-font-color:#464647; 
  --light-font-color:#ececec;
  --secondary-gradient-start-color:#D99B77;
  --secondary-gradient-end-color:#521D19;

  --light-pink-color:#fbf4f8;
  --IvyPrestoDisplay:'ivypresto-display';
/*   --hover-color:#e87589; */
  --hover-color:#bc8064;
  
  
}

body{ font-family:var(--bodyfont); }

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

h2{ margin: 0px; font-size: var(--fs-48); color: var(--body-font-color); font-weight: 400; padding: 0 0 30px 0; line-height: 1.3; font-family:var(--IvyPrestoDisplay); }
h2 strong{ font-weight:900 }

h2 em{ font-weight:400;  }

h3{ font-size:var(--fs-36); padding:0 0 30px 0 ; font-family:var(--IvyPrestoDisplay); padding:0 0 25px 0; margin: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-18); padding:0 0 25px 0; color:rgba(22,22,23, 0.4) ; text-transform:uppercase; letter-spacing:3px; font-weight:400; margin:0 }

p{ font-size:var(--fs-20); line-height:1.5; font-weight: 300 ; text-align: justify; padding:0 0 30px 0 }

.btncn{ position:relative; display: inline-block;  padding:15px 40px 15px; font-size: var(--fs-18); font-weight:300; border-radius:0; text-align: center; letter-spacing: 1px; margin:15px 0; border:1px solid var(--seconday-color); border-radius:30px;  }
.btncn-default{ z-index: 5; background: var(--seconday-color); color: #fff;  }
.btncn-default:before {
	content:""; z-index: -1;
	border-radius:30px;
	opacity: 0.0;
	transition: opacity .5s;
	position: absolute; inset: -0.1rem;
	background:var(--seconday-color); 
	background: -moz-linear-gradient(left, var(--secondary-gradient-end-color) 0%, var(--secondary-gradient-start-color) 100%);
	background: -webkit-linear-gradient(left, var(--secondary-gradient-end-color) 0%, var(--secondary-gradient-start-color) 100%);
	background: linear-gradient(to right, var(--secondary-gradient-end-color) 0%, var(--secondary-gradient-start-color) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--secondary-gradient-end-color), endColorstr=var(--secondary-gradient-start-color),GradientType=1 );
}
.btncn-default:after {
	content:""; z-index: -1;
	border-radius:30px;
	opacity: 1.0;
	transition: opacity .5s, background 0.5s ease;
	position: absolute; inset: -0.1rem;
	background:var(--seconday-color); 
	background: -moz-linear-gradient(left, var(--secondary-gradient-start-color) 0%, var(--secondary-gradient-end-color) 100%);
	background: -webkit-linear-gradient(left, var(--secondary-gradient-start-color) 0%, var(--secondary-gradient-end-color) 100%);
	background: linear-gradient(to right, var(--secondary-gradient-start-color) 0%, var(--secondary-gradient-end-color) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--secondary-gradient-start-color), endColorstr=var(--secondary-gradient-end-color),GradientType=1 );
}
.btncn-secondary{ background: transparent; color: var(--body-font-color); border:1px solid var(--body-font-color); }

.btncn-default:hover{ background:var(--hover-color); border-color:var(--hover-color);  }
.btncn-default:hover:before { opacity: 1.0; }
.btncn-default:hover:after { opacity: 0.0; }
.btncn-secondary:hover{ background:var(--hover-color); color:#fff; border-color:var(--hover-color); }

.buttonGroup{ display:flex; gap:15px }

.btncn-default i, .btncn-secondary i{ margin:0 10px 0 0 }

.down-arrow i{ margin:0 0 0 10px; }

.section{ padding:70px 0 }
.section-light{ background:var(--light-pink-color); }
.black-bg{ background:#000000 }
.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: var(--seconday-color); background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity:0; transition:all .5s }
.hoverImage:hover:after{ opacity:1; transition:all .5s }
.hoverImage img{ width:100%; transition:all .5s }
.hoverImage:hover img{ transform:scale(1.1); 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 }
.text-center p{ text-align:center; }

.light-bg{ background:#fafafa }
.dark-bg{ background:var(--main-clr); }

.btnGroup{ display:flex; gap:12px }
.btnGroup.text-center{ justify-content:center; }


.mobile{ display:none; }



/*HEADER*/

@media (min-width: 1700px) {
  .container{ max-width:1440px }
}

.headerTop{ 
	background:var(--seconday-color); 
	background: -moz-linear-gradient(left, var(--secondary-gradient-start-color) 0%, var(--secondary-gradient-end-color) 100%);
	background: -webkit-linear-gradient(left, var(--secondary-gradient-start-color) 0%, var(--secondary-gradient-end-color) 100%);
	background: linear-gradient(to right, var(--secondary-gradient-start-color) 0%, var(--secondary-gradient-end-color) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--secondary-gradient-start-color), endColorstr=var(--secondary-gradient-end-color),GradientType=1 );
	padding:7px 0;
}
.headerTop p{ color:var(--white-color); font-weight:300; padding:0; font-size:var(--fs-18); }
.headerTop p a{  color:var(--white-color); font-weight:300 }
.headerTop p a:hover{ color:var(--seconday-color); }
.headerTop ul{ margin:0; padding:0; list-style:none; }
.headerTop ul li{ display:inline-block; vertical-align:top; padding:0 22px; position:relative; color:#fff; font-weight:300; font-size:var(--fs-18); }
.headerTop ul li a{ color:#fff }
.headerTop ul li a:hover{ color:#000 }
.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{ position:relative; padding:0 0;  }
.header{ position:relative; z-index: 99}
.headerMian{  transition:all .5s; background: #fff}
.logo{ width:391px; transition:all .5s; }
.headerHolder{ display:flex; align-items:center; justify-content:space-between; }
.navigation nav ul{ display:flex; align-items:flex-start; margin:0; padding:0; list-style:none; gap:55px; }
.navigation nav ul li a{ font-weight:300; font-size: var(--fs-21); position: relative; color: var(--body-font-color);}
.navigation nav ul li a:hover{ color:var(--seconday-color); }
ul.dropdown-menu-holder{ flex-wrap:wrap; gap: 0 !important; row-gap: 30px !important; width: 100%; border: none; justify-content: space-between; }
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 0 }
.fixed .section-parent-menu{ padding:0 0 0 0 }
.fixed{position:fixed; top:0; left:0; width:100%; background:#fff; box-shadow:0 4px 4px rgba(0,0,0,0.1);  animation: slideDown 0.35s ease-out; }

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}


.fixed .bookAppointment a{padding: 30px 50px; transition:all .5s }
.fixed .headerRight{ height:80px; }
.fixed .logo{ width:290px }

@media only screen and (min-width:1199px){
.navigation nav ul li a:after{ content:''; position:absolute; height: 100px; background: transparent; left: 0; width: 100%; top: 50%}
.headerMian a{pointer-events: none;}
.headerMian:hover a{pointer-events:all;}
.mega-menu-wrapper{ position: absolute; z-index: 9; inset: 0 0 auto;  width: 100vw;  max-width: 100vw;  background: #fff;   padding-bottom: 4rem; transition: all .6s ease, padding .6s ease; box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05); top: 100%; opacity: 0; visibility: hidden; }
.navigation nav ul li:hover .mega-menu-wrapper{ opacity:1.0; visibility:visible; transition:all .6s ; background:#fff; padding-top:30px }
ul.dropdown-menu-holder li a{ font-size:var(--fs-20) !important; font-weight:600!important; margin:0 0 15px 0; display:block;  }
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% }
}
.mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important;  }
.headerRight{ display:flex; align-items:center;  padding:0 70px 0 40px; border-left:1px solid #949c8c; height:112px;  }
.phoneNumber a{  font-weight:300 ; color: var(--body-font-color); font-size: var(--fs-21);  }
.phoneNumber a:hover{ color:var(--seconday-color); }
.phoneNumber a i{margin:0 10px 0 0 }
.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  }

@media only screen and (min-width:1600px){
    .headerRight{ margin-right:-170px; }
}


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:#fff; }
.mean-container .mean-nav{ background:var(--seconday-color); }
.mean-container .mean-nav ul li a:hover{ background:transparent; }
.mean-container .mean-bar {  position: absolute;  left: 0; width: 100%;  float: none;  z-index: 99;  top: 14px;  background: var(--top-header-bg);}
    .headerHolder{  }
    .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:55px }
    .fixed .mean-container .mean-nav{ margin-top:36px }
    .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(--seconday-color), 50vw 0 0 var(--seconday-color); }

.bookAppointment a{ padding:45px 50px; display:block; position:relative; background: var(--seconday-color); color:#fff;  position:relative; margin: 0 0 0 50px; font-size: var(--fs-18); font-weight: 500; text-transform: uppercase; letter-spacing: 1px; transition:all .5s}
.bookAppointment a i{ margin:0 10px 0 0 }
.bookAppointment a:after{ content:''; position:absolute; width:999em; left:100%; top:0 ; background:var(--seconday-color); height: 100%}


@media only screen and (max-width: 1800px) {
  .logo{ width:340px }
  .navigation nav ul{ gap:25px }
  .bookAppointment a{ font-size:16px }
  .navigation nav ul li a{ font-size:18px; }
  .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 }
 
}
@media only screen and (max-width: 1500px) {
.headerHolder{ padding:0 }
.bookAppointment a{ padding:45px 25px; margin: 0 0 0 30px; }
}
@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 }
  .navigation nav ul{ gap:40px }
  .bookAppointment a{ margin:0 ; }
  
  .bookAppointment a{ padding: 35px 25px; }
  .fixed .bookAppointment a{ padding: 20px 25px; }
  .headerRight{ height:90px; }
  .headerRight{ padding:0 0 0 40px; }

}
@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:10px }
  a, a:hover{ transition:none; }
  .mean-container a.meanmenu-reveal{ background:#fff; border-radius: 0; border: none;}
  .mean-container a.meanmenu-reveal span{ background:var(--main-clr); }
  .mean-container .mean-nav ul li li a{ padding:15px 10%; font-size:14px !important }
  .fixed .mean-container a.meanmenu-reveal{ margin-top:-3px }
 
}
@media only screen and (max-width: 767px) {
  .phoneNumber a span{ display:none; }
  .phoneNumber a i{ display:block;  }
  .bookAppointment a span{ display:none; }
  .logo{ width:120px }
  .fixed .logo{ width:120px }
  .phoneNumber a{display: flex; align-items: center; justify-content: center; width:38px; height:38px; border-radius:4px; background:var(--seconday-color); color:#fff; text-align:center; line-height:38px; }
  .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; background:var(--main-clr); color:#fff; border-radius:4px; }
  .mean-container a.meanmenu-reveal span{ background:#fff; }
  .mean-container .mean-nav{ margin-top:42px }
}
/*END HEADER*/

/*START BANNER*/
.banner{ background: var(--main-clr); position: relative; background: #e9e4da; position: relative; background: url(assets/images/bannerImage.jpg) no-repeat; background-size: cover; padding: 150px 0 }
.banner h5{ color:var(--light-font-color); font-size:var(--fs-24); font-weight:300; padding:0 0 20px 0 }
.banner h2{ font-weight:400; color:#fff; font-size:var(--fs-42);  font-family:var(--IvyPrestoDisplay); font-style:normal; padding:0 0 45px 0 }
.bannerButtonGroup{ display:flex; align-items:center; gap:12px;  }
.bannerButtonGroup .btncn-secondary{ color:#fff; border:1px solid #ffffff; }
.bannerButtonGroup .btncn-secondary:hover{ border-color:#e87589 }
.bannerLogoHolder{ border-top:1px solid #ececec; padding: 50px 0 50px 0; display: flex; justify-content: space-between; align-items: center; margin-top: 65px}
@media only screen and (max-width: 1399px) {
    .banner{ padding-top:100px }
    .bannerLogoItem img{ max-width:75% }
}



/*END BANNER*/

/*WELCOME SECTION*/
.welcomContent{ padding:0 40px }
/*END WELCOME SECTION*/

/*VIDEO SECTION*/
.vidHolder, .homeVidHolder{ position:relative; }

.playButton{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:200px; height:200px; border-radius:50%; background:rgba(236,236,236,0.1); display:flex; align-items:center; justify-content:center; color:#fff; font-size:40px; }
.playButton:hover{ background:rgba(236,236,236,0.4); }
.serviceHolder{ display:flex; align-items:center; justify-content:space-between; gap:20px ; margin-top: 25px; margin-bottom: 45px;}
.serviceBox{ width:250px; height:250px; background:#eee8e3; display:flex; justify-content:center; align-items:center; }
.serviceBox a{ font-size:var(--fs-36); font-family:var(--IvyPrestoDisplay); color:var(--body-font-color); }
.serviceBox a:hover{ text-decoration:underline; text-underline-offset:10px; }
.videoCaption{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5); padding:40px 60px; width:100% }
.videoCaption h3{ padding:0; margin:0; color:#fff }

/*TAB SECTION*/
.tabHolder{ margin:10px 0 0 0 }
.tabHolder ul { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; border:none; row-gap:30px }
.tabHolder ul button{ width:100%; padding:0; border:none; background:transparent; text-align: left; font-family: var(--IvyPrestoDisplay); font-size: var(--fs-36); border: none !important; position:relative; color:var(--body-font-color);  transition:all .5s }
.tabHolder ul button:hover{ color:var(--seconday-color); }
.tabHolder ul button.active{ border:none; }
.tabContentArea .accordion-body{ border:none; padding:0; border-radius:0 }
.tabContentArea .accordion-item{ border:none; }
.tabHolder ul button.active{ padding-left:50px; transition:all .5s }
.tabHolder ul button:after{ content:''; position:absolute; left:0; top:17px; background:var(--seconday-color); border-radius:50%; width:21px; height:21px; transition:all .5s; opacity:0  }
.tabHolder ul button.active:after{transition:all .5s ; opacity:1 }
.tabImage{ margin:0 0 30px 0 }


.tretmentPageTab h2{ font-size:var(--fs-42); }
.tretmentPageTab .tabHolder ul button{ color:#b2b2b2 }
.accro-flex{ display:flex; gap:60px; align-items:center; }
.accro-flex .tabImage{ width:55% }
.accro-flex .tabc{ width:45% }
.tabc ul{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:25px }
.tabc ul li{}
.tabc ul li a{ display:block; color:var(--body-font-color) ; font-size:var(--fs-30); font-weight:300 }
.tabc ul li a:hover{ color:var(--seconday-color); }
@media (max-width: 991px) {
  .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
}

/*ICON SECTION*/
.icon-cn{ height:98px; margin:0 0 25px 0 }
.iconBox{ text-align:center; padding:0 40px; }
.iconBox *{ color:#fff }
.box-border{ position:relative; }
.box-border:not(:last-child):after{ content:''; position:absolute; right:0; top:0; height:100%; background:#fff; width:1px;  }

/*IMAGE BOX*/

.imageBox h3{ color:var(--main-clr); margin-top:25px; transition:all .5s}
.imageBox:hover h3{ color:var(--seconday-color); transition:all .5s }

/*SERVICE SECTION*/
.serviceSlider{ margin:20px 0 0 0 }
.serviceSlider .slick-slide { margin: 0 10px;  }
.serviceSlider .slick-list { margin: 0 -10px; overflow:visible; }
.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; }
.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:-100px; right:45px; background:transparent; border:none; font-size:30px; opacity:0.1; transition:all .5s;}
.serviceSlider .slick-next{ position:absolute; top:-100px; right:0px; background:transparent; border:none; font-size:30px; opacity:0.1; transition:all .5s;}
.serviceSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ opacity:1; transition:all .5s } 
/*END SERVICE SECTION*/

/*CONTENT SECTION*/
.ratingSection{ padding:40px 0 0 0 }
.ratingSection h4{ font-size:var(--fs-20); padding:0 0 0; font-weight:300; }
.number{ font-size:var(--fs-42); font-weight:500;  }
.absolutBtn{ position:absolute; top:30px; right:30px; z-index:12 }
.contentBottom{ }
.contentHolder ul{ margin:0; padding:0 0 0 0; list-style:none; }
.contentHolder ul li{ font-family: var(--cabinetGrotesk); font-weight:300 ; font-size:var(--fs-24);  }
.contentHolder ul li a{ color:var(--body-font-color); padding: 25px 0 15px 0; display: block; border-bottom: 1px solid #c1c6d4; position: relative; font-weight: 400}
.contentHolder ul li a:after{ content:''; position:absolute; width:0%; height:1px; background:#c1c6d4; bottom:-1px; left:0 ; transition: all .5s;}
.contentHolder ul li a:hover:after{width:100%; background: var(--seconday-color); transition: all .5s;}
.contentHolder ul li a:before{ content:'\f061' ;  font-family: 'FontAwesome';  position:absolute; right:0; top:25px; color:var(--body-font-color);}
.contentHolder ul li a:hover{ color:var(--seconday-color); }
.contentHolder ul li a:hover:before{ color:var(--seconday-color); }
.contentHolder:not(:last-child){ padding:0 0 130px 0 }
/*CONTENT SECTION 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,  #393939 0%,#393939 48%,#ffffff 48%,#ffffff 48%,#ffffff 100%); 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: space-between; 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*/

/*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%);}
.doctorSliderNav .slick-slide.slick-active img{ transition:  all .5s; width:100%; height:488px; transition-delay:0.5s;  filter: grayscale(0%); }
.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 h4{ font-size:var(--fs-24); text-transform:uppercase; margin:0; padding:0 0 15px 0 }
.doctorItem h6{ font-size:var(--fs-18); color:rgba(0, 0, 0, 0.4); text-transform: uppercase; letter-spacing: 1px; margin: 0}

/*END DOCTOR SLIDER*/


/*HOME FORM SECTION*/
.dark-form-bg{ background:rgba(0,0,0,0.82); position:relative; height:100%; padding:65px; }
/*.dark-form-bg *{ color:#fff; }*/
.dark-form-bg h3{ line-height:1.5 }
.dark-form-bg p{ font-size:var(--fs-16); }
.form-container input[type=text], .form-container input[type=email], .form-container input[type=tel]{ width:100% !important; border-radius:0 !important; border:none !important; border-bottom:1px solid #999999 !important; background:transparent !important; padding:15px 0 !important; margin:0 0 15px 0!important; text-transform:uppercase !important; font-weight:300 !important; letter-spacing:1px !important; font-size:var(--fs-14) !important;  box-shadow: none !important; color:rgba(255,255,255,0.5) !important}
.form-container input[type=submit]{ position: relative !important; display: inline-block!important;  padding: 18px 40px 18px!important; font-size: var(--fs-18)!important;    font-weight: 300!important;  border-radius: 0!important;   text-align: center!important; letter-spacing: 1px!important; margin: 15px 0!important; border: 1px solid var(--seconday-color)!important; border-radius: 30px!important; background: var(--seconday-color)!important; outline: none!important;transition:all .5s }
.form-container input[type=submit]:hover{ background:#fff !important; color:var(--body-font-color)!important; border-color:var(--body-font-color)!important; transition:all .5s } 
.form-container input[type=text]:focus, .form-container input[type=email]:focus, .form-container input[type=tel]:focus{ border-color:var(--seconday-color) !important; transition:all .5s  }
.form-container ::placeholder { color: rgba(255,255,255,0.5) !important; opacity: 1; }
.form-container ::-ms-input-placeholder { color: rgba(255,255,255,0.5) !important;}

.gform-theme--foundation .gform_fields{ row-gap:10px !important;}

.light-form-sec input[type=text], .light-form-sec input[type=email], .light-form-sec input[type=tel]{color:rgba(0,0,0,0.5) !important  }
.light-form-sec ::placeholder { color: rgba(0,0,0,0.5) !important; opacity: 1; }
.light-form-sec ::-ms-input-placeholder { color: rgba(0,0,0,0.5) !important;}
.light-form-sec input[type=submit]:hover{ background:var(--seconday-color) !important; color:var(--body-font-color)!important; border-color:var(--body-font-color)!important; transition:all .5s } 


@media only screen and (max-width: 1500px) {
    .dark-form-bg{ padding:65px 40px }
}

/*END HOME FORM SECTION*/

/*CTA SECTION*/
.whiteBox{ background:#fff ; padding: 45px;}
.ctaSection{ position:relative; padding:0;margin-bottom:-7px }
.backgroundSliderCaption{ position:absolute; top:50%; transform: translateY(-50%); left:0; width:100%;  }
.ctaSection .slick-next{ position:absolute; right:25px; width:100px ; height:80px; background:rgba(0,0,0,.32); text-align:center; line-height:80px; color:#fff;  bottom: 25px; border: none; font-size: 30px; z-index: 9; transition: all .5s}
.ctaSection .slick-prev{ position:absolute; right:130px; width:100px ; height:80px; background:rgba(0,0,0,.32); text-align:center; line-height:80px; color:#fff;  bottom: 25px; border: none; font-size: 30px; z-index: 9; transition: all .5s}
.ctaSection .slick-next:hover, .ctaSection .slick-prev:hover{   background:rgba(0,0,0,.5); transition: all .5s}
.ctaSection .slick-slide img{  object-fit:cover; }
.ctaSection .backgroundSlider img {width: 100%; display: block; }
/*REVIEW SECTION*/
.reviewSlider{ margin:30px 0 0 0 }
.reviewSlider .slick-slide { margin: 0 8px;  }
.reviewSlider .slick-list { margin: 0 -8px;  }
.reviewItem{ text-align:center; padding:55px 45px; background:var(--light-pink-color); }
.star{ font-size:20px; color:var(--seconday-color); margin:0 0 20px 0 }
.reviewItem p{ text-align:center;  }
.reviewItem h6{ font-size:16px; color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:400 ; 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; background:transparent; width:43px; height:59px; background:var(--seconday-color); color:#fff; left:-55px; top:50%; transform:translateY(-50%);  transition: all .5s}
.reviewSlider .slick-next{ position:absolute;  font-size:25px; border:none; outline:none; background:transparent; width:43px; height:59px; background:var(--seconday-color); color:#fff; right:-55px; top:50%; transform:translateY(-50%); transition: all .5stransition: all .5s}
.reviewSlider .slick-prev:hover, .reviewSlider .slick-next:hover{ color:#fff; background:var(--main-clr); 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 .slick-slide > div,.reviewItem {height: 100%;}
.more_txt:hover {color: #003380;}


/*END REVIEW SECTION*/


/*TREATMENT PAGE*/

.main-content-center p{ text-align:justify; text-align-last:center; }
.traement-dark{ background:var(--main-clr); }
.text-white p, .text-white h2{ color:#fff }

/*INNER BANNER*/



.innerBanner{  position:relative; }
.banerImageHolder{ position:relative;}
.bannerImage img{ width:100%; }
.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-72); color:#fff; padding:0 0 40px 0; font-weight:400; text-transform:none; }
.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; background:#ebebeb }
.halfBannerImage{ width:50%;  }
.halfBannerImage img{ width:100% }
.halfBannerCaption{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0 }
.halfBannerCaption h1{ font-size:var(--fs-72); }


@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:400px; 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: #f2f2f2}
.blogCategory span{ font-family:var(--bodyfont); font-size:var(--fs-24); font-weight:300; padding:0 12px 0 0 }
.blogCategory select{ width:100%; border:none; background:transparent;  font-family:var(--bodyfont); font-size:var(--fs-24); 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-18); color:var(--main-clr); font-weight:300; text-decoration:underline; text-underline-offset:5px }
a.postReadMore:hover{ color:var(--seconday-color);  }
.blogPostContent{ margin:0 0 60px 0 }
.blogPostContent a h4{ color:var(--body-font-color); font-size:var(--fs-20); line-height:1.5 }

.blogTop{ background:#fcf8fa; padding:15px 20px 15px 35px; margin:0 0 45px 0 ; display:flex; justify-content:space-between; align-items: center;}
.sortBy{ font-weight:500; color:var(--body-font-color); font-size:var(--fs-18); }
.categotyDropdown{ width:325px;  }
.categotyDropdown select{ width:100%; background:transparent; border:none; border-bottom:1px solid #bcbec0 ; padding: 10px 0;  font-weight:500; color:var(--body-font-color); font-size:var(--fs-18);}

@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;}

.pageContent ul{ margin:0 0 25px 0; padding:0; list-style: none;}
.pageContent ul li{ float:none; display:block; position:relative; padding:0 0 0 40px; font-size: var(--fs-18); line-height: 1.5; font-weight: 300; margin:0 0 15px 0 }
.pageContent ul li:after{ content: "\f061"; font-family: 'FontAwesome';  font-weight: 700;  color: #f0cd74;  display: inline-block; position:absolute; left:0; top:3px; background:var(--seconday-color); color: #ffffff; width: 20px;  height: 20px; text-align: center; border-radius: 50%; font-size: 13px; line-height: 20px;}

@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); }
.pageContent h3{ padding:0 0 30px 0 }
/*END BLOG DETAILS*/

/*BLOG DETAILS SIDEBAR*/
.brdholder{ text-align:right; }
.darksidebar-bg{ background:var(--seconday-color); }
.sidebarFormHolder{  padding:0; margin:5px 0 0 60px; background: #eee8e3}
.sidebarImage img{ width:100% }
.sidebar{   }
.sidebarContent{ padding:55px }
.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]{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid #bfbcbb !important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important;  color: #bfbcbb !important; margin: 0 0 20px 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.sidebar-form .inputHolder { width:100% }
.sidebar-form .inputHolder ::placeholder { color:#bfbcbb; opacity: 1; }
.sidebar-form .inputHolder ::-ms-input-placeholder {  color: #bfbcbb}
.formGroup{ }
.sidebar-form input[type=submit]{ padding:15px 45px  !important; background:#000 !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:300 !important; font-size:var(--fs-18) !important; transition:all .5s !important;  margin: 15px auto !important; display: block !important;  color: #fff !important;  border-radius: 30px !important}
.sidebar-form input[type=submit]:hover{ opacity: 0.8;  transition:all .5s; }
.sidesticky{ position:sticky; top:0; overflow:auto; }

.breadcumb{  padding:10px 0; background:#f2f2f2;  }
.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:2px ;  color:rgba(22,22,23,0.4); position:relative; font-weight:300;  }
.breadcumb ul li:after{ content:'/'; position:absolute;  color:rgba(51,59,82,0.3);  border-radius:50%; right: -18px; top: 0px; }
.breadcumb ul li:last-child:after{ display:none; }
.breadcumb ul li a{  color:rgba(22,22,23,0.4); font-weight:300 }
.breadcumb ul li a:hover{ color:var(--seconday-color); }

.sidebarContent h2, .sidebarContent p {  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 }

.btmLogoItem img{ filter:brightness(0.7); }
.bottomLogoHolder{ display:flex; justify-content:space-between; align-items:center; gap:20px }
.bottom-note p a{ color:var(--body-font-color); text-decoration:underline; text-underline-offset:5px; }
.bottom-note p a:hover{ color:var(--seconday-color); }
.bottomLogoHolder{ padding:10px 0 0 0 }

@media only screen and (max-width: 991px) {
   .sidebarFormHolder{ margin:0 }
   .sidebar{ margin-top:45px; }
   .breadcumb ul{ justify-content:center; }
   .btmLogoItem img{ max-width:65%; margin:0 auto; display:block; }
}
@media only screen and (max-width: 767px) {
   .sidebarFormHolder{ padding:0 }
   .sidebarContent{ padding:30px }
   .sidebar{ margin-top:30px }
   .breadcumb ul{ flex-wrap:wrap; }
   .bottomLogoHolder{ flex-wrap:wrap; justify-content:center; row-gap:35px }
   .btmLogoItem{ width:45% }



}
/*END BLOG DETAILS SIDEBAR*/

/*CONTACT ICON*/

.iconHolder{ margin:10px 0 40px 0 }
.iconList{ display:flex; align-items:center; margin:0 0 30px 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:0 0 45px 0 }
.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%; filter: brightness(0.8);}




/*GLAEERY SLIDER*/

.gallery-slider .slick-center{ transform:scale(1.1); }

.gallery-slider{ width:100%; margin:0 auto; }
.gallery-slider .slick-slide { margin: 0 35px;  }
.gallery-slider .slick-list { margin: 0 -35px;  }

.gallery-slider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:31%; 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}
.gallery-slider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:31%; 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}

.gallery-slider .slick-prev:hover, .gallery-slider .slick-next:hover{ color:#fff; background:var(--main-clr); }
.gallery-slider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }
.gallery-slider .slick-track{ padding:60px 0; overflow:visible; }
.gallery-slider { overflow:hidden; }


.gallery-slider { opacity: 0;  visibility: hidden; transition: opacity 0.5s ease-in-out;}

.gal-modal-content{ padding:30px;  }
.modal-query-holder{ display:flex; align-items:center; justify-content:space-between; gap:20px }
.modal-query-holder h3{ font-size:var(--fs-30); padding:0 }
.galley-modal .modal-content{ position:relative; }
.galley-modal .btn-close{ position:absolute; top:10px; right:10px; z-index:99  }
.gallery-open-btn{ background:transparent; border:none; outline:none; box-shadow:none; margin:0; padding:0;  }
.gal-modal-content h3, .gal-modal-content p {padding-bottom: 10px !important;}
.gal-modal-content .popup-content {padding-top: 10px !important;}
.popup-procedure-info, .popup-age-info, .gal-modal-content p { font-size: var(--fs-18); }
.popup-procedure-info span { font-family: var(--IvyPrestoDisplay); color:var(--seconday-color); letter-spacing: 1.7px;}
.popup-age-info span{ font-family: var(--IvyPrestoDisplay); color:var(--seconday-color); letter-spacing: 1.7px; }

@media only screen and (max-width:991px){
  .gallery-slider .slick-center{ transform:scale(1.0); transition:all .5s; transition-delay:0.5s }
  .gallery-slider .slick-prev{ left:0 }
  .gallery-slider .slick-next{ right:0 }
  .gallery-slider .slick-track{ padding:0 }
  .gal-modal-content{ padding:30px 0; text-align:center; }
  .modal-query-holder{ flex-direction:column;}
  .galley-modal .modal-body{ padding-top:40px;  }
}

/*END GALLERY SLIDER*/


@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}
.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; color:#fff; font-size:var(--fs-24); margin:12px 0 }
.treamentHolder *{ box-sizing:border-box;  }
.treamentHolder:hover .treatmentImage img{ filter:brightness(0.3); transition: all .5s; transform: scale(1.1);}
.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 }
@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: 600; font-size: var(--fs-20); color: var(--body-font-color);  cursor: pointer;  margin-bottom: 0;  position: relative; padding: 25px 30px 25px 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: 22px;  font-size: 24px; 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 30px 30px 0;  display: none}
.ui-accordion-content-new p { text-align: justify;}
.ui-accordion-content-new p:last-child{ padding:0 }
.faqSection{ background:#eee8e3 }
.faqSection h2{ text-transform:none; }
.accroContent{ border-bottom:1px solid #d3d3d3; }

.accordian-new-3 h3{ line-height:1.4; padding:25px 30px 25px 0; cursor:pointer; }
.accordian-new-3 .btncn { margin:0 }
.ui-accordion-content-new-3{ padding:0 0 30px 0 }
.accordian-new-3 .accroContent{ border-bottom:2px solid #dadada; }
h3.clcikbtn-new-3{ position:relative; }
h3.clcikbtn-new-3:after{ content:'+'; position:absolute; right:0; top:24px;  }

.accordian-new-4 h3{ line-height:1.4; padding:25px 30px 25px 0; cursor:pointer; }
.accordian-new-4 .btncn { margin:0 }
.ui-accordion-content-new-4{ padding:0 0 30px 0 }
.accordian-new-4 .accroContent{ border-bottom:2px solid #dadada; }
h3.clcikbtn-new-4{ position:relative; }
h3.clcikbtn-new-4:after{ content:'+'; position:absolute; right:0; top:24px;  }
.accroHolder .accroContent:first-child h3{ padding-top:0 }
.accroHolder .accroContent:first-child h3:after{ top:0 }



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

}

/*BEFORE AFTER SLIDER*/

.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:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#a2a2a2 }
.beforeAfterSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#a2a2a2 }
.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{ padding:60px 0; overflow:visible; }
.sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); }

@media only screen and (max-width:1199px){
  .beforeAfterSlider .slick-slide { margin: 0 25px;  }
  .beforeAfterSlider .slick-list { margin: 0 -25px;  }
  .beforeAfterSlider .slick-track{ padding:40px 0 }
}
@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:#000000; }
.footBottom{ padding:0px 0 45px 0 }
.ftbtm{ justify-content:space-between; align-items:center; display: flex;}
.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; gap:60px }
.footerwidget_1{ width:34%; } 
.footerwidget_2{ width:34%; } 
.footerwidget_3{ width:26%; } 


.footerLogo img{ filter:invert(1); margin:0 0 30px 0 }
.footerTopContent h2{ color:#fff ; font-size: var(--fs-36); font-family: var(--bodyfont); 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:1.6; padding:0 0 20px 0 ; font-weight: 300}
.footerTopContent p strong{ font-weight:700 }
.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-36); }
.social{ margin:0 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(--seconday-color); }
.footerTopContent p a{ color:#fff }
.footerTopContent p a:hover{ color:var(--seconday-color); }
.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; }
.footerTopContent .hours-wrapper { display: flex; color: #ffffff; column-gap: 10px; }

.black-bg{ background:#000000;  }
.black-bg h2{ color:#fff }
.inline-icon-holder{ display:flex; justify-content:space-between; row-gap:0; gap:0; flex-wrap:wrap; }
.inline-desc-holder p{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); padding: 30px 0 0 0; }
.inline-icon-con{ width:48% }
.inline-icon-con{ display:flex; align-items:center; border-bottom: 1px solid #333333; padding: 25px 0}
.inline-icn{ width:55px; text-align:center; }
.inline-txt{ font-size:var(--fs-20); font-weight:400; color:#fff; padding:0 0 0 20px; }
.inline-txt span{ font-weight:600 }



/*GLAEERY SLIDER*/

.gallery-slider .slick-center{ transform:scale(1.1); }

.gallery-slider{ width:100%; margin:0 auto; }
.gallery-slider .slick-slide { margin: 0 10px;  }
.gallery-slider .slick-list { margin: 0 -10px;  }

.gallery-slider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:34%; 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}
.gallery-slider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:33.8%; 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}

.gallery-slider .slick-prev:hover, .gallery-slider .slick-next:hover{ color:#fff; background:var(--main-clr); }
.gallery-slider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }
.gallery-slider .slick-track{ padding:60px 0; overflow:visible; }
.gallery-slider { overflow:hidden; }


.gallery-slider { opacity: 0;  visibility: hidden; transition: opacity 0.5s ease-in-out;}

.gal-modal-content{ padding:30px;  }
.modal-query-holder{ display:flex; align-items:center; justify-content:space-between; gap:20px }
.modal-query-holder h3{ font-size:var(--fs-30); padding:0 }
.galley-modal .modal-content{ position:relative; }
.galley-modal .btn-close{ position:absolute; top:10px; right:10px; z-index:99  }
.gallery-open-btn{ background:transparent; border:none; outline:none; box-shadow:none; margin:0; padding:0;  }

.author-image-holder{ position:relative; }
.main-author-image{ padding:0 100px 0 0 }
.main-author-image img{ filter:brightness(0.5); }
.author-video{ position:absolute; top:50%; transform:translateY(-50%); right:10%; width:75%; }
.author-video-inner{ position:relative; }
.author-video-inner img{ border:4px solid #fff;  }
.author-video-inner .video-play-icon{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.author-video-inner .video-play-icon a{ width:60px; height:60px; background: rgba(236, 236, 236, 0.4); border-radius: 50%; text-align: center; line-height: 60px; color: #fff; font-size: 22px; display: block;}
.author-video-inner .video-play-icon a:hover{  background: rgba(236, 236, 236, 0.8); }

#age_okay_container #age_okay_inner_relative, #age_okay_container #age_okay_inner #age_okay_error {
    border-width: 1px;
    border-color: #fff !important;
    background: #0a0a0a; padding: 35px !important;
}
#age_okay_container #age_okay_inner .age_okay_text, .age_okay_date_input_span{ text-align:center !important; font-weight: 400;
    color: #fff;
    font-size: var(--fs-42);
    font-family: var(--IvyPrestoDisplay);
    font-style: normal;
    padding: 0 0 45px 0;}

button.age_okay_button.age_okay_button_yes.age_okay_button_square{ color: #fff !important; font-size: var(--fs-18) !important;  font-weight: 300 !important; background: var(--seconday-color) !important; font-family: var(--bodyfont) !important; border-radius: 30px !important}

button.age_okay_button.age_okay_button_yes.age_okay_button_square:hover{ background:#fff !important ; color: var(--body-font-color) !important;}

#age_okay_container #age_okay_inner .age_okay_text, .age_okay_date_input_span{ padding-bottom:15px !important }

a.age_okay_button.age_okay_button_no.age_okay_button_square{ font-size: var(--fs-18) !important;  font-weight: 300 !important; font-family: var(--bodyfont) !important; border-radius: 30px !important}
a.age_okay_button.age_okay_button_no.age_okay_button_square:hover{ background:var(--seconday-color) !important; color:#fff !important }


@media only screen and (max-width:991px){
  .gallery-slider .slick-center{ transform:scale(1.0); transition:all .5s; transition-delay:0.5s }
  .gallery-slider .slick-prev{ left:0 }
  .gallery-slider .slick-next{ right:0 }
  .gallery-slider .slick-track{ padding:0 }
  .gal-modal-content{ padding:30px 0; text-align:center; }
  .modal-query-holder{ flex-direction:column;}
  .galley-modal .modal-body{ padding-top:40px;  }
  .author-image-holder{ margin:0 0 45px 0 }
}

/*END GALLERY SLIDER*/


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

@media only screen and (max-width:767px){
  .footerTopContent h2{ font-size:32px }
  .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 }
  .footerTopContent h2{ font-size:24px }
  .copyright{ text-align:center; }
}

/*FOOTER END*/


/*RESPONSIVE CSS*/

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

@media only screen and (max-width:1500px){
  .bannerCaption h1{ font-size:130px }
}
@media only screen and (max-width:1399px){
  :root{
    --fs-60: 45px;
    --fs-48: 40px;
    --fs-42: 36px;
    --fs-18:16px;
    --fs-36:30px;
  }
  .bannerCaption h1{ font-size:90px }
  .bannerCaption h2{ font-size:20px }
  .welcomeSection{ padding:50px 0 }
  .welcomeLeft h2{ font-size:52px }
  .section{ padding:50px 0 }
  .ctaSection{ padding: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; }
  .reviewSlider { padding:0 50px }
  .reviewSlider .slick-prev{ left:0 }
  .reviewSlider .slick-next{ right:0 }
  .no-padding-top{ padding-top:0 }
  .halfBannerCaption h1{ font-size:60px }
  .iconBox{ padding:0 }

  .backgroundSlider .sliderItem img{ height:800px; object-fit:cover; }
  

}

@media only screen and (max-width:1199px){
  :root{
    --fs-60: 35px;
    --fs-48: 35px;
    --fs-30: 25px;
    --fs-24: 18px;
    --fs-22: 18px;
  }
  .logo{ width:300px; 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 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{ padding:0 }
  .formHolderDark p br{ display:none; }
  .formHolderDark h2{ font-size:30px }
  .hmfrmcon{ padding-top:50px; padding-bottom:50px }
  .ratingSection h4{ font-size:16px }
  .number{ font-size:26px }
  .phoneNumber, .bookAppointment a{ position:relative; z-index:9999; margin-right:60px; }
  .halfBannerCaption h1{ font-size:50px; padding:0 0 15px 0 }
  .playButton{ width:100px; height:100px; }
  .serviceBox{ height:180px }
  .fixed{ position:static; }
  .accro-flex{ gap:30px }
  .navigation{ visibility:hidden; display:none; }

} 
@media only screen and (max-width:991px){
  :root{
    --fs-30: 22px;
  }
  .bannerCaption h1{ font-size:60px }
  .bannerCaption h2{ font-size:15px }
  .phoneNumber span{ display:none; }
  .phoneNumber a i{ display:block; margin:0 }
  .phoneNumber a{ width:40px; height:40px; background:var(--seconday-color); color:#fff ; display: flex; align-items:center; justify-content:center; }
  .phoneNumber a:hover{ background:var(--main-clr); color:#fff }
  .bookAppointment a:after{ display:none; }
  .mean-container .mean-nav{ margin-top:70px }
  .fixed .mean-container .mean-nav{ margin-top:46px }
  .welcomeContent{ flex-direction:column; gap: 10px}
  .welcomeLeft, .welcomeRight{ width:100% }
  .welcomeLeft h2{ font-size:45px }
  .serviceSlider{ margin:0 }
  .serviceSlider .slick-next{ bottom:0; top:inherit; left:53%; right:inherit; }
  .serviceSlider .slick-prev{ bottom:0; top:inherit; left: 47%; right: inherit;}
  .serviceSlider { padding-bottom:60px; }
  .ratingSection{ padding:10px 0 0 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 }
  .hoverImage{ margin:0 0 25px 0 }
  .serviceHolder{ flex-wrap:wrap; justify-content:center; }

  .tabContentArea .accordion-button{ font-size:24px; background:var(--body-font-color); color:#fff; box-shadow:none !important; }
  .tabContentArea .accordion-button::after{ filter:brightness(100); }
  .tabContentArea h2.accordion-header{ margin:0 0 5px 0; padding:0 }
  .tabContentArea .accordion-body{ padding:25px 0 }
  .tabContentArea .accordion-button{ background:var(--seconday-color); }
  .tabContentArea .accordion-button.collapsed{ background:var(--body-font-color); }
  .box-border:not(:last-child):after{ display:none; }
  .box-border:not(:last-child){ margin-bottom:30px; }
  .section-heading{ margin:0 }
  .videoCaption{ padding: 20px 30px; }


}
@media only screen and (max-width:767px){
      :root {
        --fs-60: 45px;
        --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 }
  .welcomeLeft h2{ font-size:35px }
  .serviceSlider .slick-next{ left:60% }
  .serviceSlider .slick-prev{ left:40% }
  .number{ margin-bottom:10px }
  .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; box-shadow: -50vw 0 0 var(--main-clr), 50vw 0 0 var(--main-clr); padding-bottom:30px }
  .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:0px; padding-bottom:0px }
  .phoneNumber a{ margin: 0 4px 0 0; }
  .bookAppointment a{ margin: 0 40px 0 0; }
  .mean-container a.meanmenu-reveal{ right:0px !important ; top: 3px}
  .headerHolder{ gap:5px; }
  .phoneNumber a{ width:34px; height:34px }
  .bookAppointment a{  width:34px; height:34px }
  .mean-container .mean-nav{ margin-top:36px }
  .welcomeLeft:after{ display:none; }
  .logo{ width:160px }
  .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; }
  .fixed .mean-container a.meanmenu-reveal{ margin-top:-5px }
  .halfBannerImage{ width:100% }
  .halfBannerCaption{ text-align:center; position: static; transform: translate(0); padding: 15px 0}
  .halfInnerBanner{ display:block; }
  .headerRight{ height:56px; }
  .banner{ padding-top:50px; padding-bottom: 50px; text-align:center; }
  .banner h2{ padding:0 0 30px 0 }
  .bannerButtonGroup{ flex-direction:column; }
  .bannerButtonGroup a{ width:100%; text-align:center; margin:0 } 
  .btnGroup{ flex-direction:column; }
  .btnGroup a{ width:100%; text-align:center; margin:0 }
  .bannerLogoHolder{ padding:25px 0; margin-top:25px }
  .bannerLogoHolder{ flex-wrap:wrap; justify-content:center; row-gap:15px }
  .bannerLogoItem{ width:50%;  }
  .welcomContent{ padding:0 }
  .tabHolder{ margin:0 }
  .tabContentArea .accordion-button{ font-size:20px }
  .whiteBox{ padding:20px; }
  .backgroundSlider .sliderItem img{ height:700px }
  .dark-form-bg{ padding:40px 20px }
  .accro-flex{ flex-direction:column; gap:15px }
  .accro-flex .tabImage{ width:100% ; margin: 0}
  .accro-flex .tabc{ width:100% }
  .bottom-note{ padding-top:0 }

  .g-4, .gy-4 {  --bs-gutter-y: 0.1rem;}
  .blogPostRepeater{ margin-bottom:0 }
  .innerbannerContent h2{ word-break:break-all; }
  .inline-icon-con{ width:100% }
  .accordian-new-4 h3, .accordian-new-3 h3{ font-size:24px }
  .videoCaption h3{ font-size:20px; }
  .videoCaption{  background:#000; position:static; }
  .playButton{ width:70px; height:70px; top:35% }
  .homeVidHolder .playButton{ top:50% }
  .accordian-new h3:after{ font-size:18px }
  .backgroundSliderCaption{ position:static; transform:translate(0); }
  .backgroundSlider .sliderItem img{ height:350px;  }
  .ctaSection { padding-bottom:50px;  }
  .main-author-image{ padding:0px;  }
  .author-video{ left:50%; right:inherit; transform:translate(-50%,-50%); width:75% }
  #age_okay_container #age_okay_inner_relative, #age_okay_container #age_okay_inner #age_okay_error{ padding:25px 15px !important }
  #age_okay_inner #age_okay_form{ display:flex; }
  #age_okay_inner .age_okay_button{ padding:6px 15px !important }

}

#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 .slick-slide > div,.reviewItem {height: 100%;}
.more_txt:hover {color: #003380;}

#load_more {text-align: center;}
#load_more a {position: relative;display: inline-block;padding: 13px 30px;font-size: var(--fs-18);font-family: var(--bodyfont);font-weight: 400;background: var(--main-clr);color: #fff;border-radius: 30px;margin-top: 25px;}

/* Please Note: do not use .details-holder & related class(es) for other purpose (as it's useing for 404 page only) */
.details-holder { min-height:50vh; display:flex; flex-direction:column; justify-content:center;  }
.details-holder h3 { font-size:var(--fs-42); font-family: var(--IvyPrestoDisplay); font-weight:400; }
.inner-img {opacity:0.2;}


.gallery-item-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.gallery-item-wrapper img.img-fluid {
    display: block;
    width: 100%;
    height: auto;
}

.gallery-item-wrapper .gallery-watermark {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 40%; /* or whatever size you want */
    height: auto;
    opacity: 0.7;
    pointer-events: none;
    object-fit: contain;
}
.gallery-watermark.watermark-center {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 40%;
    height: auto;
    opacity: 0.7;
    pointer-events: none;
    object-fit: contain;
}

.gallery-watermark.watermark-top {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 40%;
    height: auto;
    opacity: 0.7;
    pointer-events: none;
    object-fit: contain;
}