/*

Theme Name: BDS Dental Practice
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);  }
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: 'Helvetica';
    src: url('assets/fonts/Helvetica-Light.eot');
    src: 
        url('assets/fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Helvetica-Light.woff2') format('woff2'),
        url('assets/fonts/Helvetica-Light.woff') format('woff'),
        url('assets/fonts/Helvetica-Light.ttf') format('truetype'),
        url('assets/fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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





/*variables--*/

:root{

  --bodyfont: "Helvetica", sans-serif;
  --headfont: "Helvetica", sans-serif;
  --fs-100:100px;
  --fs-72:72px;
  --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-35:35px;
  --fs-32:32px;
  --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:#02284f;
  --seconday-color:#1679df;
  --body-font-color:#000000; 
  --black-color:#000000;
  --white-color:#fff; 
  --color2:#1f2d40;
  --light-font-clr:#64686c;
  --light-bg:#f7f7f8;

}

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

h1{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:300; font-size:var(--fs-48); color: var(--body-font-color); padding:0 0 30px 0 }
h2{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:300;font-size: var(--fs-60); color: var(--main-clr);padding: 0 0 30px 0}
h3{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:300; font-size:var(--fs-40); color:var(--main-clr); padding:0 0 25px 0 }
h4{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:300; font-size: var(--fs-24);color: var(--main-clr);}
h5{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:300; font-size:var(--fs-21); color: var(--main-clr);  }
h6{ margin: 0px; padding: 0px;font-family:var(--bodyfont);font-weight:300; font-size:var(--fs-14); color:rgba(2, 40, 79, 0.5); text-transform: uppercase; padding: 0 0 25px 0}
p{ color:var(--body-font-color); font-size:var(--fs-16); line-height:1.6; font-weight: 300 ; padding: 0 0 30px 0; text-align: justify;}

.btncn{ position:relative; display: inline-block;  padding:15px 30px 15px; font-size: var(--fs-20);font-weight:400; border-radius:0px; margin:20px 0 20px 0;  font-family:var(--bodyfont); }
.btncn i{ margin:0 10px 0 0 }
.btncn:hover{ background:var(--seconday-color); }

.btncn-default{font-weight:400 ; background: var(--main-clr); color: var(--white-color);}
.btncn-default:hover{color: var(--white-color); background: var(--seconday-color);}

