.section-cta a.btn.solid.green {
border-color:rgba(37, 211, 102, 1);
background-color:rgba(37, 211, 102, 1);
font-size: 1.2em;
font-weight: 700;
padding: 0.5em 1em;
font-size: 1.2em;
font-weight: 700;
padding: 0.5em 1em;
text-shadow: 0 0.05em 0.1em rgba(0, 128, 0, 1);
white-space: nowrap;
cursor: pointer; }
@keyframes horizontal-shaking {
0% { transform: translateX(0) }
25% { transform: translateX(0.1em) }
50% { transform: translateX(-0.1em) }
75% { transform: translateX(0.1em) }
100% { transform: translateX(0) }
} .section-cta a.btn.solid.green:hover {
background-color:rgba(0, 192, 0, 1)!important;
border-color:rgba(0, 192, 0, 1);
}
main * {
box-sizing: border-box;
}
main .txt-wrap {
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;
}
@media screen and (max-width: 767px) {
.banner-slider .swiper-slide  {
padding-bottom:122%!important;
}
}
.intro {
font-size:1.2em;
color:#666;
max-width: 52em;
}
.services {
margin:4em auto;
}
section .section-title h2{
text-align: center;
font-weight: 700;
font-size:2em;
margin:0 auto;
}
section .content-wrap>div {
text-align: center;
}
section.component.centres {
padding:4em 0; 
background-color: #f4f8f8;
} main section h3 {
color: var(--c-blue1);
}
.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-o2);
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;
}
.location-tags {
text-align: center;
margin-top:0.75em;
}
.location-tags {
display: flex;
align-items: center;
justify-content: center;
gap:0.25em;
flex-wrap: wrap;
}
.location-tags a {
display: block;
padding: 0.5em 0.5em;
border-radius: 0.4em; font-size: 0.75em;
line-height: 1;
cursor: pointer;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
.location-tags a {
color: var(--c-blue1);
border:1px solid  var(--c-blue1);
position: relative;
}
.location-tags a:hover {
color: #fff;  
background-color: var(--c-blue1);
border:1px solid  var(--c-blue1);
} 
.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;
}
.services-list .item .selling-points li {
list-style: none;
position: relative;  
font-size: 0.875em;
&:before {
content: "✓";
position: absolute;
left: -1.25em;
color: var(--c-blue2);
font-weight: 900;
}
} .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-blue3-o2);
color: var(--c-blue1);
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-blue1);
color: #fff;
}
.services-list .item .cta a:after {
content: '\f101';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
.why-choose-us {
background-color: var(--c-blue3-o2);
padding:4em 0;
}
.why-choose-us-list {
display: flex; 
gap:0.25em;
margin:0;
padding:0;
margin-top:2em; 
align-items: stretch;
flex-wrap:wrap;
}
.why-choose-us-list li {
list-style: none; color:var(--c-blue1); padding:1em;
border-radius: 1em; 
text-align: center;
background-color: #fff;
max-width: 24em;
width: calc((100% - 0.25em) / 2);
}
@media screen and (min-width: 768px) {
.why-choose-us-list {
flex-direction: row;
align-items: stretch;
flex-wrap:nowrap;
}
.why-choose-us-list li {
width:calc((100% - 0.75em) / 4);
}
}
.why-choose-us-list li h3 {
font-size: 1.2em;
margin:auto;
font-weight: 700;
}
.why-choose-us-list li h3 strong {
font-size: 1.2em;
display: block;
} 
.why-choose-us-list li .img-wrap figure {
margin:1em auto;
}
.why-choose-us-list li .img-wrap figure img{
width:5em;
height:2.5em;
object-fit: contain;
object-position: center;
display: block;
margin:auto;
}
section.apply {
background-color: #f4f7f8;
padding: 4em 0;
}
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: 60em;
}
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 a:hover{
transform: scale(1.05);
}
section.contact-form {
margin: auto;
padding: 4em 0;
}
section.contact-form .ff-form {
background: none!important;
box-shadow: none!important;
padding: 0;
max-width: 48em;
}
section.contact-form .ff-section {
padding: 0;
}
section.contact-form .ff-title {
font-family: 'Roboto', 'Helvetica', 'Noto Sans TC', 'PingFang TC', 'Microsoft JHengHei', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Arial', 'sans-serif', 'PMingLiU'!important;
margin-bottom: 0em!important;
line-height: 1.25 !important;
text-align: center;
color: var(--c-blue1);
}
section.faq 
{
background-color: #f4f7f8;
}
.why-choose-us-list li .icon  {
line-height: 1;
margin:1em auto 1.5em auto;
}
.why-choose-us-list li .icon i {
font-size:2.5em;
}
.why-choose-us-list li.booking .icon  {
color:rgb(255, 153, 0);
}
.why-choose-us-list li.express .icon  {
color:rgb(98, 66, 194);
}
.why-choose-us-list li.ehealth .icon  {
color:#61A5FA;
}
.why-choose-us-list li.voucher .icon  {
color:#1A843A;
}
.why-choose-us-list li .txt-wrap {
margin-top:0.5em;
}
.why-choose-us-list li .logotype  {
height: 2.5em;
display: flex;
align-items: center;
justify-content: center;
margin:1em auto 1.5em auto;
}
.why-choose-us-list li.letter .logotype  {
background-color:#f00;
color:#fff;
display: inline-block;
}
.why-choose-us-list li.ehealth .logotype .logotype-inner {
color:#888;
font-weight: 700;
font-size: 2em;
}
.why-choose-us-list li.ehealth .logotype .logotype-inner span {
color:#61A5FA;
}
.why-choose-us-list li.voucher .logotype .logotype-inner {
background-color: #4AA35B;
color: #fff;
display: inline-block;
padding: 0.2em 0.4em;
font-size: 1.75em;
line-height: 1;
border-radius: 0.1em;
}
.why-choose-us-list li.voucher .logotype .logotype-inner span {
display: block;
text-transform: uppercase;
text-align: center;
}
.why-choose-us-list li.voucher .logotype .logotype-inner span.en-line1 {
padding: 0.2em 0 0.5em 0.4em;
font-size: 0.3em;
border-bottom: 1px solid #fff;
margin-bottom: 0.6em;
letter-spacing: 0.4em;
}
.why-choose-us-list li.voucher .logotype .logotype-inner span.en-line2 {
font-size: 0.4em;
letter-spacing: 0.1em;
font-weight: 700;
margin-bottom: 0.2em;
padding-left: 0.1em;
}
.why-choose-us-list li.voucher .logotype .logotype-inner span.en-line3{
font-size:0.8em;
}
.why-choose-us-list li.voucher .logotype .logotype-inner span.zh-line1 {
padding: 0em 0 0.4em 0.4em;
font-size: 0.4em;
border-bottom: 1px solid #fff;
margin-bottom: 0.5em;
letter-spacing: 0.4em;
}
.why-choose-us-list li.voucher .logotype .logotype-inner span.hkg{
font-size:0.2em;
background-color:#fff;
color:#000;
padding:0.1em 0.5em;
border-radius: 0.25em;
display: block; 
text-align: left;
padding:1em;
letter-spacing: 0.25em;
line-height: 1;
}
.why-choose-us-list li.letter .icon {
color:#f00;
}
.why-choose-us-list li.ehealth .icon  {
color:#61A5FA;
}
.why-choose-us-list li.voucher .icon  {
color:#1A843A;
}
.about-referral {
margin: 4em auto;
}
.about-referral .img-wrap figure img {
width:8em;
display: block;
margin:auto;
}
.about-referral .img-wrap figure{
margin:2em auto;
}
.ff-form, .ff-form div, .ff-form p, #ff-addprd-popup {
font-size: 1em !important;
}
section.apply .ff-title {
color: var(--c-blue1);
text-align: center;
font-size: 2em !important;
letter-spacing: 0;
}
section.apply .ff-section {
padding: 0;
}
.ff-success .popup {
padding: 1em;
max-width: 48em;
text-align: center;
}
.ff-success dotlottie-player {
width: 6em;
height: 6em; 
margin: 0 auto -0.5em auto;
}
section.apply .or {
margin-top:1em;
}
section.apply.popup-container {
padding:0;
}
section.apply .popup {
max-height: 70dvh;
padding:2em 0;
background-color: #f4f7f8;
}