.infocard a:focus-visible{outline:2px solid var(--grey);outline-offset:4px;box-shadow:0 4px 8px 2px rgba(0,0,0,0.16)}
.cardinfo{display:flex;flex-direction:column;flex-grow:1}
.cardinfo-margin{margin-top:48px}
.card-centered{text-align:center}
.cardinfo-media{margin-bottom:16px;display:inline-flex}
.cardinfo-media--image{height:88px;width:88px}
.cardinfo-media--icon{height:64px;width:64px}
.infocard-eu-hk .cardinfo .cardinfo-media--icon{width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.infocard-eu-hk .cardinfo .cardinfo-media--icon-container{background:var(--text--button-hover);border-radius:48px;width:64px;height:64px;position:relative}
.cardinfo-media--image.image-rounded{border-radius:8px}
.cardinfo h3{color:var(--grey-darkest);font-size:1.5625rem;font-weight:600;line-height:1.9375rem;margin-top:0;margin-bottom:8px}
.infocard-eu-hk .cardinfo h3{font-size:20px;margin-bottom:0}
.infocard-eu-hk .cardinfo>a:hover h3{color:var(--primary-color)}
.cardinfo p{color:var(--grey-darker);font-size:16px;line-height:24px;margin:0;margin-bottom:16px}
.infocard-eu-hk .cardinfo p{margin-top:8px;margin-bottom:0}
.cardinfo .btn{margin-top:auto;display:inline-flex;height:32px}
.cardinfo .btn img{height:16px;width:16px;object-fit:cover}
.infocard .col-4,.infocard .col-3{display:flex}
.infocard .swiper-slide{height:auto;display:flex}
.col-info-item-5{flex:0 0 20%}
.infocard .swiper-button-next:hover,.infocard .swiper-button-prev:hover{background-color:var(--primary-color) !important}
.infocard .swiper-pagination-bullet:hover{background-color:var(--primary-color)}
@media(max-width:991px){.cardInfo-wrapper:not(.swiper-slide):not(:first-child){margin-top:24px}
.infocard-eu-hk .cardInfo-wrapper:not(:first-child){margin-top:0}
.infocard-eu-hk .cardInfo-wrapper{margin-bottom:48px}
.cardinfo-margin{margin-top:0}
.infocard-eu-hk .row>*[class*="col"]:not(.col-auto){flex:0 0 50%}
.infocard-eu-hk .row>*[class*="col"]:nth-of-type(2n - 1){padding-left:8px;padding-right:12px}
.infocard-eu-hk .row>*[class*="col"]:nth-of-type(2n){padding-left:12px;padding-right:8px}
.infocard-eu-hk .cardinfo h3{margin-bottom:0;font-size:16px}
.infocard-eu-hk .cardinfo p{margin-top:8px}
}