.btncn-secondary{ background: var(--seconday-color); color: #fff}
.btncn-secondary:hover{ background:var(--main-clr); }

.btncn-light{ font-weight:400 ; background: #fff; color: var(--main-clr);}
.btncn-light:hover{ background:var(--seconday-color);color:#fff }

.btncn-dark{ font-weight:500 ; background: var(--main-clr); color: #fff;}
.btncn-dark:hover{ background:var(--seconday-color);color:#fff }

.btncn-black{ font-weight:500 ; background: var(--black-color); color: #fff; display: inline-flex; align-items: center; gap: 15px}
.btncn-black:hover{ background:var(--seconday-color);color:#fff }

.btncn-acent{ font-weight:500 ; background: #eff0f0; color: var(--black-color); display: inline-flex; align-items: center; gap: 15px}
.btncn-acent:hover{ background:var(--seconday-color);color:#fff }


.main-clr-bg{background-color: var(--main-clr);}
.secondary-bg{background-color: var(--seconday-color);}
.duel-bg{background:linear-gradient(to bottom, var(--main-clr) 63%, transparent 63%);}
.duel-bg-dark{background-image:linear-gradient(to bottom, transparent 50%, #29272a 50%);}
.duel-bg-dark2{background-image:linear-gradient(to top, transparent 50%, #29272a 50%);}
.duel-bg-light{background-image:linear-gradient(to bottom, #f6f4f7 50%, transparent 50%);}
.dark-bg{background:url(assets/images/dark-bg.jpg) no-repeat; background-size: cover;}
.text-main-clr *{color: var(--color2);}
.text-white *{color:#fff}
.light-bg{background-color:#e4e7eb}

section{ padding:90px 0 }
.g-5, .gx-5 { --bs-gutter-x: 5rem;}
.hoverImage{position:relative; }
.hoverImage img{ width:100% }
.hoverImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0;  background: linear-gradient(45deg, var(--seconday-color) 0%, transparent 100%); opacity:0; transition:all .5s }
.hoverImage:hover:after{ opacity:1; transition:all .5s }


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

@media (min-width: 1700px) {
  .container {
    max-width: 1380px;
  }
}
@media (min-width: 1200px) {
 
}


/*Header*/

.headerTop{ background:var(--black-color); padding:7px 0;  }
.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(--bodyfont); color:var(--white-color); font-weight:300; font-size:var(--fs-18); }
.headerTop ul li a{ color:#fff }
.headerTop ul li a:hover{ color:var(--seconday-color); }
.headerTop ul li:before{ content:''; position:absolute; left:0; top:4px; width:1px; height:19px; background:var(--white-color); }
.headerTop ul li:first-child:before{ display:none; }


.headerMian{ position:relative; transition:all .5s; left: 0; width: 100%; background:#fff;}
.headerMian .container-fluid{ padding:0 70px }
.header{ position:relative; z-index: 999}



.logo{ width:200px; transition:all .2s;  z-index: 999}
.headerHolder{ display:flex; align-items:center; justify-content:space-between;  gap: 75px}

@media only screen and (min-width:1800px){
    .headerHolder{ justify-content:space-between; }
}
.navigation ul li a{  z-index: 999; position:relative; }
.navigation nav ul{ display:flex; margin:0; padding:0; list-style:none; gap:40px;  }
.navigation nav ul li a{ font-family:var(--bodyfont); font-weight:300 ; color: var(--main-clr); font-size: var(--fs-24); position: relative; -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;}
.navigation nav ul li a:hover{ color:var(--seconday-color); }
.headerRight{  position: relative; z-index: 999 }
.navigation nav>ul>li>a{ line-height: 124px; display: block; }


ul.dropdown-menu-holder{flex-wrap:wrap;gap: 30px 0!important;width: 100%;border: none; max-width: 1620px;}
ul.dropdown-menu-holder li { width:33.33%;  }
ul.dropdown-menu-holder li ul{ display:block; }
.section-parent-menu{ width:100% }
.section-parent-menu{ margin:0 -10px }


.fixed{ position:fixed;  width:100%; left:0; top:0; z-index:9; background:rgba(255,255,255,1.0); transition:all .5s; box-shadow:0 4px 4px rgba(0,0,0,0.1);  }
.fixed .headerHolder{ height:90px; transition:all .5s; }
.fixed .logo{ width:150px; transition:all .2s }

.navigation nav>ul>li>a{ line-height: 124px; display: block; }
.fixed .navigation nav>ul>li>a{ line-height:90px }

.language{ margin:0 15px 0 45px }
.language a{ display:block; width:41px; height:41px; background:var(--main-clr); border-radius:50%; display:flex; align-items:center; justify-content:center; padding:9px; }
.social-icn a{  display:block; width:41px; height:41px; background:var(--main-clr); border-radius:50%; display:flex; align-items:center; justify-content:center; padding:9px; color:#fff;  }
.contact-icn a{ display:flex; align-items:center; gap:10px ;  font-family:var(--bodyfont); font-size:var(--fs-21); font-weight:300; color: var(--black-color);}
.contact-icn a i{ font-size:30px ; color: #46d650}
.contact-icn a:hover{ color:var(--seconday-color); }

.book-online{ position:absolute; top: 0; right: 0; height: 100%}
.book-online a{ display:block; color:var(--black-color); font-weight:700 ;  background:var(--seconday-color) ; height: 100%; display: flex; justify-content: center;  align-items: center; padding:0 55px ; text-transform: uppercase; letter-spacing: 1px; font-size: var(--fs-18);}
.book-online a:hover{ background:var(--main-clr); color:var(--white-color); }

.lightBg { background:#f2f4f6 }

@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: var(--white-color);  
    top: 100%;   z-index: -1; height: 0; overflow: hidden;transition: height .5s}

.section-parent-menu{ padding-top:50px;  }
.navigation nav ul li:hover .mega-menu-wrapper{ height:520px; transition: height .5s  }

ul.dropdown-menu-holder li a{ font-size:var(--fs-24) !important; font-weight:300!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% }


li.normal-menu {position: relative;}
li.normal-menu ul {position: absolute;top: 100%;left: inherit;flex-direction: column;min-width: 260px;background: var(--white-color);gap: 0; height: 0; overflow: hidden; transition:height .5s;}

li.normal-menu:hover ul{ height:110px; transition:height .5s; }
li.normal-menu ul a {padding: 10px 25px;display: block; font-size: var(--fs-18) !important;}



}

.mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important;  }







.headerRight{ display:flex; align-items:center; gap:12px }
.phoneNumber a{ font-weight:600 ; font-size:var(--fs-18); color:var(--color2); font-family:var(--bodyfont); }
.phoneNumber a:hover{ color:var(--seconday-color); }
.phoneNumber a span{margin-left:10px }
.bookAppointment a{padding:15px 25px;display:block;background: var(--main-clr);color:#fff;position:relative;margin: 0 0 0 50px;font-size: var(--fs-18);letter-spacing: 0.05em;transition:all .5s; font-weight: 400;font-family:var(--headfont); text-align: center;}
.bookAppointment a i{display:none;}

.bookAppointment a:hover{background:rgba(243, 237, 228, 1.0); color: var(--body-font-color);}


.banner{ background: #000; padding: 0 0 0 0; position: relative;}
.sliderInner{ position:relative; background:#000; overflow:hidden; }
.sliderImage{ width:100%; background:#000;position:relative;}
.sliderImage:after{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; top: 0; left: 0; }
.sliderImage img{ width:100%; height:100%; object-fit:cover;opacity:1.0 }
.sliderContent{ position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; z-index:2 }
.sliderContent h3{ font-size:var(--fs-20); font-weight:300; text-transform:uppercase; letter-spacing:0.2em; color:var(--white-color) ; padding:0 0 30px 0;font-family:var(--bodyfont); }
.sliderContent h3 strong,.sliderContent h2 strong{ font-weight:600 }
.sliderContent h2{ color:var(--white-color) ; font-size:var(--fs-72); font-weight: 300; padding: 0 0 30px 0;  font-family: var(--bodyfont);}
.sliderContent h2 span{ font-weight:700 }
.innerBanner .sliderContent h2{ font-size:var(--fs-60); }
.innerBanner h1{ color:var(--white-color); font-size:var(--fs-100); }

.sliderContent p{ color:var(--white-color); font-size:var(--fs-21); padding:0 0 20px 0; font-weight:400; font-family:var(--bodyfont); }
.bannerButtonGroup{ display:flex; gap:12px; margin:0 0 15px 0 }
.bannerButtonGroup a.bookBtn{ background:var(--seconday-color); color:var(--black-color); }
.bannerButtonGroup a.bookBtn:hover{ background:var(--main-clr); color:#fff }

.btncn-transparent{ background:rgba(255, 255, 255, 0.2); color: #fff}
.btncn-transparent:hover{ background:var(--seconday-color); color:var(--black-color); }

.welcomeSection { padding-bottom:50px; }
.welcomeContent p{ text-align:center; }

.welcomeSection h1{ color:rgba(2,40,79,0.5); text-transform:uppercase; font-size:var(--fs-14); font-weight:300; letter-spacing:1px; }


.qualitySection h2{ padding:0 0 25px 0 }
.qualitySection h6{ padding:0 0 30px 0;opacity:0.7;font-weight:300;}
.qualitySection p{ text-align: center; padding: 0 44px 30px;}


.qualitySectionSlider{ width:100%; margin:0 auto; }
.qualitySectionSlider .slick-slide { margin: 0 40px;  }
.qualitySectionSlider .slick-list { margin: 0 -40px;  }
.qualitySectionSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff }
.qualitySectionSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff }
.qualitySectionSlider .slick-prev:hover, .qualitySectionSlider .slick-next:hover{ color:var(--seconday-color); }
.qualitySectionSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }
.qualitySectionSlider .slick-track{ padding:60px 0; overflow:visible; }
.sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); }
.qualityImage{ position:relative; }
.qualityContent{ position:absolute; padding:0 40px; width:100%; left:0; bottom:30px; z-index:2 }
.qualityContent h3{ color:#fff; padding:0; transition:all .5s;font-weight:300 }
.qualityImage img{ width:100% }
.qualityLg{ display:flex; justify-content:space-between; gap:20px; margin:55px 0 0 0 }

.serviceSlider .slick-slide { margin: 0 10px;  }
.serviceSlider .slick-list { margin: 0 -10px;  }

.serviceSlider .slick-prev{position:absolute; top:45%; transform: translateY(-50%); left:-55px;  border:none; font-size:20px;  transition:all .5s; color: var(--main-clr); background:#e7f1fc; border-radius: 50%; width: 45px; height: 45px;}

.serviceSlider .slick-next{ position:absolute; top:45%; transform: translateY(-50%); right:-55px;  border:none; font-size:20px;  transition:all .5s; color: var(--main-clr); background:#e7f1fc; border-radius: 50%; width: 45px; height: 45px;}
.serviceSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ background:var(--seconday-color); color:#fff } 

.serviceItem h3{ text-align:left; padding:20px 0; font-weight:300; font-size:var(--fs-24); color:var(--black-color); }

.serviceItem{ position:relative; }
.serviceItem h3{  font-weight: 300; font-size: var(--fs-30); color:var(--main-clr); text-align: center; padding: 30px 0; transition:all .5s}
.serviceSlider { padding:0 0 20px 0 }


.serviceItem a .serviceItemImage{position:relative; }
.serviceItem a .serviceItemImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0;  background: linear-gradient(45deg, var(--seconday-color) 0%, transparent 100%); opacity:0; transition:all .5s }
.serviceItem a:hover .serviceItemImage:after{ opacity:1; transition:all .5s }
.serviceItem a:hover h3{ color:var(--seconday-color); transition:all .5s }

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



.contentSection h2{  }
.contentSection p{ text-align:justify; }
.ratingSection{ padding:10px 0 0 0 }
.ratingSection h4{ font-size:var(--fs-20); padding:0 0 5px 0;  font-weight:300 }
.contentLgHolder{ display:flex; align-items:center; justify-content:space-between; gap:25px; padding:25px 0 0 0 }
.number{ font-size:var(--fs-36); font-weight:300;font-family:var(--bodyfont);  }
.contentSection2 .contentImage{display: flex;justify-content: flex-end;}
.contentTop{position:relative;z-index:2}
.bg-logo{position:absolute;top: -160px;right:0;z-index:-1}
.contentTop ul{ margin:0; padding:25px 0 0 0; list-style:none; }
.contentTop ul li{ font-weight:300 ; font-size:var(--fs-18);  }
.contentTop ul li a{ color:#161617; padding: 15px 0; display: block; border-bottom: 1px solid #c1c6d4; position: relative;}
.contentTop ul li a:after{ content:''; position:absolute; width:0%; height:1px; background:#c1c6d4; bottom:-1px; left:0 ; transition: all .5s;}
.contentTop ul li a:hover:after{width:100%; background: var(--seconday-color); transition: all .5s;}
.contentTop ul li a:before{ content:'\f061' ;  font-family: 'FontAwesome';  position:absolute; right:0; top:13px; color:#161617;}
.contentTop ul li a:hover{ color:var(--seconday-color); }
.contentTop ul li a:hover:before{ color:var(--seconday-color); }

.content-image-full img{ max-width:inherit; width:auto; }
.content-image-full img{ float:right; }

.contentItemInner{display:flex;background: var(--seconday-color);justify-content: space-between;}
.contentSliderImage{width: 47%;}
.contentSliderImage img{width: 100%;height:100%;object-fit:cover;}
.contentSliderContent{width: 53%;padding: 65px 80px;align-self: center}
.contentSliderContent h2{ color:#fff; padding:0 0 30px 0 } 
.contentSliderContent p{ color:#fff; text-align:justify; padding:0 0 20px 0 }
.contentSliderContent h6 {color: #fff; font-size: 100%; padding-bottom: 25px; }
.contentSliderSection .slick-prev{left: 42%;bottom: 130px;position:absolute;z-index:1;color: #fff;font-size: 24px;border: none;background: transparent;opacity: 0.3;}
.contentSliderSection .slick-next{left: calc(42% + 45px);bottom: 130px;position:absolute;z-index:1;background: transparent;color: #fff;font-size: 24px;border: none;opacity: 0.3;}
.contentSliderSection .slick-prev:hover,.contentSliderSection .slick-next:hover{opacity: 1}
.section-heading{ padding:25px 0 }
.buttonGroup { display:flex; gap:15px; align-items: center; margin: 30px 0 0 0}
.buttonGroup.text-center{ justify-content:center; }

.contentSlider h2{ font-size:var(--fs-36); }

.contentSlider .slick-prev{ position:absolute; top:20px;  left:inherit; right: 50px; background:#f6f0e5; border:none; font-size:20px;  transition:all .5s; width: 43px; height: 59px;  display: flex; align-items: center; justify-content: center;  color: #000; z-index:2 }

.contentSlider .slick-next{ position:absolute; top:20px;  right:-1px; background:#f6f0e5; border:none; font-size:20px;  transition:all .5s; width: 43px; height: 59px; display: flex; align-items: center; justify-content: center;  color: #000; z-index:2}
.contentSlider .slick-next:hover, .contentSlider .slick-prev:hover{ background:var(--main-clr); } 



.teamSlider .slick-slide { margin: 0 8px;  }
.teamSlider .slick-list { margin: 0 -8px;  }
.team-slider{ text-align:center; }
.team-slider h3{ font-size:var(--fs-24); font-weight:300; text-align:center; padding:20px 0;  }
.team-slider h3 span{ display:block; color:var(--main-clr); font-size:var(--fs-14); font-family:var(--bodyfont); color:var(--main-clr); font-weight:300; text-transform:uppercase; padding-top:15px; letter-spacing:2px; }
.teamSlider ul.slick-dots{ margin:0; padding:0; list-style:none; display:flex;  }
.teamSlider ul.slick-dots li{ width:100% ; flex-grow: 1}
.teamSlider ul.slick-dots li button{ text-indent:-999em; width:100%; height:1px; background:#e8e8ea; border:none;  }
.teamSlider ul.slick-dots li.slick-active button{ background:var(--black-color); }

.doctor-bio-popup .doc-details h6{text-transform: capitalize;font-size: var(--fs-16);padding-bottom: 10px;}
.doctor-bio-popup .doc-details .doc-name{ font-family:var(--headfont); font-size: var(--fs-36); padding-bottom: 10px; }
.doctor-bio-popup .doc-details .doc-designation{ font-family: var(--bodyfont); font-size: var(--fs-18); padding-bottom: 10px; text-transform: capitalize; color: var(--main-clr); letter-spacing: 1px; font-weight: 500; }
.doctor-bio-popup .doc-details .doc-degree{ font-family: var(--bodyfont); font-size: var(--fs-16); padding-bottom: 10px; text-transform: capitalize; }  
.doctor-bio-popup .doc-details .doc-reg-no{ font-family: var(--bodyfont); font-size: var(--fs-16); padding-bottom: 10px; text-transform: capitalize; color: var(--hover-color); font-weight: 500; }
.doctor-bio-popup .doc-details .doc-gdc a {color:var(--main-clr);}
.doctor-bio-popup .doc-details .doc-gdc a:hover{color:var(--seconday-color);}
.doctor-bio-popup .doc-details .doc-bio{ font-family: var(--bodyfont); font-size: var(--fs-18); padding-top: 15px; text-align: left;  }
.doctor-bio-popup .doc-details .doc-bio p{padding-bottom:20px;}
.doctor-bio-popup .doc-details .doc-bio ul{margin:0; padding: 0; padding-bottom: 15px;}
.doctor-bio-popup .doc-details .doc-bio ul li{font-size: var(--fs-16); line-height: 1.4; font-weight: 300; margin: 0 0 8px 0; position: relative; padding: 0 0 0 30px; }

/*.teamSlider .slick-slide { margin: 0 70px;  }
.teamSlider .slick-list { margin: 0 -70px;  }

.team-image{ width:340px; height:340px; display:flex; justify-content:center; align-items:center; margin:0 auto; }
.team-image img{ width:300px; height:300px; border-radius:50%; outline:1px solid var(--main-clr); outline-offset:10px; align-items:center; justify-content:center; }
.team-slider h3{ font-size:var(--fs-32); font-weight:300; text-align:center; padding:20px 0 }
.team-slider h3 span{ display:block; color:var(--main-clr); font-size:var(--fs-18); font-family:var(--bodyfont); color:var(--main-clr); font-weight:300; text-transform:uppercase; padding-top:15px; }


.teamSlider .slick-prev{ position:absolute; top:40%; transform: translateY(-50%);  left:-20px;  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:40%; transform: translateY(-50%);  right:-20px; 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); } */

.practice-area{ background:#272626; padding:60px 0 75px 0;  }
.practic-icon-holder{ display:flex;  }
.practice-icon{ width:20%; text-align:center; }
.practice-icon-image{ height:85px;  }
.practice-icon span{ display:block; color:#fff ; padding: 15px 0 0 0; font-size: var(--fs-20);}


.qualitySectionSlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%);  left:-60px;  background:#f6f0e5; border:none; font-size:20px;  transition:all .5s; width: 43px; height: 59px;  display: flex; align-items: center; justify-content: center;  color: #000; z-index:2 }

.qualitySectionSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%);  right:-60px; background:#f6f0e5; border:none; font-size:20px;  transition:all .5s; width: 43px; height: 59px; display: flex; align-items: center; justify-content: center;  color: #000; z-index:2}
.qualitySectionSlider .slick-next:hover, .qualitySectionSlider .slick-prev:hover{ background:var(--main-clr); } 



.homepageFormSection{  }
.homepageFormSection h2{ }
.homepageFormSection h2 strong{font-weight: 600}
.homepageFormSection p{font-weight: 300; font-size: var(--fs-16); text-align: center;}

.home-form-inner{ background:#f7f7f8; padding:80px 150px }

.formGroup{ display:flex; gap:30px; align-items: flex-end;}
.homeFormHolder{}
.homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel]{ width:100% !important; background:#fff !important; border:none !important;  padding:15px !important; font-size:18px !important; font-weight:300 !important;  color: #64686c !important; box-shadow: none !important; border-radius: 0 !important}

.homeFormHolder select{  width:100% !important; background:#fff !important; border:none !important;  padding:15px !important; font-size:18px !important; font-weight:300 !important;  color: #64686c !important; box-shadow: none !important; border-radius: 0 !important }

.homeFormHolder .inputHolder{ width:100% }
.homeFormHolder ::placeholder { color: #64686c; opacity: 1; }
.homeFormHolder ::-ms-input-placeholder {  color: #64686c; opacity:1}
.formGroup{ margin:0 0 45px 0 }
.homeFormHolder input[type=submit]{padding: 15px 36px;background: var(--seconday-color); border:none;outline:none;cursor:pointer;font-weight:400;font-size:var(--fs-18);transition:all .5s;border-radius: 0;color: var(--main-clr);margin-top: 0; color: var(--main-clr); font-family: var(--headfont);}
.homeFormHolder input[type=submit]:hover{ background:var(--black-color); color:#fff; transition:all .5s; }
.mobile-input{ width:35% !important }

.reviewSlider { padding:20px 0 0 0 }
.reviewSlider .slick-slide { margin: 0 10px; background:#fff; padding:60px 30px;  }
.reviewSlider .slick-list { margin: 0 -10px;  }
.reviewItem{ text-align:center; }
.star{ font-size:16px; color:var(--main-clr); margin:0 0 20px 0 }
.reviewItem p{ text-align:center; font-family: var(--bodyfont); font-weight: 300; }
.reviewItem h4{color:var(--main-clr); font-size: 16px; text-transform: uppercase; font-weight: 500; padding: 25px 0 0 0; letter-spacing: 2px; font-family: var(--bodyfont);}
.btn-view{ text-decoration:underline; text-underline-offset:5px; font-size:var(--fs-18); color:#333b52;margin:35px 0 0 0; display:inline-block; }
.btn-view:hover{ color:var(--seconday-color); }
.reviewSlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%);  left:-60px;  background: var(--black-color); border:none; font-size:20px;  transition:all .5s;  color: var(--main-clr);  background: #e7f1fc; width: 45px; height: 45px; border-radius: 50% }

.reviewSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%);  right:-60px;  border:none; font-size:20px;  transition:all .5s;  z-index:2;  color: var(--main-clr);  background: #e7f1fc; width: 45px; height: 45px; border-radius: 50%}
.reviewSlider .slick-next:hover, .reviewSlider .slick-prev:hover{ background:var(--seconday-color); color:#fff  } 


.reviewSection h3{ font-size:var(--fs-36); padding-bottom: 20px;}
.reviewSection p{ padding-bottom:0 }
.mapSection img{ width:100% }
.reviewSlider .slick-track{ display: flex !important;}
.reviewSlider .slick-slide{ height: inherit !important;}

.btn-google-review{ font-size:var(--fs-20); font-weight:400; color:var(--black-color); text-decoration:underline; text-underline-offset: 5px; margin-top: 15px}
.btn-google-review:hover{ color:var(--seconday-color); }

.social-share-section{ background:#f8f2e5 }
.section-heading-inner{ display:flex; align-items:center; justify-content:center; gap:30px;  }
.share-social-icons ul{ margin:0; padding:0; list-style:none; }
.share-social-icons ul li{ float:none; display:inline-block; vertical-align:top;  }
.share-social-icons ul li a{ color:var(--main-clr); font-size:var(--fs-30); margin:0 10px;  }
.section-heading-inner h2{ padding:0 }
.insta-feed{ margin:30px 0 0 0 }

.mapSection img{ width:100% }

.footer{ background:var(--main-clr); }
.footBottom{ padding:30px 0; background:#fff }
.ftbtm{ justify-content:space-between; align-items:center; display: flex;}
.copyright{ font-size:14px; color:#999999 ; text-transform: uppercase; letter-spacing: 2px; font-weight: 300}

.footerTop{ padding:85px 0 85px 0; background:var(--main-clr); }
.footerTopContent{ display:flex; justify-content:space-between; }


.footerTopContent h2{ color:#fff ; font-size: 36px ;padding: 0 0 20px 0;font-weight:500}
.footerTopContent h3{ color:#fff ; font-size: 24px ;padding: 0 0 20px 0;font-weight:500}

.footerwidget_1 h2, .footerwidget_2 h2{ font-size:var(--fs-36); font-weight:300 }

.footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.5; padding:0 0 20px 0 ; font-weight: 300}
.footerwidget_4 p{ line-height:30px  }
.btnnSocialGrp{ display:flex; align-items:center; margin:0 0 0 0 }
.enquiryBtn a{  font-family:var(--bodyfont); font-weight:400; font-size:var(--fs-18); color: #fff; border:1px solid #ffffff; padding: 15px 30px; display: block;}
.enquiryBtn a:hover{ background:var(--seconday-color);  }
.social{ margin:0 0 0 0px; padding:0 0 0 0  }
.social ul{margin:0;padding:0;list-style:none;display: flex;gap: 40px;}
.social ul li a{display:block;color:var(--main-clr);font-size: 22px;}
.social ul li a:hover{ color:#fff; }
.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:31px; font-weight: 300}
.footerTopContent table td:first-child{ padding-right:0; }


.footerwidgetInner{  }


.formGroup{position:relative;}
.wpcf7-spinner{position:absolute; right:0; bottom:16px;margin:0 !important;}
.wpcf7 form .wpcf7-response-output{margin:0 !important; color:#fff !important;}

.footer-btn-sec{ display:flex; align-items:center; gap:60px }

.btn-make{ border:1px solid #fff; color:#fff; border-radius:30px;  }

/*! #######################################################################

    MeanMenu 2.0.7
    --------

    To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */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;}.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 ul li a:hover{ background:transparent; }
.mean-container .mean-nav ul li a{ border-top:1px solid rgba(255,255,255,.1) }
.mean-container .mean-nav ul li li a{ border-top:1px solid rgba(255,255,255,.1) }

.mobilemenu{ visibility:hidden; }

/*Treatment Page*/

.innerBanner{ position:relative;padding:0 }
.innerBannerImage img{width:100%;display:block;}
.innerbannerContent{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); padding:20px; }
.innerbannerContent .bannerButtonGroup{  }
.innerbannerContent h2{ font-size:var(--fs-80); color:#fff; font-weight: 400}


.breadcumb{ padding:20px 10px 18px;background:transparent; position:relative; z-index:99; margin-top:-60px }
.breadcumb ul{ display:flex; justify-content:flex-start; margin:0; padding:0; list-style:none; column-gap: 30px;font-weight: 600;color:var(--main-clr);opacity: 0.7}
.breadcumb ul li{ font-family:var(--bodyfont); font-size:var(--fs-16); font-weight: 300;  position:relative; color:#fff}
.breadcumb ul li:after{ content:'|'; position:absolute; color:#fff;  border-radius:50%; right: -18px; top: 0px; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.breadcumb ul li:last-child:after{ display:none; }
.breadcumb ul li a{ color:rgba(255,255,255,0.3);font-weight:400 }
.breadcumb ul li a:hover{ color:var(--seconday-color); }


.sidebar .breadcumb{  padding:0 0 20px 0; background:transparent; }
.sidebar .breadcumb ul{ display:flex; justify-content:flex-end; margin:0; padding:0; list-style:none; column-gap: 30px;}
.sidebar .breadcumb ul li{ font-family:var(--bodyfont); font-size:var(--fs-18); text-transform:uppercase; letter-spacing:1px ;  color:rgba(51,59,82,0.3); position:relative; }
.sidebar .breadcumb ul li:after{ content:'•'; position:absolute;  color:rgba(51,59,82,0.3);  border-radius:50%; right: -18px; top: 0px; }
.sidebar .breadcumb ul li:last-child:after{ display:none; }
.sidebar .breadcumb ul li a{  color:rgba(51,59,82,0.3); }
.sidebar .breadcumb ul li a:hover{ color:var(--main-clr); }



a.btn-blue{ background:var(--main-clr); color:#fff; }
a.btn-blue i{ color:#fff; margin:0 10px 0 0 }
a.btn-blue:hover{ background:var(--seconday-color); }

.treatmentImageHolder{ display:flex; flex-wrap:wrap; gap:20px; row-gap:30px; justify-content:center; margin: 30px 0 0 0}
.treatment-repeat{ width:32% }
.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-20); color:#fff; font-weight:300; padding:15px 0 }
.galInnerContainer ul li a{ color:#fff }
.galInnerContainer ul li a:hover{ color:var(--seconday-color); }

.treatmentImage{ overflow:hidden; }
.treatmentImage img{ transition: all .5s }
.treatmentImage:hover img{ filter:brightness(0.5) blur(30px); transition: all .5s; transform: scale(1.1);}
.treatmentImage:hover .qualityContent h3{ opacity:0; visibility:hidden; transition:all .5s }
.treatmentImage:hover .galInnerContainer{ opacity:1; visibility:visible; transition: all .5s}


.treatmentContent{ color:#161617; font-weight:400; font-family:var(--cabinetGrotesk); font-size:24px; padding:20px 0;  }
.treatmentHolder a{ display:block; margin-bottom: 40px;}
.treatmentHolder a:hover .treatmentContent{ color:var(--main-clr); }
.treatmentImage img{ width:100% }
.treatmentImage{ position:relative; }
.treatmentImage:after{ content: '';  background: rgb(22, 44, 105);  background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; opacity: 1; transition: all .5s}

.treatmentHolder:hover .treatmentImage:after{ opacity:1 }
.postExcerpt p{ padding:20px 0 0 0;  font-weight: 300; color: var(--body-font-color);}
.permalink a{ padding:10px 0; font-weight:400; font-size:14px; font-family:var(--bodyfont); text-decoration:underline; text-underline-offset:3px; color:var(--body-font-color);  }
.permalink a:hover{ color:var(--seconday-color); }
.blogTop{ background:#ebedf0; padding:15px 20px 15px 35px; margin:0 0 45px 0 ; display:flex; justify-content:space-between; align-items: center;}
.sortBy{ font-weight:300; color:#161617; 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:300; color:#161617; font-size:var(--fs-18);}

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


.treatmentDetailsImageSlider .slick-slide { margin: 0 15px;  }
.treatmentDetailsImageSlider .slick-list { margin: 0 -15px;  }

.treatmentDetailsImageSlider .slick-prev{position:absolute; top:45%; transform: translateY(-50%); left:-55px;  border:none; font-size:20px;  transition:all .5s; color: var(--main-clr); background:#e7f1fc; border-radius: 50%; width: 45px; height: 45px;}

.treatmentDetailsImageSlider .slick-next{ position:absolute; top:45%; transform: translateY(-50%); right:-55px;  border:none; font-size:20px;  transition:all .5s; color: var(--main-clr); background:#e7f1fc; border-radius: 50%; width: 45px; height: 45px;}

.treatmentDetailsImageSlider .slick-next:hover, .treatmentDetailsImageSlider .slick-prev:hover{ background:var(--seconday-color); color:#fff } 

.treatmentImageSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#161617;z-index:2 }
.treatmentImageSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#161617;z-index:2 }
.treatmentImageSlider .slick-prev:hover, .treatmentImageSlider .slick-next:hover{ color:var(--seconday-color); }
.treatmentImageSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }
.treatmentImageSlider .slick-track{ padding:75px 0; overflow:visible; }
.treatmentItem{display:block;}

.pageContent h2{padding:0 0 30px 0;font-size: 35px;padding: 0 0 23px 0;}
.pageContent h6{ padding:0 0 30px 0 }
.pageContent p{ text-align:justify ; padding:0 0 30px 0 }
.pageContent h3{ font-size:var(--fs-36);padding:20px 0 20px 0 ; font-weight: 300;}
.pageContent ul {
    list-style: none;
    padding-left: 0;
}
.pageContent li { color:var(--body-font-color); font-size:var(--fs-16); line-height:1.5; font-weight: 300 ; padding: 5px 0; list-style: none; position: relative;padding-left: 28px;}
.pageContent li:before {content: "\f058"; /* fa-circle-check */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 6px;
    color: var(--main-clr); /* change colour as needed */}

.brdholder{ text-align:right; }
.sidebarFormHolder{ background:url(assets/images/dark-bg.jpg) no-repeat; background-size: cover; padding:0; margin:0px 0 0 70px}
.sidebarFormHolderLight{ background:#e0dbd3; padding:55px; margin:0px 0 0 70px }
.sidebarImg {margin: 0 0 0 70px; }
.sidebar {height: 100%; }
.sidebarFormHolder{  overflow: auto; position: -webkit-sticky;  position: sticky;  top: 100px; min-height: 200px; z-index: 99}
.sidebarImg img{ width:100% }
.sidebar h3{  font-weight:300; font-size:var(--fs-48); }
.sidebar p{ text-align:center;  }
.sidebar-form{ margin:25px 0 0 0 }
.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 #cfc8ba !important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important;  color: #cfc8ba !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:#cfc8ba; opacity: 1; }
.sidebar-form .inputHolder ::-ms-input-placeholder { color:#cfc8ba;opacity:1}
.formGroup{ margin:0 0 20px 0 }
.sidebar-form input[type=submit]{padding: 15px 36px;background:#36322e;border:none;outline:none;cursor:pointer;font-weight:500;font-size:var(--fs-18);transition:all .5s;border-radius: 0;color: #fff; margin-top: 20px;margin-left: auto;margin-right:auto;display:table; font-family: var(--headfont);}
.sidebar-form input[type=submit]:hover{ background:var(--seconday-color); color:#fff; transition:all .5s; }

.sidebarFormHolderLight h3{ color:var(--body-font-color); font-weight:400;  font-size:var(--fs-42); }
.sidebarFormHolderLight p{ text-align:center; color:var(--body-font-color); font-weight:300; font-size:16px; line-height:1.6 }

.sidebarFormHolderLight .inputHolder input[type=text], .sidebarFormHolderLight .inputHolder input[type=email], .sidebarFormHolderLight .inputHolder input[type=tel]{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid #acabac !important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important;  color: rgba(0,0,0, 0.4) !important; margin: 0 0 20px 0 !important; border-radius: 0 !important; box-shadow: none !important;}
.sidebarFormHolderLight .sidebar-form .inputHolder ::placeholder { color: rgba(0,0,0, 0.4); opacity: 1; }
.sidebarFormHolderLight .sidebar-form .inputHolder ::-ms-input-placeholder { color: rgba(0,0,0, 0.4)}

.sidebarFormHolderLight input[type=submit]{ padding:15px 30px  !important; color: #fff !important; background:var(--main-clr) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:500 !important; font-size:var(--fs-18) !important; transition:all .5s !important;  margin: 30px auto 0!important; width: 155px !important; display: block !important; border-radius: 30px !important}

.sidesticky{ position:sticky; top:0; overflow:auto; }
.pageContent .btn-blue{ margin:10px 0 30px 0 }
.pageContent .btncn-default{  margin:0 0 30px 0; }
.pageContent .btncn-default:hover{ background:var(--seconday-color); }
.contentSliderHolder{ background:#f8f7f6; padding:45px 0 }
.contentSlider .itemHolder{ background:#ebedf0; display:flex; align-items:center; justify-content: space-between;}
.itemImage{ width:44%;  }
.itemContent{ width:54%; padding:0 100px 0 40px }
.itemImage img{ width:100% }
.itemContent h3{ padding:0 0 20px 0 ; font-weight: 400; color: var(--body-font-color); font-size:var(--fs-30); font-family:var(--cabinetGrotesk); }
.itemContent p{ text-align:justify; padding:0 0 30px 0 ; line-height: 1.6}
.contentSliderHolder .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:1 }
.contentSliderHolder .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:0; z-index:1 }
.contentSliderImage img{width:100%}

.pageContent blockquote{ border:1px solid #f0f1f1; padding:30px 30px 20px 30px; margin:15px 0 }

.accordian-new h3 {  font-family: var(--bodyfont); font-weight: 400; font-size: var(--fs-16); color:var(--black-color);  cursor: pointer;  margin-bottom: 0;  position: relative; padding: 30px 0; }
.ui-accordion-content-new { }
.ui-accordion-header-active-new{ border:none !important; }
.accordian-new h3:focus {  outline: 0}
.accordian-new h3:after {  content: "\f063";  font-family: 'FontAwesome';  position: absolute;  right: 0; top: 30px;  font-size: 18px; color:#161617;   font-weight: 300; transition: .5s}



.sidebarFormHolder .text-center.text-white{ padding:55px 55px 0 55px;  }
.sidebar-form .gform_body{ padding:0 55px 30px!important }
.sidebar-form .gform-theme--foundation .gform_fields{ row-gap: 20px !important; }



.faqHolder{position:relative;z-index:2}
.bg-logo5{position:absolute;z-index:-1;top:270px;right:0;}
.inneraccordina-area { padding: 0 0 45px 0; }
.accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg); }
.accordianarea-new .accordian h3.ui-accordion-header-active-new:after {  transform: rotate(-180deg); color: #f05824}
.ui-accordion-content-new {  padding: 0px 0px 10px 0;  display: none}
.ui-accordion-content-new p { text-align: justify; color: #686868}


.accordian-new-2 h3.ui-accordion-header-active-new-2:after { transform: rotate(180deg); }
.accordianarea-new-2 .accordian h3.ui-accordion-header-active-new-2:after {  transform: rotate(-180deg); color: #f05824}
.ui-accordion-content-new-2 {  padding: 0px 0px 10px 0;  display: none}
.ui-accordion-content-new-2 p { text-align: justify; color: #686868}
.accordian-new-2 h3:after {  content: "\2b";  font-family: 'FontAwesome';  position: absolute;  right: 0; top: 30px;  font-size: 18px; color:#161617;   font-weight: 300; transition: .5s}
h3.clcikbtn-new-2.ui-accordion-header-active-new:after{  content: "\f068";  }
h3.clcikbtn-new-2.ui-accordion-header-active-new-2:after{  content: "\f068";  }



.accordian-new-3 h3.ui-accordion-header-active-new-3:after { transform: rotate(180deg);  }
.accordianarea-new-3 .accordian h3.ui-accordion-header-active-new-3:after {  transform: rotate(-180deg); color: #f05824}
.ui-accordion-content-new-3 {  padding: 0px 0px 10px 0;  display: none}
/* .ui-accordion-content-new-3 p { text-align: justify; color: #fff} */
.accordian-new-3 h3:after {  content: "\2b";  font-family: 'FontAwesome';  position: absolute;  right: 0; top: 30px;  font-size: 18px; color:var(--main-clr);   font-weight: 300; transition: .5s}
h3.clcikbtn-new-3.ui-accordion-header-active-new:after{  content: "\f068";  }
h3.clcikbtn-new-3.ui-accordion-header-active-new-3:after{  content: "\f068";  }


.accordian-new-3 h3{ color:var(--main-clr); font-weight:300; padding:20px 0; font-size:var(--fs-36); }
.accroHolder h3{ position:relative; cursor:pointer; }
.accroHolder{border-bottom: 1px solid rgba(10, 10, 10, 20%); position: relative;}

/*.accroHolder:after{ content:''; position:absolute; width:40%; background:var(--black-color); left:0 ; bottom: -1px; height: 1px; max-width: 240px}*/

h3.clcikbtn-new-faq.ui-accordion-header-active-faq:after{ content: "\f062";  font-family: 'FontAwesome';  position: absolute;  right: 0; top: 30px;  font-size: 18px; color:var(--main-clr);   font-weight: 300; transition: .5s}


.deep-bg-section .accroHolder{ border-bottom:1px solid #525151 }

.contactDetails{ margin:20px 0 }
.contactmap{ margin:10px 0 45px 0 }
.contactmap iframe{}
.contactDetails p{ padding:0 0 10px 0 }
.contactDetails p strong{ font-weight:500 }
.contactDetails p a{ color:var(--body-font-color); }
.contactDetails p a:hover{ color:var(--seconday-color); }

.blogCategorySelect{ padding:20px 30px ; background: #e8ecef; display:flex; align-items:center; border: none; margin:0 0 40px 0 ; font-family: var(--headfont);}
.blogCategorySelect span{ font-size:var(--fs-20); font-weight:300; padding:0 12px 0 0;   color: var(--main-clr); font-family: var(--headfont);}
.blogCategorySelect select{ width:100%; border:none; background:transparent; font-size:var(--fs-20); font-weight:400; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image:url(assets/images/downArrowDark.png); background-repeat:no-repeat; background-position: 100% center; color: var(--main-clr); font-family: var(--headfont);}
.dark-bg .blogCategorySelect{background:rgba(255, 255, 255, 9%)}
.dark-bg .blogCategorySelect select{background-image:url(assets/images/downArrow.png);}
.dark-bg .blogCategorySelect select option{background: #272727}

.contactmap { overflow: hidden;  padding-top: 56.25%;   position: relative; margin: 25px 0 25px 0} 
.contactmap iframe {  position: absolute;  top: 0;  left: 0;  border: 0;  width: 100%;  height: 100%;}

.blogDetailsBanner{ background: linear-gradient(to bottom,  #333b52 0%,#333b52 80%,#e9e4da 80%,#e9e4da 100%); padding:200px 0 0 0 }
.blogDetailsBanner h1{ color:#fff; font-size:var(--fs-60); padding:0 0 50px 0 }



.tretmentBannerCaption{ position:absolute; bottom:20%; transform:translateY(-50%); z-index:9; width:100%; left:0;  }
.tretmentBannerCaption h1{ color:#e9e4da; font-size:var(--fs-60); }

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



.awardsSec{}
.awardsRow{display:flex;gap:30px;align-items:center;justify-content: space-between;}
.awardsImg img {margin: 0 auto; display: block; filter: grayscale(100%); opacity: 0.4}


.iconHolder{ margin:10px 0 30px 0 }
.iconList{ display:flex; align-items:center; margin:0 0 15px 0 }
.iconListIcon{ width:22px; flex-shrink:0; margin:0 8px 0 0;font-size:16px;color:var(--main-clr); }
.iconListText{ font-size:var(--fs-16);font-family:var(--bodyfont);font-weight:300;color:#fff; line-height:1.8 }
.iconListText a{ color:var(--body-font-color); }
.iconListText a:hover{ color:var(--main-clr); }
.footer .iconListIcon,.footer .iconListText,.footer .iconListText a{ color:#fff; }
.footer .iconListText a:hover{ color:var(--seconday-color);  }

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

.homeFormImg{height:100%}
.homeFormImg img{width:100%;height:100%;object-fit:cover;}
.homeGallerySection{position:relative;z-index:2}
.bg-logo2{position:absolute;bottom:-170px;left:0;z-index:-1}
.contentSliderSection,.reviewSection{position:relative;z-index: 2}
.reviewSection{ background:#e8ecef }
.bg-logo3{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index: -1}

.beforeAfterGalSec{position:relative;z-index: 2}
.bg-logo4{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index: -1}
.beforeAfterGalSec .container {max-width: 886px; }
.beforeAfterGalSlider .slick-list {overflow: visible; }
.beforeAfterGalSlider .slick-slide{background: #272727}
.beforeAfterGalSlider .slick-slide img{opacity:0.2;transition:0.3s;display:block;}
.beforeAfterGalSlider .slick-slide.slick-center img{opacity:1;transition-delay: 0.5s}
.beforeAfterGalSlider .slickButton {position: absolute; width: 52px; height: 50px; border: 0; background: #ffffff; font-size: 28px; top: 50%; transform: translateY(-50%);transition:0.3s }
.beforeAfterGalSlider .slickButton:hover{background:var(--seconday-color);color:#fff}
.beforeAfterGalImg img {margin: 0 auto; }
.beforeAfterGalImg {padding: 0 20px; }
.beforeAfterGalSlider .slickButton.slick-prev{left:50px;z-index:2}
.beforeAfterGalSlider .slickButton.slick-next{right:50px}

.sidebarImg{display:block;}


.appointmentSticker {  display: flex;  align-items: center; justify-content: space-between; position: relative; z-index: 99}
.appointmentSticker .btncn-secondary{ flex-shrink:0 }
.appointmentSticker h2{ font-size:var(--fs-36); padding-bottom:0; padding-right:30px; line-height:1.6 }

.teamImage img{ }
.teamBox h3{ font-size:var(--fs-30); padding:30px 0 15px 0 ; font-weight:600 }
.teamBox h6{ font-size:var(--fs-20); font-weight:300; font-family:var(--bodyfont); opacity:0.6 }

.meetSec{ background: var(--color2);}
.meetSec h2{ color:#fff }

.meetSecLeft h2 {font-size: var(--fs-60); }
.meetTabNav ul li {width: 100%; margin: 0; overflow: hidden; }
.meetTabNav .nav-link {font-size: var(--fs-18); border: 0; color:#95969b; font-family:var(--bodyfont); font-weight:300; text-transform: uppercase; letter-spacing: 2px;  position:relative; padding:20px 10px 20px 40px; line-height:1; margin-left: -40px; transition: 0.5s; }
.meetTabNav .nav-link::before{content: "\f111"; font-family: 'Font Awesome\ 6 Free'; font-size:18px; font-weight: 900; position: absolute; left:1px; top: 14px; color: var(--seconday-color); line-height:30px }
.meetTabNav .nav-link.active,.meetTabNav .nav-link:hover {margin-left:0;opacity:1;color:#fff; background: transparent;}
.meetTabNav ul {border: 0; }

.meetTabThumb {position: relative; }
.meetTabThumb img {display: block; width: 100%; }
a.meetTabThumbLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.meetPlayBtn {font-size: 40px; color: #fff; border-radius: 50%; border: 1px solid #fff; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; }
a.meetTabThumbLink:hover {background: #00000075; }
.meetTabText {padding: 0 0 0 0; }
.meetTabText h3 {color: var(--main-clr); padding-bottom: 10px; }
.meetTabText p{text-align: justify; color: #fff}

.meetTabText ul{ margin:0; padding:0; list-style:none; }
.meetTabText li li{ display:block; }
.meetTabText ul li a{ display:block ; font-size:var(--fs-24); font-weight:300; padding:0 0 20px 0; color:#fff }
.meetTabText ul li a:hover{ color:var(--main-clr); }

.meetTabContent{ display:flex; gap:45px;  align-items:center;  }
.meettabImage{  width:57%; flex-shrink:0; padding-left:30px }

.meetSec .accordion-body{ padding:0; border-radius:0; background:transparent; }
.meetSecRight .accordion-item{ background:transparent; border: none;}
.meetTabText h4{ color:#fff; font-size:var(--fs-24); font-weight:400; color:#fff; line-height:1.5; margin:0; padding-bottom:20px; }
.meetTabText p{ font-size:var(--fs-18); font-weight:300 }


.content-cn-inner{ padding:30px 60px 30px 30px; }


.treatmentImageSlider .qualityContent h3{ text-align:center; font-size:var(--fs-20); padding-top:15px }
.treatmentImageSlider .qualityContent{  position:static; }
.treatmentImageSlider .treatmentImage:after{ display:none; }
.treatmentImageSlider .treatmentImage:before{ display:none; }
.treatmentImageSlider .galInnerContainer ul li{ padding:8px 0; font-size:var(--fs-18); font-weight:300 }
.treatmentImageSlider .slick-prev{ color:#fff }
.treatmentImageSlider .slick-next{ color:#fff }

.treatmentImageSlider .treatmentItem:hover .galInnerContainer{ opacity:1; visibility:visible; transition:all .5s }

.step-inner{ padding:80px; }
.step-inner h2{ color:#fff }
.step-inner p{ color:#fff }

.step_inner-holder{ display:flex; gap:70px; margin:45px 0 0 0 }
.step-box h3{ color:#fff; font-size:var(--fs-36); font-weight:600 }
.step-box h3{ position:relative; margin:0 0 30px 0 }
.step-box h3:after{ content:''; position:absolute; bottom:0; height:1px; background:#fff; width:calc(100% + 70px); left:0 }
.step-box:last-child h3:after{ width:100% }

.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(--body-font-color); font-size:var(--fs-30); line-height:1.5 }
.blogdetails{ padding-top:45px; padding-bottom:0 }
.blogPostContent p{ padding:15px 0 15px 0; font-size:var(--fs-20); }
.blogdetails h1{ padding-bottom:45px ; font-weight:300 }

.approachBd .row {--bs-gutter-x: 0; }
.row:nth-child(even) .approachBdText {padding-right: 73px; }
.row:nth-child(odd) .approachBdText {padding-left: 75px; }
.approachBd .row:not(:last-child) {margin-bottom: 120px; }
.approachBd .row:nth-child(even){flex-direction:row-reverse}
.approachBdText h2{ font-size:var(--fs-48); color:var(--main-clr); }
.approachBd{ position:relative; }
.approachBd::after {position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 100%; content: ''; background: #ccc9c3; }
.approachBdImg img{ width:100% }

.qualitySection{  }
.treatment-welcome{ background:#fff; padding-bottom:90px }
.treatment-welcome .qualityContent{ position:static; padding:30px 0 30px 0; }
.treatment-welcome .qualityContent h3{ font-size:var(--fs-24); color:var(--black-color);  }
.treatment-welcome .qualityContent a:hover h3{ color:var(--seconday-color); }

.deep-bg-section{ background:#272626 }

.contact-section h3{ color:var(--main-clr); }
.contact-section p{ padding:0 0 0 }

.sidebarFormHolder{ position:sticky; top:0 }

.quote-section h2{ font-weight:500; font-size:var(--fs-42); line-height:1.5; padding:30px 0 }
.quote-section h5{ font-weight:300; font-size:var(--fs-20); text-transform:uppercase; letter-spacing:2px; }

.team-section{ background:var(--light-bg);  }


.cta-section{ background:url(assets/images/cta-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding: 160px 0}
.cta-inner{ background:#fff; padding:65px 65px 45px 65px }

.cta-gallery{  background:url(assets/images/cta-gallery-bg.jpg) no-repeat; background-size:cover;  padding: 210px 0 }
.cta-gallery h2{ color:#fff }

.special-offer{ background:#404040; padding:0px; background-image:url(assets/images/special-offer-image.jpg); background-repeat:no-repeat; background-size:45%; }
.offer-inner{ padding:120px 0 }
.special-offer h5{ color:#fff; font-size:var(--fs-24); text-transform:uppercase; letter-spacing:2px;padding-bottom:20px ; font-weight: 500}
.special-offer h2, .special-offer p{ color:#fff }

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

.team-image img{ width:100% }

.treatment-details{ background:#f7f7f8 } 
.treatment-details h2{ margin-bottom:30px }
.iconBox{max-width:350px;margin:0 auto;text-align:center;text-align-last: center;padding-top:30px}
  .iconBox h3{padding-bottom:15px;font-size: var(--fs-30);}
  .iconBoxImg{width:144px;aspect-ratio:1;border-radius: 50%;border: 1px solid var(--seconday-color);margin: 0 auto 20px;display:flex;align-items:center;justify-content:center;}
  .iconBoxCol:not(:last-child){border-right: 1px solid var(--black-color);}
  .treatment-details .iconBox{text-align:left;text-align-last: left;}

 .contactItemHolder{padding-bottom: 25px}
  .contactItem {display: flex; gap: 15px; font-size: var(--fs-18); padding: 5px 0; }
  .contactIcon {width: 27px; text-align: center; flex-shrink: 0; font-size: var(--fs-18);color:var(--dark-color); }
  .contactText p,.contactText a {flex-grow: 1; color: var(--dark-color);padding-bottom: 0}
  .contactText a:hover {color: var(--seconday-color)}

  .pageContent table{ width:100%; margin: 0 0 30px 0; table-layout: fixed; }
  .pageContent table td{  font-size:var(--fs-16); font-family:var(--bodyfont); line-height:2; font-weight: 300; border: 1px solid #d6d5d2; padding: 12px}
  .pageContent table td:first-child{ padding-right:20px; }


  /*statsSec start*/
  .statsSec{padding:40px 0; background: url(assets/images/statBg.jpg) no-repeat; background-size: cover;}
  .statsItem {display: flex; gap: 22px; align-items: center; }
  .statsItemIcon {width: 70px; height: 70px; border-radius: 50%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; }
  .statsItemIcon img {width: 50px; height: 50px; }
  .statsItemInfo p {font-family: var(--headfont);margin-bottom: 0; padding-bottom: 0; font-size: var(--fs-18); line-height: 1.1; }
  .statsItemInfo p strong {font-weight: 400; display: block; font-size: var(--fs-35);line-height:1;padding-top:10px }
  .statsSec .row {row-gap: 25px; }



/*Team */
  .teamHolder{ margin:60px 0 0 0 }
  .teamImage img{display:block;object-fit:cover;width: 100%;transition: 0.3s;}
  .teamBox{font-size: var(--fs-16);}
  .teamBox h3{font-size: var(--fs-30);padding: 0 0 15px 0;font-weight: 300;font-family: var(--headfont);margin-bottom: 0;}
  .teamBox p{color:rgba(22, 22, 23, .7);line-height: 150%;text-transform: none;font-size: 19px;}
  .teamBox p:last-child{padding-bottom: 0}
  .teamImage{overflow:hidden;transition:all .3s;margin: 0 0 26px;border-radius: 0px;padding: 0;position: relative;background:#000}
  .teamImage:after{ content:''; position:absolute; top:0; left:0; background:rgba(2, 40, 79, 0.5); width:100%; height:100%; opacity:0; transition:all .5s; }

  .team-read-bio{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:transparent;border:0;color:#fff;font-size:var(--fs-24);font-weight:200;opacity:0;transition:0.3s;border-bottom:1px solid transparent;line-height:1.2;max-width:95%;z-index: 9}
  .team-read-bio:hover{border-bottom-color:#fff}
  .team-item:hover .teamImage:after{opacity:1.0; transition:all .5s}
  .team-item:hover .team-read-bio{opacity:1}
  .teamSlider .slick-prev{position:absolute;top:37%;transform: translate(-50%,-50%);left: 0;border:none;font-size:20px;transition:all .5s;display: flex;align-items: center;justify-content: center;color: #ffffff;z-index:2;width: 40px;height: 40px;background: var(--main-clr);}
  .teamSlider .slick-next{ position:absolute; top:37%; transform: translate(50%,-50%);right:0px;border:none; font-size:20px;  transition:all .5s; display: flex; align-items: center; justify-content: center;color: #ffffff;z-index:2;width: 40px;height: 40px;background: var(--main-clr);}
  .teamSlider .slick-next:hover, .teamSlider .slick-prev:hover{ color:#fff;background:var(--seconday-color) }  
  .teamSlider .slick-list {margin: 0 -10px; }
  .teamSlider .slick-slide {padding: 0 10px; }

  .team-content h3{font-size: var(--fs-24);font-family:var(--bodyfont);font-weight:300;margin:0;padding: 0 0 10px 0; color: var(--main-clr);}
  .team-content p{font-size: 14px;text-transform: uppercase;letter-spacing: 0.1em;padding-bottom:5px; color: var(--black-color);}

  .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; font-size: var(--fs-18); line-height: 1.4; font-weight: 300; }
  .teamModal ul > li{ 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(--hover-color); }
  .teamModal .modal-body {padding: 28px 20px; }

  .team-item-wrap-btn{all:unset;}
  .teamSec .container{ position:relative; }
  .btn-position-absolute{ position:absolute; top:-20px; right:12px }

  .full-image img{ max-width:inherit; width:auto; }
  .text-center p{ text-align:center; }


  /*map start*/
  .mapImg{width:100%;position:relative; }
  .mapImg img{width: 100%;height: 100%; object-fit: cover;position:absolute;top:0;left:0;}
  .mapImg iframe{ display:block; filter: grayscale(100%);  -webkit-filter: grayscale(100%); }

  .map-marker {position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; pointer-events: none; display: flex; align-items: center; justify-content: center ;transform: translate(-3%, 2%)}
  .marker-wrapper {position: relative; display: flex; align-items: center; justify-content: center; width: 100px; max-width: 100%; height: 100px; max-height: 100%; z-index: 10; pointer-events: all }
  .marker-in {width: 20px; height: 20px; border-radius: 20px; background: var(--seconday-color); position: absolute; animation: makerInAnimation 1s ease; animation-iteration-count: infinite; animation-direction: alternate }
  @keyframes makerInAnimation {
      0% {
          transform: scale(1)
      }

      to {
          transform: scale(.1)
      }
  }
  .marker-out {width: 60px; height: 60px; border-radius: 60px; background:var(--seconday-color); position: absolute; animation: makerOutAnimation 1s ease; animation-iteration-count: infinite; animation-direction: alternate; opacity: .3 }
  @keyframes makerOutAnimation {
      0% {
          opacity: 0;
          transform: scale(.1)
      }

      50% {
          opacity: .3
      }

      to {
          opacity: .06;
          transform: scale(1)
      }
  }
  .marker-ring {border: 1px solid var(--seconday-color); height: 100px; width: 100px; border-radius: 100px; background: transparent; position: absolute; animation: ringAnimation 2s ease 2s; animation-iteration-count: infinite }
  @keyframes ringAnimation {
      0% {
          opacity: 0;
          transform: scale(.2)
      }

      50% {
          opacity: 1
      }

      to {
          opacity: 0;
          transform: scale(1)
      }
  }

  .marker-wrapper:focus+.marker-content,.marker-wrapper:hover+.marker-content {opacity: 1; transition: opacity .4s ease }
  .marker-content {position: absolute;transform: translateY(-75%);background: transparent;padding: 20px 45px;border-radius: 45px;opacity: 1;transition: all .4s ease;pointer-events: none;z-index: 12;}
  .footer-contact-map {position: relative; overflow: hidden; padding: 0}

  .mapAcc {position: absolute; top: 50%; right: 0; max-width: 660px; transform: translateY(-50%); width: 100%;box-shadow: 0 0 50px 2px rgba(0, 0, 0, .34); }
  .mapAcc .accordion-button {font-size: var(--fs-36); font-weight: 300; color: var(--dark-color); padding: 32px 35px;background:#fff; }
  .mapAcc .accordion {--bs-accordion-inner-border-radius: 0; --bs-accordion-border-radius: 0; --bs-accordion-border-width: 0;--bs-accordion-border-color:transparent;--bs-accordion-btn-focus-box-shadow:none }
  .mapAcc .accordion-header{padding:0;margin-bottom: -1px;}
  .mapAcc .accordion-button:not(.collapsed){background:var(--main-clr);color:#fff;box-shadow:none;}
  .mapAcc .accordion-body{background:var(--main-clr);color:#fff}
  .mapAcc .accordion-body a{color:#fff}
  .mapAcc .accordion-body {padding: 0 32px 38px; }
  .mapContactItem {display: flex; gap: 15px; font-size: var(--fs-18); padding: 5px 0; font-weight:300 }
  a.mapContactItem:hover{color:var(--seconday-color);}
  .mapContactIcon {width: 30px; text-align: center; flex-shrink: 0; }
  .mapContactText {flex-grow: 1; }
  .mapContactText table {width: 100%; }
  .mapContactText table td:last-child {text-align: right; }
  .mapContactText table tr {opacity: 0.75; }
  .mapContactText table tr.is-today {opacity: 1; }
  .mapContactText table tr.is-today td{font-weight: 500; }
  .mapContactText table td {padding: 2px 0; }
  .mapAcc .accordion-button::after {content: '\2b'; font-family: 'Font Awesome 6 Free';font-size:18px;font-weight:900;background:none; }
  .mapAcc .accordion-button:not(.collapsed)::after{content:'\f068';background:none;}
  .map-wrapper{position:relative;}

  
  .inneraccordina-area table tr.is-today {opacity: 1; }
  .inneraccordina-area table tr.is-today td{font-weight: 500; }

  .footerNav ul{ margin:0; padding:0 0 25px 0; border-bottom: 1px solid var(--seconday-color); list-style:none; display:flex; justify-content:space-between; }
  .footerNav ul li{ display:block; }
  .footerNav ul li a{ color:#fff; font-size:var(--fs-24); font-weight:300  }  
  .footerNav ul li a:hover{ color:var(--seconday-color); }

  .footer-content-area{ padding:60px 0 0 0}

 .subscribeForm form {position: relative }
  .subscribeForm .gform_footer {margin-top: 0!important; flex-shrink: 0; width: 40px; }
  .subscribeForm .gform_body {flex-grow: 1; }
  .subscribeForm input[type=email], .subscribeForm input[type=text], .subscribeForm input[type=tel] {width: 100% !important; background: transparent!important;border: 0!important;box-shadow: none!important;padding: 0!important;font-size: 14px!important;color: #fff!important;letter-spacing: 0.05rem!important;height: 60px!important;border-bottom: 1px solid #fff5!important;border-radius: 0!important}
  .subscribeForm .gform-theme--foundation .gform_fields{ row-gap: 15px !important; }

  .subscribeForm textarea {width: 100% !important; background: transparent!important;border: 0!important;box-shadow: none!important;padding: 10px 0 10px 0!important;font-size: 14px!important;color: #fff!important;letter-spacing: 0.05rem!important;height: 90px!important;border-bottom: 1px solid #fff5!important;border-radius: 0!important; resize: none;}

  .subscribeForm form input[type=email]::placeholder {text-transform: uppercase; opacity:1; font-weight: 300;color:#fff;letter-spacing:0.075rem }
  .subscribeForm input[type=submit] {background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E") 90% center/19px no-repeat!important;border: 0!important;border-bottom: 1px solid #fff5!important;box-shadow: none!important;padding: 0!important;font-size: 0!important;height: 60px!important;width: 100%!important;border-radius: 0!important}
  .subscribeForm input[type=submit]:hover {opacity: 0.5}

  .only-mobile{ display:none; }


  .halfBanner{ position:relative; display:flex;background:var(--main-clr);box-shadow: 0 -200px 0 200px #49252f; padding:0 }
  .halfBannerImage{ width:45%;margin-left: auto;position:relative;  }
  .halfBannerImage video{width: 100%; display: block;min-height:630px;object-fit: cover;}
  .halfBannerImage img{width: 100%; display: block;height: 100%; object-fit: cover;}
  .halfBannerCaption{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0;padding:30px 0 50px}
  .halfBannerCaption h1,.halfBannerCaption h2{ color:#fff;  }
  .halfBannerCaption h6{ color:#fff;}

  img.banner-award-winning{width: auto;max-width:18%;height:auto;position:absolute;top:50%;left:0;transform: translate(-45%,-50%);}

  .halfBanner .buttonGroup{ margin:0 }

  .half-banner-image{ width:160% }
  .innerBanner h2{ color:#fff; font-size:var(--fs-70); }
  .half-banner-image img{ height:650px; object-fit:cover }

  .pageContent h1{color: rgba(2, 40, 79, 0.5);  text-transform: uppercase;  font-size: var(--fs-14); font-weight: 300; letter-spacing: 1px; }


  .contentScrollSec { background:#E5EEF1 }  
  .hasScrollBar{position:relative;padding-left: 100px;}
  .scrollBar{width: 1px;height: 100%;background: #A3C1D5;flex-shrink:0;position:absolute;top:0;left:0;z-index:1}
  .scrollBarInd{position:sticky;top: 30%;left: 0;width:3px;height: 150px;background: #333E5E; margin-left: -0.5px;} 
  .contentScrollItem:not(:last-child){margin-bottom:12vw}  
  .contentScrollSec .contentImg{max-width:580px;margin-left:auto;}
  .contentScrollItemsWrap{max-width:690px}
  .contentScrollItem h2{ font-size:var(--fs-48); }

  .contentScrollItemsWrap .buttonGroup{ margin:0 }
  .contentScrollItemsWrap .buttonGroup .btncn{ margin:0 }


  .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel],.homeFormHolder textarea,.homeFormHolder select {width: 100% !important; background: transparent !important; border: none !important; border-bottom: 1px solid #fbe7dd66 !important; height: 55px !important;padding-left: 0!important; padding-right: 0 !important; font-size: 14px !important; color: #fff !important; box-shadow: none !important; border-radius: 0 !important;}
  .homeFormHolder form {position: relative }
  .homeFormHolder textarea {max-height:100px !important; min-height:100px !important; padding-right:200px !important;resize:none !important; }
  .homeFormHolder select {appearance: auto!important}
  .homeFormHolder select option {color: #000 }

  .homeFormHolder ::placeholder,.homeFormHolder select {color: rgb(255,255,255) !important; opacity: 1;text-transform:uppercase;letter-spacing:0.075rem;font-weight:300 }
  .homeFormHolder ::-ms-input-placeholder {color: rgb(255,255,255) !important; }

  .homeFormHolder input[type=submit] ,.homeFormHolder .gform_button.button {outline:none !important; transition:all .5s !important; width:-moz-fit-content;width: fit-content !important; position:relative !important; max-width:100% !important; line-height: inherit !important; transition: all .6s ease !important; white-space: normal !important; text-align:center !important; cursor:pointer !important; border-radius:0 !important; text-transform:inherit !important; font-family:var(--bodyfont) !important; font-weight:500 !important; font-size:var(--fs-21) !important; border:1px solid var(--seconday-color) !important; color:#fff !important; padding:15px 37px !important; display:block !important; background-color:var(--seconday-color) !important; margin-left:auto !important;/*  margin-top:-135px !important; */ align-self:center !important; }
  .homeFormHolder input[type=submit]:hover,.homeFormHolder .gform_button.button:hover {background:#fff !important; color:var(--seconday-color) !important; }

.gform-theme--foundation .gform_fields{ align-items:flex-end !important; }
.gfield_validation_message {  position: absolute !important;}
.wpcf7-spinner{position:absolute !important; right:0 !important; bottom:16px !important;margin:0 !important;}


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

.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: #fff !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:var(--seconday-color) !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: #fff !important; font-family:var(--headfont) !important; text-transform: uppercase !important;;margin-top:0!important; width: 100% !important; text-align: center !important; margin: 0 !important}
.sidebar-form input[type=submit]:hover{ background:var(--main-clr) !important; color:#fff !important }


.sidebar-form .inputHolder textarea{ 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; height:80px !important ; resize: none !important;}

.gform_footer , #field_submit{position:relative!important}
.gform-loader {position:absolute!important;right:15px!important;top:15px!important}
.gform_footer{ position:relative !important; }

.sidebar-form .gform_validation_errors{ max-width:82%; margin:0 auto; }
.sidebar-form h2.gform_submission_error{ padding:0 }

  @media only screen and (max-width:1600px){
    :root{
        --fs-35:32px;
    }
    .mapAcc {max-width: 500px; }
    .headerMian .container-fluid{ padding:0 15px }
    .logo{ width:170px }
    .headerHolder{ gap:40px }
  }
  @media only screen and (max-width:1199px){
    .mapAcc {max-width: 450px; }
  }
  @media only screen and (max-width:991px){
    .mapImg img {width: 100%; object-fit: cover; transform: scale(1.5) translate(8%, -2%); }
    .mapImg {overflow: hidden; padding-bottom: 100%; margin-bottom: 16px; }
    .mapAcc {position: static; transform: none; margin: 0 auto; max-width:100% }
    .footer-contact-map {background: var(--dark-color); padding: 30px}
    .footerTopMenu {border-top: 1px solid var(--dark-color); }
    .mapAcc .accordion-button {padding: 20px;}
    .mapAcc .accordion-body {padding: 0 0 25px; }
    .mapContactItem { align-items: center; gap: 10px; padding: 4px;text-align:left; }
    .mapAcc .accordion-body {background:#4a4959}
    .mapAcc .accordion-button:not(.collapsed){background:#4a4959}
    .mapContactText table td:first-child {text-align: left; padding: 2px 10px; }
    .mapContactText table {table-layout: fixed; }
    .mapContactText table td:last-child {text-align: left; padding: 2px 10px; }
    .marker-content {left: 50%;transform: translateY(-75%) translateX(-50%);padding: 0 15px 25px;}
    .marker-content:after, .marker-content:before {left: 50%; }
    .map-marker{transform: none;}
    .mapContactText table{ width:auto;  }
  }
  @media only screen and (max-width:767px){
    .mapImg img {width: 100%; object-fit: cover; transform: scale(2.5) translate(8%, -2%);}

  }
  @media (max-width: 399px) {
    .mapContactText table {table-layout: auto; }
  }

  @media only screen and (max-width:1199px){
  }

  @media only screen and (max-width:991px){
    .teamHolder{ margin:10px 0 0 0 }
    .teamBox{text-align:center;text-align-last:center;}
    .team-content h3{ font-size:24px; }
    .teamImage{margin-bottom:18px}
    .teamSec{overflow:hidden;}
    .teamSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 40px);}
    .teamSlider .slick-list{margin:0;;overflow: visible;}
    .teamSlider .slick-slide {padding: 0 5px; }
    .slick-slide .team-item{opacity: 0.3;transition: 0.3s}
    .slick-slide .team-item h3,.slick-slide .team-item p{opacity:0;transition: 0.3s}
    .slick-slide.slick-active .team-item,.slick-slide.slick-active .team-item h3,.slick-slide.slick-active .team-item p{opacity:1}
  }
/*End Team*/




  @media only screen and (max-width:991px){
    .statsSec {padding: 30px 0; }
    .statsItemInfo p strong {font-size: 30px; }
    .statsItemIcon {width: 50px; height: 50px; }
    .statsItemIcon img {width: 30px; height: 30px; }
  }

  @media only screen and (max-width:767px){
    .statsItem {flex-direction: column;gap: 10px; text-align: center; }
    .statsItemInfo p {font-size: 14px; }
  }
/*statsSec end*/

@media only screen and (max-width:1800px){
  .contact-icn span{ display:none; }

} 


@media only screen and (min-width:1199px){
  .mobilemenu{ display:none; }
} 

@media only screen and (min-width:1600px){
  .container{max-width: 1430px}
}    
@media only screen and (max-width:1600px){
    :root{ 
        --fs-80: 60px;
        --fs-60: 48px;
        --fs-50: 40px;
        --fs-48: 39px;
        --fs-42: 37px;
        --fs-40: 35px;
        --fs-100:75px;
        --fs-24:20px;

    }
  .navigation nav ul{ gap:40px }
  .bannerContent{ padding-right:0 }
  .banner .slick-dots{ bottom:60px }
  .number{ font-size:38px }
  .ratingSection h4{ font-size:16px }
  .sliderContent h3{ font-size:14px }
  section{ padding:60px 0 }
  .treatment-welcome{ padding-bottom:60px; }
  .contentTop:not(:last-child){ padding:0 0 60px 0 }
  .special-offer h5{ font-size:20px; }

}


@media only screen and (max-width:1500px){
    .banner .slick-dots{ max-width:1310px }
    .banner .slick-dots{  }
    .blogDetailsBanner{ padding:160px 0 0 0 }
    .tretmentBannerCaption{ bottom:7% }
    ul.dropdown-menu-holder{ padding:20px !important }
    .bookAppointment a{ padding: 20px 20px; margin: 0 0 0 25px; }
    .language { margin: 0 15px 0 15px;}
    .offer-inner{ padding:55px 0 }
}
@media only screen and (max-width:1400px){
    :root{ 
        --fs-80: 55px;
        --fs-35: 25px;
        --fs-60: 45px;
        --fs-50: 36px;
        --fs-48: 36px;
        --fs-40: 33px;
        --fs-36: 30px;
        --fs-24: 18px;
        --fs-21: 17px; 
        --fs-20: 16px; 
        --fs-18: 16px; 
        --fs-100: 60px;

    }

    .bookAppointment a{font-size: var(--fs-21); }
    .sliderContent p{ font-size: }
    .contentBottom ul li a{ font-size:20px }
    .number{ font-size:30px }
    .contentTop{ margin:0 0 0 0 }
    .homepageFormSection{ padding:50px 0 }
    .footerTop{ padding:50px 0 }
    .footBottom{ padding:30px 0 }
    .contentSliderContent{ padding:30px 80px 30px 30px; }
    .sliderContent h2{ font-size:44px; padding:0 0 20px 0 }
    .qualitySectionSlider .slick-prev{ left:0 }
    .qualitySectionSlider .slick-next{ right:0px }
    .content-cn-inner h6{ padding:0 0 10px 0 }
    .contentSection p{ padding-bottom:20px }
   .footerTopContent h2{ font-size:30px; }
    .bookAppointment a{ margin:0 0 0 15px }
    .navigation nav ul{ gap:30px }
    .treatmentImageSlider .slick-center { transform: scale(1.0);  transition: all .5s;  transition-delay: 0.5s;}
    .treatmentImageSlider .slick-slide { margin: 0 20px;  }
    .treatmentImageSlider .slick-list { margin: 0 -20px;  }
    .step_inner-holder{ gap:15px }

    .approachBd .row:not(:last-child){ margin-bottom:70px }
    .reviewSlider{ padding:0 30px; }
    .reviewSlider .slick-prev{ left:-25px; }
    .reviewSlider .slick-next{ right:-25px }
    .bookAppointment a {  padding: 13px 13px;}
    .headerHolder{ gap:20px }
    .cta-section{ padding:100px 0 }
    .cta-inner{ padding:30px }
    .home-form-inner{ padding:75px }
    .cta-gallery{ padding:100px 0 }
    .logo { width:140px }
    .fixed .logo{ width:130px } 
    .statsItemInfo p{ font-size:14px }
    .serviceSlider .slick-prev{ left:5px; z-index:9 }
    .serviceSlider .slick-next{ right:5px; z-index:9}
    .halfBanner{ height:500px; }
    .treatment-welcome .qualityContent h3{ font-size:24px; }
    .treatmentDetailsImageSlider .slick-prev{ left:0; z-index:9;  }
    .treatmentDetailsImageSlider .slick-next{ right:0; z-index:9 }
}

@media only screen and (max-width:1199px){
     :root{
        --fs-42:34px ;
        --fs-30:24px ;
        --fs-60:38px ;
     }
     .banner .slick-dots{ max-width:1130px; bottom:10px }
     .banner ul.slick-dots{ display:none !important; }
     .bookAppointment a{ margin:0 60px 0 25px;padding: 25px 20px; }
     .slick-slider .qualityContent h3{ font-size:16px }

    .reviewSection{ padding-top:50px; padding-bottom:50px }

    .mean-container .mean-bar {  position: absolute;  left: 0; width: 100%;  float: none;  z-index: 99;  top: 14px;  background: var(--top-header-bg);}
    .headerHolder{ position:relative; }
    .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:none; background: transparent; border: 1px solid var(--main-clr); padding: 15px 20px 15px; margin-top:0px; color: var(--main-clr);}
    .mean-container .mean-nav{ margin-top:92px }
    .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; }
    .logo {  position:relative; z-index:9999; transform:translate(0); left:inherit; width:140px; }
    .innerBannerImage img{ height:500px; object-fit:cover; }
    .sidebarFormHolder{ margin: 0px 0 0 30px; }
    .itemContent{ padding:0 59px 0 0 }
    .itemContent p{ line-height:1.4; font-size:16px }
    .faqHolder{ padding:45px 0 }
    .sliderContent h3{ padding-bottom:20px }
    .sliderContent{ top:54% }
    .qualityContent{ padding:0 20px }
    .g-5, .gx-5{ --bs-gutter-x: 2rem; }
    .mean-container a.meanmenu-reveal span{ background:var(--main-clr); }
    .headerRight{ position:static; }
    .mean-nav { box-shadow: -50vw 0 0 var(--main-clr), 50vw 0 0 var(--main-clr);}
    .mean-container .mean-nav{ background:var(--main-clr); }
    .treatmentImageSlider .treatmentImage{ width:100% }
    .bookAppointment a:after{display:none;}
    .headerMian {position: static; }
    .logo img {margin: 0; }
    .ratingSection h4 {font-size: 12px; }
    .qualitySectionSlider,.reviewSlider {width: 90%; margin: 0 auto; }
    .contentSliderSection .slick-next, .contentSliderSection .slick-prev {bottom: 59px; }
    .bookAppointment a{ position:relative; z-index:999 }
    .mean-container a.meanmenu-reveal{ z-index:9999 }
    .phoneNumber{  z-index:9999 }
    .navigation{ visibility:hidden; display:none; }
    .mean-container a.meanmenu-reveal{ top:14px; }
    .number{ margin:0 0 20px 0 }
    .meettabImage{ padding:0 } 
    .meettabImage{ width:45%; }
    .meetTabContent{ align-items:flex-start; gap:20px; }
    .meetTabNav .nav-link{ padding: 20px 10px 20px 30px; margin-left: -20px; }
    .treatmentImageSlider .slick-track{ padding:0; }

    .mean-container .mean-nav ul li a.mean-expand{ background:transparent; border:none !important; }
    .mean-container .mean-nav ul li a.mean-expand:hover{ background:transparent; }


    .treatmentImageSlider .slick-prev{ left:0 }
    .treatmentImageSlider .slick-next{ right:0 }
    .sidebarImg{ margin: 0 0 0 30px; }
    .step-inner{ padding:50px 30px; }
    .sidebarImg img{ width:100% }
    .bookAppointment a{ padding:20px 20px }
    .headerHolder{ height:110px; justify-content:space-between; }
    .welcomeSection{ padding-bottom:15px; }
    .contentSlider .slick-prev{ top:inherit; bottom:0 }
    .contentSlider .slick-next{ top:inherit; bottom:0 }
    .treatment-repeat{ width:48% }
    .treatment-welcome{ padding-bottom:45px; }
    .book-online a{ display:none; }
    .serviceSlider{ margin:0 50px }


}
@media only screen and (max-width:991px){
    .sliderImage img{ height:500px }
    .sidebarFormHolder{ margin:0 }
    .contentSliderHolder{ padding:0 0 0 0 }
    .contentSlider .itemHolder{ display:block; }
    .itemImage{ width:100%; margin:0 0 25px 0 }
    .itemContent{ width:100%; padding:0 30px 30px }
    .inneraccordina-area{ padding:0 }
    .contentItemInner{ flex-direction:column-reverse; }
    .contentSliderImage{ width:100% }
    .contentSliderContent{ width:100% }
    .section-heading{ padding:0 0 25px 0 }
    .reviewSlider .slick-slide { margin: 0 20px;  }
    .reviewSlider .slick-list { margin: 0 -20px;  }
    .treatmentImage{ width:100% }
    .sidebarFormHolderLight,.sidebarImg{ margin:30px 0 0 0;  }
    .sidebarFormHolderLight{ padding:45px 25px }
    .blogDetailsBanner{ padding: 150px 0 0 0; }
    .awardsRow{flex-wrap:wrap;justify-content:center;gap: 30px; justify-content: center;}
    .awardsItem {width: calc(50% - 15px); }
    .qualitySectionSlider,.reviewSlider {width: 100%;margin: 0 auto;}
    .contentSliderSection .slick-prev{left: 85%;bottom: 40px;position:absolute;z-index:1;color: #fff;font-size: 24px;border: none;background: transparent;opacity: 0.3;}
    .contentSliderSection .slick-next{left: calc(85% + 45px);bottom: 40px;position:absolute;z-index:1;background: transparent;color: #fff;font-size: 24px;border: none;opacity: 0.3;}
    .qualitySection p{padding-left: 0;padding-right:0}
    .beforeAfterGalSec .container {max-width: calc(100% - 60px);padding:0 10px }
    .beforeAfterGalSlider .slickButton.slick-prev {left: -30px;width:25px;font-size:18px;height:25px }
    .beforeAfterGalSlider .slickButton.slick-next {right: -30px;width:25px;font-size:18px;height:25px  }
    .beforeAfterGalImg{padding: 0 5px}
    .sidebarFormHolder,.sidesticky{position:static;}
    .number{ margin:0 }
    .hoverImage img{ width:100% }
    .homeFormHolder{ padding:45px 45px 0 45px; }
    .formGroup{ flex-wrap:wrap; }
    .homeFormHolder .inputHolder{ width:100% !important }
    .step_inner-holder{ flex-wrap:wrap; }
    .step-box h3:after{width: 100%}

    .practic-icon-holder{ flex-wrap:wrap; justify-content:center; row-gap:30px; }
    .practice-icon{ width:32%;  }
    .approachBd::after{ display:none; }
    .row:nth-child(odd) .approachBdText{ padding:30px 0 0}
    .row:nth-child(even) .approachBdText{ padding:30px 0 0 }
    .footerLogo { width:220px; }
    .team-section{ text-align:center; }
    .team-section p{ text-align:center; }
    .teamSlider { margin-top:30px }
    .special-offer{ background-image:none; }
     .footer-heading-block{position:relative;pointer-events:all ;padding-right: 20px;}
    .footer-content-block{ display:none;}
    .footer-heading-block h2{padding-bottom:0}
    .footer-content-block > *:first-child{margin-top: 20px}
    .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}
    .footerTopContent{ flex-direction:column; gap: 30px}
    .footerwidget_1, .footerwidget_2, .footerwidget_3, .footerwidget_4, .footerwidget_5{ width:100% }
    .iconBoxCol:not(:last-child){ border:none; }
    .content-image-full img{ max-width:100%;  }
    .full-image img{ max-width:100% }
    .teamCol { margin-bottom:20px }
    .hasScrollBar{ padding-left:50px }


}
@media only screen and (max-width:767px){
    :root{
        --fs-80: 45px;
        --fs-60: 35px;
        --fs-50: 32px;
        --fs-48: 32px;
        --fs-40: 30px;
        --fs-36: 28px;
        --fs-100: 50px;
    }
    .container{ padding:0 30px; }
    .btncn{ font-size:16px }
    .btncn{ padding:13px 17px }
    .qualityLg{ flex-wrap:wrap; justify-content:center; }
    .lgItem{ width:45% }
    .number{ margin:0 0 30px }
    .contentTop{ margin-bottom:0px }
    .formGroup{ display:block; }
    .formGroup{ margin:0 }
    .reviewSection{ }
    .reviewItem{ padding:50px 20px }
    .homeFormHolder input[type=submit]{ margin-top:20px }
    .headerTop ul li{ padding:0 10px }
    .reviewItem h6{ font-size:14px }
    .phoneNumber a span{ display:none; }
    .bookAppointment span{ display:none; }
    .logo{ width:180px }
    .bookAppointment a i{ margin:0;display:block;line-height:inherit; }
    .phoneNumber a{ width: 40px;  height: 40px;  background: var(--seconday-color);  display: block;  text-align: center; color:#fff; line-height:40px }
    .bookAppointment a{ width: 40px;  height: 40px;  background: var(--main-clr);  display: block;  text-align: center; color:#fff; line-height:40px; padding:0 }
    .bookAppointment a{ margin-left:5px }
    
    .fixed .logo{ width:90px }
    .fixed{ padding:10px 0 }
    .sliderImage{ width:100%; }
    .sliderInner{ position:relative;} 
    .sliderInner:after{ background: rgb(22, 44, 105);   background: linear-gradient(360deg, rgba(22, 44, 105, 1) 0%, rgba(22, 44, 105, 0) 100%); }
    .treatmentHolder a{ margin-bottom:20px; }
    .blogTop{ flex-direction:column; }
    .blogTop div{ width:100% }
    .innerBannerImage{ width:100%; }
    .innerBannerImage img{ height:450px }
    .sidebarFormHolder{ padding:0 }

    .contentSliderHolder .slick-prev{ top:100px;  transform:none}
    .contentSliderHolder .slick-next{ top:100px; transform:none; }
    .reviewSection{ overflow-x:hidden; }
    .contactDetails{ margin-bottom:0 }
    .pageContent{ padding:45px 0 }
    .qualityImageHolder{ flex-direction:column; }
    .qualityImage:nth-child(2){ width:100% }
    .contentSliderSection .slick-next{ left:inherit;right:calc(50% - 30px);bottom:10px }
    .contentSliderSection .slick-prev{ left:calc(50% - 30px);bottom:10px }
    .ratingSection{ padding:0 }
    .contentTop ul{ padding:0 }
    .contentSliderContent{ padding:30px 15px }
    .section-heading{ padding:0 }
    .buttonGroup{ flex-direction:column; }
    .buttonGroup a{ margin:0 }
    
    .reviewItem{ padding:0 }
    .reviewSlider{ padding:0 }
    .ftbtm{ flex-direction:column; text-align:center; }
    .copyright{ padding-bottom:15px; }
    .headerMian{padding:15px 0 }
    .phoneNumber a i{ display:block; }
    .phoneNumber a{ display:flex; align-items:center; justify-content:center; }
    .bookAppointment a{ border-radius:0; border-radius:50%;  }
    .headerMian .container{ padding:0 15px }
    .logo,.fixed .logo{ width:100px }
    .sliderContent{ text-align:center; }
    .sliderContent h3{ font-size:12px }
    .sliderContent h2{ font-size:36px;  }
    .bannerButtonGroup a{ margin:0 }
    .sliderContent{ top:50%;  }
    .homeFormHolder{ padding:0 }
    .headerTop ul li{ font-size:14px }
    .treatmentImage{ width:100% }
    .breadcumb ul{ flex-wrap:wrap; justify-content:center; }
    .innerBanner .sliderImage img{ height:330px; }
    .desktop{ display:none; }
    .mobile{ display:block; }
    .sliderImage img{ filter:brightness(0.7); }
    .galInnerContainer ul li{ font-size:18px }
    .sidebar{ margin-top:40px; }
    .footerTopContent table td{ font-size:14px }
    .blogDetailsBanner{ padding: 50px 0 0 0; }
    .blogDetailsBanner h1{ padding:0 0 20px 0 }
    .blogDetailsBanner .sliderImage img{ height:300px;  }
    .blogDetailsBanner{ margin:0 0 30px 0 }
    .tretmentBannerCaption h1{ text-align:center; }
    .qualitySectionSlider,.reviewSlider {width: 80%;margin: 30px auto 0;}
    .qualitySectionSlider{ width:100% }

    .reviewSlider .slick-prev {left: -38px; z-index: 9}
    .reviewSlider .slick-next {right: -38px; z-index: 9}
    .reviewItem p{font-size:16px}
    .mean-container a.meanmenu-reveal{ top:0; }
    .contentImage img{ width:100% }
    .appointmentSticker{ flex-wrap:wrap; }
    .appointmentSticker h2{ padding-right:0; font-size:20px;  }
    .meetTabContent{ flex-wrap:wrap; }
    .meettabImage{ width:100% }
    .content-cn-inner{ padding:20px; }
    .awardsRow{ gap:10px }
    .reviewSlider .slick-slide{ margin:0 }
    .tab-content>.tab-pane{ opacity:1; display:block; }
    .accordion-button{ box-shadow:none !important; outline:none !important; }
    .treatmentImageSlider .slick-next{ right:10px }
    .treatmentImageSlider .slick-prev{ left:10px }
    .treatmentImageSlider .slick-track{ padding:0 }
    .mean-container .mean-nav{ margin-top:58px }
    .blogCategorySelect{ flex-wrap:wrap; }
    .blogCategorySelect span{ font-size:20px; }
    .blogCategorySelect select{ font-size:20px; }
    .blogdetails{ padding-top:0 }
    .contentSlider .slick-dots{ display:flex; justify-content:center; gap:10px }
    .contentSlider .slick-dots li button{ border:none; text-indent:-999em; border-radius:50%; background:#bfa16452; width:15px; height:15px; border:none; }
    .contentSlider .slick-dots li.slick-active button{ background:var(--main-clr); }
    .practice-icon{ width:48% }
    .footer-btn-sec{ gap:10px; }
    .social ul{ gap:20px; }
    .section-heading-inner{ flex-direction:column; }
    .social-icn a{ width:40px; height:40px;  }
    .language a{ width:40px; height:40px }
    .language{  margin: 0 5px 0 15px; }
    .headerHolder{ height:60px; }
    .fixed .headerHolder{height:60px;   }
    .sliderImage img{ height:575px; }
    .qualitySectionSlider .slick-slide { margin: 0 0px;  }
   .qualitySectionSlider .slick-list { margin: 0 0px;  }
   .qualitySectionSlider .slick-track{ padding:0 0 0}
   .approachBd .row:not(:last-child){ margin-bottom:40px; }
   .treatment-repeat{ width:100% }
   .treatment-welcome .qualityContent{ padding-bottom:0 }
   .treatment-welcome .qualityContent{ padding: 20px 0 10px 0; }
   .blogdetails h1{ padding-bottom:20px; }
   .banerImageHolder .bannerImage img{ height:320px; object-fit:cover; }
   .sliderContent p{ text-align:center; }
   .serviceSlider  .slick-list{ overflow:visible; }
   .serviceSlider .slick-slide{ opacity:0.3 }
    .serviceSlider .slick-slide.slick-current{ opacity:1 }
    .number{ font-size:22px }
    .quote-section h2{ font-size:26px }
    .home-form-inner{ padding:30px }
    .breadcumb{ margin-top:-75px }
    .innerbannerContent .container{ padding:0 }
    .bannerButtonGroup .btncn { text-align:center; font-size:15px }
    .headerRight a span{ display:none; }
    .only-mobile{ display:block; }
    .headerRight .btncn{ width:40px; height:40px ; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0}
    .headerRight .btncn i{ margin:0 }
    .mean-container a.meanmenu-reveal{ padding: 9px 13px 8px; top: -4px !important; }
    .bannerButtonGroup{ justify-content:center; }
    .statsItemInfo p{ text-align:center; }
    .statsItemInfo p strong{ font-size:21px }
    .serviceSlider .slick-prev, .serviceSlider .slick-next{ top:41% }
    .serviceSlider .slick-prev{ left:-22.5px; }
    .serviceSlider .slick-next{ right:-22.5px }
    .serviceItem h3{ padding-bottom:0 }
    .btn-position-absolute{ position:static; }
    .footerNav ul{ flex-direction:column; gap: 15px; text-align: center;}
    .halfBannerImage{ width:100% }
    .halfBanner{ flex-direction:column; }
    .halfBannerCaption{ position:static; transform:translate(0); }
    .halfBannerCaption h1, .halfBannerCaption h2{ text-align:center; }
    .galInnerContainer ul li{ padding:5px 0 }
    .halfBanner{ height:auto }
    .halfBannerCaption{ padding-bottom:80px }
    .treatmentDetailsImageSlider .slick-next{ right:0; z-index:9 }
    .treatmentDetailsImageSlider .slick-prev{ left:0; z-index:9 }
    body{ overflow-x:hidden; }
    .hasScrollBar{ padding-left:20px }
    .sidebarFormHolder .text-center.text-white{ padding:0 30px}
    .sidebar-form .gform_body{ padding:0 30px 30px !important}
    .teamSlider .slick-prev{ top:30% ; left: -7px}
    .teamSlider .slick-next{  top:30% ; right: -7px}

    .subscribeForm .gform_footer, .subscribeForm #field_submit{ width:100% !important }
    .subscribeForm .gform-theme--foundation .gform_fields{ row-gap: 15px !important;  display: flex !important; flex-wrap: nowrap !important; }
    .headerRight{ margin-left: auto;  margin-right: 40px; }
    .breadcumb ul li{ font-size:12px; }
    .scrollBar{ display:none; }
    .hasScrollBar{ padding-left:0 }
    .contentScrollSec .buttonGroup{ align-items: flex-start; }
    .map-wrapper iframe{ height:400px; }


}
  



@media (max-width: 1199px) {
    .mega-menu-wrapper{ background:transparent; position:relative; width:100%; padding:0 }
    .mega-menu-container.container{ width:100%; padding:0 }
    .mean-container .mean-nav ul li a.mean-expand{ border:none !important;background:transparent; }
    .mean-container .mean-nav ul li a.mean-expand:hover{ background:transparent; }
    .section-parent-menu{ margin:0 }
    ul.dropdown-menu-holder{ padding:0 !important }

}