/* Conditions List */
.conditions-list-title {background:var(--secondary-400); color:var(--neutral-100); padding:2rem 2rem 0 2rem; margin-bottom:4rem;
margin-top:-2rem; margin-left:-2rem; width:calc(100% + 4rem); border-radius: var(--border-radius-sm); border-top-left-radius:0; 
display:flex; justify-content:space-between;}
.conditions-list-title>div:first-child {padding-bottom:2rem;}
.conditions-list-title>div:last-child {align-content:flex-end;}
.conditions-list-title img {width:140%; max-width:140px; display:inline-block; margin-bottom:-60px; margin-left:-1rem}
.conditions-list-title .level-2-title {margin:0;}
.conditions-list ul {margin-bottom:0;}
.conditions-list ul li a {color:var(--neutral-900);}
.conditions-list ul li a:hover {color:var(--primary-300);}
.conditions-list ul li::marker {color:var(--primary-200); font-size:1.2em;}

@media (min-width:576px) {
    .conditions-list {display:flex; column-gap:1rem; justify-content:space-between;}
}

@media (min-width:920px) {
    .conditions-list-container {display:flex; column-gap:4rem;}
    .conditions-list-title {flex-direction:column; margin-bottom:0; flex:0 0 200px; margin-top:-4rem; margin-left:-4rem; margin-bottom:-4rem;}
    .conditions-list-title img {margin-bottom:0; margin-left:0; max-width:220px;}
    .conditions-list-title>div:last-child {align-self:flex-end;}
    .conditions-list ul {font-size:var(--fs-base)}
    .conditions-list-title img {margin-left:2rem;}
}

@media (min-width:992px) {
    .conditions-list-title img {margin-left:4rem;}
}

@media (min-width:1100px) {
    .conditions-list {column-gap:3rem;}
    .conditions-list ul {font-size:var(--fs-base-d)}
}

@media (min-width:1200px) {
    .conditions-list-container {column-gap:8rem;}
}




/* Intro  */
.location-list {margin-bottom:1.75rem;}
.location-list>div>a {display:block; background:var(--primary-100); margin-bottom:0.5rem; line-height:1.2; border-radius:8px; padding:2rem; padding-left:6rem; position:relative;}
.location-list .location-title {color:var(--primary-300); transition:var(--transition-default);}
.location-list>div>a::before {content:''; position: absolute; top:0; left:2rem; width:43px; height:100%;
background:url(/images/icon-marker.svg) no-repeat 50% 50%;}
.location-list {max-width:460px;}
.location-list>div>a:hover, .location-list>div>a:hover .location-title {color:var(--primary-900);}
.columns-two-grid {display:grid; column-gap:3rem; grid-template-columns:1fr;}
.columns-two-grid>.column:nth-child(2) {align-content:flex-end;}

/*
@media ( (min-width:510px) and (max-width:766px) ) {
    .location-list {display:flex; column-gap:1rem;}
    .location-list {max-width:100%;}
    .location-list>div {padding:1rem; flex:0 0 calc(33.333% - 1rem);}
    .location-list>div::before {left:0; position:relative; display:block; height:43px; 
        background-size:contain; margin-bottom:0.5rem;}
}*/

@media (max-width:767px) {
    .columns-two-grid>.column:nth-child(1) {order:1;}
    .columns-two-grid>.column:nth-child(2) {order:3;}
    .columns-two-grid>.column:nth-child(3) {order:2;}
    .columns-two-grid>.column:nth-child(4) {order:4;}
}


@media (min-width:768px) {
    .columns-two-grid {display:grid; column-gap:3rem; 
  grid-template-columns: minmax(0, 560px) minmax(0, 460px);
  justify-content: space-between; /* pushes them apart */
    }
}
@media (min-width:992px) {
}

/* Home Feature Condition */
.featured-condition {position:relative; overflow:hidden; min-height:560px;}
.featured-condition .column {position:relative; z-index:2; padding-bottom:1rem; max-width:320px;}
.featured-condition .img-container {overflow:hidden; height:auto; aspect-ratio:2/1.5; width:calc(100% + 4rem); border-bottom-right-radius:var(--border-radius-sm); background:url(/images/severe-abdominal-pain.webp?v=1.0) no-repeat bottom -2rem right; background-size:100% auto; margin-right:-2rem; margin-bottom:-2rem; margin-left:-2rem; background-color:var(--primary-100);}

@media (min-width:768px) {
    .featured-condition .column {max-width:340px;}
    .featured-condition .columns-two-offset {grid-template-columns:1.25fr 1.75fr;}
    .featured-condition .img-container {position:absolute; background-position:bottom right; bottom:0; right:0; width:74%; aspect-ratio:unset; height:calc(100% + 2rem); max-width:480px; background-color:transparent;}
}


