@charset "UTF-8";

   :root { 
--grid-size-xl: 148rem;
--grid-size-lg: 128rem;
--grid-size-md: 108rem;
--grid-size-sm: 88rem;
--grid-size-xs: ;
--grid-padding: 4rem;
--color-blue: #00B0EE;
--color-darkblue: #021337;
--color-darkerblue: #010E29;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
min-height: 100%;
background:
radial-gradient(ellipse 150% 20% at -20% 10%, rgba(30, 87, 168, 0.38), transparent 70%),
radial-gradient(ellipse 150% 20% at 120% 35%, rgba(30, 87, 168, 0.38), transparent 70%),
radial-gradient(ellipse 150% 20% at -20% 60%, rgba(30, 87, 168, 0.38), transparent 70%),
radial-gradient(ellipse 150% 20% at 120% 75%, rgba(30, 87, 168, 0.38), transparent 70%),
radial-gradient(ellipse 150% 20% at -20% 95%, rgba(30, 87, 168, 0.38), transparent 70%),        
linear-gradient(#010E29, #010E29);
background-repeat: no-repeat;
background-size: cover;
font-size: 62.5%;
}
body {
background-color: transparent;
font-family: "Inter", sans-serif;    
font-size: 1.8rem;
font-weight: 400;
line-height: 1.5;
color: white;
-webkit-font-smoothing: antialiased;    
font-smoothing: antialiased;
font-optical-sizing: auto;
text-rendering: optimizeLegibility;
} h1,
h2,
h3,
h4,
h5,
.faux-h1,
.faux-h2,
.faux-h3,
.faux-h4 {
margin: 0 0 2rem;
font-family: 'SF Pro Display';
font-weight: 400;    
}
h1 .shield,
.faux-h1 .shield,
h2 .shield,
.faux-h2 .shield {
position: absolute;
background-image: url(//www.trustautolease.nl/wp-content/themes/trustautolease-theme/assets/images/logo-badge-blue.svg);
background-size: contain;
background-position: right 100%;
background-repeat: no-repeat;
}
h1,
.faux-h1,
h2.large {    
font-size: 4.8rem;
line-height: 1;
}
h1 .shield,
.faux-h1 .shield,
h2.large .shield {
width: 4.8rem;
height: 4.8rem;
}
h1.small,
h2,
.faux-h2,
h3.large {
font-size: 3.6rem;
line-height: 1.1;
}
h1.small .shield,
h2 .shield,
.faux-h2 .shield {
width: 3.6rem;
height: 3.6rem;
}
h3,
.faux-h3 {
font-size: 2.8rem;
line-height: 1.15;
}
h4,
.faux-h4 {
margin: 0 0 1rem;
font-size: 2.2rem;
line-height: 1.3;
}
h5 {
margin: 0;
font-size: 1.8rem;
font-weight: 700;
} p {
margin: 0 0 3rem;
}
p:empty {
display: none;
}
p:last-child {
margin: 0;
}
p > img {
max-width: 100%;
height: auto;
border-radius: 1rem;
}
a {
color: white;
text-decoration: underline;
transition: .3s;
} ul,
ol {
margin: 0 0 3rem;
}
ul {
padding-left: 2rem;
}
ol {
padding-left: 3rem;
} ul.usps-list {
list-style-type: none;
padding-left: 3.5rem;
}
ul.usps-list li {
position: relative;
}
ul.usps-list li:not(:first-child) {
margin-top: 1rem;
}
ul.usps-list li::before {
content: '';
position: absolute;
left: -3.5rem;
width: 2rem;
height: 2.4rem;
background-image: url(//www.trustautolease.nl/wp-content/themes/trustautolease-theme/assets/images/logo-badge-blue.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
} section {
padding: 0 var(--grid-padding);
}
.row-fw,
.row-xl,
.row-lg,
.row-md,
.row-sm,
.row-xs {
width: 100%;
margin: 0 auto;
}
.row-xl {
max-width: var(--grid-size-xl);
}
.row-lg {
max-width: var(--grid-size-lg);
}
.row-md {
max-width: var(--grid-size-md);
}
.row-sm {
max-width: var(--grid-size-sm);
}
.row-xs {
max-width: var(--grid-size-xs);
}
.mt-xl {
margin-top: 16rem;
}
.mt-lg {
margin-top: 12rem;
}
.mt-md {
margin-top: 8rem;
}
.mt-sm {
margin-top: 4rem;
}
.mt-none {
margin-top: 0;
}
.mb-xl {
margin-bottom: 16rem;
}
.mb-lg {
margin-bottom: 12rem;
}
.mb-md {
margin-bottom: 8rem;
}
.mb-sm {
margin-bottom: 4rem;
}
.mb-none {
margin-bottom: 0;
}
.pt-xl {
padding-top: 16rem;
}
.pt-lg {
padding-top: 12rem;
}
.pt-md {
padding-top: 8rem;
}
.pt-sm {
padding-top: 4rem;
}
.pt-none {
padding-top: 0;
}
.pb-xl {
padding-bottom: 16rem;
}
.pb-lg {
padding-bottom: 12rem;
}
.pb-md {
padding-bottom: 8rem;
}
.pb-sm {
padding-bottom: 4rem;
}
.pb-none {
padding-bottom: 0;
}
.mobile {
display: none;
} .btn,
.menu-btn a {
display: inline-block;
padding: .8rem .8rem .8rem 2rem;
border: .1rem solid white;
border-radius: .7rem;
background-color: white;
font-size: 1.3rem;
font-weight: 500;
line-height: 1;
color: var(--color-darkerblue);
text-decoration: none;
white-space: nowrap;
transition: .3s;
}
.btn {
margin: 1.5rem 1.5rem 0 0;
}
.btn::after,
.menu-btn a::after {
content: '\f061';
margin-left: 1.6rem;
font-family: 'Font Awesome 6 Pro';
width: 2.6rem;
height: 2.6rem;
border-radius: .3rem;
background-color: var(--color-darkerblue);
display: inline-flex;
justify-content: center;
align-items: center;
color: white;    
transition: .3s;
}
.btn:hover,
.menu-btn a:hover {
border-color: var(--color-blue);
background-color: var(--color-blue);
}
.btn.transparent,
.menu-btn.transparent a {
background-color: transparent;
color: white;
}
.btn.transparent::after,
.menu-btn.transparent a::after {
background-color: white;
color: var(--color-darkerblue);
}
.btn.transparent:hover,
.menu-btn.transparent a:hover {
background-color: var(--color-blue);
color: var(--color-darkerblue);
}
.btn.transparent:hover::after,
.menu-btn.transparent a:hover::after {
background-color: var(--color-darkerblue);
color: white;
} .blue {
color: var(--color-blue);
}
.bgcolor-frosted {
background-color: rgba(255,255,255,.1);
backdrop-filter: blur(.75rem);
-webkit-backdrop-filter: blur(.75rem);
} .socials {
display: flex;
gap: 2rem;
font-size: 2.2rem;
}
.socials a:hover {    
color: var(--color-blue);
text-decoration: none;
} .label {
position: relative;
display: inline-block;
margin-bottom: .5rem;
padding-left: 1rem;
font-size: 1.2rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1rem;
white-space: nowrap;
}
.label::before {
content: '';
position: absolute;
left: 0;
width: .1rem;
height: 80%;
background-color: var(--color-blue);
} .number {
width: 3.4rem;
height: 3.4rem;
margin-bottom: 1rem;
border-radius: .3rem;
background-color: white;
display: flex;
justify-content: center;
align-items: center;    
color: var(--color-darkerblue);
} .video {
position: relative;
aspect-ratio: 16/9;
margin-bottom: 3rem;
border-radius: 1rem;
overflow: hidden;
}
.video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
} header {
position: fixed;
z-index: 5;
width: 100%;
padding: 0 var(--grid-padding);
transition: .3s;
}
header.scrolled {
background-color: rgba(1, 14, 41, .88);
backdrop-filter: blur(.75rem);
-webkit-backdrop-filter: blur(.75rem);
}
header .container {
padding: 2rem 0;
display: flex;
align-items: center;
gap: 3rem;
}
header ul.menu {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 3rem;
}
header ul.menu a {
text-decoration: none;
}
header ul.sub-menu {
display: none;
} header .col-l {
flex: 1 1 auto;
}
header .col-l ul.menu li:nth-child(n+5) {
display: none;
}
header .col-l ul.menu a {
display: inline-block;
padding: .1rem 0;
border-top: .1rem solid transparent;
border-bottom: .1rem solid transparent;
font-size: 1.2rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1rem;
}
header .col-l ul.menu a:hover {
border-bottom-color: white;
} header .col-m {
flex: 0 0 25.3rem;
}
header .logo-wrapper {    
width: 25.3rem;
height: 4.4rem;
display: flex;
}
header .logo-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
} header .col-r {
flex: 1 1 auto;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 1.5rem;
}
header .col-r ul.menu {
gap: 1.5rem;  
}
header .col-r ul.menu li:nth-child(n+3) {
display: none;
}
header .hamburger {
padding: 1.2rem 2rem 1rem;
border: .1rem solid white;
border-radius: .7rem;
font-size: 1.2rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1rem;
cursor: pointer;
transition: .3s;
}
header .hamburger:hover,
header .hamburger.active {
background-color: white;
color: var(--color-darkerblue);
}
header .hamburger i {
position: relative;
top: .1rem;
margin-right: .5rem;
font-size: 1.6rem;
}   footer .form-section {
position: relative;
margin-top: 16rem;
padding: 0 var(--grid-padding);
font-size: 1.6rem;
}
footer .bgimage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 1) 0%,
rgba(0, 0, 0, 1) 70%,
rgba(0, 0, 0, 0) 100%
);
mask-size: 100% 100%;
mask-repeat: no-repeat;
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 1) 0%,
rgba(0, 0, 0, 1) 70%,
rgba(0, 0, 0, 0) 100%
);
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
}
footer .bgimage::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-darkerblue);
background: linear-gradient(90deg,rgba(1, 14, 41, 1) 0%, rgba(1, 14, 41, 0) 100%);
opacity: .5;
}
footer .form-section .container {
position: relative;
z-index: 1;
padding: 9rem 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
footer .form-section .content-wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
footer .form-section .title-wrapper {
max-width: 35rem;
padding-top: 3rem;
}
footer .cta-text-wrapper { 
margin-top: 5rem;
max-width: 50rem;
}
footer .cta-wrapper {
max-width: 30rem;
display: inline-block;
padding: 2.5rem;
border-radius: 1rem;
}
footer .cta-wrapper h3,
footer .cta-wrapper .faux-h3 {
margin-bottom: 1rem;
}
footer .cta-wrapper .btn {
margin-top: 2rem;
}
footer .form-section .text {
margin-top: 3rem;
}
footer .form-inner {
padding: 3rem;
border-radius: 1rem;
background-color: var(--color-darkerblue);
} footer .footer-section {
position: relative;
padding: 0 var(--grid-padding);
font-size: 1.6rem;
line-height: 2;
overflow: hidden;
}
footer .footer-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.trustautolease.nl/wp-content/themes/trustautolease-theme/assets/images/logo-badge-white.svg);
background-size: contain;
background-position: calc(100% + 20rem) center;
background-repeat: no-repeat;
opacity: .0175;
}
footer .footer-section a {
text-decoration: none;
}
footer .footer-section a:hover {
text-decoration: underline;
}
footer .footer-section .container {
position: relative;
z-index: 1;
padding: 12rem 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
footer .footer-section .col-l {
max-width: 55rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
footer .logo-wrapper {    
width: 25.3rem;
height: 4.4rem;
display: flex;
}
footer .logo-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
footer .footer-section .faux-h2 {
margin-top: 3rem;
}
footer .socials-wrapper {
margin-top: 3rem;
}
footer .legal {
margin-top: 3rem;
font-size: 1.5rem;
}
footer .footer-section .col-r {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5rem;
} @media (max-width: 1560px) {  header .col-l ul.menu li:nth-child(-n+1) {
display: none;
} header .col-r ul.menu li:nth-child(-n+1) {
display: none;
}
}
@media (max-width: 1280px) {  .mt-xl {
margin-top: 12rem;
}
.mt-md {
margin-top: 6rem;
}
.mb-xl {
margin-bottom: 12rem;
}
.mb-md {
margin-bottom: 6rem;
}
.pt-xl {
padding-top: 12rem;
}
.pt-md {
padding-top: 6rem;
}
.pb-xl {
padding-bottom: 12rem;
}
.pb-md {
padding-bottom: 6rem;
} .btn,
.menu-btn a {
display: inline-block;
padding: .7rem .7rem .7rem 1.3rem;
}
.btn::after,
.menu-btn a::after {
margin-left: 1rem;
width: 2.2rem;
height: 2.2rem;
font-size: 1.2rem;
} header {
position: absolute;
} header .col-l {
display: none;
} header .menu-main-menu-rechts-container {
margin-right: 11.4rem;
}
header .hamburger {
position: fixed;
top: 2.3rem;
padding: .9rem 1.7rem .7rem;
background-color: white;
color: var(--color-darkerblue);
}  footer .form-section {
margin-top: 12rem;
}
}
@media (max-width: 1100px) {  h1,
.faux-h1,
h2.large {
font-size: 4rem;
}
h1 .shield,
.faux-h1 .shield,
h2.large .shield {
width: 4rem;
height: 4rem;
}
h1.small,
h2,
.faux-h2,
h3.large {
font-size: 3.3rem;
}
h1.small .shield,
h2 .shield,
.faux-h2 .shield {
width: 3.3rem;
height: 3.3rem;
}
h3,
.faux-h3 {
font-size: 2.4rem;
}
h4,
.faux-h4 {
font-size: 2rem;
}  footer .form-section .container {
grid-template-columns: 3fr 5fr;
}
}
@media (max-width: 1024px) {  footer .form-section .container {
grid-template-columns: 1fr 1fr;
grid-gap: 8rem;
}
footer .cta-wrapper {
padding: 2rem;
} footer .footer-section .container {
padding: 12rem 0 8rem;
grid-gap: 8rem;
}
footer .footer-section .col-r {
grid-gap: 3rem;
}
}
@media (max-width: 899px) {  .mt-xl,
.mt-lg {
margin-top: 8rem;
}
.mb-xl,
.mb-lg {
margin-bottom: 8rem;
}
.pt-xl,
.pt-lg {
padding-top: 8rem;
}
.pb-xl,
.pb-lg {
padding-bottom: 8rem;
}  footer .form-section {
margin-top: 8rem;
}
footer .form-section .container {
grid-gap: 6rem;
} footer .footer-section {
font-size: 1.5rem;
}
footer .footer-section .container {
padding: 8rem 0;
grid-gap: 6rem;
}
footer .footer-section .col-l {
justify-content: inherit;
}
footer .footer-section .col-r {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
}
@media (max-width: 767px) {  .desktop {
display: none;
}
.mobile {
display: block;
}  header .menu-main-menu-rechts-container {
display: none;
}
header .hamburger {
top: 2.5rem;
width: 3.4rem;
height: 3.4rem;
padding: 0;
border: 0;
border-radius: .3rem;
display: flex;
justify-content: center;
align-items: center;
}
header .hamburger i {
top: inher0it;
margin-right: inherit;
}
header .hamburger span {
display: none;
}  footer .form-section .container {
padding: 6rem 0;
grid-template-columns: 1fr;
grid-gap: 4rem;
}
footer .form-section .title-wrapper {
padding-top: inherit;
}
footer .cta-text-wrapper {
margin-top: 1rem;
}
footer .form-inner {
padding: 3rem 2rem;
} footer .footer-section .container {
padding: 6rem 0;
grid-template-columns: 1fr;
grid-gap: 3rem;
}
footer .socials-wrapper {
margin-top: 2rem;
}
footer .legal {
margin-top: 1rem;
}
}
@media (max-width: 599px) { :root {
--grid-padding: 2rem;
} p {
margin: 0 0 2rem;
} ul,
ol {
margin: 0 0 2rem;
} .video {
margin-bottom: 2rem;
}
} @media (min-width: 768px) {
.animated {
opacity: 0;
transform: translateY(-1rem);
transition: all 0.5s ease-out;
}
.animated.animate {
opacity: 1;
transform: translateY(0);
}
} @font-face {
font-family: 'SF Pro Display';
src: url(//www.trustautolease.nl/wp-content/themes/trustautolease-theme/assets/fonts/SFProDisplay/700/SFProDisplay-Bold.woff2) format('woff2'),
url(//www.trustautolease.nl/wp-content/themes/trustautolease-theme/assets/fonts/SFProDisplay/700/SFProDisplay-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url(//www.trustautolease.nl/wp-content/themes/trustautolease-theme/assets/fonts/SFProDisplay/400/SFProDisplay-Regular.woff2) format('woff2'),
url(//www.trustautolease.nl/wp-content/themes/trustautolease-theme/assets/fonts/SFProDisplay/400/SFProDisplay-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}.hero {
position: relative;
}
.hero.offset + section {
position: relative;
z-index: 1;
margin-top: -30rem;
}
.hero .media-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 40%,
rgba(0, 0, 0, 1) 60%,
rgba(0, 0, 0, 0) 100%
);
mask-size: 100% 100%;
mask-repeat: no-repeat;
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 40%,
rgba(0, 0, 0, 1) 60%,
rgba(0, 0, 0, 0) 100%
);
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
}
.hero.gradient .media-wrapper,
.hero.offset .media-wrapper {
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 40%,
rgba(0, 0, 0, 0) 70%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 40%,
rgba(0, 0, 0, 0) 70%
);
}
.hero .media-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero .bgvideo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.hero .bgvideo iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw;
min-width: 177.77vh;
height: 56.25vw;
min-height: 100vh;
pointer-events: none;
}
.hero .container {
position: relative;
z-index: 1;
height: 100vh;
min-height: 76.8rem;
max-height: 108rem;
padding-bottom: 6rem;
display: flex;
align-items: flex-end;
}
.hero .content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30rem;
}
.hero.offset .content-wrapper {
display: none;
}
.hero .title-wrapper {
position: relative;
}
.hero .label {
position: absolute;
top: -2.25rem;
}
.hero h1 {
margin-bottom: 0;
} .hero-post .container > .image-wrapper {
position: relative;
aspect-ratio: 16/9;
border-radius: 1rem;
overflow: hidden;
}
.hero-post .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-post .info-wrapper {
margin-top: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0 2rem;
font-size: 1.5rem;
font-weight: 500;
}
.hero-post .container > .content-wrapper {
margin-top: 3rem;
}
.hero-post .bottom-wrapper {
margin-top: 5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0 10rem;
}
.hero-post .author-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0 2rem;
}
.hero-post .author-wrapper .image-wrapper {
width: 14rem;
}
.hero-post .author-wrapper .image {
position: relative;
aspect-ratio: 1/1;
border-radius: 1rem;
overflow: hidden;
}
.hero-post .author-wrapper .content-wrapper {
padding-top: 3rem;
}
.hero-post .author-wrapper .date {
font-size: 1.5rem;
font-weight: 500;
}
.hero-post .author-wrapper h3 {
margin-bottom: 0;
}
.hero-post .share-wrapper {
padding-top: 3rem;
font-size: 1.5rem;
font-weight: 500;
} @media (max-width: 1280px) { .hero .content-wrapper {
grid-gap: 10rem;
}
}
@media (max-width: 1024px) { .hero .container {
min-height: 60rem;
max-height: 76.7rem;
}
.hero .content-wrapper {
grid-gap: 8rem;
}
}
@media (max-width: 899px) { .hero .content-wrapper {
grid-gap: 6rem;
}
}
@media (max-width: 767px) { .hero .content-wrapper {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
}.content-text-cta-blocks {
position: relative;
}
.content-text-cta-blocks::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.trustautolease.nl/wp-content/themes/trustautolease-theme/assets/images/logo-badge-white.svg);
background-size: contain;
background-position: -20rem center;
background-repeat: no-repeat;
opacity: .0125;
}
.content-text-cta-blocks.cta-portrait::before {
display: none;
}
.content-text-cta-blocks .container {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 10rem;
}
.content-text-cta-blocks.cta-portrait .content-wrapper {
order: 2;
}
.content-text-cta-blocks .content {
max-width: calc((var(--grid-size-lg) / 2) - 5rem);
margin-left: auto;
padding: 0 5rem 0 0;
}
.content-text-cta-blocks.cta-portrait .content {
max-width: calc((var(--grid-size-lg) / 2) - 10rem);
padding: 0 0 0 5rem;
}
.content-text-cta-blocks.cta-portrait .cta-blocks-wrapper {
order: 1;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
}
.content-text-cta-blocks .cta-1-wrapper,
.content-text-cta-blocks .cta-2-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 66.67%;
border-radius: 1rem;
background-color: var(--color-blue);
background-size: cover;
background-position: center;
font-size: 1.6rem;
overflow: hidden;
}
.content-text-cta-blocks .cta-2-wrapper {
padding-top: 56.25%;
}
.content-text-cta-blocks.cta-portrait .cta-1-wrapper,
.content-text-cta-blocks.cta-portrait .cta-2-wrapper {
padding-top: 150%;
}
.content-text-cta-blocks .cta-1-content,
.content-text-cta-blocks .cta-2-content {
position: absolute;
right: 2.5rem;
width: 100%;
padding: 2.5rem;
border-radius: 1rem;
}
.content-text-cta-blocks .cta-1-content {    
top: 2.5rem;
max-width: 30rem;
height: calc(100% - 5rem);    
display: flex;
flex-direction: column;
justify-content: space-between;
}
.content-text-cta-blocks.cta-portrait .cta-1-content {
top: 2.5rem;
max-width: calc(100% - 5rem);
height: auto;
padding: 2rem;
}
.content-text-cta-blocks:not(.cta-portrait) .cta-2-wrapper {
margin-top: 3rem;
}
.content-text-cta-blocks .cta-2-content {
bottom: 2.5rem;
max-width: 40rem;
}
.content-text-cta-blocks.cta-portrait .cta-2-content {
max-width: calc(100% - 5rem);
height: auto;
padding: 2.5rem;
}
.content-text-cta-blocks.cta-portrait .number {
display: none;
}
.content-text-cta-blocks:not(.cta-portrait) .cta-1-content h3,
.content-text-cta-blocks:not(.cta-portrait) .cta-1-content .faux-h3 {
margin-bottom: 1rem;
}
.content-text-cta-blocks .cta-1-content .text {
margin-bottom: 2rem;
}
.content-text-cta-blocks .cta-1-content .btn,
.content-text-cta-blocks .cta-2-content .btn {
margin: 0;
} .content-title-text .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30rem;
}
.content-title-text .title-wrapper {
position: relative;
}
.content-title-text .label {
position: absolute;
top: -2.25rem;
}
.content-title-text h1,
.content-title-text h2,
.content-title-text h3 {
margin-bottom: 0;
} .content-text-image .container {
display: grid;
grid-template-columns: 2fr 3fr;
align-items: center;
grid-gap: 10rem;
}
.content-text-image .container.image-ratio-169.flip {
grid-template-columns: 3fr 2fr;
}
.content-text-image .container.image-ratio-43 {
grid-template-columns: 1fr 1fr;
}
.content-text-image .content-wrapper {
max-width: calc(100% - 10rem);
}
.content-text-image .container.image-ratio-43:not(.flip) .content-wrapper {
max-width: calc(100% - 5rem);
}
.content-text-image .container.image-ratio-169:not(.flip) .content-wrapper,
.content-text-image .container.image-ratio-43.flip .content-wrapper {
margin-left: auto;
}
.content-text-image .container.flip .content-wrapper {
order: 2;
}
.content-text-image .grid {
margin-top: 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
font-size: 1.6rem;
}
.content-text-image .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border-radius: 1rem;
background-color: var(--color-blue);
overflow: hidden;
}
.content-text-image .container.image-ratio-43 .image-wrapper {
padding-top: 75%;
}
.content-text-image .container.flip .image-wrapper {
order: 1;
}
.content-text-image .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-text-image .image-wrapper .btn {
position: absolute;
z-index: 1;
bottom: 2.5rem;
left: 2.5rem;
} .content-video .video-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border-radius: 1rem;
overflow: hidden;
}
.content-video .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-video .text-wrapper {
margin-top: 1.5rem;
font-size: 1.6rem;
font-style: italic;
} .content-text-cta .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
.content-text-cta .cta {
padding: 2.5rem;
border-radius: 1rem;
font-size: 1.6rem;
}
.content-text-cta .cta h3,
.content-text-cta .cta .faux-h3 {
margin-bottom: 1rem;
}
.content-text-cta .cta .btn {
margin-top: 2rem;
} .content-faqs .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
.content-faqs .content-wrapper {
max-width: 50rem;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 3rem;
}
.content-faqs .cta-wrapper {
max-width: 30rem;
padding: 2.5rem;
border-radius: 1rem;
}
.content-faqs .cta-wrapper h3,
.content-faqs .cta-wrapper .faux-h3 {
margin: 0;
}
.content-faqs .cta-wrapper .btn {
margin-top: 2rem;
}
.content-faqs .item {
padding: 2.5rem;
border-radius: 1rem;
}
.content-faqs .item:not(:first-child) {
margin-top: 2rem;
}
.content-faqs .item .faux-h4 {
position: relative;
margin: 0;
padding-right: 3.5rem;
cursor: pointer;
}
.content-faqs .item .faux-h4::before {
content: '\2b';
position: absolute;
top: .2rem;
right: 0;    
width: 2.4rem;
height: 2.4rem;
margin-bottom: 1rem;
border-radius: .3rem;
background-color: white;
display: flex;
justify-content: center;
align-items: center;    
font-family: 'Font Awesome 6 Pro';
font-size: 1.2rem;
font-weight: 700;
color: var(--color-darkerblue);
}
.content-faqs .item.active .faux-h4::before {
content: '\f068';
}
.content-faqs .item .text {
padding-top: 1rem;
font-size: 1.6rem;
display: none;
} .content-calculator .content-wrapper {
text-align: center;
}
.content-calculator .feed-wrapper {
margin-top: 4rem;
text-align: center;
} .content-text-form .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
.content-text-form .content-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.content-text-form .content {
max-width: 50rem;
}
.content-text-form .cta-wrapper {
position: relative;
width: 100%;
height: 0;
margin-top: 4rem;
padding-top: 75%;
border-radius: 1rem;
background-size: cover;
background-position: center;
overflow: hidden;
}
.content-text-form .cta {
position: absolute;
bottom: 2.5rem;
left: 2.5rem;
max-width: 30rem;
padding: 2.5rem;
border-radius: 1rem;
}
.content-text-form .cta .btn {
margin-top: 2rem;
}
.content-text-form .cta .btn:hover {
border-color: var(--color-darkblue);
background-color: var(--color-darkblue);
color: white;
}
.content-text-form .cta .btn:hover::after {
background-color: white;
color: var(--color-darkerblue);
} .content-form .content-wrapper {
text-align: center;
}
.content-text-form .cta-wrapper h3,
.content-text-form .cta-wrapper .faux-h3 {
margin-bottom: 1rem;
}
.content-form .form-wrapper {
margin-top: 4rem;
} @media (max-width: 1280px) { .content-text-cta-blocks .container {
grid-template-columns: 3fr 5fr;
}
.content-text-cta-blocks.cta-portrait .container {
grid-template-columns: 5fr 3fr;
}
.content-text-cta-blocks .content,
.content-text-cta-blocks.cta-portrait .content {
max-width: inherit;
padding: inherit;
} .content-title-text .container {
grid-gap: 10rem;
} .content-text-image .container,
.content-text-image .container.image-ratio-169.flip {
grid-template-columns: 1fr 1fr;
}
.content-text-image .content-wrapper {
max-width: inherit;
}
.content-text-image .image-wrapper {
padding-top: 75%;
}
}
@media (max-width: 1100px) { .content-text-cta-blocks.cta-portrait .cta-blocks-wrapper {
grid-gap: 2rem;
}
.content-text-cta-blocks:not(.cta-portrait) .cta-1-content {
top: inherit;
bottom: 2.5rem;       
max-width: 40rem;
height: auto;
}
.content-text-cta-blocks:not(.cta-portrait) .cta-2-wrapper {
margin-top: 2rem;
} .content-text-image .grid {
margin-top: 3rem;
grid-template-columns: 1fr;
gap: 2rem;
} .content-faqs .item:not(:first-child) {
margin-top: 1rem;
} .content-calculator .feed-wrapper {
margin-top: 3rem;
}
}
@media (max-width: 1024px) { .content-text-cta-blocks .container {
grid-gap: 8rem;
}
.content-text-cta-blocks .cta-1-content,
.content-text-cta-blocks .cta-2-content {
right: 2rem;
padding: 2rem;
}
.content-text-cta-blocks:not(.cta-portrait) .cta-1-content {    
bottom: 2rem;
}
.content-text-cta-blocks.cta-portrait .cta-1-content {
top: 2rem;
max-width: calc(100% - 4rem);
padding: 2rem;
}
.content-text-cta-blocks .cta-2-content {
bottom: 2rem;
}
.content-text-cta-blocks.cta-portrait .cta-2-content {
max-width: calc(100% - 4rem);
padding: 2rem;
} .content-title-text .container {
grid-gap: 8rem;
} .content-text-image .container {
grid-gap: 8rem;
}
.content-text-image .image-wrapper .btn {
bottom: 2rem;
left: 2rem;
} .content-text-cta .container {
grid-gap: 8rem;
}
.content-text-cta .cta {
padding: 2rem;
} .content-faqs .container {
grid-gap: 8rem;
}
.content-faqs .cta-wrapper {
padding: 2rem;
}
.content-faqs .item {
padding: 2rem;
} .content-text-form .container {
grid-gap: 8rem;
}
.content-text-form .cta-wrapper {
padding-top: 100%;
}
.content-text-form .cta {
bottom: 2rem;
left: 2rem;
padding: 2rem;
}
}
@media (max-width: 899px) { .content-text-cta-blocks .container {
grid-template-columns: 1fr;
grid-gap: 4rem;
}
.content-text-cta-blocks.cta-portrait .container {
grid-template-columns: 1fr;
}
.content-text-cta-blocks .content-wrapper {
order: 2;
}
.content-text-cta-blocks .cta-blocks-wrapper {
order: 1;
}
.content-text-cta-blocks .cta-1-wrapper {
padding-top: 56.25%;
} .content-title-text .container {
grid-gap: 6rem;
} .content-text-image .container {
grid-gap: 6rem;
} .content-text-cta .container {
grid-gap: 6rem;
} .content-faqs .container {
grid-gap: 6rem;
} .content-text-form .container {
grid-gap: 6rem;
}
.content-text-form .cta {
width: calc(100% - 4rem);
max-width: inherit;
}
}
@media (max-width: 767px) { .content-text-cta-blocks .cta-1-wrapper {
padding-top: 66.67%;
}
.content-text-cta-blocks .cta-2-wrapper {
padding-top: 66.67%;
}
.content-text-cta-blocks:not(.cta-portrait) .cta-1-content,
.content-text-cta-blocks .cta-2-content {
width: calc(100% - 4rem);
max-width: inherit;
} .content-title-text .container {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.content-title-text .label {
position: relative;
top: inherit;
} .content-text-image .container,
.content-text-image .container.image-ratio-169.flip,
.content-text-image .container.image-ratio-43 {
grid-template-columns: 1fr;
grid-gap: 4rem;
}
.content-text-image .container .content-wrapper {
order: 2;
}
.content-text-image .image-wrapper,
.content-text-image .container.image-ratio-43 .image-wrapper {
padding-top: 56.25%;
}
.content-text-image .container .image-wrapper {
order: 1;
} .content-text-cta .container {
grid-template-columns: 1fr;
grid-gap: 3rem;
} .content-faqs .container {
grid-template-columns: 1fr;
grid-gap: 4rem;
} .content-text-form .container {
grid-template-columns: 1fr;
grid-gap: 4rem;
}
}
@media (max-width: 599px) { .content-text-cta-blocks .cta-1-wrapper {
padding-top: 75%;
}
}
@media (max-width: 499px) { .content-text-cta-blocks.cta-portrait .cta-blocks-wrapper {
grid-template-columns: 1fr;
}
.content-text-cta-blocks .cta-1-wrapper {
padding-top: 125%;
}
.content-text-cta-blocks .cta-2-wrapper {
padding-top: 100%;
} .content-text-image .image-wrapper, 
.content-text-image .container.image-ratio-43 .image-wrapper {
padding-top: 66.67%;
}
}.nav-wrapper {
width: 100%;    
height: 3.4rem;
}
.swiper-custom-button-prev,
.swiper-custom-button-next {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 3.4rem;
height: 3.4rem;
margin-bottom: 1rem;
border-radius: .3rem;
background-color: white;
display: flex;
justify-content: center;
align-items: center;    
color: var(--color-darkerblue);
cursor: pointer;
}
.swiper-custom-button-prev {
right: 4.4rem;
} .slider-process {
padding: 0;
}
.slider-process .item {
position: relative;
height: 100%;
padding: 0 var(--grid-padding);
}
.slider-process .bgimage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, .15) 0%,
rgba(0, 0, 0, 1) 40%,
rgba(0, 0, 0, 1) 60%,
rgba(0, 0, 0, .15) 100%
);
mask-size: 100% 100%;
mask-repeat: no-repeat;
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, .15) 0%,
rgba(0, 0, 0, 1) 40%,
rgba(0, 0, 0, 1) 60%,
rgba(0, 0, 0, .15) 100%
);
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
}
.slider-process .bgimage::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: 010E29;
background: linear-gradient(315deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
opacity: .25;
}
.slider-process .inner-container {
position: relative;
z-index: 1;
height: 100vh;
max-height: 82rem;
padding-bottom: 6rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.slider-process .content-wrapper {
max-width: 30rem;
height: 45rem;
padding: 2.5rem;
border-radius: 1rem;
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 1.6rem;
}
.slider-process .btn {
margin-top: 2rem;
}
.slider-process .nav-wrapper {
position: absolute;
z-index: 1;
bottom: 6rem;
left: 50%;
transform: translateX(-50%);
max-width: var(--grid-size-lg);
} .slider-reviews {
overflow: hidden;
}
.slider-reviews .content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30rem;
}
.slider-reviews .content-wrapper > div:first-child {
position: relative;
}
.slider-reviews .content-wrapper .label {
position: absolute;
top: -2.25rem;
}
.slider-reviews .content-wrapper h1,
.slider-reviews .content-wrapper h2,
.slider-reviews .content-wrapper h3 {
margin-bottom: 0;
}
.slider-reviews .content-wrapper > div:last-child {
justify-self: flex-end;
}
.slider-reviews .content-wrapper .btn {
margin: 0;
}
.slider-reviews .feed-wrapper {
margin-top: 4rem;
overflow: hidden;
}
.slider-reviews .btn-wrapper {
margin-top: 3rem;
text-align: center;
}
.slider-reviews .btn-wrapper .btn {
margin: 0;
}  .slider-reviews .ti-widget.ti-goog .ti-widget-container * {
font-size: 1.5rem !important;
line-height: 1.5 !important;
color: white !important;
}
.ti-widget.ti-goog .ti-widget-container {
margin: 0 !important;
}
.ti-widget.ti-goog .ti-reviews-container {
width: calc(100% + 2rem);
margin: 0 -1rem;
} .ti-widget.ti-goog .ti-review-item {
padding: 0 1rem !important;
}
.slider-reviews .ti-widget.ti-goog .ti-review-item>.ti-inner {
border-color: var(--color-blue) !important;
background-color: transparent !important;
}
.ti-widget.ti-goog .ti-review-item .ti-date {
font-size: 1.2rem !important;
font-weight: 500 !important;
}
.ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars {
margin: 2rem 0 !important;
}
.slider-reviews .ti-widget.ti-goog .ti-read-more span {
margin-top: 1rem !important;
color: var(--color-blue) !important;    
}
.slider-reviews .ti-widget.ti-goog .ti-read-more span:hover {
text-decoration: none !important;
} .ti-widget.ti-goog.ti-show-rating-text .ti-footer {
margin-top: 4rem;
}
.slider-reviews .ti-widget.ti-goog.ti-show-rating-text .ti-rating-text span,
.slider-reviews .ti-widget.ti-goog.ti-show-rating-text .ti-rating-text span strong {
font-size: 1.6rem !important;
} .slider-team {
overflow: hidden;
}
.slider-team > .row-xl > .container > .content-wrapper {
max-width: var(--grid-size-lg);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30rem;
}
.slider-team > .row-xl > .container > .content-wrapper > div:first-child {
position: relative;
}
.slider-team .content-wrapper .label {
position: absolute;
top: -2.25rem;
}
.slider-team > .row-xl > .container > .content-wrapper h1,
.slider-team > .row-xl > .container > .content-wrapper h2,
.slider-team > .row-xl > .container > .content-wrapper h3 {
margin-bottom: 0;
}
.slider-team > .row-xl > .container > .content-wrapper > div:last-child {
justify-self: flex-end;
}
.slider-team .content-wrapper .btn {
margin: 0;
}
.slider-team .swiper {
margin-top: 4rem;
overflow: visible;
}
.slider-team .nav-wrapper {
position: relative;
max-width: var(--grid-size-lg);
margin: 4rem auto 0;
} .slider-gallery {
overflow: hidden;
}
.slider-gallery .content-wrapper {
max-width: var(--grid-size-sm);
margin: 0 auto;
text-align: center;
}
.slider-gallery .swiper {
margin-top: 4rem;
overflow: visible;
}
.slider-gallery .swiper-slide {
width: auto;
}
.slider-gallery .image-wrapper {
height: 57rem;
border-radius: 1rem;
overflow: hidden;
}
.slider-gallery .image-wrapper img {
width: auto;
height: 100%;
}
.slider-gallery .btn-wrapper {
margin-top: 4rem;
text-align: center;
}
.slider-gallery .btn {
margin: 0;
} .slider-news {
overflow: hidden;
}
.slider-news .container > .content-wrapper {
max-width: var(--grid-size-lg);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30rem;
}
.slider-news .container > .content-wrapper > div:first-child {
position: relative;
}
.slider-news .container > .content-wrapper .label {
position: absolute;
top: -2.25rem;
}
.slider-news .container > .content-wrapper h1,
.slider-news .container > .content-wrapper h2,
.slider-news .container > .content-wrapper h3 {
margin-bottom: 0;
}
.slider-news .subtitle {
margin-top: .5rem;
font-size: 1.4rem;
}
.slider-news .container > .content-wrapper > div:last-child {
justify-self: flex-end;
}
.slider-news .content-wrapper .btn {
margin: 0;
}
.slider-news .swiper {
margin-top: 4rem;
overflow: visible;
}
.slider-news .nav-wrapper {
position: relative;
max-width: var(--grid-size-lg);
margin: 4rem auto 0;
} @media (max-width: 1360px) { .slider-process .nav-wrapper {
right: var(--grid-padding);
left: inherit;
transform: none;
max-width: inherit;
}
}
@media (max-width: 1280px) { .slider-process .inner-container {
max-height: 72rem;
} .slider-reviews .content-wrapper {
grid-gap: 10rem;
}
.slider-reviews .feed-wrapper {
overflow: visible;
}  .slider-reviews .ti-widget.ti-goog .ti-reviews-container-wrapper {
overflow: visible;
} .slider-team > .row-xl > .container > .content-wrapper {
grid-gap: 10rem;
} .slider-gallery .image-wrapper {
height: 47rem;
} .slider-news .container > .content-wrapper {
grid-gap: 10rem;
}
}
@media (max-width: 1100px) { .slider-reviews .feed-wrapper {
margin-top: 3rem;
}
.ti-widget.ti-goog.ti-show-rating-text .ti-footer {
margin-top: 3rem;
} .slider-team .swiper {
margin-top: 3rem;
}
.slider-team .nav-wrapper {
margin-top: 3rem;
} .slider-gallery .swiper {
margin-top: 3rem;
}
.slider-gallery .image-wrapper {
height: 40rem;
}
.slider-gallery .btn-wrapper {
margin-top: 3rem;
} .slider-news .swiper {
margin-top: 3rem;
}
.slider-news .nav-wrapper {
margin-top: 3rem;
}
}
@media (max-width: 1024px) { .slider-process .inner-container {
max-height: 64rem;
}
.slider-process .content-wrapper {
max-width: 35rem;
height: 40rem;
padding: 2rem;
} .slider-reviews .content-wrapper {
grid-gap: 8rem;
} .slider-team > .row-xl > .container > .content-wrapper {
grid-gap: 8rem;
} .slider-news .container > .content-wrapper {
grid-gap: 8rem;
}
}
@media (max-width: 899px) { .slider-reviews .content-wrapper {
grid-gap: 6rem;
} .slider-team > .row-xl > .container > .content-wrapper {
grid-gap: 6rem;
} .slider-news .container > .content-wrapper {
grid-gap: 6rem;
}
}
@media (max-width: 767px) { .slider-reviews .content-wrapper {
grid-template-columns: 1fr;
grid-gap: inherit;
text-align: center;
}
.slider-reviews .content-wrapper .label {
position: relative;
top: inherit;
}
.slider-reviews .content-wrapper > div:last-child {
justify-self: center;
} .slider-team > .row-xl > .container > .content-wrapper {
grid-template-columns: 1fr;
grid-gap: inherit;
}
.slider-team .content-wrapper .label {
position: relative;
top: inherit;
}
.slider-team > .row-xl > .container > .content-wrapper > div:last-child {
display: none;
} .slider-gallery .image-wrapper {
height: 30rem;
} .slider-news .container > .content-wrapper {
grid-template-columns: 1fr;
grid-gap: inherit;
}
.slider-news .container > .content-wrapper .label {
position: relative;
top: inherit;
}
.slider-news .container > .content-wrapper > div:last-child {
display: none;
}
}
@media (max-width: 599px) { .slider-process .inner-container {
max-height: 50rem;
padding-bottom: 2rem;
}
.slider-process .content-wrapper {
max-width: inherit;
height: auto;
}
.slider-process .nav-wrapper {
position: relative;
bottom: inherit;
left: inherit;
transform: none;
margin-top: 2rem;
} .slider-team .nav-wrapper {
margin-top: 2rem;
} .slider-news .nav-wrapper {
margin-top: 2rem;
}
}.grid-offer .content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30rem;
}
.grid-offer .content-wrapper > div:first-child {
position: relative;
}
.grid-offer .content-wrapper .label {
position: absolute;
top: -2.25rem;
}
.grid-offer h1,
.grid-offer h2,
.grid-offer h3 {
margin-bottom: 0;
}
.grid-offer .content-wrapper > div:last-child {
justify-self: flex-end;
}
.grid-offer .content-wrapper .btn {
margin: 0;
}
.grid-offer .feed-wrapper {
margin-top: 4rem;
}
.grid-offer .btn-wrapper {
margin-top: 3rem;
text-align: center;
}
.grid-offer .btn-wrapper .btn {
margin: 0;
} .grid-brands .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3rem;
}
.grid-brands .item {
padding: 3rem;
border: .1rem solid var(--color-blue);
border-radius: 1rem;
display: flex;
justify-content: center;
align-items: center;
transition: .3s;
}
.grid-brands .item[href]:hover {
transform: scale(1.05);
}
.grid-brands img {
width: 17rem;
height: 8.5rem;
}
.grid-brands .cta-item {
padding: 2.5rem;
border-radius: 1rem;
}
.grid-brands .cta-item h3,
.grid-brands .cta-item .faux-h3 {
margin-bottom: 0;
} .grid-team > .row-lg > .container > .content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 30rem;
}
.grid-team > .row-lg > .container > .content-wrapper > div:first-child {
position: relative;
}
.grid-team > .row-lg > .container > .content-wrapper .label {
position: absolute;
top: -2.25rem;
}
.grid-team > .row-lg > .container > .content-wrapper > div > h1,
.grid-team > .row-lg > .container > .content-wrapper > div > h2,
.grid-team > .row-lg > .container > .content-wrapper > div > h3 {
margin-bottom: 0;
}
.grid-team > .row-lg > .container > .content-wrapper > div:last-child {
justify-self: flex-end;
}
.grid-team > .row-lg > .container > .content-wrapper .btn {
margin: 0;
}
.grid-team .grid {
margin-top: 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
}
.grid-team .btn-wrapper {
margin-top: 3rem;
text-align: center;
}
.grid-team .btn-wrapper .btn {
margin: 0;
} .grid-news .container > .content-wrapper {
max-width: var(--grid-size-lg);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30rem;
}
.grid-news .container > .content-wrapper > div:first-child {
position: relative;
}
.grid-news .container > .content-wrapper .label {
position: absolute;
top: -2.25rem;
}
.grid-news .container > .content-wrapper h1,
.grid-news .container > .content-wrapper h2,
.grid-news .container > .content-wrapper h3 {
margin-bottom: 0;
}
.grid-news .subtitle {
margin-top: .5rem;
font-size: 1.4rem;
}
.grid-news .container > .content-wrapper > div:last-child {
justify-self: flex-end;
}
.grid-news .content-wrapper .btn {
margin: 0;
}
.grid-news .news-wrapper {
margin-top: 4rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
.grid-news .pagination {
margin-top: 4rem;
display: flex;
justify-content: center;
}
.grid-news .pagination > * {
width: 2rem;
text-align: center;
} @media (max-width: 1280px) { .grid-offer .content-wrapper {
grid-gap: 10rem;
} .grid-team > .row-lg > .container > .content-wrapper {
grid-gap: 10rem;
} .grid-news .container > .content-wrapper {
grid-gap: 10rem;
}
}
@media (max-width: 1100px) { .grid-offer .feed-wrapper {
margin-top: 3rem;
} .grid-brands .grid {
grid-gap: 2rem;
} .grid-team .grid {
margin-top: 3rem;
grid-gap: 2rem;
} .grid-news .news-wrapper {
margin-top: 3rem;
}
.grid-news .news-wrapper {
margin-top: 3rem;
gap: 2rem;
}
.grid-news .pagination {
margin-top: 3rem;
}
}
@media (max-width: 1024px) { .grid-offer .content-wrapper {
grid-gap: 8rem;
} .grid-team > .row-lg > .container > .content-wrapper {
grid-gap: 8rem;
} .grid-news .container > .content-wrapper {
grid-gap: 8rem;
}
}
@media (max-width: 899px) { .grid-offer .content-wrapper {
grid-gap: 6rem;
} .grid-brands .grid {
grid-template-columns: 1fr 1fr;
} .grid-team > .row-lg > .container > .content-wrapper {
grid-gap: 6rem;
} .grid-news .container > .content-wrapper {
grid-gap: 6rem;
}
.grid-news .news-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) { .grid-offer .content-wrapper {
grid-template-columns: 1fr;
grid-gap: inherit;
text-align: center;
}
.grid-offer .content-wrapper .label {
position: relative;
top: inherit;
}
.grid-offer .content-wrapper > div:last-child {
justify-self: center;
} .grid-team > .row-lg > .container > .content-wrapper {
grid-template-columns: 1fr;
grid-gap: inherit;
text-align: center;
}
.grid-team > .row-lg > .container > .content-wrapper .label {
position: relative;
top: inherit;
}
.grid-team > .row-lg > .container > .content-wrapper > div:last-child {
display: none;
}
.grid-team .grid {
grid-template-columns: 1fr;
} .grid-news .container > .content-wrapper {
grid-template-columns: 1fr;
grid-gap: inherit;
}
.grid-news .container > .content-wrapper .label {
position: relative;
top: inherit;
}
.grid-news .container > .content-wrapper > div:last-child {
display: none;
}
}
@media (max-width: 599px) { .grid-brands .grid {
grid-template-columns: 1fr;
grid-gap: 1rem;
} .grid-news .news-wrapper {
grid-template-columns: 1fr;
}
}.gform-theme--foundation * {
font-family: "Inter", sans-serif !important;
font-size: 1.6rem !important;
font-weight: 400 !important;
color: white !important;
} .gform-theme--foundation .gform_heading {
display: none;
} .gform-theme--foundation .gform_fields {
grid-gap: 1.5rem !important;
} .gform-theme--framework .gform-field-label,
.gform-theme--framework .gf_progressbar_title {
font-family: 'SF Pro Display' !important;
} .gform-theme--foundation .gfield input,
.gform-theme--foundation .gfield textarea {
padding: 1rem 1.5rem !important;
}
.gform-theme--foundation .gfield select {
padding-left: 1.5rem !important;
}
.gform-theme--foundation .gfield input,
.gform-theme--foundation .gfield select,
.gform-theme--foundation .gfield textarea {
border: .1rem solid rgba(255,255,255,.25) !important;
border-radius: .7rem !important;
background-color: transparent !important;
color: white !important;
} .gform-theme--framework .gf_progressbar .percentbar_blue {
background-color: var(--color-blue) !important;
} .gform-theme.gform-theme--framework.gform_wrapper .button {
height: 4.4rem !important;
padding: 1.3rem 2rem .9rem !important;
border: .1rem solid white !important;
border-radius: .7rem !important;
background-color: transparent !important;
font-size: 1.3rem !important;
font-weight: 500 !important;
line-height: 1 !important;
color: white !important;
text-decoration: none !important;
transition: .3s;
}
.gform-theme.gform-theme--framework.gform_wrapper .button:hover {
border-color: var(--color-blue) !important;
background-color: var(--color-blue) !important;
color: var(--color-darkerblue) !important;
} .gform-theme--foundation .gform_validation_errors,
.gform-theme--framework .gfield_error .gfield_description {
display: none !important;
}
.gform-theme--framework .gfield_error input,
.gform-theme--framework .gfield_error select,
.gform-theme--framework .gfield_error textarea {
border-color: var(--color-blue) !important;
} .grecaptcha-badge {
visibility: hidden;
opacity: 0;
} @media (max-width: 1024px) { .gform-theme--foundation .gfield--width-half {
grid-column: span 12 !important;
}
}.teammember-item {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
background-size: cover;
background-position: center;
border-radius: 1rem;
overflow: hidden;
cursor: pointer;
transition: .3s;
}
.teammember-item:hover {
transform: scale(1.05);
}
.teammember-item::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: var(--color-darkerblue);
background: linear-gradient(0deg,rgba(1, 14, 41, .75) 0%, rgba(1, 14, 41, 0) 100%);
}
.teammember-item .content {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
padding: 2.5rem;
display: grid;
grid-template-columns: 1fr 1fr;
font-family: 'SF Pro Display';
}
.teammember-item .title {
font-weight: 700;
line-height: 1.3;
}
.teammember-item .position {
margin-top: .3rem;
font-size: 1.6rem;
}
.teammember-item .contact-wrapper,
.modal-teammember .contact-wrapper {
justify-self: flex-end;
align-self: flex-end;
display: flex;
gap: 1rem;
}
.teammember-item .contact-wrapper a,
.modal-teammember .contact-wrapper a {
width: 3.4rem;
height: 3.4rem;
border: .1rem solid white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.6rem;
text-decoration: none;
}
.teammember-item .contact-wrapper a:hover,
.modal-teammember .contact-wrapper a:hover {
border-color: var(--color-blue);
background-color: var(--color-blue);
color: var(--color-darkerblue);
} .post-item {
display: block;
border-radius: 1rem;
font-size: 1.6rem;
text-decoration: none;
overflow: hidden;
}
.post-item .image-wrapper {
position: relative;
aspect-ratio: 16/9;
}
.post-item .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.post-item .content-wrapper {
padding: 2.5rem;
}
.post-item .label {
padding-left: 0;
}
.post-item .label::before {
display: none;
}
.post-item .text {
margin-bottom: 2rem;
}
.post-item .btn-wrapper {
text-align: right;
}
.post-item:hover .btn {
border-color: var(--color-blue);
background-color: var(--color-blue);
} @media (max-width: 1024px) { .teammember-item .content {
padding: 2rem;
}
}
@media (max-width: 499px) { .teammember-item .content {
grid-template-columns: 1fr;
gap: 1rem;
}
.teammember-item .contact-wrapper {
justify-self: flex-start;
}
}.modal-teammember {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 5rem var(--grid-padding);
background-color: rgba(0,0,0,.88);
display: none;
justify-content: center;
align-items: center;
overflow-y: auto;
}
.modal-teammember .container {
position: relative;
background: var(--color-darkerblue);
background: linear-gradient(315deg,var(--color-darkerblue) 0%, var(--color-darkblue) 100%);
border-radius: 1rem;
display: grid;
grid-template-columns: 2fr 3fr;
overflow: hidden;
}
.modal-teammember .close {
position: absolute;
z-index: 1;
top: 2.5rem;
right: 2.5rem;
font-size: 2.2rem;
display: flex;
cursor: pointer;
}
.modal-teammember .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.modal-teammember .content-wrapper {
padding: 5rem 5rem 10.9rem;
font-size: 1.6rem;
}
.modal-teammember .faux-h1 {
margin: 0 0 .5rem;
}
.modal-teammember .position {
color: var(--color-blue);
}
.modal-teammember .text {
margin-top: 3rem;
}
.modal-teammember .success-wrapper {
margin-top: 3rem;
display: grid;
grid-template-columns: 1fr 1fr;
}
.modal-teammember .amount-wrapper {
display: flex;
gap: 1.5rem;
font-size: 1.5rem;
line-height: 1.3;
color: var(--color-blue);
}
.modal-teammember .amount {
position: relative;
top: -1rem;
font-family: 'SF Pro Display';
font-size: 4.4rem;
color: white;
}
.modal-teammember .languages-wrapper {
margin-top: 1rem;
font-size: 1.5rem;
line-height: 1.3;
color: var(--color-blue);
}
.modal-teammember .languages {
margin-top: .3rem;
font-family: 'SF Pro Display';
font-size: 1.8rem;
color: white;
}
.modal-teammember .contact-wrapper {
position: absolute;
right: 5rem;
bottom: 5rem;
} .mobile-menu {
position: fixed;
z-index: 20;
top: 0;
left: 0;
width: 100%;
max-width: 50rem;
height: 100%;
background-color: rgba(255,255,255,.1);
backdrop-filter: blur(3rem);
-webkit-backdrop-filter: blur(3rem);
transform: translateX(-100%);
transition: transform .3s ease;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.mobile-menu::-webkit-scrollbar {
display: none;
}
.mobile-menu.is-open {
transform: translateX(0);
}
.mobile-menu .container {
min-height: 100%;
padding: 5rem 0;
display: flex;
flex-direction: column;
justify-content: space-between;
} .mobile-menu .close {
position: absolute;
top: 2.5rem;
right: 3.9rem;
font-size: 2.2rem;
display: flex;
cursor: pointer;
} .mobile-menu .logo-wrapper {    
width: 25.3rem;
height: 4.4rem;
display: flex;
}
.mobile-menu .logo-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
} .mobile-menu .menu-label a,
.mobile-menu .socials-wrapper .menu-label {
display: inline-block;
font-size: 1.2rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1rem;
text-decoration: none;
} .mobile-menu .menu-mobile-menu-container {
margin-top: 4rem;
}
.mobile-menu ul.menu,
.mobile-menu ul.sub-menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.mobile-menu ul.menu li:not(.menu-label) + li.menu-label {
margin-top: 4rem;
}
.mobile-menu ul.menu li.menu-item-has-children {
position: relative;
}
.mobile-menu ul.menu li.menu-item-has-children::after {
content: '\2b';
position: absolute;
top: .7rem;
right: 0;
font-family: 'Font Awesome 6 Pro';
}
.mobile-menu ul.menu li.menu-item-has-children.active::after {
content: '\f068';
}
.mobile-menu ul.menu li:not(.menu-label) a {
font-family: 'SF Pro Display';
font-size: 2.8rem;
line-height: 1.3;
text-decoration: none;
}
.mobile-menu ul.sub-menu {
max-width: 30rem;
height: 0;
display: grid;
grid-template-columns: 1fr 1fr;
visibility: hidden;
overflow: hidden;
}
.mobile-menu ul.sub-menu li:nth-child(-n+2) {
padding-top: 1rem;
}
.mobile-menu ul.sub-menu li:last-child {
padding-bottom: 1rem;
}
.mobile-menu ul.sub-menu li:not(.menu-label) a {
font-size: 1.8rem;
}
.mobile-menu ul.sub-menu ul {
display: none;
} .mobile-menu .cta-wrapper {
margin-top: 8rem;
font-size: 1.6rem;
}
.mobile-menu .cta-wrapper h3,
.mobile-menu .cta-wrapper .faux-h3 {
margin-bottom: 1rem;
}
.mobile-menu .cta-wrapper .btn {
margin-top: 2rem;
}
.mobile-menu .cta-wrapper .btn {
border-color: var(--color-darkerblue);
background-color: var(--color-darkerblue);
color: white;
}
.mobile-menu .cta-wrapper .btn::after {
background-color: white;
color: var(--color-darkerblue);
}
.mobile-menu .cta-wrapper .btn:hover {
border-color: var(--color-blue);
background-color: var(--color-blue);
color: var(--color-darkerblue);
}
.mobile-menu .cta-wrapper .btn:hover::after {
background-color: var(--color-darkerblue);
color: white;
} .mobile-menu .socials-wrapper {
margin-top: 4rem;
}
.mobile-menu .socials {
margin-top: .75rem;
display: flex;
gap: 1rem;
}
.mobile-menu .socials a {
width: 3.4rem;
height: 3.4rem;
border: .1rem solid white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.6rem;
text-decoration: none;
}
.mobile-menu .socials a:hover {
border-color: var(--color-blue);
background-color: var(--color-blue);
color: var(--color-darkerblue);
} @media (max-height: 1080px) {  .mobile-menu ul.menu li:not(.menu-label) + li.menu-label {
margin-top: 3rem;
}
.mobile-menu ul.menu li.menu-item-has-children::after {
top: .4rem;
}
.mobile-menu ul.menu > li:not(.menu-label) > a {
font-size: 2.4rem;
} .mobile-menu .cta-wrapper .faux-h3 {
font-size: 2.4rem;
} .mobile-menu .socials-wrapper {
margin-top: 3rem;
}
}
@media (max-height: 767px) { .modal-teammember {
align-items: flex-start;
}
}
@media (max-width: 767px) { .modal-teammember {
align-items: flex-start;
}
.modal-teammember .container {
grid-template-columns: 1fr;
}
.modal-teammember .close {
top: 2rem;
right: 2rem;
}
.modal-teammember .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 75%;
}
.modal-teammember .image-wrapper img {
position: absolute;
top: 0;
left: 0;
}
.modal-teammember .content-wrapper {
padding: 3rem 3rem 8.9rem;
}
.modal-teammember .contact-wrapper {
right: 3rem;
bottom: 3rem;
}
}
@media (max-width: 599px) { .mobile-menu {
max-width: 40rem;
}
.mobile-menu .container {
padding: 4rem 0;
} .mobile-menu .close {
top: 1.5rem;
right: 1.8rem;
} .mobile-menu .menu-mobile-menu-container {
margin-top: 3rem;
}
}
@media (max-width: 499px) { .modal-teammember .success-wrapper {
grid-template-columns: 1fr;
grid-gap: 1rem;
}
.modal-teammember .contact-wrapper {
right: inherit;
left: 3rem;
}
}