/*
Theme Name: The Dental Clinic Portishead
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:#ffffff; font-family:var(--bodyfont);}
p{ margin:0px; padding:0px; }

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition:all .5s;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(--seconday-color);}
::selection { color: #fff; background: var(--seconday-color);}


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

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



/*variables--*/

:root{
  --bodyfont: "SFProDisplay", sans-serif ;
  --accent-font: "articulat-cf", sans-serif;
  --headfont:"Playfair Display", serif;
  --fs-70:70px;
  --fs-60:60px;
  --fs-50:50px;
  --fs-42:42px;
  --fs-40:40px;
  --fs-36:36px;
  --fs-30:30px;
  --fs-28:28px;
  --fs-26:26px;
  --fs-24:24px;
  --fs-20:20px; 
  --fs-18:18px;
  --fs-16:16px;
  --fs-14:14px;
  --fs-13:13px;
  --pdg:80px;
  --topbar-color:var(--main-clr);
  --main-clr:#013740;
  --seconday-color:#409a96;
  --dark-bg:#0b0c17; 
  --hover-color:#00d3a2;
  --body-font-color:#0b0c17;
  --head-font-color:#0b0c17;
  --light-font-color:#f8f3ea;
  --light-bg:#ebf7f6;  
  --navbar-color:rgba(243, 249, 249, 0.95);
}

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

h1{font-size:var(--fs-60);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3}
h2{font-size:var(--fs-50);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding: 0 0 30px 0;line-height: 1.3}
h3{font-size:var(--fs-28);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3}
h4{font-size:var(--fs-24);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3}
h5{font-size:var(--fs-20);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3}
h6{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);color:var(--head-font-color);padding:0 0 30px 0;text-transform:uppercase;letter-spacing:0.2em;line-height: 1.3}

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

.btncn{position:relative;display: inline-block;padding:14px 35px 14px;font-size: var(--fs-18);font-weight: 300;border-radius:0;border-width:1px;border-style:solid;text-align: center;margin:15px 0;font-family:var(--accent-font);}

.btncn-default{background: var(--seconday-color); color:#fff;border-color:var(--seconday-color);font-weight:600;text-transform: uppercase;}
.btncn-default:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff;}

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

.btncn-white{background:rgba(255, 255, 255, 0.20);color: #fff;border-color: transparent;font-weight: 600;text-transform: uppercase}
.btncn-white:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff}

