:root {
    --c-accent: #1F89B6!important;
    --logo-width: 220px;
}

main{
    overflow-x: hidden;
}

.crest{
    fill:var(--c-accent);
}

.header__container__logo a svg {
    max-width:var(--logo-width);
}
#bio_ep{background: #3D5061!important; color: #fff; max-width: 80%!important; width:100%!important; height:auto!important;}
#bio_ep .wrap {padding: 60px;}
#bio_ep h2{font-size: 2.5rem;}
#bio_ep_close{top: 0; background: #000;}
#bio_ep .btn{background: #000;} 
#bio_ep p {font-size: 1.25rem!important;line-height: 2rem; margin-top: 1rem;}
#bio_ep form input, #bio_ep form textarea, #bio_ep form select{padding: 1rem 2rem;font-size: 1rem;}

.grid-2-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.pt-2 {
  padding-top: 2rem;
}

.pt-4 {
  padding-top: 4rem;
}

.splide__arrow--prev svg{
    transform: none;
}

.photo-gallery-section__bna__slider li img{
    object-fit: contain;
}

strong{
    font-weight: bold;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.two-column-image.doctor .container--xl .title h2 {
  --h-max: 10rem;
  margin-left: -9px;
}

.reviews-slider .splide__slide .content p {
  font-size: 1.6rem;
}

.two-column-image.medspa .two-column-image__image .procedures-box ul li:last-child, .two-column-image.medspa .two-column-image__image .procedures-box ul li:nth-child(3) {
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.width-812{
    max-width: 812px;
}

.width-1088{
    max-width: 1088px;
}

.two-column-image.doctor .container--xl .title {
  margin-left: 0;
}

.logo{
  max-width:var(--logo-width);
}
.call-us{
    font-size: 2.5rem;
}
.row-to-column{
    display: flex;
    flex-direction: row; 
    gap: 3rem;
}
.hide-on-mobile{
    display: block;
}
.hide-on-desktop{
    display: none!important;
}
.column-gap-3{
    column-gap: 3rem;
}
.btn--filled{
    background: var(--c-accent)!important;
    color: #fff!important;
}

.btn--filled:hover{
    background: none!important;
    border-color: var(--c-accent)!important;
}

.mr-3{
    margin-right: 3rem;
}
.call-cta strong{
    font-weight: bold;
}
.sticky-menu .logo{
        max-width: 180px;
    }
@media screen and (max-width: 1200px) {
    .hide-on-laptop{
        display: none!important;
    }
}
@media screen and (max-width: 767px) {
    .row-to-column{
        flex-direction: column; 
        gap: 2rem;
    }
    .ratings{
        display: none;
    }   
    .grid-2-col {
        display: grid;
        grid-template-columns: 1fr;
    }
    .logo{
        max-width: 180px;
    }
    .hide-on-mobile{
        display: none!important;
    }
    .hide-on-desktop{
        display: block!important;
    }
}


.membership-plans{
padding:90px 20px;
background:#f3f4f6;
}

.membership-plans .container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.plans-header{
text-align:center;
max-width:720px;
margin:0 auto 60px;
}

.plans-header h2{
font-size:42px;
margin-bottom:10px;
color:#1f2430;
font-weight:600;
}

.plans-header h3{
font-size:26px;
margin-bottom:18px;
color:#c6a86a;
font-weight:500;
}

.plans-header p{
color:#6b7280;
line-height:1.6;
font-size:16px;
}

/* GRID */

.plans-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
align-items:stretch;
}

/* CARD */

.plan-card{
display:flex;
flex-direction:column;
background:#fff;
border-radius:20px;
border:1px solid #d9dde3;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.3s;
}

.plan-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.1);
}

/* FEATURED */

.plan-card.featured{
border:1px solid #c6a86a;
background:linear-gradient(#fff,#faf7f1);
}

/* RIBBON */

.plan-ribbon{
background:#c6a86a;
color:#fff;
text-align:center;
padding:10px;
font-size:12px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}

/* TOP */

.plan-card__top{
padding:35px 28px 25px;
text-align:center;
border-bottom:1px solid #e8ebef;
}

.plan-price{
color:#c6a86a;
font-weight:700;
margin-bottom:10px;
}

.plan-card__top h3{
font-size:24px;
margin:0;
text-transform:uppercase;
}

.plan-type{
margin-top:10px;
color:#6b7280;
}

/* BODY */

.plan-card__body{
padding:30px;
flex:1;
}

/* FEATURES */

.plan-features{
list-style:none;
padding:0;
margin:0;
}

.plan-features li{
position:relative;
padding-left:26px;
margin-bottom:16px;
line-height:1.6;
    list-style: none!important;
}

.plan-features li::before{
content:"✓";
position:absolute;
left:0;
color:#c6a86a;
font-weight:700;
}

.plan-features li span{
display:block;
font-size:12px;
color:#7b8491;
margin-top:4px;
}

.plan-features li.not-included::before{
content:"✕";
color:#b45309;
}

/* BOTTOM */

.plan-card__bottom{
padding:25px 28px 30px;
border-top:1px solid #e8ebef;
text-align: center;    
}

.plan-savings{
font-size:14px;
margin-bottom:16px;
text-transform:uppercase;
}

.plan-savings strong{
color:#c6a86a;
}

.plan-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:48px;
padding:0 24px;
border-radius:999px;
background:#c6a86a;
border:1px solid #c6a86a;
color:#fff!important;
text-decoration:none;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
transition:.25s;
}

.plan-btn:hover{
background:transparent;
color:#c6a86a!important;
}

/* NOTES */

.plans-note{
text-align:center;
max-width:800px;
margin:40px auto 0;
color:#6b7280;
font-size:13px;
}

/* RESPONSIVE */

@media(max-width:1000px){

.plans-grid{
grid-template-columns:1fr;
}

}