/*

Theme Name: Thorpe Lea Dental

Theme URI: #

Author: Sk

Version: 1.0

*/

@import url('https://fonts.cdnfonts.com/css/nexa-bold');

/* Start - Main Style */



*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth; overflow-x:hidden; }

body{ margin:0px; padding:0px;background:#fff; font-family:var(--bodyfont); overflow-x:hidden; }

p{ margin:0px; padding:0px; }

@media (min-width: 992px) { body{ overflow: unset; } }



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; color: var(--seconday-color);}

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





/*variables--*/



:root{



  --bodyfont: 'Nexa', sans-serif;

  --fs-80:80px;

  --fs-60:60px;

  --fs-65:65px;

  --fs-50:50px;

  --fs-48:48px;

  --fs-46:46px;

  --fs-45:45px;

  --fs-42:42px;

  --fs-40:40px;

  --fs-38:38px;

  --fs-36:36px;

  --fs-30:30px;

  --fs-26:26px;

  --fs-24:24px;

  --fs-23:23px;

  --fs-22:22px;

  --fs-21:21px; 

  --fs-20:20px; 

  --fs-18:18px;

  --fs-16:16px;

  --fs-14:14px;



  --main-clr:#462e66;

  --seconday-color:#31b3a8;

  --body-font-color:#686868; 

  --black-color:#000;

  --secondary-font-color:rgba(22,44,105,0.7);

  --white-color:#fff; 

  --color2:#fff;



}



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



h1{ margin: 0px; padding: 0px; font-weight:400; font-size:var(--fs-60); color: var(--body-font-color); padding:0 0 30px 0 }

h2{ margin: 0px; padding: 0px;font-size: var(--fs-50); color: var(--main-clr); font-weight: 300; padding: 0 0 30px 0}





h3{ margin: 0px; padding: 0px; font-weight:400; font-size:var(--fs-40); color:var(--body-font-color); padding:0 0 25px 0 }

h4{ margin: 0px; padding: 0px; font-family: var(--bodyfont); font-weight: 300; font-size: var(--fs-24); color: var(--body-font-color);}

h5{ margin: 0px; padding: 0px; font-weight:500; font-size:var(--fs-21); color:var(--body-font-color); }

h6{ margin: 0px; padding: 0px; font-weight:400; font-size:var(--fs-14); color:rgba(0, 0, 0, 0.4); letter-spacing: 3px; text-transform: uppercase;color:var(--main-clr);}



p{ color:var(--body-font-color); font-size:var(--fs-18); line-height:1.6; font-weight: 300 ; padding: 0 0 30px 0}



.btncn{ position:relative; display: inline-block;  padding:23px 30px 16px; font-size: var(--fs-18);font-weight:300; border-radius:0px; margin:20px 0 20px 0 }

.btncn:hover{ background:var(--seconday-color); }



.btncn-default{font-weight:400 ; background: var(--seconday-color); color: #fff}

.btncn-default:hover{ background:var(--main-clr); }



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

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



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

.btncn-dark: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-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-color:#272727}

.text-main-clr *{color: var(--main-clr);}

.text-white *{color:#fff}

.light-bg{background-color:#f6f4f7}



section{ padding:90px 0 }

.g-5, .gx-5 { --bs-gutter-x: 5rem;}

.hoverImage{position:relative; }

.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 .container {max-width: 1815px; }

}





/*Header*/



.headerTop{ background:var(--main-clr); 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; }

.header{ position:relative; z-index: 99}















.headerMian{ transition:all .5s; position: absolute; top: 41px; left: 0; width: 100%}

.logo{ width:345px; transition:all .5s; position: relative; z-index: 999}

.logo img {margin-bottom: -45px; margin-top: 29px; }

.headerHolder{ display:flex; align-items:center; justify-content:space-between; }

.navigation nav ul li a{  z-index: 999; position:relative; }

.navigation nav ul{ display:flex; margin:0; padding:0; list-style:none; gap:60px;  }

.navigation nav ul li a{ font-family:var(--bodyfont); font-weight:300 ; color:var(--color2); font-size: var(--fs-18); position: relative;}

.navigation nav ul li a:hover{ color:var(--seconday-color); }

.headerRight{  position: relative; z-index: 999 }







ul.dropdown-menu-holder{flex-wrap:wrap;gap: 30px 0!important;width: 100%;border: none; !important;max-width: 1400px;margin: 0 auto !important;padding-top: 40px !important;}

ul.dropdown-menu-holder li { width:20%;  }

ul.dropdown-menu-holder li ul{ display:block; }

.section-parent-menu{ width:100% }

.section-parent-menu{ margin:0 -10px }





@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: rgba(39, 39, 39, 95%);padding-bottom: 4rem;transition: padding .6s ease, opacity .6s ease; box-shadow:0 -116px 0px 0px rgba(39, 39, 39, 95%);top: 100%;opacity:0.0;}

.navigation nav ul li:not(:hover) .mega-menu-wrapper{ pointer-events: none; }
.navigation nav ul li:not(:hover) .mega-menu-wrapper * { pointer-events: none !important; }
.navigation nav ul li:hover .mega-menu-wrapper{ pointer-events: all; opacity:1.0; background: rgba(39, 39, 39, 95%);padding-top: 70px;}

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% }

}



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















