.fc_service_centre_list {
.region_wrapper {
display: flex;
flex-wrap: wrap;
gap: calc(var(--gap-s) / 2);
.region {
--color-headings: var(--color-black);
--color-text: var(--color-black);
flex-basis: 100%;
padding: var(--gap-s) var(--gap-xs) var(--gap-xs) var(--gap-xs);
border-radius: var(--border-radius-m);
background-color: var(--color-white);
color: var(--color-text);
box-shadow: 0 calc(var(--gap-xxs) / 2) calc(var(--gap-xxs) * 5) 0
hsl(from var(--color-black) h s l / 0.1);
.title {
margin-bottom: var(--gap-s);
}
.list_wrapper {
display: flex;
flex-direction: column;
gap: calc(var(--gap-s) / 2);
.list_item {
border-radius: var(--border-radius-m);
padding: var(--gap-xs);
border: 1px solid hsl(from var(--color-black) h s l / 0.2);
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: var(--gap-xs);
transition:
background-color 0.4s ease,
color 0.4s ease;
&::after {
content: "";
width: 22px;
height: 15px;
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
color: currentColor;
background: currentColor;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' fill='none' viewBox='0 0 22 15'%3E%3Cpath fill='currentColor' d='M1 6.364a1 1 0 1 0 0 2v-2m20.707 1.707a1 1 0 0 0 0-1.414L15.343.293a1 1 0 1 0-1.414 1.414l5.657 5.657-5.657 5.657a1 1 0 0 0 1.414 1.414zM1 7.364v1h20v-2H1z'/%3E%3C/svg%3E");
}
&:hover {
background-color: var(--color-primary-pink);
color: var(--color-white);
}
}
}
}
} @media (width >= 576px) {
.region_wrapper {
.region {
flex-basis: calc(50% - ((var(--gap-s) / 2) * 1) / 2);
}
}
}
@media (width >= 992px) {
.region_wrapper {
.region {
flex-basis: calc(33.333% - ((var(--gap-s) / 2) * 2) / 3);
}
}
}
}.fc_service_centre_list_coming_soon {
.content {
margin-bottom: var(--gap-s);
}
.list_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--gap-xs);
.list_item {
border: 1px solid var(--color-text);
border-radius: var(--border-radius-max);
padding: 20px 40px;
font-weight: 400;
transition:
background-color 0.4s ease,
border-color 0.4s ease,
color 0.4s ease;
&:hover {
cursor: default;
color: var(--color-black);
background-color: var(--color-secondary-pink);
}
}
}
}.fc_call_to_action {
--color-text: var(--color-white);
--color-headings: var(--color-white);
color: var(--color-text);
position: relative;
isolation: isolate;
.highlight {
color: var(--color-black);
}
.wp_content {
> *:not(.button) {
margin-bottom: var(--padding-xs);
}
> :last-child {
margin-bottom: 0;
}
}
.banner_image,
.banner_video {
position: absolute;
z-index: -2;
inset: 0;
overflow: hidden;
}
.banner_video {
iframe {
position: absolute;
top: 50%;
left: 50%;
min-width: 100.5%;
min-height: 100%;
aspect-ratio: 16 / 9;
transform: translate(-50%, -50%);
pointer-events: none;
}
}
&::after {
content: "";
position: absolute;
z-index: -1;
inset: 0;
background-color: hsl(from var(--color-primary-pink) h s l / 0.6);
}
}.fc_content_repeater {
&.link {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--gap-xs);
.link_item {
border: 1px solid var(--color-text);
border-radius: var(--border-radius-max);
padding: 20px 40px;
font-weight: 400;
transition:
background-color 0.4s ease,
border-color 0.4s ease,
color 0.4s ease;
&:hover {
color: var(--color-text);
background-color: var(--color-secondary-pink);
}
}
}
&.standard,
&.numbered {
display: grid;
gap: var(--gap-s);
grid-template-columns: repeat(1, 1fr);
.content {
border: 1px solid var(--color-text);
padding: var(--gap-s);
border-radius: var(--border-radius-m);
transition:
background-color 0.4s ease,
color 0.4s ease;
} @media (width >= 576px) {
&.grid_2,
&.grid_4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (width >= 768px) {
&.grid_3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (width >= 992px) {
&.grid_4 {
grid-template-columns: repeat(4, 1fr);
}
}
}
&.numbered {
.content {
counter-increment: numbered-cards;
padding: var(--gap-l) var(--gap-s) var(--gap-s) var(--gap-s);
&::before {
content: counter(numbered-cards) ".";
display: block;
font-weight: 900;
line-height: 0.9;
letter-spacing: -3px;
font-size: clamp(34px, 2.124vw + 21.765px, 60px);
margin-bottom: var(--gap-xs);
color: var(--color-primary-pink);
}
}
} &.bg_black {
&.link {
.link_item {
&:hover {
color: var(--color-grey-text);
}
}
}
}
}.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition:
transform 0s,
opacity 0s;
-moz-transition:
transform 0s,
opacity 0s;
transition:
transform 0s,
opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
display: inline-block;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: "";
display: table;
clear: both;
}
.tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
float: left;
} .tns-controls {
display: flex;
gap: calc(var(--gap-s) / 2);
align-items: center;
right: 0;
justify-content: center;
}
.tns-controls button {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23d60d8c' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23d60d8c' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
width: 40px;
aspect-ratio: 1;
text-indent: -9999px;
overflow: hidden;
z-index: 5;
border: none;
transition: background 0.4s ease;
}
.bg_black .tns-controls button {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23fff' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23fff' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
}
.tns-controls button:hover {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' fill='%23d60d8c' stroke='%23d60d8c' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23fff' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
}
.tns-controls button:disabled {
opacity: 0.5;
}
.tns-controls button:nth-child(1) {
transform: rotate(180deg);
}
button[data-action="stop"] {
display: none;
}
@media (max-width: 850px) {
.tns-controls {
position: relative;
}
.tns-outer {
display: flex;
flex-direction: column-reverse;
}
}
.tns-outer {
display: flex;
flex-direction: column-reverse;
gap: var(--gap-m);
}
.flex-forward .tns-outer {
flex-direction: column;
}
.overflow-visible {
overflow: hidden;
.tns-ovh {
overflow: visible !important;
}
}.fc_icon_grid {
.slides--icons {
display: flex;
align-items: center;
justify-content: center;
gap: var(--gap-xxs);
margin: 0 auto;
overflow: hidden;
transition-timing-function: linear;
.tns-item {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
}
img {
max-height: 140px;
width: auto;
}
.tns-controls {
display: none;
}
&.padding_full {
padding-inline: 0;
}
}