.btncn-line{ border-color:#fff;color:#fff;background:transparent}
.btncn-line:hover{ background:var(--hover-color);border-color: var(--hover-color); color:#fff; }


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

.section{ padding-top:var(--pdg); }
.sectionPaddingBtm{ padding-bottom:var(--pdg) }
.no-padding-top{ padding-top:0 }
.section .container{ position:relative; }

.light-bg{ background:var(--light-bg); }
.dark-bg{background:var(--dark-bg); }
.main-clr-bg{background: var(--main-clr);}
.secondary-bg{background: var(--seconday-color);}
.duel-bg{background: linear-gradient(0deg, transparent 45%, var(--seconday-color) 45%);}
.duel-bg-btm{background: linear-gradient(180deg, transparent 55%, var(--seconday-color) 55%);}
.duel-bg-2{background: linear-gradient(0deg, transparent 45%, var(--main-clr) 45%);}
.duel-bg-btm-2{background: linear-gradient(180deg, transparent 55%, var(--main-clr) 55%);}
.main-clr-bg  .btncn-secondary{color:#fff;}

.hoverImage{ overflow:hidden; 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;pointer-events:none;}
.hoverImage:hover:after{ opacity:0.7; transition:all .5s }
.hoverImage img{ width:100%; transition:all .5s }
.hoverImage:hover img{ transform:scale(1.1); transition:all .5s }
.g-5, .gx-5 { --bs-gutter-x: 5rem;}
.g-4, .gx-4 { --bs-gutter-x: 3rem;}
.section-heading{ margin:0 0 20px 0 }
.section-heading h6{ padding-bottom:15px; }
.text-center p{ text-align:center; }

.btn-position-absolute { position: absolute; right: 15px; top: 5px;}
.btn-position-absolute .btncn{margin:0}
.section-heading{ padding-right:220px; }
.mobile{display:none; }

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


.text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6{ color:#fff }

.gform-footer,#field_submit{position:relative!important}
.gform-loader {position:absolute!important;right:0!important;top:0!important}

.sidebarFormHolder .gform_validation_errors {max-width: 80% !important;margin: 0 auto 20px !important;}
.gform_validation_errors h2{padding:0 !important;}



@media (min-width: 1600px) {
  .container{ max-width:1470px }
}

@media only screen and (max-width:1599px){
  :root{ 
    --fs-70:60px;
    --fs-60:55px;
    --fs-50:45px;
    --fs-42:38px;
    --fs-40:37px;
    --fs-36:34px;
    --fs-30:28px;
    --fs-28:27px;
    --fs-26:25px;
    --fs-24:23px;
    --fs-20:18px;     
    --fs-18:16px;
    --fs-16:15px;
    --fs-14:14px;
  }
}
@media only screen and (max-width:1399px){
  :root{ 
    --fs-70:50px;
    --fs-60:45px;
    --fs-50:40px;
    --fs-42:34px;
    --fs-40:33px;
    --fs-36:30px;
    --fs-30:26px;
    --fs-28:25px;
    --fs-26:23px;
    --fs-24:22px;
    --fs-20:17px; 
  }
}
@media only screen and (max-width:1199px){
  :root{ 
    --fs-70:45px;
    --fs-60:42px;
    --fs-50:40px;
    --fs-42:32px;
    --fs-40:31px;
    --fs-36:24px;
    --fs-30:23px;
    --fs-28:22px;
    --fs-26:21px;
    --fs-24:20px;
  }

  a{ text-decoration:none; border: 0px; outline: none; transition:none;}
  a:hover, a:focus, a:active{ transition:none; }  
}
@media only screen and (max-width:991px){
  :root{ 
    --fs-70:35px;
    --fs-60:33px;
    --fs-50:32px;
    --fs-42:30px;
    --fs-40:30px;
    --pdg :50px;
  }
  p{padding-bottom:20px}
  .full-image img{width: 100%;max-width:100%;min-width: 100%;}
    
}
@media only screen and (max-width:767px){
  .container{ padding:0 40px; }

  .btncn{ width:100%; text-align:center; }
  .buttonGroup .btncn{width: auto;flex-grow: 1;padding: 10px 10px;font-size: 14px; }
  .buttonGroup{gap: 8px}
  .buttonGroup .btncn i{margin: 0 5px 0 0 }

  .desktop{ display:none; }
  .mobile{display:block;}
  .lineHd h5::before{width:25px;margin-right:5px}

  .btn-position-absolute { position: static;margin-top:30px}
  .section-heading{ padding-right:0px}


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



/*Header Start*/
  .header{--headerHeight:104px;position: sticky; top: 0; z-index: 99999; width: 100%; transition: 0.3s;}
  .headerTop{ background:var(--topbar-color); padding:6px 0;  }
  .headerTop p{ color:var(--white-color); font-weight:300; padding:0; font-size:var(--fs-18); }
  .headerTop p a{  color:#eee; font-weight:600 }
  .headerTop p a:hover{ color:var(--seconday-color); }
  .headerTop ul{ margin:0; padding:0; list-style:none;display:flex;flex-wrap:wrap;justify-content:center; }
  .headerTop ul li{display:block;vertical-align:top;padding:0 22px;position:relative; color:#fff;font-size:var(--fs-18); font-family:var(--bodyfont); font-weight:400}
  .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:#fff; }
  .headerTop ul li:first-child:before{ display:none; }


  .headerMian{width: 100%; transition: all .5s; background:#f3f9f9;}
  .logo{height: 70px;transition:all .5s;flex-shrink: 0}
  .logo img{max-height: 100%;object-fit:contain;width:auto;}
  .headerHolder{ display:flex; align-items:center; justify-content:space-between; padding:0 0 0 75px;gap:20px;height: var(--headerHeight);transition: 0.5s}

  .navigation{margin: 0 auto 0 20px;}
  .navigation nav ul{ display:flex; align-items:center; margin:0; padding:0; list-style:none; }
  .navigation nav ul li a{font-weight:300;font-size: var(--fs-18);position: relative;color:var(--body-font-color);z-index: 10; font-family:var(--accent-font);}
  .navigation nav ul li a:hover{ color:var(--seconday-color); }
  
  .navigation {align-self: stretch;}
  .navigation nav, .navigation nav > ul,.navigation nav > ul > li,.navigation nav > ul > li> a {height: 100%;}
  .navigation nav > ul > li > a {padding-left: 30px;padding-right: 30px;display: flex;flex-direction: column;justify-content: center;}

  .headerWinnerLogo {margin-right: 18px; }
  .headerRight{ display:flex; align-items:center;gap:35px;align-self: stretch;  }
  .phoneNumber a{font-family:var(--bodyfont);color:var(--body-font-color);font-size: var(--fs-18);}
  .phoneNumber a i{color: var(--seconday-color);margin-right: 10px}
  .phoneNumber a:hover{ color:var(--seconday-color); }
  .whatsapp a{ color:#fff; font-size:24px; display:block; width:40px; height:40px; border-radius:50%; background:#25d366; text-align:center; line-height:40px;}
  .whatsapp a:hover{opacity: 0.7}
  .headerIcon a{font-size:18px; display:block; width:40px; height:40px; border-radius:50%;border:1px solid var(--main-clr); text-align:center; line-height:40px;color: var(--main-clr);}
  .headerIcon a:hover{background: var(--main-clr);color: #fff}

  .bookAppointment{height: 100%}
  .bookAppointment a{padding: 0px 55px;display:block;background: var(--seconday-color);color: #fff;position:relative;font-size: var(--fs-18);font-weight: 600;transition:all .5s;font-family: var(--accent-font);margin-left: 20px;height: 100%;line-height: var(--headerHeight);text-transform: uppercase;letter-spacing: 0.05em}
  .bookAppointment a i{ margin:0 10px 0 0; }
  .bookAppointment a:hover{background:var(--hover-color);color:#fff}

  .headerSocial a{ font-size:22px; color:#000; position:relative; top:2px; }
  .headerSocial a:hover{ color:var(--seconday-color); }

  .fixed{position:sticky;top:0;left:0;width:100%;background:var(--dark-bg);box-shadow:0 5px 15px rgba(0,0,0,0.2); z-index: 999}

  
  .mobileMenu{--navbar-color:var(--main-clr)}
  .mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important;  }
  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{box-sizing: content-box;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:2px;margin-top:5px}.mean-container a.meanmenu-reveal span:first-child{margin-top:0px}.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: 100%;padding: 1em 5%;margin:0;text-align:left;color: #ffffff;border-top: 1px solid rgb(255 255 255 / 30%);text-decoration:none;text-transform:uppercase;text-align: center;}.mean-container .mean-nav ul li li a{width: 100%;padding: 0.8em 10%;border-top: 1px solid rgba(255, 255, 255, 25%);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible;font-size: 90%;}.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:100%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:100%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:100%;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: 30px;height: 56px;line-height: 56px;padding: 0px!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: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.mean-remove{display:none!important}
  .mean-container .mean-nav ul li a{padding-left:30px!important;padding-right:30px!important}


  .top-bar-wrapper {background: #a4b16d; /* purple brand */ font-size: 14px; }
  .top-bar a {text-decoration: none; }
  .top-link {display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #fff; }
  .top-link i{font-size:130%}
  .top-link:hover{color:var(--hover-color);}
  .top-button {background: #fff; padding: 6px 14px; font-size: 14px; font-weight: 500; color: #111; text-align: center; text-decoration: none; transition: background 0.3s ease; }
  .top-button:hover {background: #ccc; }


   @media only screen and (min-width:1200px){
    .headerMian a{position:relative;z-index: 10;}
    .headerMian:hover a{pointer-events:all;}
    .headerMian{position:relative}
    .mega-menu-wrapper{position: absolute;z-index: 9;inset: 0 0 auto;width: 100vw;max-width: 100vw;background:var(--navbar-color);top: 0%;height:0px;overflow:hidden;transition: height .5s}  
    .navigation nav ul li:hover .mega-menu-wrapper{ height: 400px; transition: height .5s; visibility:visible;}
    .mega-menu-container{padding: calc(var(--headerHeight) + 30px) 0 60px;}
    
  
    /*.navigation nav ul.dropdown-menu-holder li a{ font-size:var(--fs-36) ; font-weight:400; margin:0 0 15px 0; display:block;font-family:var(--headfont);  }*/
    .navigation nav ul.dropdown-menu-holder li a{ font-size:var(--fs-20) ; font-weight:300; margin:0 0 15px 0; display:block;font-family:var(--bodyfont);  }
    .navigation nav ul.dropdown-menu-holder li ul li a{  font-size: var(--fs-20); padding:5px 0; display:block; font-weight:300; margin:0;width:100%;transition:0.2s;font-family:var(--bodyfont);line-height:1.2 }
    .navigation nav ul.dropdown-menu-holder li ul li a:hover{color:var(--hover-color);}
    .mega-menu-wrapper a:hover{ color:var(--seconday-color); }
    /*.mega-menu-wrapper{overflow: auto;}*/

    ul.dropdown-menu-holder{/*gap: 65px 20px;*/ width: 100%;border: none;justify-content: flex-start;align-items:flex-start!important;flex-wrap: wrap;}
    ul.dropdown-menu-holder li ul{ display:block; }
    ul.dropdown-menu-holder > li { width:calc(33% - 15px);  }
    .section-parent-menu{ width:100% }
    .mega-menu-container {display: flex;justify-content: space-between;gap: 20px;}
    .mega-menu-img {width: 26%; }
    .mega-menu-img img {width: 100%; display: block; }
    .dropdown-menu-left {width: 55%; }
    .dropdown-menu-right {width: 45%;display:flex;flex-direction:column;gap:20px }
    .dropdown-menu-left ul li {width: 48%; }
    .dropdown-menu-left ul {display: flex; justify-content: space-between; gap: 0; flex-wrap: wrap; }
    .dropdown-menu-right ul {flex-direction: column; }


    li.normal-menu {position: relative;}
    li.normal-menu ul {position: absolute;left: 0px;flex-direction: column;min-width: 260px;background: var(--navbar-color);gap: 0;top: 100%;opacity: 0;visibility: hidden;width: 250px;padding: 0px !important;z-index: -9;transform: translateY(-50px);transition: opacity 0.3s, transform 0.3s, visibility 0.3s;}
    li.normal-menu:hover > ul{visibility:visible; opacity:1.0; z-index:9 ; transform: translateY(0px); transition: opacity 0.3s, transform 0.3s, visibility 0.3s;}
    li.normal-menu ul a {padding: 10px 25px;display: block;width:100%}
    li.normal-menu ul li {width:100%}

    .headerMian .container-fluid{ padding:0 0 0 15px }

    .mobileMenu{display:none;}
  }


  @media only screen and (max-width: 1799px) {
    .headerTop ul li{ font-size:16px }
    .headerMian .btncn{ padding:13px 20px }
    ul.dropdown-menu-holder li a{ font-size:var(--fs-18)!important }
    .navigation nav > ul > li> a{;padding:0 20px}
    .navigation nav ul li a{font-size: var(--fs-18)}
    .headerHolder{padding-left: 20px}
    .navigation{margin:0 auto 0 20px}
  }
  @media only screen and (max-width: 1599px) {
    .headerHolder{ padding:0 }
    .headerRight{gap:15px}
    .bookAppointment a{padding-left:30px;padding-right:30px}
    .navigation nav > ul > li> a{;padding:0 12px}

  }
  @media only screen and (max-width: 1399px) {
    .header .container { width:98%; max-width:100% }
    .logo{ height:50px }
    .header{--headerHeight:90px}
    /*.fixed.header{--headerHeight:80px}*/
    .bookAppointment a{ margin:0 ; }
    .navigation{margin:0 auto 0 0}
    .phoneNumber a span{display:none;}
    .phoneNumber a i{margin: 0}
    .phoneNumber a{font-size: 18px; display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--seconday-color); text-align: center; line-height: 40px; color: var(--seconday-color);}
    .phoneNumber a:hover{color: #fff;background: var(--seconday-color);}
    .phoneNumber a:hover i{color: #fff;}

  }
  @media only screen and (max-width: 1199px) {
    .header .fixed, .header {position: relative; box-shadow: none; top: 0!important; }
    .bookAppointment a,.fixed .bookAppointment a{ margin:0 42px 0 0px;}
    .headerHolder{ position:relative; }
    .section-parent-menu{ padding:0 0 0 0 }
    .bookAppointment a:after{ display:none; }
    .headerMian{position:static;}
    .mega-menu-wrapper{ background:transparent; position:relative; width:100%; padding:0}
    .header .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 }
    .mobileMenu li a{font-size: var(--fs-18);}

    .headerHolder{ position:relative; }
    .mean-container .mean-bar {  position: absolute;  left: 0; width: 100%;  float: none;  z-index: 99;  top: 22px;  background:transparent;pointer-events: none;}
    .mean-container .mean-bar a{pointer-events: all;}
    .mean-container a.meanmenu-reveal{ border:1px solid transparent; padding: 8px 13px 8px; margin-top:0px; color: var(--seconday-color);border-radius:0;height: auto;}
    .mean-container .mean-nav{margin-top: 54px;}
    .mean-container .mean-nav ul li a{ font-family:var(--bodyfont); }
    .mean-container .mean-nav > ul > li:first-child > a{ border:none; }
    .mean-container a.meanmenu-reveal span{ background:var(--seconday-color); }
    .mean-nav {box-shadow: -50vw 0 0 var(--navbar-color), 50vw 0 0 var(--navbar-color);}
    .mean-container .mean-nav{background:var(--navbar-color);}
    .mean-container a.meanmenu-reveal{ z-index:9999 }

    .logo,.fixed .logo {position:relative; z-index:9999; transform:translate(0); left:inherit; }
    .header{--headerHeight:80px}
    .fixed.header{--headerHeight:80px}
    .navigation{ visibility:hidden; display:none; }
    .headerRight {margin-left: auto; }

    .mega-menu-img{display:none;}
   
  }
  @media only screen and (max-width: 991px) {
    .phoneNumber span{ display:none; }
    .phoneNumber a i{ display:inline; }
    .headerTop ul li {font-size: 14px; padding: 0 10px; }
  }
  @media only screen and (max-width: 767px) {

    .phoneNumber a span{ display:none; }
    .bookAppointment a span{ display:none; }
    .headerRight {gap: 8px; }
    .phoneNumber a{width: 55px; height: 55px; line-height: 55px;font-size:25px }
    .headerIcon a{width: 55px; height: 55px; line-height: 55px;font-size:25px }
    .whatsapp a{width: 55px; height: 55px; line-height: 55px;font-size:25px }

    .headerHolder {gap: 10px;padding: 8px 0 }
    .logo,.fixed .logo{height:45px }
    .header{--headerHeight:70px}
    .fixed.header{--headerHeight:70px}
    .bookAppointment a,.fixed .bookAppointment a{ display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; line-height: 55px;font-size:25px; border-radius:50%; background:transparent; color:#fff; text-align:center; line-height:35px; padding:0 ;border: 1px solid var(--main-clr);color: var(--main-clr);margin-right: 0px;}
    .fixed .bookAppointment a{padding: 0}
    .bookAppointment{height:auto;}
    .bookAppointment a i{ margin:0;display:block; }
    .headerTop p{ font-size:14px }
    .header .container{ padding:0px 10px; }
    .mean-container .mean-nav{ margin-top:50px }
    .mean-container .mean-bar{top: 15px}
    .mean-container a.meanmenu-reveal{padding: 10px 0}

    .headerRight {display: none;position: fixed; top: 50%; transform: translateY(-50%); right: 0; flex-direction: column; gap: 1px; border-radius: 5px 0 0 5px; overflow: hidden; background:#fff; border: 1px solid #fff; }
    .headerRight a {border-radius: 0!important; background: var(--main-clr)!important; border: 0!important; }
    .headerRight a i {color: #fff!important; }
    .top-bar-right {  justify-content: flex-start;}
    .top-bar-left, .top-bar-right {  flex-wrap: nowrap; width: 100%;    }
    .top-bar { flex-direction: column; gap: 0.5rem;}
    .top-button{ width:100% }
    .top-bar-left{ justify-content:space-between; }

    .mean-container .mean-nav ul li li a {text-transform: capitalize !important; }

  }
/*Header End*/


/*Banner Start =========================*/
  .banner{position:relative;}
  .bannerSliderItem {position: relative; z-index: 2; }
  .bannerImage {background: #000;position:relative;z-index: -1; }
  .bannerImage::after {content:'';background-image: linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);opacity: 0.95;position: absolute;left: 0;top: 0;width: 90%;height: 100%;}
  .bannerImage img {display: block;width:100%;object-fit:cover;min-height: 800px;}
  .bannerContent {position: absolute;left: 0;top: 12%;width: 100%;}
  .bannerContent h6 {font-size: var(--fs-13); color: #fff;letter-spacing: 0.1em;padding-bottom:0px;font-weight:300;letter-spacing:0.05em;letter-spacing: 0.15em; }
  .bannerSmallHd{display:flex;align-items:center;gap:15px;margin-bottom:25px}
  .bannerSmallHdImg{flex-shrink: 0}
  .bannerContent h2 {color: #fff;font-size:var(--fs-70);line-height: 1.2}
  .bannerContentInr {max-width: 810px;}
  .bannerContent p{color:#fff;font-size:var(--fs-24);font-weight:200;}
  .bannerContent p strong{font-weight:300;}
  .bannerContent .btncn{margin-top: 0}
  .bannerSlider {position: relative;}
  .banner .slick-dots {display: flex;gap: 12px;justify-content:flex-start;position: absolute;bottom: 320px;left: 50%;transform: translate(-50%, 0);list-style:none;font-size:0;margin:0;padding:0 15px;}
  .banner .slick-dots li{display:block;padding:0;margin:0;width: 16px;height:16px}
  .banner .slick-dots button {display:block;width: 100%;height:100%;background:#fff;padding:0;margin:0;border:0;transition:0.3s;border-radius:50%;opacity:0.1}
  .banner .slick-active button {opacity:1}
  .bannerSliderItem{display:block!important;}


  .bannerLogos{display:flex;max-width: 500px;gap:20px;justify-content: space-between;align-items:center;margin-top: 30px}
  .bannerLogoItem{max-width: 130px;}
  .bannerLogos img{max-height: 120px;object-fit:contain;}



  .innerBanner{position:relative;}
  .innerBanner .bannerImage img {min-height: 516px}
  .innerBanner .bannerContent{top: 50%;bottom: initial;transform: translateY(-50%);text-align: center;}
  .innerBanner .bannerContent h1 {font-size: var(--fs-50); color: #fff;font-weight: 400}
  .innerBanner .bannerContent h1 strong,.innerBanner .bannerContent h1 b {font-weight: 900}
  .innerBanner .bannerImage img {opacity: 0.4;}

  .halfBanner{ position:relative; display:flex;background:var(--main-clr);  }
  .halfBannerImage{ width:56%;  }
  .innerBanner .halfBannerImage{ width:45%;margin-left: auto;position:relative;}
  .halfBannerImage img{ width:100%;display:block;min-height:700px;object-fit:cover;}
  .halfBannerCaption{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0; }
  .halfBannerCaption h1,.halfBannerCaption h2{ color:#fff;font-weight: 400;font-size:var(--fs-70); }
  .halfBannerCaption h6{ color:#fff;}
  .halfBannerCaption p{color:#fff;font-size:var(--fs-24);font-weight:200;}
  .halfBannerCaption p strong{font-weight:300;}

  /* half banner text white bg */
  .halfBannerCaptionInr{min-height:380px;display:flex;flex-direction:column;background: #fff;justify-content:center;padding:30px 80px}

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



  @media only screen and (max-width:1799px){
    .halfBannerCaptionInr{min-height:auto;padding: 30px}
    .banner .slick-dots {bottom: 200px; }

  }
  @media only screen and (max-width:1199px){
    .bannerContent,.innerBanner .bannerContent {position: static; padding: var(--pdg) 0 120px;transform:none; }
    .bannerImage {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
    .bannerImage img,.innerBanner .bannerImage img {min-height: auto;height: 100%; }
    .banner .slick-track {display: flex; }
    .banner .slick-slide {height: auto; }
    .banner .slick-slide > div,.bannerSliderItem {height: 100%; }
    .banner .slick-dots{bottom: 70px}
    .banner .slick-dots li{width:10px;height: 10px}
    .madeInUsa img{max-width: 90px}
    .innerBanner .bannerContent h1{padding-bottom: 20px}
    .innerBanner .bannerContent .btncn:last-child{margin-top: 0}
    .halfBannerCaption .btncn {padding: 12px 18px;}

  }
  @media only screen and (max-width:991px){
    .bannerContent {padding: 50px 0px 60px 0px; height: 100%; display: flex ; flex-direction: column; justify-content: center;}
    .banner .slick-dots {bottom: 20px; }
    .innerBanner .bannerContent {padding: 60px 30px;}
    .bannerContent h2 br {display: none; }
    .bannerLogos{margin-top: 20px}

    .halfBannerImage,.innerBanner .halfBannerImage {width: 100%; }
    .halfBannerCaption {position: static; transform: none; padding: 40px 0; text-align: center;text-align-last:center; }
    .halfBanner {flex-direction: column; }
    .halfBannerCaption p{text-align:center;}
    .halfBannerCaption .buttonGroup {justify-content: center; }
    .halfBannerCaption .buttonGroup .btncn{width: auto!important;}
    .halfBannerCaption h1, .halfBannerCaption h2{padding-bottom:15px}
    .halfBannerCaptionInr{padding:0px}
    .halfBannerImage img{min-height:auto;}

    img.banner-award-winning {top: 100%; left: 50%; max-width: 90px; transform: translate(-50%, -50%); }
  }
  @media only screen and (max-width:767px){
    .banner{text-align: center;text-align-last: center;}
    .banner p{text-align: center;}
    .banner .slick-dots{justify-content: center;}
    .banner .slick-dots {padding: 0px 40px; }
    .bannerImage::after {width: 100%; background: #000; opacity: 0.7; }
    .bannerSmallHdImg {flex-shrink: 0; }
    .innerBanner .halfBannerImage img{height: auto;}
    .halfBannerCaption .buttonGroup .btncn{padding: 10px}
  }
/*Banner End =========================*/


/*PARTNERS START*/
  .partnerLogoSec{overflow:hidden;}
  .partnerLogoSlider{overflow: hidden;padding:10px 0 40px}
  .partnerLogoSlider .slick-list{margin: 0 -40px;line-height: 0}
  .partnerLogoSlider .slick-track{display:flex;align-items: center;}
  .partnersLogoItem{padding: 0 40px;line-height: 1.2;}
  .partnersLogoImg img {display: block;transition:0.3s;filter:brightness(0);max-width:180px;max-height:70px;opacity: 0.2}
  .dark .partnersLogoImg img {filter:brightness(0) invert(1);}

  @media only screen and (max-width:991px){
    .partnersLogoImg img{max-height:50px;max-width:100px;width:auto;}
    .partnersLogoItem{padding: 0 20px}
    .partnerLogoSlider .slick-list{margin: 0 -20px;}
    .partnerLogoSlider{padding-bottom:20px}
  }
/*PARTNERS END*/


/*WELCOME SECTION*/
  .welcomeContent{ text-align:center;max-width:890px;margin-left:auto;margin-right:auto; }
  .welcomeContent h1{font-size:var(--fs-14);font-weight:300;margin:0;font-family:var(--bodyfont);padding:0 0 20px 0;text-transform:uppercase;letter-spacing:0.2em;color: var(--main-clr);opacity: 1;padding-bottom:20px}
  .welcomeContent h2{font-size: var(--fs-50);color: var(--body-font-color);}
  .welcomeContent p{ text-align:justify; text-align-last: center; }


  .homeWelcomeInr {margin-top: -280px; position: relative; padding: 70px 0; }
  .homeWelcomeInr .welcomeContent h1{color: #fff;opacity:0.8;letter-spacing: 0.22em;font-size: var(--fs-16);font-weight:200;}
  .homeWelcomeInr .welcomeContent h2{font-size: var(--fs-50);color:#fff;}
  .homeWelcomeInr .welcomeContent{max-width:100%}

  @media only screen and (max-width:1799px){
    .homeWelcomeInr {margin-top: -180px; }
  }
  @media only screen and (max-width:1199px){
    .homeWelcomeInr{padding: 50px 0;margin-top:0px}
    .homeWelcome {padding-top: var(--pdg); }
  }
  @media only screen and (max-width:991px){
    .welcomeContent h2 br{display:none;}
  }
  @media only screen and (max-width:767px){
    .homeWelcomeInr{padding:40px 0 30px;}
  }
/*END WELCOME SECTION*/


/*CONTENT START*/
  .contentSection h1{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);color:var(--head-font-color);padding:0 0 30px 0;text-transform:uppercase;letter-spacing:0.2em;line-height: 1.3}

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

  .contentTabAccHolder .nav-link {padding: 0 0 14px 0; line-height: 1; font-size: var(--fs-16); font-weight:200; margin:0; font-family:var(--bodyfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.2em; border: 0; opacity: 0.2; transition: 0.3s; }
  .contentTabAccHolder .nav-tabs {justify-content: space-between; gap: 10px; margin-bottom: 46px; }
  .contentTabAccHolder .nav-link.active {color: var(--body-font-color); background: transparent; border: 0; box-shadow: 0 1px #85958a; opacity: 1; }
  .contentTabAccHolder .nav-link:hover {opacity: 1; }
  .contentTabAccHolder .accordion-button{font-size: var(--fs-16); font-weight:200; margin:0; font-family:var(--bodyfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.2em;transition: 0.3s; }
  .contentTabAccHolder .accordion-header {padding-bottom:0 }
  .contentTabAccHolder .accordion-body {padding:15px 0 20px;max-width:517px }
  .contentTabAccHolder .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-bg:transparent;
    --bs-accordion-active-color:var(--body-font-color);
    --bs-accordion-btn-padding-x:0;
  }

  .contentSection .full-image{position:relative;}
  img.award-winning{width: auto;max-width:23%;height:auto;position:absolute;top:50%;right:0;transform: translate(40%,-50%);}

  .ratingSection{ padding:15px 0 }
  .ratingSection h4{ font-size:var(--fs-16); padding:0 0 0; font-weight:300; text-transform:uppercase;font-family:var(--bodyfont);margin:0;letter-spacing:0.05em }
  .number{ font-size:var(--fs-40); font-weight:300;font-family: var(--headfont);}

  .contentTextSliderCol{padding-bottom:var(--pdg);}
  .contentTextSliderSec{background:linear-gradient(0deg, var(--main-clr), var(--main-clr)) bottom right/100% var(--pdg) no-repeat;}
  .contentTextSliderWrap{position:relative;margin: 20px 0}
  .contentTextSliderNav{display:flex;gap:34px;justify-content:flex-end;position:absolute;bottom:15px;right:0}
  .contentTextSliderNext {font-size: var(--fs-42); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s }
  .contentTextSliderPrev {font-size: var(--fs-42); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s;opacity: 0.1}
  .contentTextSliderPrev:hover,.contentTextSliderNext:hover{color: var(--hover-color);opacity: 1}
  .contentTextSliderItem ul{padding:0 0 10px; list-style:none;margin:0 }
  .contentTextSliderItem ul li{font-weight: 300;position:relative; padding: 0 0 20px 40px}
  .contentTextSliderItem ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--head-font-color); font-family: 'FontAwesome'; } 

  .contentTextSliderItem .contentText > *:last-child:not(.btncn) {padding-bottom: 110px; }
  .contentTextSlider .slick-list{margin: 0 -8px}
  .contentTextSlider .slick-slide{padding: 0 8px}



  @media only screen and (max-width:1199px){
    .ratingSection .row {--bs-gutter-x: 8px; justify-content: space-between; }
    .ratingSection h4 {font-size: 11px; }
    .number {font-size: 20px; }
    .ratingSection .row > [class*=col] {width: auto; }
  }
  @media only screen and (max-width:991px){
    .contentHolder h2 br{display:none;}
    .contentTabAccHolder .accordion-item:not(:first-child){border-top:1px solid #ddd; }
    .contentTabAccHolder .tab-content>.tab-pane {display: block; opacity: 1; }
    .contentTextSliderNav{position:static;margin-top:15px;justify-content:center;}
    .contentTextSliderSec{background:transparent;}
    .contentTextSliderWrap{margin:0}
    .contentTextSliderPrev i,.contentTextSliderNext  i{display:block;}

    .contentImg img{width:100%}

    .contentTextSliderItem .contentText > *:last-child:not(.btncn){padding-bottom:20px}
    .contentTextSliderItem{text-align:center;text-align-last: center;}
  }
  @media only screen and (max-width:767px){
  }
/*CONTENT END*/


/*SERVICE SECTION*/
  .serviceSection{position:relative;}
  .logo-outline{position:absolute;top:-80px;left:0; max-width: 13vw; z-index: -1;min-width: 100px;}
  .serviceImage{ position:relative;background:#fff;overflow:hidden; }
  .serviceImage img{ width:100% ;transition: 0.3s}

  .serviceContent h3{ color:#fff; padding:0; transition:all .5s;font-weight:400;font-size:var(--fs-30); }
  .serviceContent{padding-top:35px;text-align: center;}

  .serviceSectionSlider{width:100%;margin:0 auto;max-width: 1430px;padding:0 100px}
  .serviceSectionSlider:not(.slick-initialized) img{display:none;}
  .serviceSectionSlider .slick-slide { margin: 0 40px;  }
  .serviceSectionSlider .slick-list { margin: 0 -40px;  }
  .serviceSectionSlider .slick-prev{ position:absolute; top:40%; transform:translateY(-50%); left:0px; font-size:23px; border:none; outline:none; background:transparent; color: rgb(28, 27, 38);z-index:2;border: 1px rgb(28, 27, 38) solid; border-radius: 50%; width: 61px; height: 61px;transition:0.3s }
  .serviceSectionSlider .slick-next{ position:absolute; top:40%; transform:translateY(-50%); right:0px;font-size:23px; border:none; outline:none; background:transparent; color: rgb(28, 27, 38);z-index:2;border: 1px rgb(28, 27, 38) solid; border-radius: 50%; width: 61px; height: 61px; transition: 0.3s}
  .serviceSectionSlider .slick-prev:hover, .serviceSectionSlider .slick-next:hover{background: var(--seconday-color);border-color: var(--seconday-color);color: #fff}
  .serviceSectionSlider .slick-center{transform: scale(1.27);transition:all .5s;transition-delay:0.5s}
  .serviceSectionSlider .slick-track{padding: 65px 0;overflow:visible;}
  
  .serviceImageUl{position:absolute;top: 0;left:0;width:100%;height: 100%;display: flex;justify-content:center;align-items: center;flex-direction:column;text-align:center;padding:20px;opacity: 0;transition: 0.3s;}
  .serviceImageUl ul{padding:0;margin:0;list-style:none;font-size:var(--fs-24);}
  .serviceImageUl ul a{padding:5px;color:#fff;display:block;}
  .serviceImageUl ul a:hover{color:var(--seconday-color);}
  .treatmentListSec .serviceItem:hover img {opacity: 0.2;filter: blur(9px);transform: scale(1.2);}
  .serviceItem:hover .serviceImageUl {opacity: 1;}
  .treatmentListSec .serviceContent{padding-top:25px}
  .treatmentListSec .serviceContent h3{color:var(--head-font-color);font-size:var(--fs-36)}
  .treatmentListSec .serviceContent a h3:hover{color: var(--seconday-color);}
  .treatmentListSec .serviceImage{background:#013740;}

  @media only screen and (max-width:1199px){
    .serviceSectionSlider .slick-slide { margin: 0 25px;  }
    .serviceSectionSlider .slick-list { margin: 0 -25px;  }
    .serviceSectionSlider .slick-track{ padding:40px 0 }
    .serviceSectionSlider .slick-prev,.serviceSectionSlider .slick-next {width: 45px; height: 45px; font-size: 20px; }
    .serviceSectionSlider {padding: 0 60px; }
    .serviceContent,.treatmentListSec .serviceContent{padding-top:15px}
  }
  @media only screen and (max-width:767px){
    .logo-outline{top:10%}
    .serviceSection{overflow:hidden;}
    .serviceSectionSlider .slick-center{ transform:scale(1.0); transition:all .5s; }
    .serviceSectionSlider .slick-track{ padding:10px 0 }
    .serviceSectionSlider .slick-prev{ left:-70px }
    .serviceSectionSlider .slick-next{ right:-70px }
    .serviceSectionSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 70px);padding: 0}
    .serviceSectionSlider .slick-list{margin:-5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;}
    .serviceSectionSlider .slick-slide {margin: 0 5px;}
    .slick-slide .serviceItem img{opacity: 0.3;transition: 0.3s}
    .slick-slide .serviceContent{opacity:0;transition: 0.3s}
    .slick-active.slick-slide .serviceItem img,.slick-active.slick-slide .serviceContent{opacity:1}
  }
/*END SERVICE SECTION*/


/*Team */
  .teamHolder{ margin:60px 0 0 0 }
  .team-content{ padding:25px 0 0}
  .teamBox h3{ font-size:var(--fs-28);font-weight:400; margin:0; padding:0 0 12px 0;}
  .teamBox p{line-height:1.3}
  .page-id-211 .teamBox p{color:#000;line-height:1.3}
  .teamBox p:last-child{padding-bottom: 0}
  .team-content p{padding-bottom:5px}
  .team-content h6{padding-bottom:15px;padding-top:5px}
  .teamImage{overflow:hidden;transition:all .5s;position: relative;}
  .teamImage img{display:block;aspect-ratio: 409 / 402; object-fit:cover;}
  .teamImage:hover img{transform:none } 
  .finalist-img{position:absolute;bottom: 0;right:0;width:auto;max-width: 34%} 
  .team-link{color:var(--seconday-color);font-weight: 500;display: inline-block;}
  .team-link:hover{color:var(--hover-color);}

  .team-nav{display:flex;align-items: center;gap:20px;justify-content: space-between;width: calc(100% + 60px);position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%);pointer-events:none;}
  .team-nav-prev,.team-nav-next{background: var(--main-clr);border:0;font-size:23px;transition:all .3s;width: 60px;height:60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #fff;flex-shrink: 0;pointer-events: all;}
  .team-nav-prev:hover,.team-nav-next:hover{background:var(--hover-color); color:#fff }

  .teamSlider .slick-list {margin: 0 -20px; }
  .teamSlider .slick-slide {padding: 0 20px; }

  .teamSlider:not(.slick-initialized) img{display:none;}

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

  .doc-name {padding-bottom: 10px; }
  .doc-deg {padding-bottom: 6px;color:#00000080;font-size: var(--fs-18); }
  .doc-designation:not(:empty) {padding-bottom: 10px;color:#00000080;font-size: var(--fs-20); }
  .doc-deg:empty,.doc-designation:empty {padding-bottom: 0}

  @media only screen and (max-width:1199px){
    .team-content{ padding:15px 0 0  }
  }

  @media only screen and (max-width:767px){
    .teamHolder{ margin:10px 0 0 0 }
    .team-nav-prev, .team-nav-next {width: 45px; height: 45px; font-size: 20px; }
    .team-content{text-align: center;text-align-last: center;}
    .teamSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 70px);}
    .teamSlider .slick-list{margin:-5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;}
    .teamSlider .slick-slide {padding: 0 5px; }
    .slick-slide .team-item{opacity: 0.3;transition: 0.3s}
    .slick-slide .team-content{opacity:0;transition: 0.3s;}
    .slick-active.slick-slide .team-item,.slick-active.slick-slide .team-content{opacity:1}
  }
/*End Team*/



/*home tab start*/
  .meetTabNav ul li {width: 100%;margin: 0;overflow: hidden;}
  .meetTabNav .nav-link {font-size: var(--fs-36); border: 0; color:#fff; font-family: var(--headfont); font-weight: 400; opacity: 0.20; position: relative; padding: 25px 54px 25px 54px; line-height: 1; margin-left: -54px; transition: 0.5s;opacity: 0.1}
  .meetTabNav .nav-link::before{content: "\f111"; font-family: "FontAwesome"; font-size: 67%; line-height: 1.7; font-weight: 900; position: absolute; left: 1px; top: 25px; color: #a3e9df;}
  .meetTabNav .nav-link.active,.meetTabNav .nav-link:hover {margin-left:0;padding-right: 0;color:#fff;background: transparent;opacity:1}
  .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: 30px 0 0 0; }
  .meetTabText h3 {padding-bottom: 10px;}
  .meetTabText p{text-align: justify;}
  .meetTabText .section-degrees h4{font-family: var(--headfont2) !important; padding-bottom: 20px;}

  .meetSec .accordion-item{background: transparent}
  .meetSec .accordion-body{padding:0}
  .meetSec .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; }
  .meetSec .accordion-button {background: transparent;color:#fff;font-size:var(--fs-24);font-family:var(--bodyfont);padding: 15px 0;}
  .meetSec .accordion-button::after {content: '\f107';font-family: 'FontAwesome';font-size:18px;font-weight:900;background:none;}
  .meetSec .accordion-button:not(.collapsed)::after{content: '\f107';background:none;}
  .meetSec .accordion-header{padding:0}
  .meetSec h2{font-size: var(--fs-50);}

  @media only screen and (max-width:991px){
    .meetSec .tab-content>.tab-pane {display: block; opacity: 1; }
    .meetSec .tab-pane:not(:last-child) {border-bottom: 1px solid #fff3;}
    .meetTabContent {padding: 10px 0 25px 0;}
    .meetTabThumb {max-width: 350px;}
    .meetPlayBtn {width: 50px; height: 50px; font-size: 25px; }
  }
/*home tab end*/



/*HOME FORM SECTION start*/
  .formHolder{padding: 80px}
  .formHolder p{font-size: var(--fs-16);}
  .formHolder h2 strong{font-weight: 400}
  .formHolder h2{font-weight: 300;font-size: var(--fs-42);}
  
  .formGroup{ display:flex; gap:12px; }
  .homeFormHolder{ padding:25px 0 0 0 !important }
  .homeFormHolder .gform_fields {gap: 12px!important; }

  .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select{width:100% !important; background-color: #fff !important; border:none !important; padding:23px 35px !important; font-size:16px !important; font-weight:300 !important; color:var(--head-font-color) !important;margin:0 0 0px 0 !important;border-radius:0!important;height:auto!important;line-height: 1.5 !important; }
  .homeFormHolder input[type=file]{width:100% !important; background-color: #fff !important; border:none !important; padding:0px 10px 0 0 !important; font-size:16px !important; font-weight:300 !important; color:var(--head-font-color) !important;margin:0 0 0px 0 !important;border-radius:0!important;height:70px!important; }
  .homeFormHolder input[type=file]::file-selector-button {padding: 5px 35px!important;font-size:16px !important;color:#000!important}
  .homeFormHolder .inputHolder{ width:100% !important; }
  .homeFormHolder ::placeholder { color: var(--head-font-color) !important; opacity: 1 !important; }
  .homeFormHolder ::-ms-input-placeholder { color: var(--head-font-color) !important;}
  .homeFormHolder option{ background: var(--main-clr) !important; color:#fff !important; }
  .homeFormHolder select{padding-right: 55px !important; background-image: url(assets/images/arrow-down.png) !important; background-repeat: no-repeat !important; background-position: center right 36px !important; appearance:none !important; }
  .homeFormHolder .gchoice label,.homeFormHolder .gfield_description,.homeFormHolder .gfield_label{color:#fff!important}

  .homeFormHolder input[type=submit]{padding: 20px 10px !important ; background: var(--seconday-color) !important; border:none !important; outline:none !important;cursor: pointer !important; font-weight:300 !important; font-size: var(--fs-24) !important;transition:all .5s !important; margin-top: 0 !important; color: #fff !important;font-family:var(--headfont) !important; flex-shrink: 0 !important; align-self: flex-start !important; letter-spacing: 0.02em !important; border-radius: 0 !important;width: 100% !important;height: 70px !important;line-height: 1.25 !important;}
  .homeFormHolder input[type=submit]:hover{ background:var(--hover-color) !important; color:#fff!important }

  .homeFormHolder .gform-loader {filter:brightness(0) invert(1)}
  .homeFormHolder .gsection_title{padding-bottom:8px}
  .homeFormHolder .gsection{margin-top:30px}
  .homeFormHolder .gsection:not(:first-child){margin-top:30px}

  @media only screen and (max-width:991px){
    .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel]{padding: 12px 16px!important; }
    .homeFormHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:12px!important}
    .formHolder{padding:35px 20px}
    .homeFormHolder input[type=submit] {height: 48px !important; padding: 0 !important; }
    .homeFormHolder input[type=file]{height:48px!important}
    .homeFormHolder input[type=file]::file-selector-button {padding: 5px 16px!important;}
  }
/*HOME FORM SECTION end*/


/*REVIEW SECTION*/
  .reviewSec h2{font-size: var(--fs-42);color: var(--body-font-color);}
  .reviewSlider{ margin:30px 0 0 0 }
  .reviewSlider .slick-slide { margin: 0 8px;  }
  .reviewSlider .slick-list { margin: 0 -8px;  }
  .reviewItem{ text-align:center;   }
  .star{ font-size:20px; color:var(--seconday-color); margin:0 0 20px 0 }
  .reviewItem p{ text-align:center; font-size: var(--fs-20); font-family:var(--bodyfont);max-width:840px;margin-left:auto;margin-right:auto; }
  .reviewItem h6{ font-size:16px; color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:300 ; letter-spacing: 0.05em}

  .reviewSlider .slick-prev{ position:absolute;  font-size:25px; border:none; outline:none;  color:var(--body-font-color); left:-80px; top:0%;   transition: all .5s; height: 100%; background: transparent; width: 57px; }
  .reviewSlider .slick-next{ position:absolute;  font-size:25px; border:none; outline:none;  color:var(--body-font-color); top: 0; right:-80px;  transition: all .5stransition: all .5s; height: 100%; background: transparent; width: 57px; }
  .reviewSlider .slick-prev:hover, .reviewSlider .slick-next:hover{ background:transparent; color: var(--hover-color); transition: all .5s}

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

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

  .reviewSection h6{ font-size:var(--fs-16); font-weight:400; font-family:var(--headfont); padding-bottom:30px; letter-spacing:2px; }
  .reviewSection .section-heading h2{ font-size:var(--fs-50); }
  .review-holder{padding-top: 20px}


  .reviewVideoSlider{ width:200%;  }
  .reviewVideoSlider .slick-slide { margin: 0 10px; opacity:0.2; filter:grayscale(100%);  transition:all .5s }
  .reviewVideoSlider .slick-slide h3{ display:none; }
  .reviewVideoSlider .slick-slide.slick-current{ opacity:1.0; filter:grayscale(0%);  transition:all .5s}
  .reviewVideoSlider .slick-list { margin: 0 -10px;  }


  .width-eighhty{ width:75%; margin:0 auto; }
  .review-slider-holder .next-btn{ background:var(--seconday-color); width:70px; height:70px; border-radius:50%; color:#fff; border:none; position:absolute; right:-30px; top:36%; transition:all .5s  }
  .review-slider-holder .next-btn:hover{ background:var(--hover-color); transition:all .5s }
  .review-slider-holder{ position:relative; }
  .reviewSlider {width: 75%;margin: 0 auto 60px;}
  .reviewVideoItem img{width: 100%}

  .progress3 {  display: block;  width: 100%;  height: 2px;  border-radius: 3px;  overflow: hidden; background-color: rgba(207,207,194,1);background-image: linear-gradient(to right, #415f51, #415f51);  background-repeat: no-repeat;  background-size: 0 100%;  transition: all .5s;}



  @media only screen and (max-width:991px){
    .review-slider-holder {margin-top: 60px; }
    .reviewSection .section-heading{ text-align:center; }
  }

  @media only screen and (max-width:767px){
    .review-slider-holder .next-btn {width: 50px; height: 50px; right: 0; top: 34%; right: -16px;}  
    .reviewSlider{margin-bottom:30px;width:calc(100% - 20px); }
    .reviewSlider .slick-prev{ left:-42px; width: 40px;}
    .reviewSlider .slick-next{ right:-42px; width: 40px;}
    .reviewItem{padding: 0 15px}
    .reviewItem p{font-size: 16px;line-height: 1.4}
    .review-holder{padding-top: 0}
  }
/*END REVIEW SECTION*/


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

  .footerTop{ padding:50px 0 40px 0;  }

  .footerTopContent{display:flex;justify-content:space-between;gap: 30px;}
  .footerwidget_1{width: 28%;} 
  .footerwidget_2{width: 13%;min-width: 190px;margin-left: auto;} 
  .footerwidget_3{width:13%;min-width: 190px;} 
  .footerwidget_4{width: 18%;min-width: 250px;} 

  .footer-logo{max-width: 420px}

  .footerTopContent h2{ color:#fff ; font-size: var(--fs-24);  font-weight: 300; line-height: 1.2; padding: 0 0 15px 0;font-family:var(--headfont);}
 
  .footer-nav ul{ margin:0; padding:0; list-style:none; }
  .footer-nav ul li{ display:block; }
  .footer-nav ul li a{ display:block; font-weight:300; font-size:var(--fs-16); color:#fff;margin-bottom: 5px}
  .footer-nav ul li a:hover{ color:var(--seconday-color); }

  .social ul{ margin:0; padding:0; list-style:none; display: flex; gap: 32px;}
  .social ul li a{ display:block ; color:#fff; font-size:25px; }
  .social ul li a i{ display:block ;}
  .social ul li a:hover{ color:var(--seconday-color); }

  .footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.2; padding:0 0 30px 0 ; font-weight: 300; text-align: left;}
  .footerTopContent p strong{ font-weight:700 }
  .footerTopContent p a{ color:#fff }
  .footerTopContent p a i{ margin:0 5px 0 0 }
  .footerTopContent p a:hover{ color:var(--seconday-color); }

  .footerTopContent table{ width:100%; }
  .footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.8; font-weight: 300; vertical-align: top;}
  .footerTopContent table td:first-child{ padding-right:20px; }


  .footer-icon-list {display: flex; gap: 12px; font-size: var(--fs-16); color: #fff; transition: 0.3s; }
  .footer-icon-list-icon {flex-shrink: 0; line-height: 1.4; width: 19px; }
  .footer-icon-list-text p {padding-bottom: 0; transition: 0.3s; }
  .footer-icon-list:not(:last-child) {margin-bottom: 15px; }
  a.footer-icon-list:hover p,a.footer-icon-list:hover{color: var(--seconday-color); }
  .footerAward{padding-bottom: 10px}

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

  .footer-content-block table tbody tr.is-today td{font-weight: 500 !important;}

  @media only screen and (max-width:1199px){
    .footerTop{ padding:45px 0 }
    .footer-logo{max-width: 200px}
    .footerTopContent{flex-direction:column;gap:30px }
    .footerwidget_1{ width:100%;} 
    .footerwidget_2{ width:100%;} 
    .footerwidget_3{ width:100%; }
    .footerwidget_4{ width:100%; }
    .social{padding-bottom:10px}

    .footer-heading-block{position:relative;pointer-events:all ;padding-right: 20px;}
    .footer-content-block{ display:none;}
    .footer-content-block > *:first-child{padding-top: 10px}
    .footer-heading-block:after{ content:''; position:absolute; right:0; top:-3px;  content: "\f061"; font-family: 'FontAwesome'; color:#fff; transform: rotate(90deg);transition: all .5s }
    .footer-heading-block.active:after{  transform: rotate(-90deg); transition: all .5s}
  }
  @media only screen and (max-width:767px){
    .ftbtm {flex-direction: column; align-items: center;text-align:center;row-gap:15px }
  }
/*FOOTER end*/



/*cta sec start*/
  .ctaSecInr{position:relative;}
  .ctaSecBg img{width:100%;display:block;}
  .ctaSecText{position:absolute;top:0;right:0;max-width:100%;max-width:100%;padding:45px 54px;mix-blend-mode: soft-light;text-align:right;}
  .ctaSecText h2{color:var(--light-bg);font-size:clamp(20px, 7vw, 120px);line-height: 0.9;font-weight: 300}
  @media only screen and (max-width:767px){
    .ctaSecText {padding: 10px; }
    .ctaSecText h2 {font-size: 26px; padding: 0;}
  }
/*cta sec end*/


/*breadcumb start*/
  .breadcumb{padding:13px 0;background:var(--light-bg);}
  .breadcumb ul{ display:flex; justify-content:center;flex-wrap: wrap; margin:0; padding:0; list-style:none}
  .breadcumb ul li{font-family:var(--bodyfont);font-size: 12px;text-transform:uppercase;letter-spacing: 0.2em;color:rgba(11, 12, 23, 0.4);position:relative;font-weight: 300;}
  .breadcumb ul li:after{content:'/';display:inline-block;margin: 0 5px;font-weight:300}
  .breadcumb ul li:last-child:after{ display:none; }
  .breadcumb ul li a{ color:rgba(11, 12, 23, 0.4);font-weight: 300}
  .breadcumb ul li a:hover{ color:var(--main-clr); }

  @media only screen and (max-width:767px){
    .breadcumb ul li{font-size:12px}
  } 
/*breadcumb end*/


/*treatmentListSec start*/
  .treatmentTabAccHolder .nav-tabs {gap: 24px; margin-bottom: 30px;flex-wrap:nowrap;border:0 }
  .treatmentTabAccHolder .nav-item {width:100% }
  .treatmentTabAccHolder .nav-link {padding: 16px 10px 14px; line-height: 1; font-size: var(--fs-18); font-weight:300; margin:0; font-family:var(--headfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.05em; border: 0; transition: 0.5s;background:#ede8e0;text-align:center; border-radius: 0;width:100%;display:block;}
  .treatmentTabAccHolder .nav-link.active {color: var(--light-font-color); background: var(--dark-bg); border: 0; }
  .treatmentTabAccHolder .nav-link:hover {background: var(--dark-bg);color: #fff}
  .treatmentTabAccHolder .accordion-button{font-size: var(--fs-16); font-weight:200; margin:0; font-family:var(--bodyfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.2em;transition: 0.3s; }
  .treatmentTabAccHolder .accordion-header {padding-bottom:0 }
  .treatmentTabAccHolder .accordion-body {padding:0; }
  .treatmentTabAccHolder .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-bg:transparent;
    --bs-accordion-active-color:var(--body-font-color);
    --bs-accordion-btn-padding-x:0;
  }

  @media only screen and (max-width:991px){
    .treatmentTabAccHolder .accordion-item:not(:first-child){border-top:1px solid #ddd; }
    .treatmentTabAccHolder .tab-content>.tab-pane {display: block; opacity: 1; }
    .treatmentTabAccHolder .accordion-body {padding:15px 0 25px 0; }
  }
/*treatmentListSec end*/

/*pageContent start*/
  .pageContent{position:relative;}
  .pageContent-logo-outline{position:absolute;top:45%;max-width: 13vw;min-width:100px;left:0}
  .pageContent p{ line-height: 1.5}
  .pageContent h1{font-size:var(--fs-14);font-weight:300;margin:0;font-family:var(--bodyfont);color:var(--head-font-color);padding:0 0 25px 0;text-transform:uppercase;letter-spacing:0.1em;}
  .pageContent h2{font-size:var(--fs-50);font-weight:400;margin:0;padding:0 0 20px 0;color: var(--body-font-color);}
  .pageContent h3{ padding-top:10px;font-family:var(--headfont);font-size:var(--fs-36);font-weight:300 ; margin: 0;padding-bottom: 30px;color: var(--body-font-color)}
  .pageContent h4{ padding-top:10px;color:var(--body-font-color);font-family:var(--headfont);font-size:var(--fs-24);font-weight:300 ; margin: 0;padding-bottom: 30px;color: var(--body-font-color)}

  .pageContent p a{ color:var(--body-font-color);  }
  .pageContent p a:hover{ color:var(--main-clr); }

  .pageContent a:not([class]) {color: var(--seconday-color);border-bottom: 1px solid transparent;}
  .pageContent a:not([class]):hover {border-bottom-color: var(--seconday-color);}

  .pageContent .btncn { margin-bottom:50px; }

  .pageContent ol {list-style: none; padding: 0; counter-reset: pagecontentOl; margin: 0; }
  .pageContent ol li:before {counter-increment: pagecontentOl; content: counter(pagecontentOl)"."; width: 51px; height: 51px; color:#fff; background: var(--seconday-color); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: var(--fs-22); padding:0px 5px 5px 10px; position: absolute; top: 0; left: 0; font-family: var(--headfont); }
  .pageContent ol li {position: relative; padding: 0px 0px 35px 70px; }
  .pageContent ol li strong:first-child {display: block; font-size: var(--fs-24); font-weight: 400; font-family: var(--headfont); }

  .pageContent blockquote {padding:24px 34px 10px; background: #e8eeee; margin: 0px 0 30px; }
  .pageContent blockquote h4{padding-bottom:10px}

  .gallery-tab-sec blockquote {padding:24px 34px 10px; background: #e8eeee; margin: 0px 0 30px; }
  .gallery-tab-sec blockquote h6{padding-bottom:10px}
  .gallery-tab-sec blockquote p{font-size: var(--fs-18);}

  .pageContent ul{padding:0 0 30px; list-style:none;margin:0 }
  ul.two-columns {column-count: 2;column-gap: 25px;}
  ul.two-columns li {break-inside: avoid;}
  .pageContent ul li{font-weight: 300;position:relative; padding: 0 0 20px 40px}
  .pageContent ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--head-font-color); font-family: 'FontAwesome'; }  
  .pageContent ul li strong:first-child {display: block; font-size: var(--fs-24); font-weight: 400; font-family: var(--headfont); }

  .pageContent table{ width:100%;margin-bottom: 30px}
  .pageContent table td{ padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-18); line-height: 1.4; font-weight: 300; }
  .pageContent table thead th{ background:var(--main-clr); padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-18); line-height: 1.4; color:#fff;font-weight:400}

  .pageContent .btncn{display:inline-block;}
  .pageContent .accordian-new{padding-bottom:40px}
  .pageContent h3.clcikbtn-new{font-size: var(--fs-20);font-family: var(--bodyfont);font-weight: 500;color: var(--body-font-color);padding:20px 25px 20px 0;line-height: 1.4;position:relative;cursor: pointer;}
  .pageContent .ui-accordion-header-active-new{ border:none !important; }
  .pageContent .accordian-new h3:focus {  outline: 0}
  .pageContent .accordian-new h3:after {content: "\f063";font-family: 'FontAwesome';position: absolute;right: 0;top: 20px;font-size: 20px;color: #000;font-weight: 300;transition: .5s}
  .pageContent .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg);}
  .pageContent .ui-accordion-content-new {padding: 0px 0 20px;display: none}
  .pageContent .ui-accordion-content-new p {text-align: justify;}
  .pageContent .ui-accordion-content-new p + p{padding-top:25px}
  .pageContent .accroHolder{ border-bottom:1px solid #d7d8ce; }
  .pageContent .ui-accordion-content-new h4,.pageContent .ui-accordion-content-new h5{font-size: var(--fs-20);font-weight:400;}
  .pageContent .ui-accordion-content-new > *:first-child{padding-top:0}
  .pageContent figure.wp-block-gallery{margin-bottom:30px}

  .pageContentText > *:last-child:not(a),.pageContentText ul:last-child li:last-child,.pageContentText ol:last-child li:last-child{margin-bottom:0;padding-bottom:0}
  .pageContentText > a:last-child{margin-bottom:0}


  @media only screen and (max-width:991px){
    .pageContent blockquote {padding: 15px 15px 15px; }
    .pageContent ul li{padding-left: 25px}
  }
  @media only screen and (max-width:767px){
    .pageContent ol li:before {width: 40px; height: 40px; padding: 4px 2px 2px 5px; }
    .pageContent ol li {padding: 3px 0 35px 55px; }
    .pageContent .accordian-new h3:after{font-size:15px}
  }
/*pageContent end*/


/*sidebar start*/
  .sidebarFormHolder{  padding:0; margin:0px;}
  .sidebarFormHolder h2{font-weight: 400; font-size: var(--fs-40);color: #fff;padding:0 10px 25px}
  .sidebarFormHolder h2 strong{font-weight: 600;}
  .sidebarContent{padding: 55px 0 0;background: var(--seconday-color);}
  .sidebar p{ text-align-last:center;}
  @media only screen and (min-width:992px){
    .sidebar,.sidebarFormHolder{height: 100%}
    .sidebarContent{position: sticky;top: 70px;z-index:1; }
  }
  @media only screen and (max-width: 991px) {
     .sidebarFormHolder{ margin:0 }
     .sidebar{ margin-top:45px; }
     .sidebarContent{ padding:30px 0px 0; }
  }
  @media only screen and (max-width: 767px) {
     .sidebarFormHolder{ padding:0 }
     .sidebar{ margin-top:10px }
  }
/*sidebar end*/

/*sidebar form start*/
  .sidebar-form .gform_fields {gap: 20px!important; }
  .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form .inputHolder select,.sidebar-form .inputHolder textarea{width:100% !important; background-color:#fff !important; border:none !important; padding:17px 30px !important; font-size: 16px !important; font-weight:300 !important; color: var(--body-font-color) !important; margin:0 0 0px 0 !important; border-radius: 0 !important;height:auto!important;}
  .sidebar-form .inputHolder textarea{min-height: 97px}
  .sidebar-form .inputHolder { width:100% !important; }
  .sidebar-form .inputHolder ::placeholder { color: var(--body-font-color)!important; opacity: 1 !important; }
  .sidebar-form .inputHolder ::-ms-input-placeholder { color: var(--body-font-color) !important; opacity: 1 !important;}
  .sidebar-form input[type=submit]{padding: 23px 40px 28px!important;background: var(--body-font-color) !important;border:none !important;outline:none !important;cursor:pointer !important;font-weight:400 !important;font-size: var(--fs-24) !important;transition:all .5s !important;margin-top: 0 !important;color:#fff!important;font-family:var(--headfont) !important;flex-shrink: 0 !important;align-self: flex-start !important;letter-spacing: 0em !important;margin-left: auto !important;margin-right: auto !important;display: block !important;border-radius: 0 !important;width: 100%!important;line-height: 1!important;}
  .sidebar-form input[type=submit]:hover{background:var(--hover-color)!important; color:#fff !important }
  .sidebar-form option{ background: var(--body-font-color) !important; color:#fff !important; }
  .sidebar-form .inputHolder select{padding-right: 55px !important; background-image: url(assets/images/arrow-down.png) !important; background-repeat: no-repeat !important; background-position: center right 36px !important; appearance:none !important; }

  .sidebar-form .gform-loader {filter:brightness(0) invert(1)}

  .sidebarContent .gform-body{padding: 0 60px 20px!important}

  @media only screen and (max-width: 991px) {
    .sidebarContent .gform-body{padding: 0 15px 15px!important}
  }
  @media only screen and (max-width: 767px) {
    .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder   input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form .inputHolder textarea{padding: 12px 16px!important;}
    .sidebar-form .inputHolder textarea{min-height: 60px}
    .sidebar-form .inputHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:12px!important}
    .sidebar-form input[type=submit]{padding: 17px 10px 20px!important}

  }
/*sidebar form end*/


/*faq start*/
  .faqHolder h2{padding-bottom: 10px;}
  .accroHolder {border-bottom:1px solid rgba(163, 233, 233, 0.5); }
  .accordian-new h3 {  font-family: var(--bodyfont); font-weight: 400; font-size: var(--fs-20); cursor: pointer;  margin-bottom: 0;  position: relative; padding: 33px 30px 33px 0;color: var(--bodyfont);}
  .accordian-new h3:focus {  outline: 0}
  .accordian-new h3:after {  content: "\f063";  font-family: 'FontAwesome';  position: absolute;  right: 0; top: 33px;  font-size: 20px;font-weight: 300; transition: .5s}
  .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg);}
  .ui-accordion-content-new {  padding: 0px 0px 30px 0;  display: none}
  .ui-accordion-content-new p { text-align: justify; padding-bottom: 0}

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

/*BLOG SECTION*/
  .blogPostRepeater{ margin:35px 0 0 0}
  .blogPostContent h4{padding: 25px 0 15px 0;font-size:var(--fs-20);line-height:1.5;font-family:var(--bodyfont);font-weight: 300}
  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 a h4{color: var(--body-font-color);}

  .blogTop{padding: 12px 25px;margin:0 0 30px 0;display:flex;align-items: center;background:#e7eded;font-family: var(--headfont);}
  .sortBy{font-weight: 100;color: var(--main-clr);font-size: var(--fs-26);}
  .categotyDropdown{ width:100%; margin:0 0 0 15px;  }
  .categotyDropdown select{width:100%;background:transparent;border:none;padding: 5px 0;font-weight: 400;color: var(--main-clr);font-size: var(--fs-26);background-image: url(assets/images/downArrow.png);background-repeat: no-repeat;background-position: 100% center;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;font-family:var(--headfont);}
  .categotyDropdown select option{ color:#fff;background:var(--body-font-color); }

  .blogDtlsTitle h1,.blogDtlsTitle h2{font-size:var(--fs-60);}

  @media only screen and (max-width: 991px) {
    .blogPostContent h4{ padding-top:10px }
    .blogCategory{ padding:20px 15px }
    .blogCategory span{ font-size:16px }
    .blogCategory select{ font-size:16px }
  }
  @media only screen and (max-width: 767px) {
    .blogTop{ padding:15px; flex-direction:column; justify-content:center; align-items:center; }
    .categotyDropdown select{ width:100%;background-size:16px;font-size:var(--fs-16);margin:0 }
    .sortBy{ width:100%; border-bottom: 1px solid #1d1b2642;font-size:var(--fs-16);padding:3px 0 }
    .categotyDropdown{ width:100%;margin:0 }
  }
/*END BLOG SECTION*/

/*contact SECTION start*/
  .mapHolder{ margin:15px 0 30px 0 ;}
  .mapHolder { overflow: hidden;  padding-top: 56.25%;   position: relative;  display: block;  border: 2px solid #728f94;} 
  .mapHolder iframe { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; }
  .openingHr table{width: auto;}
  .openingHr table td{padding: 8px 10px 8px 0; border: 0; font-size: var(--fs-20);}
  .openingHr h2{ font-size:var(--fs-36); }

  .pageContent .clcikbtn-new:has( i){padding-left: 40px;}
  .pageContent .clcikbtn-new i{position:absolute;top:22px;left:0;}


  .icon-list {display: flex; gap: 12px; font-size: var(--fs-20); color: var(--body-font-color); transition: 0.3s;margin-bottom:30px }
  .icon-list-icon {flex-shrink: 0; line-height: 1.4; width: 24px;color:var(--seconday-color); }
  .icon-list-text p {padding-bottom: 0; transition: 0.3s; }
  .icon-list:not(:last-child) {margin-bottom: 15px; }
  a.icon-list:hover,a.icon-list:hover .icon-list-icon{color: var(--hover-color); }
/*contact SECTION end*/



/*BEFORE AFTER SLIDER start*/
  .beforeAfterSlider{width:100%;margin:0 auto;overflow:hidden;}
  .beforeAfterSlider:not(.slick-initialized) img{display:none;}
  .beforeAfterSlider .slick-track{ padding:60px 0; overflow:visible; }
  .beforeAfterSlider .slick-list {margin:0 -44px;  }
  .beforeAfterSlider .slick-slide {padding: 0 44px;  }
  .beforeAfterSlider:has( [data-slick-index="4"]) .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }
  .beforeAfterSliderWrap:has( .slick-hidden) .slick-slide:nth-child(2){ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }

  .beforeAfterSliderWrap{position:relative;}
  .beforeAfterNavPrev,.beforeAfterNavNext{font-size:var(--fs-28);border:none;outline:none;background:transparent;color: #ffffff;transition: 0.3s;pointer-events: all;}
  .beforeAfterNavPrev:hover, .beforeAfterNavNext:hover{ color:var(--seconday-color); }
  .beforeAfterSliderNav{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:space-between;width: calc(100% + 100px);pointer-events: none;}

  .beforeAfterdots ul{padding: 0; display: flex ; justify-content: center; margin: 10px 0 0; font-size: 0; list-style: none; gap: 6px;}
  .beforeAfterdots ul button {width: 12px; height: 12px; border: 0; outline: 0; border-radius: 50%; transition: 0.3s; opacity: 0.1; }
  .beforeAfterdots ul .slick-active button {opacity: 1; }
  .beforeAfterdots ul button:hover {opacity: 0.5; }


  @media only screen and (max-width:1299px){
    .beforeAfterSlider .slick-list {margin:0 -26px;  }
    .beforeAfterSlider .slick-slide {padding: 0 26px;  }
    .beforeAfterSlider .slick-track{ padding:40px 0 }
    .beforeAfterSliderNav{width: calc(100% + 70px);}

  }
  @media only screen and (max-width:991px){
    .beforeAfterSecInr{padding-left: 50px; padding-right: 50px;}
    .beforeAfterSlider:has( [data-slick-index="4"]) .slick-center,
    .beforeAfterSliderWrap:has( .slick-hidden) .slick-slide:nth-child(2),.beforeAfterSlider .slick-center{ transform:scale(1.0)}
    .beforeAfterSlider .slick-track{ padding:10px 0 }
    .beforeAfterSliderWrap{max-width: 480px;margin-left: auto;margin-right: auto;}
  }
  @media only screen and (max-width:767px){
    .beforeAfterSec{overflow:hidden}
    .beforeAfterSecInr {padding-left: 0px; padding-right: 0px; }
    .beforeAfterSliderNav {width: calc(100% + 20px);}
    .beforeAfterSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 70px);overflow: visible;}
    .beforeAfterSlider .slick-list{margin:-5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;}
    .beforeAfterSlider .slick-slide {padding: 0 5px; }
    .slick-slide .beafSliderItem{opacity: 0.3;transition: 0.3s}
    .slick-active.slick-slide .beafSliderItem{opacity:1}
  }
/*BEFORE AFTER SLIDER end*/


/*textBox start*/
  .textBox h3 {font-size: var(--fs-36); }

  @media only screen and (max-width:767px){
    .textBox{text-align: center;text-align-last: center;}
    .textBox h3 {padding-bottom:15px}
  }
/*textBox end*/

.referralCard {background: #f9f9f9; padding: 20px; border-radius: 16px; text-align: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 0 10px rgba(0,0,0,0.05); border: solid 2px #3CB38E; }
.referralCard:hover {background: #e9ecef; }
.referralIcon {font-size: 2rem; margin-bottom: 10px; color: #3CB38E; /* Brand colour */ }
.referralFormWrap {display: none; margin-top: 30px; padding: 20px; border-radius: 16px; background: #f4f7fb; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
.referralFormWrap.active {display: block; }
.closeForm {display: inline-block; background: transparent; border: none; font-size: 1rem; float: right; margin-bottom: 10px; cursor: pointer; color: #888; }

/* Gallery Tab Before-After Start */
.gallery-tab .nav {background: var(--main-clr); --bs-nav-tabs-border-radius: 0; --bs-nav-tabs-border-width: 0; --bs-nav-tabs-link-active-color: #fff; --bs-nav-tabs-link-active-bg: transparent; border-radius: 5px 5px 0 0; }
.gallery-tab .nav .nav-link {--bs-nav-link-color: rgba(255, 255, 255, 30%); font-weight:600; text-transform:uppercase; font-size:14px; padding: 13px 14px; position: relative; }
.gallery-tab .nav li:not(:last-child){border-right:1px solid rgba(255, 255, 255, 30%)}
.gallery-tab .tab-content {background: #f1f8ff; border-radius: 0 0 5px 5px; overflow: hidden; padding-top: 5px; }
.gallery-tab-img img {width: 100%; display: block; }
.gallery-tab .nav .nav-link:hover {color: rgba(255,255,255,0.8); }
.gallery-tab-info {padding: 18px 20px 8px; }
.gallery-tab .nav .nav-link:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 8px; margin: 0 auto; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f2f8ff;opacity:0;transition:0.3s }
.gallery-tab .nav .nav-link.active:after{opacity:1}

/* Gallery Tab Before-After End */



/*feature gallery sec start*/
  .f-gallery-bd{max-width:900px;margin-left: auto;margin-right: auto;}
  .f-gallery-content{ padding:25px 0 0;text-align:center;}
  .f-gallery-content p{text-align:center;padding-bottom:5px}
  .f-gallery-content h6{padding-bottom: 0;padding-top:5px}
  .f-galleryImage{overflow:hidden;transition:all .5s;position: relative;}
  .f-galleryImage img{display:block;object-fit:cover;}
  .feature-gallery-img-cap {color: #fff;text-align: center;padding: 5px;background:#0005;box-shadow: -1px 0 #0004;}

  .f-gallery-nav{display:flex;align-items: center;gap:20px;justify-content: space-between;width: calc(100% + 60px);position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%);pointer-events:none;}
  .f-gallery-nav-prev,.f-gallery-nav-next{background: var(--main-clr);border:0;font-size:23px;transition:all .3s;width: 60px;height:60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #fff;flex-shrink: 0;pointer-events: all;}
  .f-gallery-nav-prev:hover,.f-gallery-nav-next:hover{background:var(--hover-color); color:#fff }

  .f-gallerySlider .slick-list {margin: 0 -20px; }
  .f-gallerySlider .slick-slide {padding: 0 20px; }
  .f-gallerySlider:not(.slick-initialized) img{display:none;}

  @media only screen and (max-width:1199px){
    .f-gallery-content{ padding:15px 0 0  }
  }

  @media only screen and (max-width:767px){
    .f-gallery-nav-prev, .f-gallery-nav-next {width: 45px; height: 45px; font-size: 20px; }
    .f-gallerySlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 70px);}
    .f-gallerySlider .slick-list{margin:-5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;}
    .f-gallerySlider .slick-slide {padding: 0 5px; }
    .slick-slide .f-gallery-item{opacity: 0.3;transition: 0.3s}
    .slick-slide .f-gallery-content{opacity:0;transition: 0.3s;}
    .slick-active.slick-slide .f-gallery-item,.slick-active.slick-slide .f-gallery-content{opacity:1}
  }
/*End feature gallery sec*/

/* =========================================================
   Careers Block – The Dental Clinic Portishead
   Uses theme CSS variables defined in style.css :root
   ========================================================= */

/* ── Section Header ── */
.careers-section .section-heading {
    margin-bottom: 50px;
	    padding-right: 0;
}

.careers-subtitle {
    font-family: var(--accent-font);
    font-size: var(--fs-14);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--seconday-color);
    margin-bottom: 10px;
    padding-bottom: 0;
}

.text-white .careers-subtitle {
    color: var(--hover-color);
}

.careers-section .section-heading h2 {
    padding-bottom: 15px;
}

.careers-intro {
    max-width: 720px;
    margin: 0 auto;
    font-size: var(--fs-16);
    line-height: 1.7;
}

/* ── Grid Layout ── */
.careers-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

/* ── Card ── */
.careers-card {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(1, 55, 64, 0.06);
    transition: all 0.4s ease;
    border-left: 4px solid var(--seconday-color);
}

.careers-card:hover {
    box-shadow: 0 8px 35px rgba(1, 55, 64, 0.12);
    transform: translateY(-3px);
}

.text-white .careers-card {
    background: rgba(255, 255, 255, 0.08);
    border-left-color: var(--hover-color);
}

/* Card Header */
.careers-card__header {
    padding: 35px 40px 25px;
    border-bottom: 1px solid rgba(1, 55, 64, 0.08);
}

.careers-card__title {
    font-family: var(--headfont);
    font-size: var(--fs-28);
    font-weight: 400;
    color: var(--main-clr);
    padding-bottom: 15px;
    line-height: 1.3;
}

.text-white .careers-card__title {
    color: #fff;
}

.careers-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.careers-meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--accent-font);
    font-size: var(--fs-14);
    font-weight: 500;
    color: var(--body-font-color);
    background: var(--light-bg);
    padding: 6px 14px;
    border-radius: 0;
}

.careers-meta-tag svg {
    flex-shrink: 0;
    color: var(--seconday-color);
}

.text-white .careers-meta-tag {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
}

.text-white .careers-meta-tag svg {
    color: var(--hover-color);
}

/* Card Body */
.careers-card__body {
    padding: 30px 40px;
}

.careers-card__description {
    font-size: var(--fs-16);
    line-height: 1.7;
    color: var(--body-font-color);
    margin-bottom: 25px;
}

.careers-card__description p:last-child {
    margin-bottom: 0;
}

.text-white .careers-card__description {
    color: rgba(255, 255, 255, 0.85);
}

/* Subsection headings inside card */
.careers-card__section {
    margin-bottom: 25px;
}

.careers-card__section:last-child {
    margin-bottom: 0;
}

.careers-card__section h4 {
    font-family: var(--accent-font);
    font-size: var(--fs-18);
    font-weight: 600;
    color: var(--main-clr);
    padding-bottom: 12px;
    margin-bottom: 0;
}

.text-white .careers-card__section h4 {
    color: #fff;
}

/* Hours list (plain, no bullets) */
.careers-hours-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 6px 30px;
}

.careers-hours-list li {
    font-family: var(--accent-font);
    font-size: var(--fs-14);
    color: var(--body-font-color);
    padding: 8px 0;
    border-bottom: 1px solid rgba(1, 55, 64, 0.06);
    display: flex;
    align-items: center;
    gap: 8px;
}

.careers-hours-list li::before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--seconday-color);
    border-radius: 50%;
    flex-shrink: 0;
}

.text-white .careers-hours-list li {
    color: rgba(255, 255, 255, 0.85);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.text-white .careers-hours-list li::before {
    background: var(--hover-color);
}

/* Checklist (What We Offer / Requirements) */
.careers-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 4px 30px;
}

.careers-check-list li {
    font-family: var(--accent-font);
    font-size: var(--fs-14);
    color: var(--body-font-color);
    padding: 8px 0 8px 28px;
    position: relative;
    line-height: 1.5;
}

.careers-check-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 16px;
    height: 16px;
    background: var(--seconday-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.text-white .careers-check-list li {
    color: rgba(255, 255, 255, 0.85);
}

.text-white .careers-check-list li::before {
    background: var(--hover-color);
}

/* Requirements variant — different icon colour */
.careers-check-list--requirements li::before {
    background: var(--main-clr);
}

.text-white .careers-check-list--requirements li::before {
    background: #fff;
}

/* Card Footer */
.careers-card__footer {
    padding: 20px 40px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.careers-card__footer .btncn {
    margin: 0;
}

.careers-card__type-badge {
    font-family: var(--accent-font);
    font-size: var(--fs-13);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--seconday-color);
    border: 1px solid var(--seconday-color);
    padding: 6px 16px;
}

.text-white .careers-card__type-badge {
    color: var(--hover-color);
    border-color: var(--hover-color);
}

/* ── Accordion / Collapsible (JS-driven) ── */
.careers-card--collapsible .careers-card__header {
    position: relative;
}

.careers-card--collapsible .careers-card__header::after {
    content: '';
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 12px;
    height: 12px;
    border-right: 2px solid var(--seconday-color);
    border-bottom: 2px solid var(--seconday-color);
    transition: transform 0.3s ease;
}

.careers-card--expanded .careers-card__header::after {
    transform: translateY(-50%) rotate(-135deg);
}

.careers-card--collapsed .careers-card__header::after {
    transform: translateY(-50%) rotate(45deg);
}

.text-white .careers-card--collapsible .careers-card__header::after {
    border-color: var(--hover-color);
}

.careers-card--collapsible .careers-card__body,
.careers-card--collapsible .careers-card__footer {
    transition: max-height 0.35s ease, opacity 0.3s ease;
}

/* ── Empty State ── */
.careers-empty {
    padding: 60px 20px;
}

.careers-empty p {
    font-family: var(--accent-font);
    font-size: var(--fs-18);
    color: var(--body-font-color);
    opacity: 0.6;
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 991px) {
    .careers-card__header,
    .careers-card__body,
    .careers-card__footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .careers-hours-list,
    .careers-check-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .careers-section .section-heading {
        margin-bottom: 30px;
    }

    .careers-card__header,
    .careers-card__body,
    .careers-card__footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .careers-card__header {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .careers-card__body {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .careers-card__footer {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 25px;
    }

    .careers-card__meta {
        gap: 8px;
    }

    .careers-meta-tag {
        font-size: 12px;
        padding: 4px 10px;
    }
}