.headerRight{ display:flex; align-items:center; }

.phoneNumber a{ font-weight:600 ; font-size:var(--fs-21); color:var(--color2); font-family:var(--bodyfont); }

.phoneNumber a:hover{ color:var(--seconday-color); }

.phoneNumber a i{ display:none; }

.bookAppointment a{padding:44px 50px;display:block;background: var(--seconday-color);color:#fff;position:relative;margin: 0 0 0 50px;font-size: var(--fs-18);letter-spacing: -0.01em;transition:all .5s}

.bookAppointment a i{display:none;}

.bookAppointment a:after{ content:''; position:absolute; width:999em; left:100%; top:0 ; background:var(--seconday-color); height: 100%;transition: all .5s;}

.bookAppointment a:hover,.bookAppointment a:hover:after{background:#215d5d}



.fixed{ position:fixed; width:100%; left:0; top:0; z-index:9; background:rgba(39, 39, 39, 95%); transition:all .5s; box-shadow:0 4px 4px rgba(0,0,0,0.1) }

.fixed .logo{ width:140px; transition:all .5s; }

.fixed .logo img {margin:0}

.banner{ background: #e9e4da; padding: 0 0 0 0; position: relative;}

.sliderInner{ position:relative; background:#162c69; overflow:hidden; }

.sliderImage{ width:100%;}

.sliderImage img{ width:100%; height:100%; object-fit:cover; }

.sliderContent{ position:absolute; top:57%; transform:translateY(-50%); left:0; width:100% }

.sliderContent h3{ font-size:var(--fs-16); font-weight:600; text-transform:uppercase; letter-spacing:0.2em; color:var(--color2) ; padding:0 0 30px 0 }

.sliderContent h3 strong{ font-weight:600 }

.sliderContent h2{ color:var(--color2) ; font-size:var(--fs-80); font-weight: 600; padding: 0 0 40px 0;letter-spacing:-0.025em}

.innerBanner .sliderContent h2{ font-size:var(--fs-60); }



.sliderContent p{ color:var(--white-color); font-size:var(--fs-24); padding:0 0 40px 0; font-weight:300 }

.bannerButtonGroup{ display:flex; gap:12px }

.bannerButtonGroup a{ color:#000 }

.bannerButtonGroup a.bookBtn{ background:var(--seconday-color);color:#fff }

.bannerButtonGroup a.bookBtn:hover{ background:var(--main-clr); color:#fff }







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

.qualityImage:before{ content:''; position:absolute; width:100%; height:100%; bottom:0; left:0; background: rgb(51,59,82); background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); }

.qualityLg{ display:flex; justify-content:space-between; gap:20px; margin:55px 0 0 0 }



@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{ font-weight:300; padding:0 0 25px 0 }

.contentSection p{ text-align:justify; font-size: var(--fs-20);}

.ratingSection{ padding:40px 0 0 0 }

.ratingSection h4{ font-size:var(--fs-16); padding:0 0 12px 0; text-transform:uppercase; letter-spacing:1px; font-weight:300 }

.number{ font-size:var(--fs-36); font-weight:400;  }

.contentImage img{ width:100% }

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



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

.contentSliderContent ul {color: #fff;}

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

.buttonGroup .btncn:first-child{ background:var(--seconday-color); color:#fff; }

.buttonGroup .btncn:last-child{ background:#fff; color: var(--main-clr);}

.btncn i{ margin:0 10px 0 0 }

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

.homepageFormSection h2 strong{font-weight: 600}

.homepageFormSection p{font-weight: 300}

.formGroup{ display:flex; gap:30px; align-items: flex-end;}

.homeFormHolder{padding: 45px 45px 45px 90px;}

.homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel]{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid rgba(236,236,236, 0.6) !important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important;  color: rgba(255,255,255, 1) !important; box-shadow: none !important; border-radius: 0 !important}

.homeFormHolder .inputHolder{ width:100% }

.homeFormHolder ::placeholder { color: rgba(255,255,255, 0.6) !important; opacity: 1 !important; }

.homeFormHolder ::-ms-input-placeholder {  color: rgba(255,255,255, 0.6) !important;opacity:1 !important; }

.formGroup{ margin:0 0 45px 0 }

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

.homeFormHolder input[type=submit]:hover{ background:var(--main-clr) !important; color:#fff !important; transition:all .5s !important; }



.reviewSlider { padding:50px 0 0 0 }

.reviewSlider .slick-slide { margin: 0 60px;  }

.reviewSlider .slick-list { margin: 0 -60px;  }

.reviewItem{ text-align:center; }

.star{ font-size:20px; color:var(--seconday-color); margin:0 0 20px 0 }

.reviewItem p{ text-align:center; color: #333b52}

.reviewItem h4{color:var(--main-clr);}

.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;font-size:25px;border:none;outline:none;background:transparent;color:#a2a2a2;z-index:2}

.reviewSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-60px; font-size:25px; border:none; outline:none; background:transparent; color:#a2a2a2 }

.reviewSlider .slick-prev:hover, .reviewSlider .slick-next:hover{ color:var(--body-font-color); }



.reviewSlider .slick-slide {height: auto;}

.reviewSlider .slick-slide > div{height:100%}



.mapSection img{ width:100% }





.footer{ background:var(--main-clr); }

.footBottom{ padding:20px 0 }

.ftbtm{ justify-content:space-between; align-items:center; display: flex;}

.copyright{ font-size:14px; color:rgba(255,255,255,0.4) ; text-transform: uppercase; letter-spacing: 2px; font-weight: 300}



.footerTop{ padding:85px 0 50px 0 }

.footerTopContent{ display:flex; justify-content:space-between; }

.footerwidget_1{width: 23%;} 

.footerwidget_2{width: 35%;} 

.footerwidget_3{width: 30%;} 



.footerTopContent h2{ color:#fff ; font-size: var(--fs-36);padding: 0 0 25px 0;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}

.btnnSocialGrp{ display:flex; align-items:center; margin:15px 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:30px 0 0 0px;  }

.social ul{margin:0;padding:0;list-style:none;display: flex;gap: 40px;}

.social ul li a{display:block;color:#fff;font-size: 22px;}

.social ul li a:hover{ color:var(--seconday-color); }

.footerTopContent p a{ color:#fff }

.footerTopContent p a:hover{ color:var(--seconday-color); }

.footerTopContent table{ width:100%; }

.footerTopContent table td{ color:#fff ; font-size:var(--fs-14); font-family:var(--bodyfont); line-height:31px; font-weight: 300}

.footerTopContent table td:first-child{ padding-right:20px; }

.footerTopContent .btncn-default{ color:#fffbf4;  }



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



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



    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;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}



.mean-container a.meanmenu-reveal span{ background:var(--main-clr); }







/*Treatment Page*/



.innerBanner{ position:relative;padding:0 }

.innerBannerImage img{width:100%;display:block;}

.innerbannerContent{ position:absolute; width:100%; left:0; top:60%; transform:translateY(-50%); padding:20px; }

.innerbannerContent .bannerButtonGroup{ justify-content:center; }

.innerbannerContent h1{ font-size:var(--fs-80); color:#fff; font-weight: 600}





.breadcumb{ padding:20px 10px;background:#edeaf0 }

.breadcumb ul{ display:flex; justify-content:center; 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-14); text-transform:uppercase; letter-spacing:0.2em ; position:relative; }

.breadcumb ul li:after{ content:'/'; position:absolute; color:#cdcdcd;  border-radius:50%; right: -18px; top: 0px; }

.breadcumb ul li:last-child:after{ display:none; }

.breadcumb ul li a{ color:var(--main-clr);font-weight:300 }

.breadcumb ul li a:hover{ color:var(--main-clr); }





.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:space-between; }

.treatmentImage{ 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);}







.pageContent h2{ padding:0 0 30px 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;color:var(--main-clr);}

.pageContent h2 strong, .pageContent h3 strong, .pageContent h4 strong {font-weight: normal !important;}

.pageContent li {
	color: var(--body-font-color);
    font-size: var(--fs-18);
    line-height: 1.6;
    font-weight: 300;
	padding-bottom: 23px;
}


.brdholder{ text-align:right; }

.sidebarFormHolder{ background:var(--main-clr); padding:55px; margin:0px 0 0 70px}

.sidebarFormHolderLight{ background:#e0dbd3; padding:55px; margin:0px 0 0 70px }

.sidebarImg {margin: 0 0 0 70px; }

.sidebar { position: relative; height: 100%; }

.sidebar .sidebar-container { position: sticky; inset: 0 0 auto; }

/* .sidebarFormHolder{  overflow: auto; position: -webkit-sticky;  position: sticky;  top: 100px; min-height: 200px; } */



.sidebar h3{ color:#fff; font-weight:400; font-size:var(--fs-42); }

.sidebar p{ text-align:center; color:#fff; font-weight:300; font-size:16px; line-height:1.6 }

.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 rgba(225, 225, 225, 0.302)!important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important;  color: #fff !important; margin: 0 0 0 0 !important; border-radius: 0 !important; box-shadow: none !important;}

.sidebar-form .inputHolder { width:100% }

.sidebar-form .inputHolder ::placeholder { color:rgba(225, 225, 225, 0.6);; opacity: 1; }

.sidebar-form .inputHolder ::-ms-input-placeholder { color: rgba(233,228,218, 0.6);opacity:1}

.formGroup{ margin:0 0 30px 0 }

.sidebar-form input[type=submit]{padding: 15px 36px !important; background: #fff !important;border:none !important;outline:none !important; cursor:pointer !important;font-weight:500 !important; font-size:var(--fs-18) !important;transition:all .5s !important;border-radius: 0 !important; color: var(--main-clr) !important; margin-top: 20px !important; margin-left: auto !important; margin-right:auto !important; display:table !important;}

.sidebar-form input[type=submit]:hover{ background:var(--seconday-color) !important; color:#fff !important; transition:all .5s !important; }



.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;  background: #9ba2a8; }

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



.accordian-new h3 {  font-family: var(--bodyfont); font-weight: 300; font-size: var(--fs-24); color:var(--main-clr);  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: 19px;  font-size: 24px; color:var(--main-clr);   font-weight: 300; transition: .5s}

.faqHolder{position:relative;z-index:2}

.bg-logo5{position:absolute;z-index:-1;top:270px;right:0;}

.faqHolder h2{font-weight:300 }

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

.accroHolder{border-bottom: 1px solid rgba(10, 10, 10, 20%); }

.contactDetails{ margin:20px 0 }

.contactmap{ margin:10px 0 45px 0 }

.contactmap iframe{border: 1px solid var(--main-clr)!important;}

.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 ; display:flex; align-items:center; background:#f6f4f7; margin:0 0 40px 0 }

.blogCategorySelect span{ font-size:var(--fs-24); font-weight:300; padding:0 12px 0 0;  }

.blogCategorySelect select{ width:100%; border:none; background:transparent; font-size:var(--fs-24); font-weight:300; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image:url(assets/images/downArrowDark.png); background-repeat:no-repeat; background-position: 100% center;}

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

.reviewSection h2{font-weight:300}





.awardsSec{background: #f6f6f6}

.awardsRow{display:flex;gap:30px;align-items:center;justify-content: space-between;}

.awardsImg img {margin: 0 auto; display: block; }



.footerLogo img{filter: brightness(0) invert(1);}

.iconHolder{ margin:10px 0 30px 0 }

.iconList{ display:flex; align-items:center; margin:0 0 25px 0 }

.iconListIcon{ width:26px; flex-shrink:0; margin:0 10px 0 0;font-size:18px;color:var(--main-clr); }

.iconListText{ font-size:var(--fs-16);font-family:var(--bodyfont);font-weight:300;color:var(--body-font-color); }

.iconListText a{ color:var(--body-font-color);; }

.iconListText a:hover{ color:var(--seconday-color); }

.footer .iconListIcon,.footer .iconListText,.footer .iconListText a{ color:#fff; }

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

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














@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-40: 35px;



    }

  .logo{ width:160px }

  .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:16px }

  section{ padding:60px 0 }

  .contentTop:not(:last-child){ padding:0 0 60px 0 }

}





@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: 0 100px !important }

}

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

    :root{ 

        --fs-80: 55px;

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



    }



    .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:0 0 50px 0 }

    .contentSliderContent{ padding:30px 80px 30px 30px; }

    .sliderContent h2{ font-size:44px; padding:0 0 20px 0 }



}



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

     :root{

        --fs-42:34px ;

     }

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

     .footerTopContent{ display:block; }

     .footerwidget_1{ width:100%; } 

    .footerwidget_2{ width:100%; margin:30px 0  10px 0} 

    .footerwidget_3{ width:100%; }

    .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:1px solid var(--seconday-color); padding: 8px 13px 8px; margin-top:0px; color: var(--seconday-color);}

    .mean-container .mean-nav{ margin-top:56px }

    .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 {  width: 100px; }

    .fixed .logo{  width: 100px; }

    .innerBannerImage img{ height:500px; object-fit:cover; }

    .sidebarFormHolder{ margin: 5px 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(--seconday-color); }

    .headerRight{ position:static; }

    .mean-nav { box-shadow: -50vw 0 0 #000, 50vw 0 0 #000;}

    .mean-container .mean-nav{ background:#000 }

    .treatmentImage{ width:31% }

    .bookAppointment a:after{display:none;}

    .headerMian {position: static; background: black; }

    .logo img {margin: 0; }

    .ratingSection h4 {font-size: 12px; }

    .qualitySectionSlider,.reviewSlider {width: 90%; margin: 0 auto; }

    .contentSliderSection .slick-next, .contentSliderSection .slick-prev {bottom: 59px; }



}

@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:48% }

    .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: 85%;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;}

}

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

    }

    .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:390px }

    .sidebarFormHolder{ padding:45px 25px }



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

    .btncn{ width:100%; text-align:center; }

    .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; background:var(--seconday-color); }

    .headerMian .container{ padding:0 15px }

    .logo,.fixed .logo{ width:140px }

    .sliderContent{ text-align:center; }

    .sliderContent h3{ font-size:12px }

    .sliderContent h2{ font-size:34px;  }

    .bannerButtonGroup{ flex-direction:column; }

    .bannerButtonGroup a{ margin:0 }

    .sliderContent{ top:50%;  }

    .homeFormHolder{ padding:20px }

    .headerTop ul li{ font-size:14px }

    .treatmentImage{ width:100% }

    .breadcumb ul{ flex-wrap:wrap; }

    .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: 0 auto;}



    .reviewSlider .slick-prev {left: -38px;}

    .reviewSlider .slick-next {right: -38px;}

    .reviewItem p{font-size:16px}

}



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

}

/* End - Main Style */



/* Start - Common Style */

#reviewtxt .modal-body {padding:30px 35px 35px}

.reviewModalClose {position: absolute;top: 0px;right: 0px;transform: translate(50%, -50%);background: var(--main-clr); 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: var(--seconday-color); 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: var(--main-clr); }



#load_more {text-align: center;}

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

#load_more a:hover,#load_more a:hover:after{ background:var(--main-clr) !important; }

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

/* End - Common Style */

/*MOBULE CTAs*/
/* Sticky Buttons Container */
.sticky-buttons {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    justify-content: space-between; /* Ensure no gaps */
    align-items: stretch; /* Make buttons equal in height */
    padding: 0; /* Remove padding around container */
}

/* Individual Buttons */
.sticky-buttons .button {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
	text-transform: uppercase;
    color: #fff;
    text-align: center;
    flex: 1; /* Each button takes equal width */
    display: flex;
    flex-direction: column; /* Stack icon above text */
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: none; /* Remove any borders */
    margin: 0; /* No margin between buttons */
    padding: 10px 0; /* Add padding to the top and bottom */
}

.sticky-buttons .call-now {
    background-color: var(--main-clr); /* Black */
}

.sticky-buttons .whatsapp {
    background-color: #25D366; /* WhatsApp green */
}

.sticky-buttons .book-now {
    background-color: var(--seconday-color); /* Light blue */
}

/* Icon Styling */
.sticky-buttons .button i {
    font-size: 20px; /* Larger icons for emphasis */
    margin-bottom: 5px; /* Space between icon and text */
}

/* Show sticky buttons only on small screens */
@media (max-width: 768px) {
    .sticky-buttons {
        display: flex; /* Show buttons only on mobile devices */
    }
}

/* Team Section Modal */
/* Custom Modal Styles */
.custom-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
	margin: 0 !important;
}

/* Center modal content */
.custom-modal-content {
    position: absolute;
    top: 10%;
    left: 25%; /* Adjust centring */
    width: 50%; /* Set width to 30% of the screen */
    padding: 40px;
    background-color: #fff;
    border-radius: 0;
    text-align: left;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.custom-modal-content h3 {color: var(--seconday-color); padding: 0; text-transform: uppercase;}

.custom-modal-content h4 {font-size: 1.2rem;}

/* Make modal content responsive for smaller screens */
@media (max-width: 768px) {
    .custom-modal-content {
        left: 5%; /* Adjust centring */
        width: 90%; /* Increase width for smaller screens */
    }
}

/* Close button */
.close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #000;
}

p.special-details {
	font-size: 17px;
}

/* Overlay full height */
.custom-modal .custom-modal-content {
    animation: fadeIn 0.3s ease-out;
}

.pricing-table {
            max-width: 800px;
            margin: 2rem auto;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .pricing-table table {
            width: 100%;
            border-collapse: collapse;
        }

        .pricing-table thead {
            background-color: #462E66;
            color: white;
        }

        .pricing-table thead th {
            text-align: left;
            padding: 1rem;
        }

        .pricing-table tbody tr:nth-child(even) {
            background-color: #f4f4f4;
        }

        .pricing-table tbody tr:hover {
            background-color: #eaeaea;
        }

        .pricing-table tbody td {
            padding: 1rem;
            border-bottom: 1px solid #ddd;
        }

        .pricing-table tbody td:last-child {
            text-align: right;
            font-weight: bold;
        }

        @media screen and (max-width: 600px) {
            .pricing-table table, 
            .pricing-table thead, 
            .pricing-table tbody, 
            .pricing-table th, 
            .pricing-table td, 
            .pricing-table tr {
                display: block;
            }

            .pricing-table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .pricing-table tr {
                border: 1px solid #ccc;
                margin-bottom: 1rem;
            }

            .pricing-table td {
                border: none;
                position: relative;
                padding-left: 50% !important;
        		text-align: right;
            }

            .pricing-table td::before {
                content: attr(data-label);
                position: absolute;
                left: 1rem;
                top: 50%;
                transform: translateY(-50%);
                font-weight: bold;
                color: #462E66;
            }
        }

/* Overlay full height */
.custom-modal .custom-modal-content {
    animation: fadeIn 0.3s ease-out;
}

.pricing-table {
            max-width: 800px;
            margin: 2rem auto;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .pricing-table table {
            width: 100%;
            border-collapse: collapse;
        }

        .pricing-table thead {
            background-color: #462E66;
            color: white;
        }

        .pricing-table thead th {
            text-align: left;
            padding: 1rem;
        }

        .pricing-table tbody tr:nth-child(even) {
            background-color: #f4f4f4;
        }

        .pricing-table tbody tr:hover {
            background-color: #eaeaea;
        }

        .pricing-table tbody td {
            padding: 1rem;
            border-bottom: 1px solid #ddd;
        }

        .pricing-table tbody td:last-child {
            text-align: right;
            font-weight: bold;
        }

        @media screen and (max-width: 600px) {
            .pricing-table table, 
            .pricing-table thead, 
            .pricing-table tbody, 
            .pricing-table th, 
            .pricing-table td, 
            .pricing-table tr {
                display: block;
            }

            .pricing-table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .pricing-table tr {
                border: 1px solid #ccc;
                margin-bottom: 1rem;
            }

            .pricing-table td {
                border: none;
                position: relative;
                padding-left: 50% !important;
        		text-align: right;
            }

            .pricing-table td::before {
                content: attr(data-label);
                position: absolute;
                left: 1rem;
                top: 50%;
                transform: translateY(-50%);
                font-weight: bold;
                color: #462E66;
            }
        }
.plan-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            padding: 20px;
        }
.card {
            background-color: white;
            border: 2px solid #462E66;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 320px;
            padding: 20px;
            text-align: left;
        }

        .card h2 {
            color: #2FB3A8;
            font-size: 1.5rem;
            margin-bottom: 0;
			padding: 0;
        }

        .card ul {
            padding: 0;
            list-style-type: none;
        }

        .card ul li {
            margin-bottom: 10px;
            font-size: 0.95rem;
        }

		.card li {
    display: flex;
    align-items: center;
    padding: 0.5rem 0; /* Add spacing between items */
    font-size: 1rem; /* Ensure readability */
    line-height: 1.5;
    colour: #333; /* Neutral text colour */
    border-bottom: 1px solid #f0f0f0; /* Add a subtle divider between items */
}

.card li:last-child {
    border-bottom: none; /* Remove border from the last item */
}

.card li::before {
    content: "✓"; /* Add a checkmark before each item */
    font-size: 1.2rem; /* Slightly larger icon */
    colour: #244289; /* Branded colour for the checkmark */
    margin-right: 0.75rem; /* Add spacing between icon and text */
}

        .card .price {
            color: #2FB3A8;
            font-weight: bold;
            font-size: 1.2rem;
            margin-top: 10px;
        }

        @media (min-width: 768px) {
            .card {
                flex: 1 1 calc(33.333% - 20px);
            }
        }

        @media (max-width: 480px) {
            .card {
                max-width: 100%;
            }

            .card h2 {
                font-size: 1.3rem;
            }

            .card ul li {
                font-size: 0.9rem;
            }

            .card .price {
                font-size: 1rem;
            }
        }

body .gform_wrapper .gform_body .gform_fields .gfield textarea { width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid rgba(255,255,255,0.6) !important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important;  color: rgba(255,255,255,0.6) !important; margin: 0 0 0 0 !important; border-radius: 0 !important; box-shadow: none !important;}

body .gform_wrapper .gform_body .ginput_container_consent label, body .gform_wrapper .gform_body .gfield_consent_description, body .gform_wrapper .gform_body .gfield_consent_description a, 	
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio .gchoice, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input[type=radio], body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_radio .gchoice label, .gform-field-label--type-inline, legend.gfield_label.gform-field-label {
	color: #fff !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield {
    position: relative; /* Make the container relative for positioning the arrow */
}


body .gform_wrapper .gform_body .gform_fields .gfield select {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(225, 225, 225, 0.302) !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 300 !important;
    color: #fff !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0;
    appearance: none; /* Remove the default arrow */
    -webkit-appearance: none; /* Safari-specific reset */
    -moz-appearance: none; /* Firefox-specific reset */
}
body .gform_wrapper .gform_body .gform_fields .gfield select option {
    color: #000 !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield select::placeholder {
    color: rgba(255, 255, 255, 0.6); /* Style placeholder text */
}

body .gform_wrapper .gform_body .gform_fields #field_1_14::after {
    content: "▼"; /* Custom arrow symbol */
    font-size: 12px; /* Adjust arrow size */
    color: #fff; /* Match arrow colour with form styling */
    position: absolute;
    top: 50%;
    right: 0; /* Align it to the right edge */
    transform: translateY(-50%); /* Centre it vertically */
    pointer-events: none; /* Ensure arrow does not interfere with click events */
}

.footer-menu-container {
    text-align: left;
    padding: 15px 0;
}

.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    gap: 15px;
    flex-wrap: wrap; /* Allows wrapping for smaller screens */
}

.footer-menu li {
    display: inline;
}

.footer-menu a {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
}

.footer-menu a:hover {
    color: #fff;
}

/* Mobile-Friendly Styles with 2 Columns */
@media screen and (max-width: 768px) {
    .footer-menu {
        display: grid; /* Use grid layout */
        grid-template-columns: repeat(2, 1fr); /* Two equal columns */
        gap: 10px; /* Gap between items */
        justify-items:  center; /* Center items in columns */
    }

    .footer-menu li {
        display: block; /* Ensure proper stacking in grid */
    }
}