:root {
--c-brown:#653f2a;
--c-brown-light:rgba(170,147,136,0.2);
} 
main .txt-wrap,
.component.content div {
max-width: 48em;
margin: auto;
}
main>.content-wrap {
max-width: 100%;
padding: 0;
}
main section:not(.about-trinity) h2,
main section:not(.about-trinity) h3 {
color: var(--c-brown);
}
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-brown-light);
}
section.apply {
background-color: var(--c-brown-light);
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;
max-width: 16em;
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-brown-light);
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;
}
.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;
padding-left: 1.25em;
width:100%;
}
.services-list .item .selling-points li {
list-style: none;
position: relative;  
font-size: 0.875em;
&:before {
content: '\f06c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: -1.25em;
color: var(--c-brown);
font-weight: 900;
transform: rotate(-15deg);
}
}
.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-brown-light);
color: var(--c-brown);
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-brown);
color: #fff;
}
.services-list .item .cta a:after {
content: '\f101';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
section.faq   .faq-item h3 {
color: var(--c-brown);
}
.related.health-list {
padding: var(--wrap);
border-top: none;
}