.fc_banner {
padding-block: var(--gap-xl);
background: center / cover no-repeat;
display: flex;
gap: var(--gap-l);
justify-content: space-between;
align-items: center;
position: relative;
isolation: isolate;
box-sizing: border-box;
}
.fc_banner.small_banner {
min-height: 40vw;
}
.fc_banner.default_banner {
justify-content: center;
}
.fc_banner:after {
content: '';
position: absolute;
background: #000;
opacity: 0.4;
inset: 0;
z-index: -1;
}
.fc_banner.larger_banner.default_banner {
min-height: calc(100vh - 79px);
}
.fc_banner.larger_banner:after {
opacity: 0.6;
}
@media (max-width: 1000px) {
.fc_banner.two_column_banner {
flex-direction: column;
}
.fc_banner.two_column_banner .left_content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
}.the_usps {
display: grid;
grid-auto-flow: column;
}
.the_usps .usp {
display:flex;
padding: 50px var(--gap-l);
text-align: center;
margin: 0;
background: var(--d-green);
border-right: 1px solid white;
justify-content: center;
align-items: flex-start;
}
.the_usps .usp:nth-child(2n){
background: var(--m-green);
}
.the_usps .usp:nth-child(3n){
background: var(--l-green);
}
.the_usps .usp:nth-child(4n){
background: var(--xl-green);
}
.the_usps .usp:last-child{
border: none;
}
@media (max-width: 1024px) {
.the_usps {
grid-template-columns: 1fr;
}
.the_usps .usp {
grid-area: 1 / 1;
text-align: center;
opacity: 0;
transition: .3s;
align-items: center;
border: none;
}
.the_usps .usp.active {
opacity: 1;
}
}.fc_service_links {
display: flex;
justify-content: center;
}
.fc_service_links .the_links {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--gap-m);
}
.fc_service_links.grid_3 .the_links {
grid-template-columns: repeat(3, 1fr);
}
.fc_service_links.grid_4 .the_links {
grid-template-columns: repeat(4, 1fr);
}
.fc_service_links .the_links .the_link {
text-decoration: none;
color: inherit;
}
.fc_service_links .the_links .the_link .link_image {
background: center / cover no-repeat;
aspect-ratio: 0.92 / 1;
}
.fc_service_links .the_links .the_link .the_content {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--gap-s) var(--gap-m);
text-align: center;
}
.fc_service_links.bg_white .the_links .the_link .the_content {
color: var(--l-green);
}
.fc_service_links .the_links .the_link .pre-heading {
color: var(--white-smoke);
margin: 0 0 10px;
}
.fc_service_links.bg_white .the_links .the_link .pre-heading {
color: var(--white-smoke);
}
.fc_service_links .the_links .the_link hr {
opacity: 0;
transition: .3s;
}
.fc_service_links .the_links .the_link:hover hr {
opacity: 1;
}
@media (max-width: 1200px) {
.fc_service_links.grid_4 .the_links {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 800px) {
.fc_service_links.grid_3 .the_links {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.fc_service_links .the_links,
.fc_service_links.grid_3 .the_links,
.fc_service_links.grid_4 .the_links {
width: 100%;
grid-template-columns: 1fr;
}
.fc_service_links .the_links .the_link .link_image {
width: 100%
}
}.fc_logo_slider {
position: relative;
}
.fc_logo_slider_outer {
position: relative;
}
.fc_logo_slider_inner {
display: flex;
align-items: stretch;
padding-top: clamp(30px, 3vw, 60px);
gap: clamp(20px, 5vw, 80px);
}
.fc_logo_slider_item {
background: center / contain no-repeat;
width: 100%;
height: 200px;
}
.fc_logo_slider .tns-controls {
position: absolute;
display: flex;
align-items: center;
top: 0;
left: -2%;
height: 100%;
width: 104%;
justify-content: space-between;
z-index: 9;
}
.fc_logo_slider .tns-controls button {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='41' fill='none'%3E%3Cpath fill='%231C1B1F' d='M3.2 40.9.4 38.05 17.55 20.9.4 3.75 3.2.9l20 20-20 20Z'/%3E%3C/svg%3E");
width: 24px;
height: 41px;
border: none;
background-color: transparent;
cursor: pointer;
transition: all .3s ease-in-out;
}
.fc_logo_slider .tns-controls button[data-controls = 'prev'] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='40' fill='none'%3E%3Cpath fill='%231C1B1F' d='m20.75 40-20-20 20-20 2.8 2.85L6.4 20l17.15 17.15-2.8 2.85Z'/%3E%3C/svg%3E");
}
.fc_logo_slider .tns-controls button:hover {
opacity: 0.7;
transition: all .3s ease-in-out;
} .tns-outer {
padding: 0 !important
}
.tns-outer [hidden] {
display: none !important
}
.tns-outer [aria-controls], .tns-outer [data-action] {
cursor: pointer;
width: 5px;
height: 5px;
border: 1px solid var(--light-blue);
border-radius: 50px;
padding: 5px;
}
.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
}