.fc_banner {
background: linear-gradient(0deg, #05577a 0%, #0a2450 49%, #0d013a 99%);
display: flex;
gap: 60px;
align-items: center;
justify-content: center;
}
.fc_banner.larger_banner {
min-height: 100vh;
}
.fc_banner {
display: flex;
flex-flow: column;
}
.fc_banner.larger_banner svg {
flex-shrink: 0;
}
.fc_banner.larger_banner.default_banner .left_content {
flex: 1;
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.fc_banner.larger_banner.default_banner .left_content .banner-large {
color: var(--lime);
}
.fc_banner.larger_banner .the_usps {
margin-top: auto;
}
.fc_banner.larger_banner.two_column_banner .col_wrapper {
width: 100%;
gap: var(--gap-l);
display: flex;
justify-content: space-between;
align-items: center;
flex: 1;
}
.fc_banner:not(.larger_banner) .left_content p {
max-width: 800px;
}
@media (min-width: 1200px) {
.fc_banner.two_column_banner .col_wrapper > div {
width: 50%;
}
}
@media (max-width: 1200px) {
.fc_banner.two_column_banner .col_wrapper {
flex-flow: column;
}
}
@media (min-width: 1024px) {
.fc_banner {
padding-top: 130px;
padding-bottom: 60px;
min-height: 700px;
}
#e0ospzik5HV1 {
max-width: 800px;
}
#mobile-hero-svg {
display: none;
}
.fc_banner .wp_content p[style*="center"] {
margin: 0 auto 1em;
}
.fc_banner .usp {
max-width: 450px;
}
}
@media (max-width: 1024px) {
#e0ospzik5HV1 {
display: none;
}
#mobile-hero-svg {
max-width: 100%;
}
.fc_banner {
padding-top: 115px;
padding-bottom: 30px;
gap: 0;
}
.fc_banner.larger_banner.two_column_banner {
min-height: calc(100vh - 145px);
height: auto;
}
}.fc_usps .the_usps:after,
.fc_usps .the_usps:before {
background: var(--teal-light);
}.fc_testimonials .slides {
display: flex;
overflow-x: hidden;
}
.fc_testimonials .slides[data-slides-count="2"] {
gap: var(--gap-xl);
}
.fc_testimonials .slides[data-slides-count="2"] .slide {
flex:1;
}
.fc_testimonials .testimonial {
border-radius: 3px;
background: var(--blue-light);
padding: clamp(20px, 2vw, 30px);
height: 100%;
}
.fc_testimonials .t_top {
display:flex;
align-items: flex-start;
justify-content: space-between;
}
.fc_testimonials .testimonial .t_top svg {
margin-bottom: 1rem;
height: 34px;
width: 50px;
}
.fc_testimonials .testimonial .client_logo {
padding: 20px 0;
width: max-content;
margin-bottom: 1em;
display:flex;
align-items: center;
justify-content: center;
min-height: 120px;
}
.fc_testimonials .testimonial img {
width: 100%;
height: auto;
max-height: 80px;
max-width: 200px;
display: inline-block;
filter: brightness(63%) grayscale(1);
}
.fc_testimonials .testimonial * {
color: var(--grey);
}
.fc_testimonials .tns-outer {
position: relative;
}
.fc_testimonials .tns-controls {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 35px;
}
.fc_testimonials .tns-controls button {
background: center / cover no-repeat;
box-shadow: none;
border: none;
height: 35px;
width: 22px;
}
.fc_testimonials .tns-controls button {
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='67' fill='none'%3E%3Cpath fill='%23026773' stroke='%23026773' d='m10.47 65.56 32.1-32.06-32.1-32.06-9.55 9.53 22.2 22.18.36.35-.35.35L.93 56.03l9.54 9.53Z'/%3E%3C/svg%3E");
}
.fc_testimonials .tns-controls button[disabled] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='67' fill='none'%3E%3Cpath fill='none' stroke='%23026773' d='m10.47 65.56 32.1-32.06-32.1-32.06-9.55 9.53 22.2 22.18.36.35-.35.35L.93 56.03l9.54 9.53Z'/%3E%3C/svg%3E");
}
.fc_testimonials .tns-controls button[data-controls="prev"] {
transform: rotate(-180deg);
left: -40px;
}
.fc_testimonials .tns-controls button[data-controls="next"] {
right: -40px;
}
@media (max-width: 1024px) {
.fc_testimonials .tns-controls button[data-controls="prev"] {
left: -33px;
}
.fc_testimonials .tns-controls button[data-controls="next"] {
right: -33px;
}
}
@media (max-width: 768px) {
.fc_testimonials .tns-controls button[data-controls="prev"] {
left: -25px;
}
.fc_testimonials .tns-controls button[data-controls="next"] {
right: -25px;
}
}
.fc_testimonials .score,
.fc_testimonials .score strong {
font-size: 20px;
color: var(--teal);
}
.fc_testimonials .author {
margin-top: 1rem;
}
.fc_testimonials .date {
color: #555;
font-size:14px;
letter-spacing: 1px;
}
.fc_testimonials .author:has( ~ .date ),
.fc_testimonials p:last-child {
margin-bottom:0;
}
.fc_testimonials .rating {
margin: 1rem 0;
height: 29px;
background: 0 50% / 166px 29px no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cpath fill='%23FFA903' d='M15 .7c.1-.3.5-.3.6 0l4.4 9 .3.2 10 1.4c.3 0 .4.4.2.6l-7.3 7v.3l1.6 10c0 .2-.2.4-.4.3l-9-4.7h-.3l-9 4.7c-.1 0-.4-.1-.4-.4l1.7-9.9v-.3L0 12c-.2-.2 0-.5.2-.6l10-1.4.2-.2 4.5-9ZM48.8.7c.2-.3.5-.3.6 0l4.5 9c0 .1.1.2.3.2l10 1.4c.2 0 .3.4.1.6l-7.2 7-.1.3 1.7 10c0 .2-.2.4-.5.3l-9-4.7H49l-9 4.7c-.2 0-.5-.1-.4-.4l1.7-9.9-.1-.3-7.2-7c-.2-.2-.1-.5.1-.6l10-1.4.3-.2 4.4-9ZM82.7.7c.1-.3.5-.3.6 0l4.5 9 .2.2 10 1.4c.3 0 .4.4.2.6l-7.2 7c-.1 0-.2.2-.1.3l1.7 10c0 .2-.3.4-.5.3l-9-4.7h-.3L74 29.5c-.2 0-.5-.1-.5-.4l1.7-9.9v-.3l-7.3-7c-.2-.2 0-.5.2-.6L78 10l.2-.2 4.5-9ZM116.6.7c0-.3.4-.3.6 0l4.4 9 .3.2 10 1.4c.2 0 .3.4.1.6l-7.2 7v.3l1.6 10c0 .2-.2.4-.5.3l-8.9-4.7h-.3l-9 4.7c-.2 0-.5-.1-.4-.4l1.7-9.9-.1-.3-7.2-7c-.2-.2-.1-.5.2-.6l10-1.4.2-.2 4.5-9ZM150.4.7c.1-.3.5-.3.6 0l4.5 9 .2.2 10 1.4c.3 0 .4.4.2.6l-7.2 7-.1.3 1.7 10c0 .2-.3.4-.5.3l-9-4.7h-.2l-9 4.7c-.2 0-.5-.1-.4-.4l1.7-9.9-.1-.3-7.3-7c-.2-.2 0-.5.2-.6l10-1.4.3-.2 4.4-9Z'/%3E%3C/svg%3E");
}
.fc_testimonials .rating_1 {
width: 33.2px;
}
.fc_testimonials .rating_2 {
width: calc(33.2px * 2);
}
.fc_testimonials .rating_3 {
width: calc(33.2px * 3);
}
.fc_testimonials .rating_4 {
width: calc(33.2px * 4);
}
.fc_testimonials .rating_5 {
width: 166px;
}
@media (max-width: 768px) {
.fc_testimonials .slides[data-slides-count="2"] {
flex-flow: column;
}
}.fc_block_links {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.fc_block_links.padding_full {
padding-left: 0;
padding-right: 0;
}
.fc_block_links.gap {
gap: var(--gap-m);
}
.fc_block_links.below a {
display: flex;
flex-flow: column;
}
.fc_block_links a {
position: relative;
display: flex;
align-items: flex-start;
text-decoration: none;
transition: 0.1s;
isolation: isolate;
}
.fc_block_links.below a:hover .block_image:before {
position: absolute;
content: "";
display: block;
height: 100%;
width: 100%;
}
.fc_block_links.overlay .block_content {
background: linear-gradient(
229deg,
rgba(0, 0, 0, 0.2) 0.57%,
rgba(0, 0, 0, 0.8) 100%
);
display: flex;
flex-flow: column;
justify-content: flex-end;
padding: 30px;
}
.fc_block_links.below .block_content {
flex: 1;
}
.fc_block_links.below .block_content:after {
margin-top: auto;
}
.fc_block_links.overlay a:hover .block_content,
.fc_block_links.below a:hover .block_image:before {
z-index: 2;
background: linear-gradient(
229deg,
rgba(168, 193, 40, 0.5) 0.57%,
rgba(2, 103, 115, 0.7) 56.75%,
#026773 100%
);
}
.fc_block_links.overlay a > div {
height: 100%;
width: 100%;
position: absolute;
inset: 0 auto auto 0;
z-index: 1;
}
.fc_block_links.overlay.col_3 a,
.fc_block_links.overlay.col_3 a > div {
aspect-ratio: 640 / 600;
width: 100%;
}
.fc_block_links.col_2 {
grid-template-columns: repeat(2, 1fr);
}
.fc_block_links.col_2 .block_image {
aspect-ratio: 810 / 573;
width: 100%;
}
.fc_block_links.col_3 .block_image {
aspect-ratio: 10 / 5;
width: 100%;
}
.fc_block_links .block_content {
padding: 32px 20px;
display: flex;
flex-flow: column;
}
.fc_block_links.overlay .block_content {
flex-flow: row;
align-items: flex-end;
}
.fc_block_links .block_content:after {
content: "";
display: block;
width: 100%;
height: 16px;
background: 100% 50% / 31px 16px no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M30.7 8.64a1 1 0 0 0 0-1.41L24.35.86a1 1 0 1 0-1.41 1.42l5.66 5.65-5.66 5.66a1 1 0 0 0 1.41 1.42l6.37-6.37ZM0 8.94h30v-2H0v2Z'/%3E%3C/svg%3E");
}
.fc_block_links.overlay .block_content:after {
width: 31px;
}
.fc_block_links.overlay .block_content * {
flex: 1;
}
.fc_block_links.below a:hover .block_image {
position:relative;
}
.fc_block_links.below a:hover .block_image:before {
content: "View";
color: var(--white);
font-size: 35px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.fc_block_links,
.fc_block_links.col_2 {
grid-template-columns: repeat(1, 1fr);
}
}