#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;
}
.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;
}
.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;
}
@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: 120px;
    }
    .hide-on-mobile{
        display: none!important;
    }
    .hide-on-desktop{
        display: block!important;
    }
}