@media (min-width:900px) {
    .featured-condition .img-container {max-width:600px;}
}


@media (min-width:1160px) {
    .featured-condition .img-container {max-width:730px;}
}

@media (min-width:1200px) {
    .section-featured-condition .frame {padding-left:8rem;}
}





/* Home Enquiry Form */
@media (min-width:768px) {
    .section-book-consultation .columns-two {grid-template-columns:0.75fr 1.25fr;}
}

@media (min-width:1200px) {
    .section-book-consultation .frame {padding-left:8rem;}
}






/* Profile Cards */
.columns-3 {display:grid; column-gap:2rem; row-gap:2rem; }

a.profile-card {display:flex; flex-direction:column; justify-content:space-between; height:100%; overflow:hidden; cursor:pointer; box-shadow:0px 15px 35px 0px rgba(130,136,171,0.3); background-color:var(--secondary-300); border-radius:var(--border-radius-sm); border-top-left-radius:0; padding:2rem;}
a.profile-card span {display:block;}
a.profile-card .profile-name {font-size:var(--fs-para-lg-m); line-height:1.1; margin-bottom:0.75rem;}
a.profile-card .profile-title {color:var(--neutral-400); transition:var(--transition-default); font-size:var(--fs-para-md-m); margin-bottom:0.75rem;}
a.profile-card .profile-qualification {color:var(--neutral-400); transition:var(--transition-default); font-size:var(--fs-para-sm-m); margin-bottom:0.75rem;}
a.profile-card .profile-card-img {max-width:210px; margin:0 auto -2rem auto;}
a.profile-card .profile-card-img img {transition:var(--transition-default);}
a.profile-card:hover,
a.profile-card:hover .profile-title,
a.profile-card:hover .profile-qualification {color:var(--primary-900);}
a.profile-card:hover .profile-card-img img {scale:1.05;}

@media (min-width:500px) {
    .columns-3 {grid-template-columns:repeat(2, 1fr);}
    .columns-3 .column:last-child {translate: calc(50% + 1rem) 0;}
}



@media (min-width:768px) {
    .columns-3 {grid-template-columns:repeat(3, 1fr);}
    .profile-card {border-radius:var(--border-radius-lg); border-top-left-radius:0;}
    .columns-3 .column:last-child {translate:unset;}
}

@media (min-width:992px) {
    a.profile-card .profile-name {font-size:var(--fs-para-lg-d);}
    a.profile-card .profile-title {font-size:var(--fs-para-md-d);}
    a.profile-card .profile-qualification {font-size:var(--fs-para-sm-d);}
}




/* Carousel - Testimonials */
.section-carousel-testimonials {
    --carousel-paging-size:8px;
    --carousel-button-size:40px;
}
.section-carousel-testimonials .frame {background-color:var(--secondary-400); color:var(--neutral-100); position:relative;}
.section-carousel-testimonials .frame::before {content:""; position:absolute; bottom:-30px; left:2rem; width:0; height:0; border-left:0 solid transparent; border-right:60px solid transparent; border-top:40px solid var(--secondary-400);}
.section-carousel-testimonials .splide__arrow--prev {display:none;}
.section-carousel-testimonials .splide__pagination {justify-content:flex-start; padding:0; bottom:-(var(--carousel-button-size)); left:0;}
.splide__pagination__page {opacity:0.4; background:var(--neutral-100); width:var(--carousel-paging-size); height:var(--carousel-paging-size); transition:var(--transition-default);}
.splide__pagination__page.is-active {opacity:1; transform:none;}
.carousel-container {position:relative; padding:0 0 var(--carousel-button-size) 0; font-size:var(--fs-para-lg-m);}
.carousel-container>img {margin-bottom:2rem; margin-top:2rem; max-width:100px;}
.btn-next {position:absolute; cursor:pointer; right:0; bottom:0; width:var(--carousel-button-size); height:var(--carousel-button-size); border-radius:50%; border:0; background:var(--neutral-100) url(/images/icon-arrow-csrousel.svg) no-repeat 50% 50%; background-size:auto 18px; transition:var(--transition-default);}
.btn-next:hover {opacity:0.4;}
.carousel-container .quote {max-width:850px; padding-left:0;}

@media (min-width:768px) {
    .section-carousel-testimonials {
    --carousel-paging-size:15px;
    --carousel-button-size:70px;
    }
    .section-carousel-testimonials .frame::before {bottom:-50px; left:3rem; border-right-width:80px; border-top-width:60px;}
    .section-carousel-testimonials .splide__pagination {left:4.5rem;}
    .carousel-container {font-size:var(--fs-para-xl-d);}
    .carousel-container .quote {padding-left:4.5rem;}
    .btn-next {background-size:auto;}
}