/* Conditions List */
.section-conditions .container {padding:0;}
.conditions-list {display:flex; flex-wrap:wrap; gap:1rem;}
.conditions-list>div {flex:0 0 100%; background:var(--lightBlue); color:var(--mainBrandColour); border-radius:0; padding:1rem; transition:var(--transition-default);}
.conditions-list .level3-title {font-size:var(--fontSize26); transition:var(--transition-default);}
.conditions-list ul {font-size:var(--fontSize16); margin-bottom:2rem; margin-top:1rem;}
.conditions-list ul li {margin-bottom:1rem;}
.conditions-list .conditions-link {display:flex; align-items:center; cursor: pointer; position:relative; height:56px; margin-bottom:0.5rem; padding-left:78px; padding-right:50px;}
.conditions-list .conditions-link:hover .level3-title {color:var(--mainBrandColour);}
.conditions-list .conditions-link::before {content:""; position:absolute; top:0; left:0; width:220px; height:100%; background-repeat:no-repeat; background-size:contain; background-position:0 0; background-image:url(/images/icon-thyroid-conditions.svg);}
.conditions-list .condition-panel:nth-child(3) .conditions-link::before {background-image:url(/images/icon-adrenal-conditions.svg);}
.conditions-list .condition-panel:nth-child(4) .conditions-link::before {background-image:url(/images/icon-hernia-conditions.svg);}
.condition-panel .collapse {height:0; overflow:hidden;}
.condition-panel.show .collapse {height:auto; overflow:hidden;}
.conditions-list .conditions-link::after {content:""; position:absolute; transition:var(--transition-default); transform:rotate(90deg); top:0.5rem; right:0; width:48px; height:48px; display:flex; background-color:#fff; border-radius:50%; background-repeat:no-repeat; background-size:18px 16px; background-position:50% 50%; background-image:url(/images/arrow-grey.svg);}
.conditions-list .conditions-link.active::after {transform:rotate(270deg);}
.section-conditions.no-title {padding-top:80px!important;}
.section-conditions.no-title .level2-title {display:none;}
.conditions-list .btn {border:1px solid var(--blue); background:var(--blue);color:var(--white); font-size:var(--fontSize12); padding:0.5rem 1.5rem 0.5rem 1.5rem;}
.conditions-list .btn:hover {border:1px solid var(--white); color:var(--white); background:var(--blue);}
.condition-panel:has(.btn:hover) {background:var(--blue); color:var(--white);}
.condition-panel:has(.btn:hover) .level3-title {color:var(--white);}
.condition-panel:has(.btn:hover) .conditions-link::before {background-image:url(/images/icon-thyroid.svg);}
.condition-panel:nth-child(3):has(.btn:hover) .conditions-link::before {background-image:url(/images/icon-adrenal.svg);}
.condition-panel:nth-child(4):has(.btn:hover) .conditions-link::before {background-image:url(/images/icon-hernia.svg);}

/* Appointments */
.appointments {background:var(--green); color:var(--white); padding:3rem 2rem; border-radius:40px; display:flex; flex-wrap:wrap; min-height:320px; align-items:flex-start; justify-content:space-between; flex-direction:column;}
.section-appointments .level2-title {color:var(--white); margin:0;}
.section-testimonials {background:var(--lightBlue);}
.appointments .appointment-link {position:relative; width:100%;}
.appointments .appointment-link div {position:absolute; right:0; bottom:-3rem;}
.appointments .appointment-link div img {display:none; max-width:110px; height:auto;}

/* Testimonials */
.section-testimonials {background:var(--lightBlue); overflow:hidden;}
.testimonialCarousel {margin-bottom:2rem;}
.testimonial-box {background:var(--white); border-radius:var(--borderRadius20); position:relative; padding:3.5rem 1rem 1rem; height:100%;}
.testimonial-box::before {content:""; width:32px; height:32px; left:1rem; top:1rem; position:absolute; background:url(/images/icon-quote.svg) no-repeat; background-size:contain;}
.quote {font-family:var(--serifFont);}
.date {font-size:var(--fontSize14); margin:0;}
.rating {color:var(--green); font-size:var(--fontSize14);}
.top-doctors-link img {max-width:140px; height:auto; vertical-align:middle; transition:var(--transition-default);}
.top-doctors-link a:hover img {opacity:0.6;}
.section-testimonials-page .testimonial-box {background:var(--lightBlue);}
.testimonial-highlight {font-size:1.75rem; line-height:1.2;}
.topdoctors-widget {border:0; width:100%; height:360px; max-width:1100px; padding:0 10px; margin:0 auto;}

/* Books */
.section-books ul {list-style:none; padding:0;}
.section-books ul li {border-bottom:1px solid var(--grey); padding:1rem 0; position:relative; padding-left:5rem; padding-right:1rem;}
.section-books ul li::before {background: url(/images/icon-book.svg) no-repeat; content:''; position:absolute; top:1rem; left:0; width:4rem; height:4rem; background-size:contain;}
.section-books ul li strong {color:var(--mainBrandColour); transition:var(--transition-default);}
.section-books ul li a:hover strong {color:var(--green);}

/* Carousel */
.teamCarousel {margin-top:3rem;}
.teamCarousel a {font-weight:var(--boldFontWeight); display:block;}
.teamCarousel a span {display:block; background:var(--white); margin-bottom:0.75rem; border-radius: var(--borderRadius20);}
.teamCarousel a img {transition:var(--transition-default);}
.teamCarousel a:hover img {transform:scale(0.98);}
.splide__arrows {display:flex; gap:0.5rem;}
.splide__arrow {transition:var(--transition-default); width:2.5rem; height:2.5rem; background:var(--blue) !important; opacity:1 !important; position:relative !important; top:0 !important; transform:translateY(-1rem) !important;}
.splide__arrow:hover {background:var(--green) !important;}
.splide__arrow--prev {left:auto !important;}
.splide__arrow--next {right:auto !important;}
.splide__arrow svg {fill:var(--white);}
.splide__pagination {bottom:-1.5em;}
.splide__pagination__page.is-active {background:var(--green);}
#testimonialCarousel .splide__track {overflow:visible;}

/* Conditions */
.section-page-title {background:#EFEFEF;}
.section-page-title .level1-title {display:flex; justify-content:center; flex-direction:column;}
.section-page-title .level1-title img {max-width:100px; height:auto; margin:0 auto 2rem auto;}

.contact-link {background:var(--blue); color:var(--white); border-radius:var(--borderRadius20); padding:2rem;}
.contact-link .level3-title {color:var(--white); margin-bottom:1rem;}
.contact-link .btn-rev {border:1px solid var(--white); color:var(--blue); font-size:var(--fontSize12); padding:0.5rem 1.5rem 0.5rem 1.5rem;}
.contact-link .btn-rev:hover {border:1px solid var(--white); color:var(--white); background:var(--blue);}

.conditions-header {display:grid; grid-template-rows:1fr; grid-template-columns:1fr; gap:1.5rem;}
.beforeAfterCarousel {margin-top:2rem;}
.beforeAfterImages {display:flex; gap:2px; flex-wrap:wrap;}
.beforeAfterImages img:first-child {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.beforeAfterImages img:last-child {border-top-left-radius:0; border-top-right-radius:0;}

/* Accordion */
.accordion  {border-bottom:1px solid var(--grey); margin-bottom:1rem;}
.accordion .heading {font-weight:var(--boldFontWeight); transition:var(--transition-default); color:var(--blue); border-top:1px solid var(--grey); padding:1.5rem 2rem 1.5rem 0; position:relative;}
.accordion .heading:hover {cursor:pointer; color:var(--mainBrandColour);}
.accordion .collapse {max-height:0; transition:max-height .5s ease-out; overflow:hidden;}
.accordion .heading-active {color:var(--mainBrandColour);} 
.accordion .collapaseBody {padding:0 2rem 1rem 0;}
.accordion .heading::after {content:''; transition:var(--transition-default); position:absolute; top:1.75rem; right:0; width:16px; height:16px; background:url(/images/arrow-blue.svg) no-repeat 50% 50%; background-size:contain;}
.accordion .heading:hover::after,
.accordion .heading.heading-active::after {transform:rotate(180deg);}
.accordion ul.columns-two {columns:1;}
.accordion ul.columns-two li {padding-right:1rem;}
img.img-profile {max-width:220px; height:auto; margin:0 auto; background:var(--lightBlue);}
.profile-photo-grid {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr min-content; margin-bottom:4rem; gap:1rem;}
.profile-photo-grid > div {border-radius:var(--borderRadius20);}
.profile-photo-grid div:nth-child(1) {grid-column:1/3;}
.profile-photo-grid div:nth-child(2) {aspect-ratio:1/1;}
.profile-photo-grid div:nth-child(3) {aspect-ratio:1/1; background:var(--lightBlue);}

/* Meet The Team */
.team-profile {display:flex; gap:2rem; flex-wrap:wrap;}
.team-profile .profile-img {flex:0 0 120px; max-width:200px;}

/* Consultation Fees */
.logo-grid {display:flex; flex-wrap:wrap; margin-left:-0.5rem; margin-right:-0.5rem; margin-top:4rem;}
.logo-grid > div {flex:0 0 50%;}
.logo-grid > div > div {border:1px solid var(--darkGrey); border-radius:var(--borderRadius20); aspect-ratio:1/1; overflow:hidden; margin:0 0.5rem 1rem 0.5rem; display:flex; align-items:center; align-content:center;}

/* Contact */
form {margin-right:15px;}
form .error {color:#E00C44; font-size:var(--fontSize16); padding:0.5rem 0 0 1rem;}
form label {display:none;}
.form-control {display:block; width:100%; padding:0.5rem 1rem; font-size:var(--fontSize16); color:var(--mainBrandColour); font-family:var(--baseFont); border-radius:var(--borderRadius20); border:1px solid var(--blue); background:transparent;}
.form-control:focus {color:#000; border-color:#E00C44; outline:0; box-shadow:none;}
select.form-control {color:var(--blue);}
#success_fail_info {color:var(--white); border-radius:var(--borderRadius20);}
#success_fail_info.error {background:#E00C44; padding:20px; margin-bottom:1rem;}
#success_fail_info.success {background:#1BD3AF; padding:20px; margin-bottom:1rem;}
::-webkit-input-placeholder {font-size:var(--fontSize16); color:var(--blue); font-family:var(--baseFont);}
::-moz-placeholder {font-size:var(--fontSize16); color:var(--blue); font-family:var(--baseFont);}
:-ms-input-placeholder {font-size:var(--fontSize16); color:var(--blue); font-family:var(--baseFont);}
:-moz-placeholder {font-size:var(--fontSize16); color:var(--blue); font-family:var(--baseFont);}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:none; border:none;}
.select-wrapper {position:relative; display:block;}
.select-wrapper select {width:100%; padding-right:2rem;}
.select-wrapper::after {content:'▾'; position:absolute; top:0.4rem; right:0.75rem; pointer-events:none;}
.contact-panel {background:var(--lightBlue); border-radius:var(--borderRadius20); padding:3rem 1rem; color:var(--mainBrandColour);}
.border-panel {border:1px solid var(--blue); border-radius:var(--borderRadius20); padding:3rem 2rem; height:100%;}
.img-logo {width:100%; max-width:200px; height:auto;}

@media (min-width:385px) {
    /* Appointments */
    .appointments .appointment-link div img {display:block;}
}

@media (min-width:576px) {
    /* Conditions List */
    .conditions-list .conditions-link {height:80px;}
    .section-conditions .container {padding:0 28px;}
    .conditions-list>div {border-radius:40px; padding:2rem 2rem 3rem 2rem;}
    .conditions-list .conditions-link {padding-left:100px; padding-right:60px;}
    .conditions-list ul {font-size:var(--fontSize20);}
    .conditions-list .conditions-link::after {top:1rem;}

    /* Appointments */
    .appointments {flex-wrap:nowrap; min-height:auto; align-items:flex-end; justify-content:space-between; flex-direction:row;}
    .appointments .level2-title{flex:0 0 50%;}
    .appointments .appointment-link {width:auto;}
    .appointments .appointment-link div {right:auto; left:-120px;}

    /* Profile */
    .profile-photo-grid {grid-template-columns:2fr 1fr;}
    .profile-photo-grid div:nth-child(1) {grid-column:1/2; grid-row:1/3;}

    /* Consultation Fees */
    .logo-grid > div {flex:0 0 33.333%;}

    /* Meet The Team */
    .team-profile {flex-wrap:nowrap;}

    /* Conditions */
    .beforeAfterCarousel {margin-top:0;}
    .beforeAfterCarousel .splide__arrow {position:absolute !important; top:50% !important;}
    .beforeAfterCarousel .splide__arrow--next {right:-3rem !important;}
    .beforeAfterCarousel .splide__arrow--prev {left:-3rem !important;}
    .beforeAfterImages {flex-wrap:nowrap;}
    .beforeAfterImages img:first-child {border-top-right-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:var(--borderRadius20);}
    .beforeAfterImages img:last-child {border-bottom-left-radius:0; border-top-left-radius:0; border-top-right-radius:var(--borderRadius20);}
}

@media (min-width:768px) {
    /* Testimonials */
    .topdoctors-widget {height:300px;}

    /* Conditions */
    .conditions-list>div {flex:0 0 calc(50% - 1rem);}
    .condition-panel .collapse {height:auto; overflow:hidden;}
    .conditions-list .conditions-link::after {display:none;}
    .conditions-list .conditions-link::before {left:auto; right:0; background-position:100% 0;}
    .conditions-list .conditions-link {padding-left:0; padding-right:150px;}

    .conditions-header {grid-template-rows:1fr 2fr; grid-template-columns:1.5fr 1fr;}
    .conditions-header div:first-child {grid-row:1 / 3;}
    .conditions-header div:last-child {grid-row:2 / 3;}
}

@media (min-width:860px) {
    /* Conditions */
    .conditions-list .conditions-link {height:100px;}
    .conditions-header {grid-template-columns:2fr 1fr;}
}

@media (min-width:992px) {
    /* Accordion */
    .accordion ul.columns-two {columns:2;}
    /* Meet The Team */
    .team-profile .profile-img {flex:0 0 200px; max-width:200px;}
    /* Consultation Fees */
    .logo-grid > div {flex:0 0 25%;}
}

@media (min-width:1075px) {

}

@media (max-width:1075px) {
    .links-columns .col-6 {grid-column: 1/-1;}
}


/* Links */
.links-list ul {display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0; font-size:1rem;}
.links-list ul img {width:auto; max-width:240px; max-height:120px; height:auto; transition:transform 0.3s ease-out, opacity 0.3s ease-out;}
.links-list ul li {flex:0 0 100%; padding:0.5rem;}
.links-list ul li a {border:1px solid #ddd; min-height:100px; border-radius:6px; text-align:center; height:100%; display:flex; justify-content:center; align-items:center; padding:0.5rem 0;}
.links-list ul li a:hover img {opacity:0.8; transform:scale(0.98);} 


.links-colleagues img.img-profile {border-radius:6px; }
.links-colleagues .team-profile .profile-img {
        flex: 0 0 140px;
        max-width: 140px;
    }


@media (min-width:440px) {
}

@media (min-width:600px) {
    .links-list ul li {flex:0 0 50%;}
}

@media (min-width:768px) {
    .links-list ul li a {padding:0.5rem 1rem;}
}

@media (min-width:930px) {
    .links-list ul li {flex:0 0 33.333%;}
}

@media (min-width:1300px) {
    .links-list ul li {flex:0 0 25%;}
}