:root {
--c-physio-blue-deeper: #21c4d3; 
--c-physio-blue: #21c4d3; --c-physio-blue-o1: #32d5e010;
--c-physio-blue-o2: #32d5e020;
--c-physio-blue-o2: #32d5e030;
--c-physio-blue-o2: #32d5e040;
--c-physio-blue-o5: #32d5e050;
--c-physio-blue-o6: #32d5e060;
--c-physio-blue-o7: #32d5e070;
--c-physio-blue-o8: #32d5e080;
--c-physio-blue-o9: #32d5e090;
} 
main h2 {
color: var(--c-physio-blue);
}
main .txt-wrap,
.component.content div {
max-width: 48em;
margin: auto;
}
main>.content-wrap {
max-width: 100%;
padding: 0;
}
main .breadcrumb,
main .page-title,
main .banner-slider
{
padding: var(--wrap);
max-width: 80em;
margin:auto;
}
main .breadcrumb {
max-width:105em;
padding: 0 2em;
}
@media screen and (min-width: 90em) {
main .breadcrumb {
padding: 0 4.5vw;
}
}
main .banner-slider {
position: relative;
z-index: 2;
}
.bg-grey-light {
background-color: var(--c-physio-blue-o2);
}
.about-physiotherapy {
margin:4em auto;
text-align: center;
}
.about-physiotherapy h3 {
color: var(--c-physio-blue);
}
section.apply {
background-color: var(--c-physio-blue-o2);
padding: 4em 0;
text-align: center;
}
section.apply .txt-wrap a {
color: var(--c-blue2);
}
section.apply .cta {
margin: 2em auto 0 auto;
display: flex;
flex-direction: column;
gap:1em;
align-items:stretch;
max-width: 24em;
}
section.apply .cta a {
display: block;
border-radius: 0.25em;
font-size: 1.2em;
font-weight: 700;
padding: 0.5em 1em; 
margin: auto;
}
@media screen and (min-width: 768px) {
section.apply .cta  {
flex-direction: row;
align-items: center;
justify-content: center;
max-width: 48em;
}
section.apply .cta>div {
flex:1;
}
}
section.apply .whatsapp-float {
display:block;
border-radius: 0;
}
section.apply .whatsapp-float  a{
text-shadow: 0 0.05em 0.1em rgba(0, 128, 0, 1);
}
section.apply .tel-button a:before{
content: '\f095';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 0.25em;
}
section.apply .form-button a:before{
content: '\f1d8';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 0.25em;
} 
section.apply .whatsapp-button {
transition: transform 0.2s ease-out;
}
section.apply .whatsapp-button:hover{
transform: scale(1.05);
}
.services {
margin:4em auto;
}
.services-list {
margin-top:2em;
}
.services-list .items{
display: flex; 
gap:1em; 
justify-content: center;
flex-direction: column;
align-items: center;
}
.services-list .item{
border:1px solid var(--c-blue3);
border-radius: 1em;
max-width: 28em; 
width:100%;
position: relative;
}
.services-list .item .img-wrap {
}
.services-list .item .img-wrap figure {
margin: 0;
position: relative;
width:100%;
padding-bottom: 67%;
}
.services-list .item .img-wrap figure img {
width: 100%;
border-radius: 1em 1em 0 0;
display: block;
margin: 0;
position: absolute;
height: 100%;
top:0;
left: 0;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.services-list .items {
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
}
.services-list .item {
width: calc((100% - 2em) / 3);
max-width: 100%;
}
}
.services-list .item .txt-wrap {
padding:1em;
display: flex;
flex-direction: column;
align-items: center;
}
.services-list .item h3 {
font-size: 1.2em;
margin:0;
color: var(--c-physio-blue);
}
.services-list .item .service-tag {
font-size: 0.75em;
color: #888;
margin-top:0.25em;
}
.services-list .item .selling-points {
text-align: left;
margin: 0.75em 0 0 0;
padding: 0;
width:100%;
display: flex;
flex-direction: column;
gap: 0.5em;
}
.services-list .item .selling-points li {
list-style: none;
position: relative;  
font-size: 0.875em;
padding-left: 1.5em;
&:before { 
content: '\f00c';
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0em; 
top:-0.15em;
font-weight: 900;
color: var(--c-physio-blue);
font-size: 1.2em;
}
}
.services-list .item {
padding-bottom:3em;
}
.services-list .item .cta {
position: absolute;
bottom: 0px;
left: 0px;
right:0px;
text-align: center;
} 
.services-list .item .cta a {
background-color: var(--c-physio-blue-o2);
color: var(--c-physio-blue-deeper);
padding:0.6em 0.8em;
display: block;
border-radius: 0 0 1em 1em;
transition-duration: 0.1s;
transition-timing-function: ease-out;
width: 100%;
}
.services-list .item .cta a:hover {
background-color: var(--c-physio-blue);
color: #fff;
}
.services-list .item .cta a:after {
content: '\f101';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
section.related .wrap {
padding:var(--wrap);
}
section.related .swiper-container {
margin:0;
}
.key-points {
background-color: var(--c-physio-blue);
}
.key-points h2 {
color: var(--c-white);
}
.key-points li hgroup {
display: none;
}
.key-points li p {
text-align: center;
}
.related.health-list {
padding:var(--wrap);
border-top:none;
}
.centres-list {
margin:0;
}
.component.centres {
padding:0;
}
.health-care-voucher {
color: #4AA35B;
text-transform: uppercase;
font-weight: 700;
display:inline-block;
padding:0.4em;
border-top:3px dotted #4AA35B;
border-bottom:3px dotted #4AA35B; 
}
section.faq .faq-item h3 {
color: var(--c-physio-blue);
}
.apply h2,
.faq h2,
.centres h2 {
color: var(--c-physio-blue-deeper);
}
.location-time {
display:none;
}