@charset "UTF-8";

:root {
--color-orange: #E55813;
--color-orange-d: #D54300;
--color-blue-l: #a5e1dd;
--color-blue: #8ED9D4;
--color-blue-d: #6AC6C1;
--color-green-l: #8cbc83;
--color-green: #5e945c;
--color-grey-l: #74726a;
--color-grey: #2D2D28;
--color-beige-l: #F5F1DF;
--color-beige: #EFEBD9;
--color-beige-d: #DED8BE;
--color-beige-dd: #A5A291;
--color-olive: #AD9F62;
--color-white: #ffffff; --color-accent: var(--color-orange);  --space-xs: clamp(1.2rem, calc(1.084rem + 0.32vw), 1.6rem);
--space-sm: clamp(2rem, calc(1.652rem + 0.97vw), 3.2rem);
--space-md: clamp(4rem, calc(3.303rem + 1.94vw), 6.4rem);
--space-lg: clamp(6rem, calc(4.839rem + 3.23vw), 10rem);
--space-xl: clamp(10rem, calc(8.258rem + 4.84vw), 16rem);
}
[data-theme=blue] {
--color-accent: var(--color-blue);
}
[data-theme=olive] {
--color-accent: var(--color-olive);
}       *, *::before, *::after {
box-sizing: border-box;
}
* {
margin: 0;
overflow-wrap: break-word;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
scroll-padding-top: 105px;
}
@media (max-width: 768px) {
html {
scroll-padding-top: 89px;
}
}
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--color-beige);
}
img, picture, figure, video, canvas, svg {
display: block;
max-width: 100%;
}
img {
height: auto;
}
input, button, textarea, select {
font: inherit;
}
html {
font-family: "Inter Tight", sans-serif;
}
body {
font-size: 1.8rem;
overflow-x: clip;
}
a {
color: var(--color-orange);
text-decoration: none;
font-family: "Inter", sans-serif;
transition: color 0.3s ease-in-out;
}
.lexteria-icons {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
pointer-events: none;
}
::-moz-selection { color: white;
background: var(--color-orange-d);
}
::selection {
color: white;
background: var(--color-orange-d);
}
.wysiwyg > :first-child {
margin-top: 0;
}
.wysiwyg > :last-child {
margin-bottom: 0;
}
.content p, .wysiwyg p {
margin: 2.4rem 0;
}
.content p + h1, .content p + h2, .content p + h3, .content p + h4, .content p + h5, .content p + h6, .wysiwyg p + h1, .wysiwyg p + h2, .wysiwyg p + h3, .wysiwyg p + h4, .wysiwyg p + h5, .wysiwyg p + h6 {
margin-top: 4.8rem;
}
.content h1, .content h2, .content h3, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3 {
margin: 2.4rem 0;
}
.content h4, .content h5, .content h6, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
margin-top: 2.4rem;
}
.content ul, .wysiwyg ul {
padding-left: 3.2rem;
}
.content ul.checklist, .wysiwyg ul.checklist {
font-weight: 500;
color: var(--color-thirtiary);
}
.content ul.checklist li, .wysiwyg ul.checklist li {
color: var(--color-thirtiary);
list-style-type: none;
position: relative;
margin-bottom: 8px;
}
.content ul.checklist li:before, .wysiwyg ul.checklist li:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 10L4 12L10 18L20 8L18 6L10 14L6 10Z' fill='%23EA6D41'/%3E%3C/svg%3E%0A");
width: 24px;
height: 24px;
position: absolute;
display: block;
left: -30px;
top: 2px;
}
.content li, .wysiwyg li {
margin-bottom: 0.8rem;
color: var(--color-grey);
}
.content li::marker, .wysiwyg li::marker {
color: var(--color-orange);
}
.content img, .wysiwyg img {
border-radius: 1.2rem;
}
.content a:not(.button):hover, .wysiwyg a:not(.button):hover {
color: var(--color-orange-d);
}
.content table, .wysiwyg table {
font-size: 1.5rem;
text-align: left;
border-collapse: collapse;
color: var(--color-text);
border-top: 1px solid var(--color-secondary-dd);
margin: 2.4rem 0;
width: 100%;
}
@media (max-width: 480px) {
.content table, .wysiwyg table {
font-size: 1.4rem;
}
}
.content table tr, .wysiwyg table tr {
border-bottom: 1px solid var(--color-secondary-dd);
}
.content table th, .content table td, .wysiwyg table th, .wysiwyg table td {
padding: 0.8rem 0;
padding-right: 0.4rem;
vertical-align: top;
}
.content table th, .wysiwyg table th {
color: var(--color-thirtiary);
font-weight: 500;
}
.nav-margin {
padding-top: 125px;
}
@media (max-width: 1200px) {
.nav-margin {
padding-top: 110px;
}
}
@media (max-width: 992px) {
.nav-margin {
padding-top: 90px;
}
}
.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
width: 1600px !important;
height: auto !important;
max-width: 100%;
max-height: 100%;
}
hr {
border: none;
border-top: 3px solid var(--color-orange);
margin: 4rem 0;
}
.card-columns__card--theme .wysiwyg a:not(.button),
.card-columns__card--theme .content a:not(.button),
.card-columns__card--orange .wysiwyg a:not(.button),
.card-columns__card--orange .content a:not(.button),
.card-columns__card--blue .wysiwyg a:not(.button),
.card-columns__card--blue .content a:not(.button),
.card-columns__card--olive .wysiwyg a:not(.button),
.card-columns__card--olive .content a:not(.button),
.card-columns__card--dark .wysiwyg a:not(.button),
.card-columns__card--dark .content a:not(.button), .block[data-bg=grey] .wysiwyg a:not(.button),
.block[data-bg=grey] .content a:not(.button),
.block[data-bg=accent] .wysiwyg a:not(.button),
.block[data-bg=accent] .content a:not(.button) {
color: inherit;
text-decoration: underline;
}
.card-columns__card--theme .wysiwyg a:not(.button):hover,
.card-columns__card--theme .content a:not(.button):hover,
.card-columns__card--orange .wysiwyg a:not(.button):hover,
.card-columns__card--orange .content a:not(.button):hover,
.card-columns__card--blue .wysiwyg a:not(.button):hover,
.card-columns__card--blue .content a:not(.button):hover,
.card-columns__card--olive .wysiwyg a:not(.button):hover,
.card-columns__card--olive .content a:not(.button):hover,
.card-columns__card--dark .wysiwyg a:not(.button):hover,
.card-columns__card--dark .content a:not(.button):hover, .block[data-bg=grey] .wysiwyg a:not(.button):hover,
.block[data-bg=grey] .content a:not(.button):hover,
.block[data-bg=accent] .wysiwyg a:not(.button):hover,
.block[data-bg=accent] .content a:not(.button):hover {
color: inherit;
text-decoration: none;
}
.container {
max-width: 1600px;
margin: 0 auto;
padding: 0 2.4rem;
}
@media (max-width: 480px) {
.container {
padding: 0 1.6rem;
}
}
@media (min-width: 1400px) {
.container {
padding: 0 6.4rem;
}
}
.container.-lg {
max-width: 1200px;
}
.container.-md {
max-width: 960px;
}
.container.-sm {
max-width: 800px;
}
.container.-xl {
max-width: none;
}
.flexible-block {
margin: 8.8rem 0;
}
@media (max-width: 768px) {
.flexible-block {
margin: 6.4rem 0;
}
}
.flexible-block.-background {
background-color: var(--color-secondary);
padding: 8.8rem 0;
margin: 0;
}
@media (max-width: 768px) {
.flexible-block.-background {
padding: 6.4rem 0;
}
}
.flexible-block.-line {
border-bottom: 1px solid var(--color-secondary-d);
margin-top: 8.8rem;
padding-bottom: 8.8rem;
margin: 0;
}
@media (max-width: 768px) {
.flexible-block.-line {
margin-top: 6.4rem;
padding-bottom: 6.4rem;
}
}
.-ta-center {
text-align: center;
}
.-tt-lowercase {
text-transform: lowercase;
}
.rounded-block {
margin-top: 10rem;
margin-bottom: 10rem;
}
@media (max-width: 992px) {
.rounded-block {
margin-top: 8rem;
margin-bottom: 8rem;
}
}
@media (max-width: 768px) {
.rounded-block {
margin-top: 6rem;
margin-bottom: 6rem;
}
}
.block .rounded-block {
margin-top: 0;
margin-bottom: 0;
}
.rounded-block-wrapper {
position: relative;
padding-top: 8rem;
padding-bottom: 8rem;
}
@media (max-width: 768px) {
.rounded-block-wrapper {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.rounded-block-wrapper:after {
content: "";
position: absolute;
height: 100%;
top: 0;
z-index: -2;
}
.rounded-block-wrapper.-white {
background-color: var(--color-white);
}
.rounded-block-wrapper.-white:after {
background-color: var(--color-white);
}
.rounded-block-wrapper.-grey {
background-color: var(--color-grey);
color: var(--color-white);
}
.rounded-block-wrapper.-grey:after {
background-color: var(--color-grey);
}
.rounded-block-wrapper.-left {
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
.rounded-block-wrapper.-left:after {
left: -200%;
width: 200%;
}
.rounded-block-wrapper.-right {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.rounded-block-wrapper.-right:after {
right: -200%;
width: 200%;
}
.rounded-block:has(> .-right) {
margin-left: 2.4rem;
}
@media (max-width: 480px) {
.rounded-block:has(> .-right) {
margin-left: 1.6rem;
}
}
@media (min-width: 1400px) {
.rounded-block:has(> .-right) {
margin-left: 6.4rem;
}
}
.rounded-block:has(> .-left) {
margin-right: 2.4rem;
}
@media (max-width: 480px) {
.rounded-block:has(> .-left) {
margin-right: 1.6rem;
}
}
@media (min-width: 1400px) {
.rounded-block:has(> .-left) {
margin-right: 6.4rem;
}
}
.-padding-0 {
padding: 0;
}
.-beige-d {
background-color: var(--color-beige-d);
}
.-orange-blob {
position: relative;
overflow: hidden;
}
.-orange-blob > * {
position: relative;
z-index: 1;
}
.-orange-blob:before {
content: "";
position: absolute;
background-color: var(--color-orange-d);
width: 100%;
min-width: 400px;
max-width: 1200px;
right: -20%;
top: 40%;
aspect-ratio: 1;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
transform: rotate(24deg);
}
@media (max-width: 768px) {
.-orange-blob:before {
top: auto;
bottom: -20%;
}
}
.-margin-md {
margin-top: 6rem;
margin-bottom: 6rem;
}
@media (max-width: 768px) {
.-margin-md {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
@media (max-width: 480px) {
.-margin-md {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
.-margin-lg {
margin-top: 10rem;
margin-bottom: 10rem;
}
@media (max-width: 992px) {
.-margin-lg {
margin-top: 8rem;
margin-bottom: 8rem;
}
}
@media (max-width: 768px) {
.-margin-lg {
margin-top: 6rem;
margin-bottom: 6rem;
}
}
@media (max-width: 480px) {
.-margin-lg {
margin-top: 6rem;
margin-bottom: 6rem;
}
}
.-margin-b-0 {
margin-bottom: 0 !important;
}
.-margin-t-0 {
margin-top: 0 !important;
}
.-padding-md {
padding-top: 6rem;
padding-bottom: 6rem;
}
@media (max-width: 768px) {
.-padding-md {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (max-width: 480px) {
.-padding-md {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.-padding-lg {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
@media (max-width: 992px) {
.-padding-lg {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
}
@media (max-width: 768px) {
.-padding-lg {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
}
@media (max-width: 480px) {
.-padding-lg {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
}
.hidden {
display: none;
} .block {
position: relative;
padding-top: var(--space-lg);
padding-bottom: var(--space-lg);
}
.block[data-bg=white] {
background-color: var(--color-white);
}
.block[data-bg=beige-l] {
background-color: var(--color-beige-l);
}
.block[data-bg=beige] {
background-color: var(--color-beige);
}
.block[data-bg=beige-d] {
background-color: var(--color-beige-d);
}
.block[data-bg=grey] {
background-color: var(--color-grey);
}
.block[data-bg=accent] {
background-color: var(--color-accent);
}
.block[data-bg=white]:not([data-bottom=image]) + .block[data-bg=white] {
padding-top: 0;
}
.block[data-bg=beige-l]:not([data-bottom=image]) + .block[data-bg=beige-l] {
padding-top: 0;
}
.block[data-bg=beige]:not([data-bottom=image]) + .block[data-bg=beige] {
padding-top: 0;
}
.block[data-bg=beige-d]:not([data-bottom=image]) + .block[data-bg=beige-d] {
padding-top: 0;
}
.block[data-bg=grey]:not([data-bottom=image]) + .block[data-bg=grey] {
padding-top: 0;
}
.block[data-bg=accent]:not([data-bottom=image]) + .block[data-bg=accent] {
padding-top: 0;
}
h1, h2, h3, h4, h5, h6 {
line-height: 120%;
color: var(--color-grey);
font-weight: 700;
margin: 0;
font-family: "Inter Tight", sans-serif;
text-wrap: balance;
}
.type-display {
font-size: clamp(3.2rem, calc(3.2rem - 0.0258064516 * 36rem) + 100vw * 0.0258064516, 6.4rem);
}
@media (max-height: 800px) and (min-width: 800px) {
.type-display {
font-size: clamp(3.2rem, calc(3.2rem - 0.0258064516 * 36rem) + 100vw * 0.0258064516, 6.4rem);
}
}
h1, .type-1 {
font-size: clamp(3.2rem, calc(3.2rem - 0.0258064516 * 36rem) + 100vw * 0.0258064516, 6.4rem);
line-height: 120%;
}
h2, .type-2 {
font-size: clamp(2.8rem, calc(2.8rem - 0.0177419355 * 36rem) + 100vw * 0.0177419355, 5rem);
line-height: 120%;
}
h3, .type-3 {
font-size: clamp(2rem, calc(2rem - 0.0064516129 * 36rem) + 100vw * 0.0064516129, 2.8rem);
line-height: 120%;
}
h4, .type-4 {
font-size: clamp(1.8rem, calc(1.8rem - 0.0024193548 * 36rem) + 100vw * 0.0024193548, 2.1rem);
}
h5, .type-5 {
font-size: clamp(1.6rem, calc(1.6rem - 0.0016129032 * 36rem) + 100vw * 0.0016129032, 1.8rem);
}
h6, .type-6 {
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.type-sm {
font-size: 1.4rem;
line-height: 150%;
}
p, li, .type-body {
font-size: clamp(1.8rem, calc(1.8rem - 0.0024193548 * 36rem) + 100vw * 0.0024193548, 2.1rem);
line-height: 150%;
color: var(--color-grey);
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
color: var(--color-primary);
}
.bold, strong, b {
font-weight: 800;
} .hamburger {
padding: 12px 12px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.9;
}
.hamburger.is-active:hover {
opacity: 0.9;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: var(--color-grey);
}
.hamburger-box {
width: 24px;
height: 16px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 24px;
height: 2px;
background-color: var(--color-grey);
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -7px;
}
.hamburger-inner::after {
bottom: -7px;
} .hamburger--3dx .hamburger-box {
perspective: 48px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -7px, 0) rotate(-45deg);
} .hamburger--3dx-r .hamburger-box {
perspective: 48px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -7px, 0) rotate(-45deg);
} .hamburger--3dy .hamburger-box {
perspective: 48px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -7px, 0) rotate(-45deg);
} .hamburger--3dy-r .hamburger-box {
perspective: 48px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -7px, 0) rotate(-45deg);
} .hamburger--3dxy .hamburger-box {
perspective: 48px;
}
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -7px, 0) rotate(-45deg);
} .hamburger--3dxy-r .hamburger-box {
perspective: 48px;
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -7px, 0) rotate(-45deg);
} .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-4.8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-4.8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(4.8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(4.8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-4.8px, -6px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-4.8px, 6px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(4.8px, -6px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(4.8px, 6px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -14px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -7px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -14px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -7px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--elastic .hamburger-inner {
top: 1px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 7px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 14px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 7px, 0) rotate(135deg);
transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -14px, 0) rotate(-270deg);
transition-delay: 0.075s;
} .hamburger--elastic-r .hamburger-inner {
top: 1px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 7px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 14px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 7px, 0) rotate(-135deg);
transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -14px, 0) rotate(270deg);
transition-delay: 0.075s;
} .hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top: 7px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -48px;
top: -48px;
transform: translate3d(48px, 48px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -48px;
top: -48px;
transform: translate3d(-48px, 48px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 7px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -48px;
top: 48px;
transform: translate3d(48px, -48px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -48px;
top: 48px;
transform: translate3d(-48px, -48px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0;
} .hamburger--slider .hamburger-inner {
top: 1px;
}
.hamburger--slider .hamburger-inner::before {
top: 7px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 14px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-3.4285714286px, -5px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -14px, 0) rotate(-90deg);
} .hamburger--slider-r .hamburger-inner {
top: 1px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 7px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 14px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 7px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(3.4285714286px, -5px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -14px, 0) rotate(90deg);
} .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spring .hamburger-inner {
top: 1px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 7px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 14px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 7px, 0) rotate(-45deg);
} .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -14px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -7px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
} .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.button {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 5.6rem;
padding: 1.2rem 3.2rem;
line-height: 1.2;
text-wrap: balance;
text-transform: uppercase;
border: 2px solid var(--color-white);
border-radius: 100px;
color: var(--color-white);
font-size: 1.8rem;
font-weight: 500;
transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media (max-width: 768px) {
.button {
font-size: 1.7rem;
min-height: 5.2rem;
}
}
.button:hover, .button:active, .button:focus {
background-color: var(--color-white);
border-color: var(--color-white);
color: var(--color-grey);
}
.button--accent {
background-color: var(--color-accent);
border-color: var(--color-accent);
color: var(--color-white);
}
.button--accent:hover, .button--accent:active, .button--accent:focus {
background-color: transparent;
border-color: var(--color-accent);
color: var(--color-accent);
}
.button--dark {
background-color: var(--color-grey);
border-color: var(--color-grey);
color: var(--color-white);
}
.button--dark:hover, .button--dark:active, .button--dark:focus {
background-color: transparent;
color: var(--color-grey);
border-color: var(--color-grey);
}
.button--white {
background-color: var(--color-white);
border-color: var(--color-white);
color: var(--color-grey);
}
.button--white:hover, .button--white:active, .button--white:focus {
background-color: transparent;
border-color: var(--color-white);
color: var(--color-white);
}
.button--accent-outline {
background-color: transparent;
border-color: var(--color-accent);
color: var(--color-accent);
}
.button--accent-outline:hover, .button--accent-outline:active, .button--accent-outline:focus {
background-color: var(--color-accent);
border-color: var(--color-accent);
color: var(--color-white);
}
.button--dark-outline {
background-color: transparent;
border-color: var(--color-grey);
color: var(--color-grey);
}
.button--dark-outline:hover, .button--dark-outline:active, .button--dark-outline:focus {
background-color: var(--color-grey);
border-color: var(--color-grey);
color: var(--color-white);
}
.button--white-outline {
background-color: transparent;
border-color: var(--color-white);
color: var(--color-white);
}
.button--white-outline:hover, .button--white-outline:active, .button--white-outline:focus {
background-color: var(--color-white);
border-color: var(--color-white);
color: var(--color-grey);
}
.button.-lg {
font-size: 2.4rem;
min-height: 6.4rem;
padding: 1.2rem 4rem;
}
@media (max-width: 768px) {
.button.-mobile-sm {
font-size: 1.6rem;
min-height: 4.4rem;
padding: 0.8rem 2rem;
}
}
.button.-white {
background-color: var(--color-white);
color: var(--color-orange);
border-color: var(--color-white);
}
.button.-white:hover, .button.-white:active, .button.-white:focus {
background-color: var(--color-orange);
color: var(--color-white);
border-color: var(--color-orange);
}
.button.-orange {
background-color: var(--color-orange);
color: var(--color-white);
border-color: var(--color-orange);
}
.button.-orange:hover, .button.-orange:active, .button.-orange:focus {
background-color: var(--color-orange-d);
border-color: var(--color-orange-d);
color: var(--color-white);
}
.button--icon {
all: unset;
width: 6.2rem;
height: 6.2rem;
flex: 0 0 auto;
}
.button--icon.-sm {
width: 4.8rem;
height: 4.8rem;
}
.button--icon.-sm:after {
background-size: 12px 12px;
}
@media (max-width: 768px) {
.button--icon {
width: 4.8rem;
height: 4.8rem;
}
.button--icon:after {
background-size: 12px 12px;
}
}
.button--icon.-dark-bg .squircle {
color: var(--color-grey-l);
}
.button--icon.-dark-bg.-prev:after, .button--icon.-dark-bg.story-slider__prev:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.14371 0.0424804L9.58789 1.48666L3.50207 7.57248L9.58789 13.6583L8.14371 15.1025L0.613714 7.57248L8.14371 0.0424804Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.button--icon.-dark-bg.-next:after, .button--icon.-dark-bg.story-slider__next:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.14371 0.0424804L9.58789 1.48666L3.50207 7.57248L9.58789 13.6583L8.14371 15.1025L0.613714 7.57248L8.14371 0.0424804Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.button--icon.-prev, .button--icon.story-slider__prev {
position: relative;
}
.button--icon.-prev:after, .button--icon.story-slider__prev:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.14371 0.0424804L9.58789 1.48666L3.50207 7.57248L9.58789 13.6583L8.14371 15.1025L0.613714 7.57248L8.14371 0.0424804Z' fill='%232D2D28'/%3E%3C/svg%3E");
background-position: center center;
background-repeat: no-repeat;
}
.button--icon.-next, .button--icon.story-slider__next {
position: relative;
}
.button--icon.-next:after, .button--icon.story-slider__next:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100%;
width: 100%;
transform: rotate(180deg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.14371 0.0424804L9.58789 1.48666L3.50207 7.57248L9.58789 13.6583L8.14371 15.1025L0.613714 7.57248L8.14371 0.0424804Z' fill='%232D2D28'/%3E%3C/svg%3E");
background-position: center center;
background-repeat: no-repeat;
}
.button--icon:hover .squircle {
color: var(--color-orange);
}
.button--icon .squircle {
color: var(--color-beige-d);
transition: 0.3s ease-in-out;
}
.button-bar {
display: flex;
flex-wrap: wrap;
gap: 1.6rem;
margin: 3.2rem 0;
}
.popup {
position: fixed;
inset: 0;
z-index: 9000;
display: flex;
align-items: flex-start;
justify-content: center;
overflow-y: auto;
padding: var(--space-sm);
animation: popup-fade-in 0.3s ease-in-out both;
}
.popup::before {
content: "";
flex: 1;
}
.popup::after {
content: "";
flex: 1;
}
.popup[hidden] {
display: none;
}
.popup__overlay {
position: fixed;
inset: 0;
background-color: rgba(45, 45, 40, 0.6);
cursor: pointer;
}
.popup__card {
position: relative;
z-index: 1;
color: var(--color-white);
background-color: var(--color-accent);
border-radius: 24px;
padding: var(--space-md);
max-width: 90rem;
width: 100%;
display: grid;
grid-template-columns: auto 1fr;
gap: var(--space-md);
align-items: center;
animation: popup-slide-up 0.35s ease-in-out both;
}
@media (max-width: 768px) {
.popup__card {
grid-template-columns: 1fr;
}
}
.popup__close {
position: absolute;
top: var(--space-sm);
right: var(--space-sm);
display: flex;
align-items: center;
justify-content: center;
width: 3.2rem;
height: 3.2rem;
background: none;
border: none;
color: var(--color-white);
cursor: pointer;
padding: 0;
opacity: 0.8;
transition: opacity 0.2s ease;
}
.popup__close:hover {
opacity: 1;
}
.popup__image-wrap {
width: clamp(14rem, 18vw, 22rem);
aspect-ratio: 1;
flex-shrink: 0;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%23000'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%23000'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
@media (max-width: 768px) {
.popup__image-wrap {
width: clamp(10rem, 30vw, 16rem);
margin: 0 auto;
}
}
.popup__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.popup__body {
display: flex;
flex-direction: column;
gap: var(--space-sm);
color: var(--color-white);
}
@media (max-width: 768px) {
.popup__body {
text-align: center;
align-items: center;
}
}
.popup__eyebrow {
color: rgba(255, 255, 255, 0.7);
display: block;
}
.popup__title {
color: var(--color-white);
text-transform: none;
font-weight: 700;
margin: 0;
}
.popup__text p {
margin-top: 0;
color: var(--color-white);
}
.popup__btn {
align-self: flex-start;
color: var(--color-white);
border-color: var(--color-white);
}
.popup__btn:hover {
color: var(--color-grey);
border-color: var(--color-white);
}
@media (max-width: 768px) {
.popup__btn {
align-self: stretch;
text-align: center;
}
}
@keyframes popup-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes popup-slide-up {
from {
opacity: 0;
transform: translateY(2rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.slide-card {
--tab-w: 4.4rem;
position: fixed;
right: 0;
top: 14rem;
z-index: 900;
display: flex;
align-items: flex-start;
transform: translateX(calc(100% - var(--tab-w)));
transition: transform 0.4s ease-in-out;
filter: drop-shadow(-4px 4px 12px rgba(0, 0, 0, 0.12));
}
.slide-card.is-open {
transform: translateX(0);
}
@media (max-width: 768px) {
.slide-card {
display: none;
}
}
.slide-card__tab {
flex-shrink: 0;
width: var(--tab-w);
background-color: var(--color-white);
border: none;
border-radius: 24px 0 0 24px;
padding: 2rem 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s ease;
}
.slide-card__tab:hover {
background-color: var(--color-beige);
}
.slide-card__tab span {
writing-mode: vertical-lr;
transform: rotate(180deg);
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-grey);
white-space: nowrap;
}
.slide-card__panel {
width: 56rem;
border-radius: 0 0 0 24px;
background-color: var(--color-white);
padding: var(--space-sm);
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.slide-card__title {
font-weight: 700;
text-transform: none;
margin: 0;
color: var(--color-grey);
}
.slide-card__text {
color: var(--color-grey-l);
margin: 0;
line-height: 1.6;
}
.slide-card__btn {
align-self: stretch;
text-align: center;
justify-content: center;
margin-top: var(--space-xs);
}
.form__title {
margin-bottom: 1.6rem;
}
.form__text {
margin-bottom: 3.2rem;
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel] {
border: 1px solid var(--color-grey);
block-size: 50px;
border-radius: 30px;
font-size: clamp(1.6rem, calc(1.6rem - 0.0024193548 * 36rem) + 100vw * 0.0024193548, 1.9rem);
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:active, body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:active,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:active,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:active,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:active,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus {
box-shadow: 0 0 0 3px rgba(229, 88, 19, 0.3);
border-color: var(--color-orange);
outline-color: transparent !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield select::placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::placeholder {
color: var(--color-grey-l);
opacity: 1; }
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::-ms-input-placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield select::-ms-input-placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield textarea::-ms-input-placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::-ms-input-placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::-ms-input-placeholder { color: var(--color-grey-l);
}
.gform-theme--foundation .gform_fields {
row-gap: 20px;
}
.gform-button {
font-family: "Inter Tight", sans-serif !important;
font-size: 1.8rem !important;
text-transform: uppercase !important;
border-radius: 80px !important;
border: 1px solid var(--color-white) !important;
background-color: transparent !important;
padding: 1.6rem 2.4rem !important;
}
.gform-button:hover, .gform-button:active, .gform-button:focus {
background-color: var(--color-orange-d) !important;
}
@media (max-width: 768px) {
.gform-button {
inline-size: 100% !important;
}
}
body .gform_wrapper .gform_footer input[type=submit] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 5.6rem !important;
padding: 1.2rem 3.2rem !important;
border-radius: 100px !important;
border: 2px solid var(--color-grey) !important;
background-color: transparent !important;
color: var(--color-grey) !important;
font-family: "Inter Tight", sans-serif, sans-serif !important;
font-size: 1.8rem !important;
font-weight: 500 !important;
text-transform: uppercase !important;
box-shadow: none !important;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out !important;
}
body .gform_wrapper .gform_footer input[type=submit]:hover, body .gform_wrapper .gform_footer input[type=submit]:active, body .gform_wrapper .gform_footer input[type=submit]:focus {
background-color: var(--color-grey) !important;
border-color: var(--color-grey) !important;
color: var(--color-white) !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
color: #da4141;
}
body .gform_wrapper .gform_validation_errors {
display: none;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
color: var(--color-grey);
font-size: 2.1rem;
font-weight: 600;
margin-bottom: 0.8rem;
}
body .gform_wrapper {
width: 100%;
}
.gform-theme--foundation .gform_fields {
grid-row-gap: 20px !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area {
border-color: var(--color-text);
border-radius: 8px;
box-shadow: none;
background-color: transparent;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files {
border: 2px solid var(--neutral-300);
color: white;
padding: 1.2rem 2.4rem;
font-weight: 500;
border-radius: 40px;
transition: all 0.2s ease;
text-decoration: none;
display: inline-block;
background-color: var(--color-text);
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files:hover {
opacity: 0.8;
}
.gfield_description.gform_fileupload_rules {
color: var(--color-text) !important;
}
.gform_drop_instructions {
color: white !important;
}
body .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
color: white !important;
}
.gform_required_legend {
display: none;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input[type=checkbox] {
border: 1px solid var(--color-grey);
border-radius: 4px;
width: 18px;
height: 18px;
justify-self: center;
align-self: center;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input[type=checkbox]:active, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input[type=checkbox]:focus {
box-shadow: 0 0 0 3px rgba(229, 88, 19, 0.3);
outline-color: transparent !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input[type=checkbox]::before {
color: var(--color-orange);
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label {
font-size: clamp(1.6rem, calc(1.6rem - 0.0024193548 * 36rem) + 100vw * 0.0024193548, 1.9rem);
color: var(--color-grey);
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text],
body #gform_wrapper_1 .gform_body .gform_fields .gfield select,
body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email],
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel] {
border: none;
border-bottom: 1px solid var(--color-white);
block-size: 50px;
border-radius: 0;
background-color: transparent;
color: var(--color-white);
font-size: 2.1rem;
box-shadow: none;
padding-left: 0;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text]:active, body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text]:focus,
body #gform_wrapper_1 .gform_body .gform_fields .gfield select:active,
body #gform_wrapper_1 .gform_body .gform_fields .gfield select:focus,
body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea:active,
body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea:focus,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email]:active,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email]:focus,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel]:active,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel]:focus {
border-bottom-color: white !important;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text]::placeholder,
body #gform_wrapper_1 .gform_body .gform_fields .gfield select::placeholder,
body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea::placeholder,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email]::placeholder,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel]::placeholder {
color: var(--color-white);
opacity: 1; }
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text]::-ms-input-placeholder,
body #gform_wrapper_1 .gform_body .gform_fields .gfield select::-ms-input-placeholder,
body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea::-ms-input-placeholder,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email]::-ms-input-placeholder,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel]::-ms-input-placeholder { color: var(--color-white);
}
.gform-theme--foundation .gform_fields {
row-gap: 20px;
}
.gform-button {
font-family: "Inter Tight", sans-serif !important;
font-size: 1.8rem !important;
text-transform: uppercase !important;
border-radius: 80px !important;
border: 1px solid var(--color-white) !important;
background-color: transparent !important;
padding: 1.6rem 2.4rem !important;
}
.gform-button:hover, .gform-button:active, .gform-button:focus {
background-color: var(--color-orange-d) !important;
}
@media (max-width: 768px) {
.gform-button {
inline-size: 100% !important;
}
}
body #gform_wrapper_1 .gform_footer input[type=submit] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 5.6rem !important;
padding: 1.2rem 3.2rem !important;
border-radius: 100px !important;
border: 2px solid var(--color-white) !important;
background-color: transparent !important;
color: var(--color-white) !important;
font-family: "Inter Tight", sans-serif, sans-serif !important;
font-size: 1.8rem !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: normal !important;
box-shadow: none !important;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out !important;
}
body #gform_wrapper_1 .gform_footer input[type=submit]:hover, body #gform_wrapper_1 .gform_footer input[type=submit]:active, body #gform_wrapper_1 .gform_footer input[type=submit]:focus {
background-color: var(--color-white) !important;
color: var(--color-grey) !important;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield_error .validation_message {
color: #da4141;
}
body #gform_wrapper_1 .gform_validation_errors {
display: none;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {
color: var(--color-white);
font-size: 2.1rem;
font-weight: 500;
margin-bottom: 0;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield--type-checkbox,
body #gform_wrapper_1 .gform_body .gform_fields .gfield--input-type-checkbox {
margin-top: 1.6rem !important;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield--type-checkbox .gfield_label,
body #gform_wrapper_1 .gform_body .gform_fields .gfield--input-type-checkbox .gfield_label {
margin-bottom: 1.2rem !important;
}
body #gform_wrapper_1 .gfield_checkbox {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
}
body #gform_wrapper_1 .gfield_checkbox .gchoice:first-child {
grid-column: 1/-1;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_checkbox input[type=checkbox] {
border: 2px solid rgba(255, 255, 255, 0.7) !important;
border-radius: 4px !important;
width: 18px !important;
height: 18px !important;
accent-color: var(--color-white);
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_checkbox label {
color: var(--color-white) !important;
font-size: 1.6rem !important;
}
body #gform_wrapper_1 {
width: 100%;
}
.gform-theme--foundation .gform_fields {
grid-row-gap: 20px !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area {
border-color: var(--color-text);
border-radius: 8px;
box-shadow: none;
background-color: transparent;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files {
border: 2px solid var(--neutral-300);
color: white;
padding: 1.2rem 2.4rem;
font-weight: 500;
border-radius: 40px;
transition: all 0.2s ease;
text-decoration: none;
display: inline-block;
background-color: var(--color-text);
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files:hover {
opacity: 0.8;
}
.gfield_description.gform_fileupload_rules {
color: var(--color-text) !important;
}
.gform_drop_instructions {
color: white !important;
}
body .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
color: white !important;
}
.gform_required_legend {
display: none;
}
.gform_confirmation_message {
font-size: 2rem;
text-align: center;
}
#gform_confirmation_message_2, .gform_confirmation_message_2 {
font-size: 2rem;
text-align: center;
color: var(--color-orange);
}
:root {
--nav-height: 9rem;
}
.nav {
background-color: var(--color-white);
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999;
box-shadow: 0 1px 0 var(--color-beige-d);
transition: top 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.nav.hidden {
top: -10rem;
}
.nav__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-sm);
padding-top: 1.2rem;
padding-bottom: 1.2rem;
min-height: 9rem;
}
.nav__left {
display: flex;
align-items: center;
flex-shrink: 0;
}
.nav__logo {
display: block;
transition: opacity 0.2s ease;
}
.nav__logo svg {
width: 24rem;
height: auto;
}
@media (max-width: 1200px) {
.nav__logo svg {
width: 20rem;
}
}
@media (max-width: 992px) {
.nav__logo svg {
width: 14rem;
}
}
.nav__logo:hover {
opacity: 0.8;
}
.nav__right {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 0.5rem;
}
@media (max-width: 992px) {
.nav__right {
flex-direction: row;
align-items: center;
gap: 0.8rem;
}
}
.nav__top {
display: flex;
align-items: center;
gap: 2rem;
}
@media (max-width: 992px) {
.nav__top {
display: none;
}
}
.nav__main {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.nav__main {
display: none;
}
}
.nav__looking-for {
font-family: "Inter", sans-serif;
font-size: 1.5rem;
font-weight: 400;
color: var(--color-grey-l);
white-space: nowrap;
padding-right: 0.4rem;
flex-shrink: 0;
}
.nav__search-btn {
display: flex;
align-items: center;
background: none;
border: none;
padding: 0.4rem;
cursor: pointer;
color: var(--color-grey);
transition: color 0.2s ease;
flex-shrink: 0;
}
.nav__search-btn:hover {
color: var(--color-orange);
}
.nav .top-menu ul {
display: flex;
align-items: center;
gap: 2.4rem;
margin: 0;
padding: 0;
}
.nav .top-menu ul li {
list-style: none;
}
.nav .top-menu ul li a {
font-family: "Inter", sans-serif;
font-size: 1.6rem;
font-weight: 400;
color: var(--color-grey);
transition: color 0.2s ease;
white-space: nowrap;
}
.nav .top-menu ul li a:hover {
color: var(--color-orange);
}
.nav .top-menu ul li.current-menu-item > a, .nav .top-menu ul li.current-menu-ancestor > a {
color: var(--color-orange);
}
.nav .main-menu > ul {
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.nav .main-menu > ul > li {
list-style: none;
position: relative;
}
.nav .main-menu > ul > li + li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 1.6rem;
background-color: var(--color-beige-d);
pointer-events: none;
}
.nav .main-menu > ul > li > a {
font-family: "Inter Tight", sans-serif;
font-size: 2rem;
font-weight: 700;
color: var(--color-grey);
padding: 0.6rem 1.6rem;
display: block;
white-space: nowrap;
transition: color 0.2s ease;
}
@media (max-width: 1200px) {
.nav .main-menu > ul > li > a {
font-size: 1.7rem;
}
}
.nav .main-menu li.pillar-orange:hover > a,
.nav .main-menu li.pillar-orange:focus-within > a {
color: var(--color-orange);
}
.nav .main-menu li.pillar-blue:hover > a,
.nav .main-menu li.pillar-blue:focus-within > a {
color: var(--color-blue-d);
}
.nav .main-menu li.pillar-olive:hover > a,
.nav .main-menu li.pillar-olive:focus-within > a {
color: var(--color-olive);
}
.nav .main-menu li.menu-highlight > a {
color: var(--color-orange);
}
.nav .main-menu li.pillar-orange.current-menu-item > a,
.nav .main-menu li.pillar-orange.current-menu-ancestor > a {
color: var(--color-orange);
}
.nav .main-menu li.pillar-blue.current-menu-item > a,
.nav .main-menu li.pillar-blue.current-menu-ancestor > a {
color: var(--color-blue-d);
}
.nav .main-menu li.pillar-olive.current-menu-item > a,
.nav .main-menu li.pillar-olive.current-menu-ancestor > a {
color: var(--color-olive);
}
.nav__mobile-controls {
display: none;
align-items: center;
gap: 0.4rem;
}
@media (max-width: 992px) {
.nav__mobile-controls {
display: flex;
}
}
.hamburger {
display: block;
padding: 0.8rem;
}
.lang-switch {
position: relative;
border-left: 1px solid var(--color-beige-d);
padding-left: 1.6rem;
}
.lang-switch__toggle {
display: flex;
align-items: center;
gap: 0.5rem;
background: none;
border: none;
cursor: pointer;
font-family: "Inter", sans-serif;
font-size: 1.6rem;
font-weight: 600;
color: var(--color-grey);
padding: 0.3rem 0;
transition: color 0.2s ease;
}
.lang-switch__toggle svg {
transition: transform 0.2s ease;
flex-shrink: 0;
}
.lang-switch__toggle:hover {
color: var(--color-orange);
}
.lang-switch__dropdown {
position: absolute;
top: calc(100% + 0.8rem);
right: 0;
min-width: 7rem;
background-color: var(--color-white);
border-radius: 12px;
padding: 0.6rem 0;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
list-style: none;
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s;
z-index: 200;
}
.lang-switch__dropdown li {
margin: 0;
}
.lang-switch__dropdown a {
display: block;
padding: 0.8rem 1.6rem;
font-family: "Inter", sans-serif;
font-size: 1.4rem;
font-weight: 500;
color: var(--color-grey);
text-align: center;
transition: background-color 0.15s ease, color 0.15s ease;
}
.lang-switch__dropdown a:hover {
background-color: var(--color-beige);
color: var(--color-orange);
}
.lang-switch:hover .lang-switch__dropdown, .lang-switch:focus-within .lang-switch__dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.lang-switch:hover .lang-switch__toggle svg, .lang-switch:focus-within .lang-switch__toggle svg {
transform: rotate(180deg);
}
.lang-switch--flat {
position: static;
border-left: none;
padding-left: 0;
display: flex;
align-items: center;
gap: 0.4rem;
}
.lang-switch--flat .lang-switch__toggle,
.lang-switch--flat .lang-switch__dropdown {
display: none;
}
.lang-switch__item {
font-family: "Inter", sans-serif;
font-size: 1.5rem;
font-weight: 500;
color: var(--color-grey-l);
padding: 0.4rem 0.8rem;
border-radius: 4px;
transition: color 0.2s ease, background-color 0.2s ease;
}
.lang-switch__item:hover {
color: var(--color-grey);
background-color: var(--color-beige);
}
.lang-switch__item--active {
color: var(--color-grey);
font-weight: 700;
}
.lang-switch__item + .lang-switch__item::before {
content: "/";
color: var(--color-beige-d);
font-weight: 400;
margin-right: 0.4rem;
pointer-events: none;
}
.mobile-menu {
display: none;
}
@media (max-width: 992px) {
.mobile-menu {
display: block;
position: fixed;
inset: 0;
background-color: var(--color-white);
z-index: 998;
overflow-y: auto;
overscroll-behavior: contain;
transform: translateX(100%);
transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}
.mobile-menu.show-menu {
transform: translateX(0);
}
}
.mobile-menu__inner {
display: flex;
flex-direction: column;
min-height: 100%;
padding-top: 9rem;
}
.mobile-menu__main-menu {
border-bottom: 2px solid var(--color-beige-d);
}
.mobile-menu__main-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu__main-menu ul li {
border-bottom: 1px solid var(--color-beige);
position: relative;
}
.mobile-menu__main-menu ul li > a {
display: block;
padding: 1.8rem 2.4rem;
font-family: "Inter Tight", sans-serif;
font-size: 2.2rem;
font-weight: 700;
color: var(--color-grey);
transition: background-color 0.15s ease;
}
.mobile-menu__main-menu ul li > a:hover {
background-color: var(--color-beige);
}
.mobile-menu__main-menu ul li.pillar-orange > a {
color: var(--color-orange);
}
.mobile-menu__main-menu ul li.pillar-blue > a {
color: var(--color-blue-d);
}
.mobile-menu__main-menu ul li.pillar-olive > a {
color: var(--color-olive);
}
.mobile-menu__main-menu ul li.menu-highlight > a {
color: var(--color-orange);
}
.mobile-menu__top-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu__top-menu ul li {
border-bottom: 1px solid var(--color-beige);
}
.mobile-menu__top-menu ul li a {
display: block;
padding: 1.4rem 2.4rem;
font-family: "Inter", sans-serif;
font-size: 1.7rem;
font-weight: 400;
color: var(--color-grey-l);
transition: background-color 0.15s ease, color 0.15s ease;
}
.mobile-menu__top-menu ul li a:hover {
background-color: var(--color-beige);
color: var(--color-grey);
}
.mobile-menu__top-menu ul li.current-menu-item > a {
color: var(--color-orange);
}
.mobile-menu__utils {
margin-top: auto;
padding: 2rem 2.4rem;
border-top: 1px solid var(--color-beige-d);
}
body.no-scroll {
overflow: hidden;
}
.search-overlay {
position: fixed;
inset: 0;
background-color: rgba(255, 255, 255, 0.97);
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, visibility 0.25s;
}
.search-overlay.active {
opacity: 1;
visibility: visible;
}
.search-overlay__close {
position: absolute;
top: 2.4rem;
right: 2.4rem;
background: none;
border: none;
font-size: 3.2rem;
cursor: pointer;
color: var(--color-grey);
line-height: 1;
padding: 0.4rem;
transition: color 0.2s ease;
}
.search-overlay__close:hover {
color: var(--color-orange);
}
.search-container {
width: 100%;
max-width: 68rem;
padding: 0 2.4rem;
}
.search-form {
position: relative;
}
.search-input {
width: 100%;
border: none;
border-bottom: 2px solid var(--color-grey);
padding: 1.2rem 4rem 1.2rem 0;
font-family: "Inter Tight", sans-serif;
font-size: clamp(2.4rem, 4vw, 3.6rem);
font-weight: 600;
color: var(--color-grey);
background: transparent;
outline: none;
}
.search-input::placeholder {
color: var(--color-grey-l);
}
.search-underline {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 0;
background-color: var(--color-orange);
transition: width 0.3s ease-in-out;
}
.search-input:focus ~ .search-underline {
width: 100%;
}
.footer {
background-color: var(--color-grey);
}
.footer .column {
padding-right: 2.4rem;
}
.footer .column:first-child {
order: -1;
}
@media (max-width: 480px) {
.footer .column:first-child {
flex-basis: 100%;
}
}
.footer .column:last-child {
padding-right: 0;
}
.footer__text {
color: var(--color-grey-l);
font-size: 1.8rem;
}
.footer__link {
color: var(--color-orange);
font-size: clamp(1.8rem, calc(1.8rem - 0.0048387097 * 36rem) + 100vw * 0.0048387097, 2.4rem);
}
.footer__link:hover, .footer__link:focus, .footer__link:active {
color: var(--color-orange-d);
}
.footer__top {
display: grid;
grid-template-columns: 1fr 2fr 1fr 2.5fr;
align-items: flex-start;
gap: 4rem;
padding-top: 8.4rem;
padding-bottom: 8.4rem;
}
@media (max-width: 768px) {
.footer__top {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 480px) {
.footer__top {
grid-template-columns: 1fr;
}
}
.footer__logo {
width: 200px;
}
.footer__title {
font-size: 1.4rem;
font-weight: 400;
text-transform: uppercase;
color: var(--color-orange);
letter-spacing: 0.2rem;
margin-bottom: 3.2rem;
display: inline-block;
}
.footer__menu {
margin: 0;
padding: 0;
}
.footer__menu li {
list-style-type: none;
}
.footer__menu li a {
color: var(--color-beige);
margin-bottom: 0.8rem;
display: inline-block;
}
.footer__menu li a:hover {
color: var(--color-orange);
}
.footer__partners-column {
text-align: left;
}
.footer__partners {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.2rem;
}
.footer__partner {
aspect-ratio: 16/10;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.footer__partner img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
filter: brightness(0) invert(0.6);
transition: filter 0.2s ease;
}
.footer__partner img:hover {
filter: brightness(0) invert(1);
}
.footer__bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1.2rem;
font-size: 1.5rem;
color: var(--color-grey-l);
padding-top: 3.2rem;
padding-bottom: 3.2rem;
}
.footer__bottom a {
color: var(--color-beige);
}
.footer__bottom a:hover, .footer__bottom a:focus, .footer__bottom a:active {
color: var(--color-orange);
}
.footer__bottom__right {
display: flex;
flex-wrap: wrap;
column-gap: 2.4rem;
row-gap: 1.2rem;
}
.footer__logo-bar-wrapper {
background-color: var(--color-beige);
padding: 2.4rem 0;
}
.footer__logo-bar {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 2.4rem;
flex-wrap: wrap;
}
.footer__logo-bar__eyebrow {
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--color-beige-dd);
}
.footer__logo-bar__logos {
display: flex;
flex-direction: row;
gap: 2.4rem;
align-items: center;
flex-wrap: wrap;
}
.footer__logo-bar__logos img {
height: 45px;
width: auto;
flex-shrink: 1;
}
.footer__logo-bar__right, .footer__logo-bar__left {
display: flex;
flex-direction: column;
row-gap: 1.6rem;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4rem;
font-size: 1.6rem;
flex-wrap: wrap;
gap: 0.8rem;
}
.pagination .page-numbers:not(.prev):not(.next) {
padding: 1.2rem;
color: var(--color-grey);
}
.pagination .page-numbers:not(.prev):not(.next):hover, .pagination .page-numbers:not(.prev):not(.next):active, .pagination .page-numbers:not(.prev):not(.next):focus {
color: var(--color-orange);
}
.pagination .page-numbers:not(.prev):not(.next).current {
color: var(--color-orange);
}
.pagination .page-numbers.prev {
margin-right: 1.6rem;
}
.pagination .page-numbers.next {
margin-left: 1.6rem;
}
@media (max-width: 768px) {
.pagination .dots {
display: none;
}
.pagination .page-numbers:not(.prev):not(.next):not(.current) {
display: none;
}
}
.notification-bar {
background-color: var(--color-grey);
}
.notification-bar a, .notification-bar div {
color: var(--color-beige);
text-align: center;
width: 100%;
display: block;
padding: 0.4rem 1.2rem;
font-size: 1.6rem;
background-color: var(--color-grey);
transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
.notification-bar a, .notification-bar div {
font-size: 1.4rem;
}
}
.notification-bar a:hover, .notification-bar a:focus, .notification-bar a:active {
background-color: var(--color-grey-l);
}
.block--hero {
padding-top: 0;
padding-bottom: 0;
}
.page-hero {
position: relative;
display: flex;
flex-direction: column;
}
@media (min-width: 769px) {
.page-hero {
min-height: 60vh;
max-height: 800px;
}
}
.page-hero__bg {
position: relative;
overflow: hidden;
}
@media (min-width: 769px) {
.page-hero__bg {
position: absolute;
inset: 0;
}
.page-hero__bg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(45, 45, 40, 0.92) 35%, rgba(45, 45, 40, 0.2) 100%);
z-index: 1;
}
}
@media (max-width: 768px) {
.page-hero__bg {
aspect-ratio: 16/9;
}
}
.page-hero__bg-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.page-hero__bg-video {
position: absolute;
inset: 0;
}
@media (prefers-reduced-motion: reduce) {
.page-hero__bg-video {
display: none;
}
}
.page-hero__bg-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-hero__bg-video--youtube iframe, .page-hero__bg-video--vimeo iframe {
position: absolute;
top: 50%;
left: 50%;
width: max(100%, 177.7777777778vh);
height: max(100%, 56.25vw);
transform: translate(-50%, -50%);
pointer-events: none;
border: 0;
}
.page-hero--video .page-hero__bg-img {
position: absolute;
inset: 0;
}
.page-hero__body {
position: relative;
z-index: 1;
display: flex;
align-items: center;
flex: 1;
}
.page-hero__body > .container {
width: 100%;
}
@media (max-width: 768px) {
.page-hero__body {
background-color: var(--color-grey);
}
}
.page-hero__content {
padding: var(--space-lg) 0;
width: 50%;
}
@media (max-width: 992px) {
.page-hero__content {
width: 65%;
}
}
@media (max-width: 768px) {
.page-hero__content {
width: 100%;
padding: var(--space-md) 0;
}
}
.page-hero__title {
color: var(--color-white);
font-weight: 700;
text-transform: none;
margin-bottom: var(--space-sm);
}
.page-hero__intro {
color: rgba(255, 255, 255, 0.85);
margin-bottom: var(--space-sm);
}
.page-hero__ctas {
display: flex;
flex-wrap: wrap;
gap: var(--space-xs);
margin-bottom: 0;
}
.page-hero__tagline {
color: rgba(255, 255, 255, 0.55);
margin-top: var(--space-sm);
font-size: 1.6rem;
}
.block:has(.centered-text) {
padding-top: var(--space-sm);
padding-bottom: var(--space-sm);
}
.centered-text {
text-align: center;
max-width: 90rem;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-xs);
}
.centered-text__title {
text-transform: none;
margin: 0;
}
.centered-text__subtitle {
color: var(--color-grey-l);
margin: 0;
}
.centered-text__arrow {
margin-top: var(--space-xs);
color: var(--color-grey-l);
}
.stats-block__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
@media (max-width: 768px) {
.stats-block__grid {
grid-template-columns: repeat(2, 1fr);
}
}
.stats-block__item {
display: flex;
flex-direction: column;
gap: var(--space-xs);
padding: 0 var(--space-md);
border-left: 1px solid var(--color-beige-dd);
text-align: center;
}
.stats-block__item:first-child {
border-left: none;
}
@media (max-width: 768px) {
.stats-block__item {
padding: var(--space-sm);
border-left: none;
border-top: 1px solid var(--color-beige-dd);
}
.stats-block__item:first-child, .stats-block__item:nth-child(2) {
border-top: none;
}
.stats-block__item:nth-child(even) {
border-left: 1px solid var(--color-beige-dd);
}
}
.stats-block__value {
font-size: clamp(3.2rem, calc(3.2rem - 0.0258064516 * 36rem) + 100vw * 0.0258064516, 6.4rem);
font-family: "Inter Tight", sans-serif;
font-weight: 700;
line-height: 1.2;
color: var(--color-accent);
}
.stats-block__label {
color: var(--color-grey-l);
line-height: 1.4;
}
.stats-block--with-quote {
display: flex;
gap: var(--space-lg);
align-items: center;
}
@media (max-width: 992px) {
.stats-block--with-quote {
flex-direction: column;
align-items: stretch;
gap: var(--space-md);
}
}
.stats-block--with-quote .stats-block__quote {
flex: 0 0 40%;
}
.stats-block--with-quote .stats-block__quote blockquote {
margin: 0;
padding: 0;
}
.stats-block__quote-icon {
display: block;
width: 6.4rem;
height: auto;
color: var(--color-accent);
margin-bottom: var(--space-sm);
}
@media (max-width: 992px) {
.stats-block__quote-icon {
width: 4.8rem;
}
}
.stats-block__quote-text {
font-weight: 700;
text-transform: none;
color: var(--color-grey);
margin: 0 0 var(--space-sm);
}
.stats-block__quote-attribution {
color: var(--color-grey-l);
font-style: normal;
}
.stats-block--with-quote .stats-block__grid {
flex: 1;
grid-template-columns: repeat(2, 1fr);
}
.stats-block--with-quote .stats-block__grid .stats-block__item {
padding: var(--space-sm);
border-left: none;
border-top: none;
text-align: center;
}
.stats-block--with-quote .stats-block__grid .stats-block__item:nth-child(even) {
border-left: 1px solid var(--color-beige-dd);
}
.stats-block--with-quote .stats-block__grid .stats-block__item:nth-child(n+3) {
border-top: 1px solid var(--color-beige-dd);
}
.stats-block--with-quote .stats-block__grid .stats-block__item:first-child, .stats-block--with-quote .stats-block__grid .stats-block__item:nth-child(2) {
padding-left: var(--space-sm);
}
.text-columns__bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
pointer-events: none;
}
.block:has(.text-columns__bg-img) > .container {
position: relative;
z-index: 1;
}
.text-columns__header {
display: grid;
grid-template-columns: 1fr 2fr;
gap: var(--space-md);
align-items: start;
}
@media (max-width: 768px) {
.text-columns__header {
grid-template-columns: 1fr;
gap: var(--space-sm);
}
}
.text-columns__header--full {
grid-template-columns: 1fr;
}
.text-columns__left {
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.text-columns__title {
font-weight: 700;
text-transform: none;
}
.text-columns__right {
display: flex;
flex-direction: column;
gap: var(--space-sm);
align-items: flex-start;
}
.text-columns__ctas {
display: flex;
flex-wrap: wrap;
gap: var(--space-xs);
}
.text-columns__rows {
margin-top: var(--space-md);
border-top: 1px solid rgba(45, 45, 40, 0.2);
}
.text-columns__row {
display: grid;
grid-template-columns: 1fr 2fr;
gap: var(--space-md);
align-items: start;
padding: var(--space-sm) 0;
border-bottom: 1px solid rgba(45, 45, 40, 0.2);
}
.text-columns__row:last-child {
border-bottom: none;
}
@media (max-width: 768px) {
.text-columns__row {
grid-template-columns: 1fr;
gap: var(--space-xs);
}
}
.text-columns__row--full {
grid-template-columns: 1fr;
}
.text-columns__row-title {
text-transform: none;
font-weight: 700;
}
.text-columns--half .text-columns__header, .text-columns--half .text-columns__row {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
.text-columns--half .text-columns__header, .text-columns--half .text-columns__row {
grid-template-columns: 1fr;
}
}
.text-columns {
padding-inline: var(--space-md);
}
.text-columns--card {
border-radius: 24px;
padding: var(--space-md);
}
.text-columns--accent {
background-color: var(--color-accent);
}
.text-columns--accent .text-columns__title,
.text-columns--accent .text-columns__subtitle {
color: var(--color-grey);
}
.text-columns--accent .text-columns__text,
.text-columns--accent .text-columns__row-right {
color: var(--color-grey);
}
.text-columns--accent p, .text-columns--accent li {
color: var(--color-grey);
}
.text-columns--accent .text-columns__row-title {
color: var(--color-white);
}
.text-columns--accent .text-columns__rows,
.text-columns--accent .text-columns__row {
border-color: rgba(45, 45, 40, 0.2);
}
.text-columns--blue {
background-color: var(--color-blue);
}
.text-columns--blue .text-columns__title,
.text-columns--blue .text-columns__subtitle {
color: var(--color-grey);
}
.text-columns--blue .text-columns__text,
.text-columns--blue .text-columns__row-right {
color: var(--color-grey);
}
.text-columns--blue p, .text-columns--blue li {
color: var(--color-grey);
}
.text-columns--blue .text-columns__row-title {
color: var(--color-white);
}
.text-columns--blue .text-columns__rows,
.text-columns--blue .text-columns__row {
border-color: rgba(45, 45, 40, 0.2);
}
.text-columns--olive {
background-color: var(--color-olive);
}
.text-columns--olive .text-columns__title,
.text-columns--olive .text-columns__subtitle,
.text-columns--olive .text-columns__row-title {
color: var(--color-white);
}
.text-columns--olive .text-columns__text,
.text-columns--olive .text-columns__row-right {
color: rgba(255, 255, 255, 0.85);
}
.text-columns--olive p, .text-columns--olive li {
color: rgba(255, 255, 255, 0.85);
}
.text-columns--olive .text-columns__rows,
.text-columns--olive .text-columns__row {
border-color: rgba(255, 255, 255, 0.2);
}
.text-columns--orange {
background-color: var(--color-orange);
}
.text-columns--orange .text-columns__title,
.text-columns--orange .text-columns__subtitle,
.text-columns--orange .text-columns__row-title {
color: var(--color-white);
}
.text-columns--orange .text-columns__text,
.text-columns--orange .text-columns__row-right {
color: rgba(255, 255, 255, 0.85);
}
.text-columns--orange p, .text-columns--orange li {
color: rgba(255, 255, 255, 0.85);
}
.text-columns--orange .text-columns__rows,
.text-columns--orange .text-columns__row {
border-color: rgba(255, 255, 255, 0.2);
}
.text-columns--grey {
background-color: var(--color-grey);
}
.text-columns--grey .text-columns__title,
.text-columns--grey .text-columns__subtitle,
.text-columns--grey .text-columns__row-title {
color: var(--color-white);
}
.text-columns--grey .text-columns__text,
.text-columns--grey .text-columns__row-right {
color: rgba(255, 255, 255, 0.85);
}
.text-columns--grey p, .text-columns--grey li {
color: rgba(255, 255, 255, 0.85);
}
.text-columns--grey .text-columns__rows,
.text-columns--grey .text-columns__row {
border-color: rgba(255, 255, 255, 0.2);
}
.text-columns--white {
background-color: var(--color-white);
}
.text-columns__icons {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: var(--space-sm);
width: 100%;
}
@media (max-width: 992px) {
.text-columns__icons {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.text-columns__icons {
grid-template-columns: repeat(3, 1fr);
gap: var(--space-xs);
}
}
@media (max-width: 480px) {
.text-columns__icons {
grid-template-columns: repeat(2, 1fr);
}
}
.text-columns__icon-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.2rem;
text-align: center;
}
.text-columns__icon-img {
width: 100%;
max-width: 9.6rem;
height: auto;
display: block;
}
.text-columns__icon-label {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
color: var(--color-white);
}
.text-columns--bleed {
border-radius: 0 24px 24px 0;
margin-left: calc(-1 * (50vw - 50%));
padding-left: calc(50vw - 50% + var(--space-md));
}
@media (max-width: 768px) {
.text-columns--bleed {
margin-left: 0;
border-radius: 24px;
padding-inline: var(--space-md);
}
}
.case-study__tag {
display: inline-block;
padding: 0.8rem 1.6rem;
border-radius: 12px 12px 0 0;
font-family: "Inter Tight", sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
margin-left: var(--space-sm);
}
.case-study__tag--left {
background-color: var(--color-grey);
}
.case-study__tag--right {
background-color: var(--color-accent);
}
.case-study__columns {
display: grid;
grid-template-columns: 3fr 2fr;
gap: var(--space-sm);
align-items: start;
position: relative;
z-index: 1;
}
@media (max-width: 992px) {
.case-study__columns {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.case-study__columns {
grid-template-columns: 1fr;
}
}
.case-study__column {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.case-study__card {
width: 100%;
border-radius: 24px;
overflow: hidden;
}
.case-study__card--light {
background-color: var(--color-white);
}
.case-study__card--dark {
background-color: var(--color-grey);
}
.case-study__section {
padding: var(--space-sm);
border-bottom: 1px solid var(--color-beige-d);
}
.case-study__section:last-child {
border-bottom: none;
}
.case-study__section-heading {
font-weight: 700;
text-transform: none;
color: var(--color-grey);
margin-bottom: 0.8rem;
}
.case-study__section-text {
color: var(--color-grey-l);
margin: 0;
}
.case-study__fact {
display: grid;
grid-template-columns: 2fr 3fr;
gap: var(--space-sm);
align-items: baseline;
padding: var(--space-sm);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.case-study__fact:last-child {
border-bottom: none;
}
.case-study__fact-key {
font-weight: 700;
color: var(--color-white);
}
.case-study__fact-value {
color: rgba(255, 255, 255, 0.65);
line-height: 1.4;
}
.case-study__image-wrap {
margin-top: -120px;
line-height: 0;
}
@media (max-width: 768px) {
.case-study__image-wrap {
margin-top: -6rem;
}
}
.case-study__image {
width: 100%;
aspect-ratio: 21/9;
object-fit: cover;
display: block;
max-height: 800px;
min-height: 400px;
}
@media (max-width: 768px) {
.case-study__image {
aspect-ratio: 16/9;
}
}
.case-study--has-image {
padding-bottom: 0 !important;
}
.feature-columns {
margin-top: calc(-1 * var(--space-lg));
margin-bottom: calc(-1 * var(--space-lg));
padding: var(--space-lg) 0;
position: relative;
overflow: hidden;
}
.feature-columns__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
max-height: 800px;
bottom: 0;
top: auto;
}
.feature-columns .container {
position: relative;
z-index: 1;
}
.feature-columns__grid {
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: var(--space-sm);
}
@media (max-width: 992px) {
.feature-columns__grid {
flex-direction: column;
}
}
.feature-columns__card {
flex: 0 0 calc((100% - var(--space-sm) * 2) / 3);
background-color: var(--color-accent);
border-radius: 24px;
padding: var(--space-md) var(--space-sm);
display: flex;
flex-direction: column;
gap: var(--space-sm);
position: relative;
}
.feature-columns__dots {
display: flex;
gap: 0.8rem;
position: absolute;
top: 0;
right: var(--space-md);
transform: translateY(-50%);
}
.feature-columns__dot {
display: block;
width: 3.2rem;
height: 3.2rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17.0154 -7.4242e-07C30.965 -1.32666e-07 34 3.04061 34 17C34 30.9594 30.965 34 17.0154 34L16.9914 34C3.04189 34 -3.14127e-06 30.956 -2.53123e-06 17C-1.9212e-06 3.04403 3.04189 -1.35322e-06 16.9914 -7.43468e-07L17.0154 -7.4242e-07Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17.0154 -7.4242e-07C30.965 -1.32666e-07 34 3.04061 34 17C34 30.9594 30.965 34 17.0154 34L16.9914 34C3.04189 34 -3.14127e-06 30.956 -2.53123e-06 17C-1.9212e-06 3.04403 3.04189 -1.35322e-06 16.9914 -7.43468e-07L17.0154 -7.4242e-07Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
background-color: var(--color-blue);
flex-shrink: 0;
}
[data-theme=blue] .feature-columns__dot, [data-theme=olive] .feature-columns__dot {
background-color: var(--color-orange);
}
.feature-columns__title {
font-weight: 700;
text-transform: none;
color: var(--color-grey);
margin: 0;
}
.feature-columns__intro {
font-weight: 700;
color: var(--color-white);
margin: 0;
}
.feature-columns__text {
color: var(--color-grey);
margin: 0;
flex-grow: 1;
}
.feature-columns__cta {
margin-top: auto;
}
@media (max-width: 992px) {
.feature-columns {
display: flex;
flex-direction: column;
padding-bottom: 0;
}
.feature-columns .container {
order: 1;
}
.feature-columns__bg {
order: 2;
position: relative;
inset: auto;
width: 100%;
height: 300px;
max-height: none;
margin-top: -100px;
z-index: 0;
min-height: 400px;
}
}
.card-columns__header {
text-align: center;
max-width: 80rem;
margin: 0 auto var(--space-md);
}
.card-columns__title {
text-transform: none;
margin-bottom: var(--space-xs);
}
.card-columns__text {
color: var(--color-grey-l);
margin: 0;
}
.card-columns__grid {
display: grid;
gap: var(--space-sm);
}
.card-columns__grid--cols-1 {
grid-template-columns: 1fr;
max-width: 960px;
margin-inline: auto;
}
.card-columns__grid--cols-2 {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.card-columns__grid--cols-2 {
grid-template-columns: 1fr;
}
}
.card-columns__grid--cols-3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
.card-columns__grid--cols-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.card-columns__grid--cols-3 {
grid-template-columns: 1fr;
}
}
.card-columns__card {
border-radius: 24px;
padding: var(--space-md);
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.card-columns__card--theme {
background-color: var(--color-accent);
}
.card-columns__card--theme .card-columns__card-title,
.card-columns__card--theme .card-columns__intro {
color: var(--color-white);
}
.card-columns__card--theme .card-columns__body {
color: var(--color-white);
opacity: 0.85;
}
.card-columns__card--orange {
background-color: var(--color-orange);
}
.card-columns__card--orange .card-columns__card-title,
.card-columns__card--orange .card-columns__intro {
color: var(--color-white);
}
.card-columns__card--orange .card-columns__body {
color: var(--color-white);
opacity: 0.85;
}
.card-columns__card--blue {
background-color: var(--color-blue);
}
.card-columns__card--blue .card-columns__card-title,
.card-columns__card--blue .card-columns__intro {
color: var(--color-white);
}
.card-columns__card--blue .card-columns__body {
color: var(--color-white);
opacity: 0.85;
}
.card-columns__card--olive {
background-color: var(--color-olive);
}
.card-columns__card--olive .card-columns__card-title,
.card-columns__card--olive .card-columns__intro {
color: var(--color-white);
}
.card-columns__card--olive .card-columns__body {
color: var(--color-white);
opacity: 0.85;
}
.card-columns__card--dark {
background-color: var(--color-grey);
}
.card-columns__card--dark .card-columns__card-title,
.card-columns__card--dark .card-columns__intro {
color: var(--color-white);
}
.card-columns__card--dark .card-columns__body {
color: var(--color-white);
opacity: 0.75;
}
.card-columns__card--white {
background-color: var(--color-white);
}
.card-columns__card--white .card-columns__card-title {
color: var(--color-grey);
}
.card-columns__card--white .card-columns__intro {
color: var(--color-grey);
}
.card-columns__card--white .card-columns__body {
color: var(--color-grey-l);
}
.card-columns__image img {
width: 12rem;
height: 12rem;
object-fit: contain;
display: block;
border-radius: 12px;
}
@media (min-width: 769px) {
.card-columns__image {
float: right;
}
}
.card-columns__content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-sm);
flex: 1;
}
.card-columns__card-title {
text-transform: none;
margin: 0;
}
.card-columns__intro {
font-weight: 700;
margin: 0;
}
.card-columns__body {
margin: 0;
flex-grow: 1;
}
.card-columns .button {
margin-top: auto;
}
.block:has(.pillar-columns) {
padding-top: var(--space-md);
padding-bottom: var(--space-md);
}
.pillar-columns {
display: grid;
gap: var(--space-sm);
}
.pillar-columns--1 {
grid-template-columns: 1fr;
max-width: 48rem;
}
.pillar-columns--2 {
grid-template-columns: repeat(2, 1fr);
}
.pillar-columns--3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.pillar-columns {
grid-template-columns: 1fr !important;
max-width: none;
}
}
.pillar-columns__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.6rem;
text-align: center;
}
.pillar-columns__btn {
width: 100%;
}
.register-block__title {
text-align: center;
text-transform: none;
margin-bottom: var(--space-md);
}
.register-block__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-sm);
align-items: start;
}
@media (max-width: 768px) {
.register-block__grid {
grid-template-columns: 1fr;
}
}
.register-block__right {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.register-block__form-card .gform_wrapper {
margin-top: var(--space-sm);
}
.register-block__help p {
margin: 0;
}
.steps-block {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.steps-block {
display: none;
}
}
@media (max-width: 768px) {
.block:has(.steps-block) {
display: none;
}
.block[data-bg]:has(.steps-block) + .block[data-bg] {
padding-top: var(--space-lg);
}
}
.steps-block__line {
flex: 1;
min-width: 1.6rem;
border-top: 2px dashed var(--color-beige-dd);
}
.steps-block__item {
flex-shrink: 0;
}
.steps-block__badge {
position: relative;
z-index: 1;
align-self: flex-start;
padding: 1.5em;
padding-right: 0;
margin: 0 var(--space-sm);
}
.steps-block__badge::before {
content: "";
position: absolute;
height: 100%;
aspect-ratio: 1;
top: 0;
left: 0;
z-index: -1;
background-color: var(--step-color, var(--color-blue));
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%23000'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%23000'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.steps-block__title {
display: block;
color: var(--color-grey);
font-weight: 700;
text-transform: uppercase;
font-size: clamp(2rem, calc(2rem - 0.0064516129 * 36rem) + 100vw * 0.0064516129, 2.8rem);
line-height: 1.2;
}
.steps-block__subtitle {
display: block;
color: var(--color-grey);
font-weight: 400;
text-transform: none;
font-size: clamp(1.4rem, calc(1.4rem - 0.0016129032 * 36rem) + 100vw * 0.0016129032, 1.6rem);
line-height: 1.3;
margin-top: 0.3em;
}
.block:has(.icon-cards__bg-image) {
padding-bottom: 0;
overflow: hidden;
}
.icon-cards__inner {
--icon-size: clamp(12rem, 12vw, 14.5rem);
--icon-overlap: calc(var(--icon-size) / 2);
position: relative;
z-index: 1;
}
.icon-cards__header {
text-align: center;
max-width: 80rem;
margin: 0 auto var(--space-md);
}
.icon-cards__title {
text-transform: none;
margin-bottom: var(--space-xs);
}
.icon-cards__subtitle {
color: var(--color-grey-l);
margin: 0;
}
.icon-cards__grid {
display: grid;
gap: 1.2rem;
margin-top: var(--icon-overlap);
}
.icon-cards__grid--cols-1 {
grid-template-columns: repeat(1, 1fr);
}
.icon-cards__grid--cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.icon-cards__grid--cols-3 {
grid-template-columns: repeat(3, 1fr);
}
.icon-cards__grid--cols-4 {
grid-template-columns: repeat(4, 1fr);
}
.icon-cards__grid--cols-5 {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1200px) {
.icon-cards__grid--cols-5 {
grid-template-columns: repeat(3, 1fr);
}
.icon-cards__grid--cols-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 992px) {
.icon-cards__grid--cols-5, .icon-cards__grid--cols-4, .icon-cards__grid--cols-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.icon-cards__grid--cols-5, .icon-cards__grid--cols-4, .icon-cards__grid--cols-3, .icon-cards__grid--cols-2 {
grid-template-columns: 1fr;
}
}
.icon-cards__item {
display: flex;
flex-direction: column;
align-items: center;
}
.icon-cards__icon {
width: var(--icon-size);
height: var(--icon-size);
flex-shrink: 0;
margin-bottom: calc(-1 * var(--icon-overlap));
position: relative;
z-index: 1;
}
.icon-cards__icon img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.icon-cards__card {
border-radius: 24px;
padding: var(--space-sm);
padding-inline: 1.6rem;
padding-top: calc(var(--icon-overlap) + 1.2rem);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 1;
width: 100%;
gap: 0.8rem;
}
.icon-cards__card:not(.icon-cards__card--has-icon) {
padding-top: var(--space-sm);
}
.icon-cards__card--theme {
background-color: var(--color-accent);
}
.icon-cards__card--theme .icon-cards__card-title {
color: var(--color-white);
}
.icon-cards__card--theme .icon-cards__card-text {
color: rgba(255, 255, 255, 0.85);
}
.icon-cards__card--theme p, .icon-cards__card--theme li {
color: rgba(255, 255, 255, 0.85);
}
.icon-cards__card--white {
background-color: var(--color-white);
}
.icon-cards__card--white .icon-cards__card-title {
color: var(--color-accent);
}
.icon-cards__card--white .icon-cards__card-text {
color: var(--color-grey);
}
.icon-cards__card--white.icon-cards__card--title-dark .icon-cards__card-title {
color: var(--color-grey);
}
.icon-cards__card-title {
text-transform: none;
margin: 0;
}
.icon-cards__card-text {
margin: 0;
flex-grow: 1;
}
.icon-cards__card-link {
font-family: "Inter", sans-serif;
font-weight: 600;
margin-top: 0.4rem;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity 0.2s ease;
}
.icon-cards__card--theme .icon-cards__card-link {
color: var(--color-white);
}
.icon-cards__card--white .icon-cards__card-link {
color: var(--color-accent);
}
.icon-cards__card-link:hover {
opacity: 0.7;
}
.icon-cards__bg-image {
margin-top: -10rem;
position: relative;
z-index: 0;
}
.icon-cards__bg-image img {
width: 100%;
aspect-ratio: 16/7;
min-height: 400px;
max-height: 800px;
object-fit: cover;
display: block;
}
.image-cards__grid {
display: grid;
gap: var(--space-sm);
}
.image-cards__grid--cols-1 {
grid-template-columns: 1fr;
}
.image-cards__grid--cols-2 {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 480px) {
.image-cards__grid--cols-2 {
grid-template-columns: 1fr;
}
}
.image-cards__grid--cols-3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
.image-cards__grid--cols-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.image-cards__grid--cols-3 {
grid-template-columns: 1fr;
}
}
.image-cards__grid--cols-4 {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 992px) {
.image-cards__grid--cols-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.image-cards__grid--cols-4 {
grid-template-columns: 1fr;
}
}
.image-cards__card {
background-color: var(--color-white);
border-radius: 24px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.image-cards__image-wrap {
flex-shrink: 0;
}
.image-cards__image-link {
display: block;
overflow: hidden;
}
.image-cards__image {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.image-cards__image-link:hover .image-cards__image {
transform: scale(1.03);
}
.image-cards__body {
padding: var(--space-sm);
display: flex;
flex-direction: column;
gap: var(--space-sm);
flex: 1;
}
.image-cards__title {
text-transform: none;
font-weight: 700;
margin: 0;
}
.image-cards__text {
flex: 1;
}
.image-cards__text p {
margin-top: 0;
}
.image-cards__btn {
width: 100%;
}
.image-cards__card--pillar.-orange {
--card-color: var(--color-orange);
}
.image-cards__card--pillar.-blue {
--card-color: var(--color-blue);
}
.image-cards__card--pillar.-olive {
--card-color: var(--color-olive);
}
.image-cards__grid--pillar .image-cards__card--pillar {
background-color: var(--color-white);
border-radius: 24px;
overflow: visible;
display: flex;
flex-direction: column;
}
.image-cards__grid--pillar .image-cards__top {
position: relative;
display: flex;
flex-direction: column;
flex: 1;
border-radius: 24px 24px 0 0;
}
.image-cards__grid--pillar .image-cards__image-wrap {
border-radius: 24px 24px 0 0;
overflow: hidden;
flex-shrink: 0;
}
.image-cards__grid--pillar .image-cards__image {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.image-cards__grid--pillar .image-cards__overlay {
position: absolute;
inset: 0;
background-color: var(--card-color, var(--color-orange));
border-radius: 24px 24px 0 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: var(--space-sm);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
z-index: 2;
overflow: hidden;
}
.image-cards__grid--pillar .image-cards__card--pillar:hover .image-cards__overlay {
opacity: 1;
}
.image-cards__grid--pillar .image-cards__card--pillar:hover .image-cards__image {
transform: scale(1.04);
}
.image-cards__grid--pillar .image-cards__overlay-body {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.image-cards__grid--pillar .image-cards__overlay-title {
color: var(--color-white);
font-weight: 700;
margin: 0;
font-size: clamp(2.4rem, calc(2.4rem - 0.0096774194 * 36rem) + 100vw * 0.0096774194, 3.6rem);
line-height: 1.2;
}
.image-cards__grid--pillar .image-cards__overlay-text {
color: var(--color-white);
margin: 0;
font-size: clamp(1.8rem, calc(1.8rem - 0.0032258065 * 36rem) + 100vw * 0.0032258065, 2.2rem);
line-height: 1.5;
opacity: 0.9;
}
.image-cards__grid--pillar .image-cards__badge {
position: relative;
z-index: 1;
align-self: flex-start;
padding: 1.5em;
margin: 0 var(--space-sm) 0 var(--space-sm);
margin-top: -0.5em;
}
.image-cards__card--no-image .image-cards__grid--pillar .image-cards__badge {
margin: var(--space-sm) var(--space-sm) 0;
}
.image-cards__grid--pillar .image-cards__badge::before {
content: "";
position: absolute;
height: 100%;
aspect-ratio: 1;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%23000'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%23000'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
background-color: var(--card-color, var(--color-orange));
top: 0;
left: 0;
z-index: -1;
}
.image-cards__grid--pillar .image-cards__pillar-title-1 {
display: block;
color: var(--color-grey);
font-weight: 400;
text-transform: uppercase;
font-size: clamp(2rem, calc(2rem - 0.0064516129 * 36rem) + 100vw * 0.0064516129, 2.8rem);
line-height: 1.2;
}
.image-cards__grid--pillar .image-cards__pillar-title-2 {
display: block;
color: var(--color-grey);
font-weight: 700;
text-transform: uppercase;
font-size: clamp(2rem, calc(2rem - 0.0064516129 * 36rem) + 100vw * 0.0064516129, 2.8rem);
line-height: 1.2;
}
.image-cards__grid--pillar .image-cards__body {
padding: var(--space-xs) var(--space-sm) 0;
flex: 1;
display: flex;
flex-direction: column;
}
.image-cards__grid--pillar .image-cards__body .image-cards__text p {
color: inherit;
margin-top: 0;
}
.image-cards__grid--pillar .image-cards__card--no-image {
background-color: var(--card-color, var(--color-orange));
}
.image-cards__grid--pillar .image-cards__card--no-image .image-cards__body .image-cards__text p,
.image-cards__grid--pillar .image-cards__card--no-image .image-cards__body .image-cards__text {
color: var(--color-white);
}
.image-cards__grid--pillar .image-cards__footer {
padding: var(--space-sm);
padding-top: var(--space-xs);
margin-top: auto;
--color-accent: var(--card-color);
}
.image-cards__grid--pillar .image-cards__btn {
width: 100%;
}
.faqs__list {
margin-top: 3.2rem;
}
.faq {
border-top: 1px solid var(--color-secondary-dd);
border-bottom: 1px solid var(--color-secondary-dd);
}
.faq summary {
cursor: pointer;
display: flex;
justify-content: flex-start;
align-items: center;
color: var(--color-thirtiary);
font-weight: 700;
font-size: 2.1rem;
transition: all 0.3s ease-in-out;
position: relative;
padding: 2rem 0;
padding-right: 6rem;
border-top: 1px solid var(--color-beige-d);
}
.faq summary::marker {
content: none;
}
.faq summary::-webkit-details-marker {
display: none;
}
.faq summary:hover {
color: var(--color-primary);
}
.faq summary:hover .faq__chevron svg {
stroke: var(--color-orange-d);
}
.faq__chevron {
padding: 2.4rem;
transform: rotate(90deg);
transition: 0.3s ease-in-out;
flex-grow: 0;
flex-shrink: 0;
position: absolute;
right: 0;
top: 0;
}
.faq__chevron svg {
transition: 0.3s ease-in-out;
stroke: var(--color-orange);
}
.faq .content *:first-child {
margin-top: 0;
}
.faq + .faq {
border-top: none;
}
[open] summary {
color: var(--color-primary);
}
[open] summary .faq__chevron {
transform: rotate(-90deg);
}
[open] summary .faq__chevron svg {
stroke: var(--color-orange-d);
}
.story-slider .slick-slide {
margin: 0 var(--space-xs);
}
.story-slider .slick-list {
margin: 0 calc(-1 * var(--space-xs));
}
.story-slider__slide {
display: flex !important;
align-items: center;
}
@media (max-width: 768px) {
.story-slider__slide {
flex-direction: column;
}
}
.story-slider__image-wrap {
order: 2;
flex: 0 0 28%;
aspect-ratio: 1;
margin-left: -16%;
position: relative;
z-index: 2;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
@media (max-width: 768px) {
.story-slider__image-wrap {
order: -1;
flex: none;
width: clamp(120px, 45%, 200px);
margin-left: 0;
margin-bottom: -4rem;
position: relative;
z-index: 2;
}
}
.story-slider__image-wrap a {
display: block;
width: 100%;
height: 100%;
}
.story-slider__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.story-slider__card {
order: 1;
flex: 1;
min-width: 0;
background: var(--color-white);
border-radius: 24px;
padding: var(--space-lg) var(--space-xl);
padding-right: 28%;
text-align: center;
position: relative;
z-index: 1;
}
@media (max-width: 992px) {
.story-slider__card {
padding-right: 24%;
}
}
@media (max-width: 768px) {
.story-slider__card {
padding-inline: var(--space-md);
padding-top: calc(var(--space-lg) + 4rem);
width: 100%;
}
}
.story-slider__quote {
margin: 0 0 var(--space-sm);
}
.story-slider__quote-icon {
width: 5rem;
height: auto;
margin: 0 auto var(--space-xs);
display: block;
color: #ede8d5;
fill: #ede8d5;
}
.story-slider__quote-text {
margin: 0;
font-weight: 700;
}
.story-slider__meta {
display: flex;
flex-direction: column;
gap: 0.2rem;
margin-top: var(--space-sm);
margin-bottom: var(--space-sm);
}
.story-slider__company, .story-slider__subline {
margin: 0;
font-weight: normal;
}
.story-slider__subline {
opacity: 0.65;
}
.story-slider__nav {
display: flex;
align-items: center;
margin-top: var(--space-sm);
gap: var(--space-sm);
}
.story-slider__arrows {
display: flex;
gap: var(--space-xs);
flex-shrink: 0;
}
.story-slider__counter {
display: flex;
align-items: center;
gap: 0.4rem;
font-size: 1.4rem;
line-height: 1;
}
.story-slider__counter-current {
font-weight: 700;
}
.story-slider__counter-sep {
opacity: 0.35;
}
.story-slider__counter-total {
opacity: 0.35;
}
.virtual-tour {
width: 100%;
height: calc(90vh - var(--nav-height));
min-height: 480px;
max-height: 800px;
position: relative;
}
.virtual-tour iframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
.virtual-tour__overlay {
position: absolute;
inset: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.15);
transition: background 0.2s ease;
}
.virtual-tour__overlay:hover {
background: rgba(0, 0, 0, 0.25);
}
.virtual-tour__overlay-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
background: rgba(0, 0, 0, 0.55);
color: var(--color-white);
padding: 1.6rem 2.4rem;
border-radius: 10rem;
font-size: 1.6rem;
font-weight: 600;
pointer-events: none;
backdrop-filter: blur(4px);
}
.ss-hero__inner {
display: grid;
grid-template-columns: 1fr 2fr;
gap: var(--space-lg);
align-items: center;
}
@media (max-width: 768px) {
.ss-hero__inner {
grid-template-columns: 1fr;
}
}
.ss-hero__content {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.ss-hero__title {
font-weight: 700;
text-transform: none;
}
.ss-hero__spotlight {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 1rem;
align-items: start;
padding-top: var(--space-sm);
border-top: 1px solid var(--color-beige-d);
}
.ss-hero__spotlight .arrow-large {
grid-column: 2;
grid-row: 1/3;
width: 2.8rem;
height: 2.8rem;
align-self: start;
}
.ss-hero__spotlight:hover .arrow-large:after {
transform: translate(100%, -100%);
}
.ss-hero__spotlight:hover .arrow-large:before {
transform: translate(0, 0);
}
.ss-hero__spotlight-eyebrow {
color: var(--color-grey-l);
display: block;
}
.ss-hero__spotlight-title {
font-weight: 700;
color: var(--color-grey);
display: block;
}
.ss-hero__spotlight:hover .ss-hero__spotlight-title {
color: var(--color-accent);
}
.ss-hero__media {
position: relative;
}
.ss-hero__image-link {
display: block;
border-radius: 24px;
overflow: hidden;
position: relative;
}
.ss-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
aspect-ratio: 16/9;
}
.ss-hero__play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(45, 45, 40, 0.3);
transition: background-color 0.3s ease;
}
.ss-hero__image-link:hover .ss-hero__play {
background-color: rgba(45, 45, 40, 0.5);
}
.ss-filter {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.ss-filter__search {
width: 100%;
background-color: var(--color-white);
border: none;
border-radius: 10rem;
padding: 1.2rem 2rem;
font-size: 1.6rem;
color: var(--color-grey);
outline: none;
}
.ss-filter__search::placeholder {
color: var(--color-grey-l);
}
.ss-filter__group {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.ss-filter__group-label {
font-weight: 700;
font-size: 1.6rem;
text-transform: none;
color: var(--color-white);
padding-bottom: 0.8rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin: 0 0 0.4rem;
}
.ss-filter__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.ss-filter__label {
display: flex;
align-items: center;
gap: 1rem;
color: var(--color-white);
cursor: pointer;
font-size: 1.6rem;
}
.ss-filter__label:hover {
color: rgba(255, 255, 255, 0.75);
}
.ss-filter__submit {
display: none;
}
.ss-filter__toggle {
display: none;
}
@media (max-width: 992px) {
.ss-filter__toggle {
display: flex;
align-items: center;
gap: 0.8rem;
width: 100%;
background: none;
border: none;
cursor: pointer;
color: var(--color-white);
font-size: 1.6rem;
font-weight: 700;
padding: 0;
text-align: left;
}
}
.ss-filter__toggle-count {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--color-accent);
color: var(--color-grey);
font-size: 1.2rem;
font-weight: 700;
width: 2rem;
height: 2rem;
border-radius: 50%;
}
.ss-filter__toggle-icon {
margin-left: auto;
transition: transform 0.2s ease;
}
[aria-expanded=true] .ss-filter__toggle-icon {
transform: rotate(180deg);
}
.ss-filter__reset {
color: var(--color-accent);
font-weight: 600;
margin-top: var(--space-xs);
display: inline-block;
}
.ss-filter__reset--inactive {
pointer-events: none;
opacity: 0.4;
}
.ss-filter__reset:hover {
text-decoration: underline;
}
.ss-grid__inner {
display: grid;
grid-template-columns: 32rem 1fr;
gap: var(--space-md);
align-items: start;
}
@media (max-width: 992px) {
.ss-grid__inner {
grid-template-columns: 1fr;
}
}
.ss-grid__filter {
background-color: var(--color-grey);
border-radius: 24px;
padding: var(--space-sm);
position: sticky;
top: var(--space-sm);
}
@media (max-width: 992px) {
.ss-grid__filter {
position: static;
}
.ss-grid__filter .ss-filter {
display: none;
margin-top: var(--space-sm);
}
.ss-grid__filter--open .ss-filter, .ss-grid__filter--active .ss-filter {
display: flex;
}
}
.ss-grid__results {
min-width: 0;
}
.ss-grid__empty {
color: var(--color-grey-l);
}
.ss-masonry__gutter {
width: var(--space-sm);
}
#ss-sentinel {
height: 1px;
margin-top: var(--space-sm);
}
#ss-load-more-spinner {
display: flex;
justify-content: center;
padding: var(--space-sm) 0;
}
#ss-load-more-spinner[hidden] {
display: none;
}
#ss-load-more-spinner::after {
content: "";
display: block;
width: 3.2rem;
height: 3.2rem;
border: 3px solid var(--color-beige-d);
border-top-color: var(--color-accent);
border-radius: 50%;
animation: ss-spin 0.7s linear infinite;
}
@keyframes ss-spin {
to {
transform: rotate(360deg);
}
}
.ss-card {
width: calc(50% - var(--space-sm) / 2);
background-color: var(--color-white);
}
@media (max-width: 480px) {
.ss-card {
width: 100%;
}
}
.ss-card {
border-radius: 24px;
margin-bottom: var(--space-sm);
margin-top: 5rem;
display: flex;
flex-direction: column;
text-align: center;
}
.ss-card__image-wrap {
margin-top: -5rem;
margin-left: auto;
margin-right: auto;
width: clamp(30%, 24rem, 60%);
aspect-ratio: 1;
flex-shrink: 0;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.ss-card__image-link {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.ss-card__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ss-card__body {
padding: var(--space-sm);
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-sm);
flex: 1;
}
.ss-card__quote {
position: relative;
margin: 0;
padding: 0;
flex: 1;
}
.ss-card__quote-icon {
position: absolute;
top: -2rem;
left: 0;
width: clamp(2rem, 10%, 4.8rem);
height: auto;
pointer-events: none;
}
.ss-card__quote-text {
font-weight: 700;
text-transform: none;
color: var(--color-grey);
margin: 0 0 var(--space-xs);
z-index: 1;
position: relative;
}
.ss-card__company {
color: var(--color-grey-l);
font-style: normal;
display: block;
}
.ss-card__cta {
align-self: stretch;
text-align: center;
}
.ss-card__facts {
width: 100%;
text-align: left;
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.ss-card__fact-label {
font-weight: 700;
color: var(--color-grey);
text-transform: uppercase;
font-size: 1.4rem;
letter-spacing: 0.08em;
margin: 0.8rem 0 0;
}
.ss-card__fact-label:first-child {
margin-top: 0;
}
.ss-card__fact-text {
color: var(--color-grey-l);
margin: 0;
}
.ss-card--grid {
width: 100%;
margin-top: 0;
}
.ss-more-proof__heading {
text-align: center;
margin-bottom: var(--space-md);
}
.ss-more-proof__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-sm);
padding-top: 5rem;
}
@media (max-width: 992px) {
.ss-more-proof__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.ss-more-proof__grid {
grid-template-columns: 1fr;
}
}
.ss-more-proof__cta {
margin-top: var(--space-lg);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-sm);
}
.ss-more-proof__cta-title {
text-transform: none;
font-weight: 700;
max-width: 100rem;
margin: 0 auto;
}
.ss-story-hero__box {
background-color: var(--color-accent);
border-radius: 24px;
padding: var(--space-md);
color: var(--color-white);
}
.ss-story-hero__inner {
display: grid;
grid-template-columns: 1fr 38%;
gap: var(--space-lg);
align-items: center;
}
@media (max-width: 768px) {
.ss-story-hero__inner {
grid-template-columns: 1fr;
}
}
.ss-story-hero__content {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.ss-story-hero__breadcrumb {
color: var(--color-white);
text-decoration: underline;
text-underline-offset: 3px;
align-self: flex-start;
}
.ss-story-hero__breadcrumb:hover {
opacity: 0.75;
}
.ss-story-hero__meta {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.ss-story-hero__company {
font-weight: 700;
color: var(--color-grey);
}
.ss-story-hero__subline {
color: var(--color-grey);
}
.ss-story-hero__quote {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.ss-story-hero__quote-icon {
width: 4.8rem;
height: auto;
color: var(--color-white);
flex-shrink: 0;
}
.ss-story-hero__quote-text {
font-size: clamp(2.4rem, 3.5vw, 4rem);
font-weight: 700;
line-height: 1.15;
text-transform: none;
color: var(--color-white);
margin: 0;
}
.ss-story-hero__quote-author {
color: var(--color-white);
font-style: normal;
opacity: 0.85;
}
.ss-story-hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-xs);
padding-top: var(--space-xs);
}
.ss-story-hero__video-btn {
gap: 0.8rem;
}
@media (max-width: 768px) {
.ss-story-hero__media {
order: -1;
}
}
.ss-story-hero__image-link {
display: block;
position: relative;
}
.ss-story-hero__image-wrap {
width: 100%;
aspect-ratio: 1;
position: relative;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.ss-story-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ss-story-hero__play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(45, 45, 40, 0.25);
transition: background-color 0.3s ease;
}
.ss-story-hero__image-link:hover .ss-story-hero__play {
background-color: rgba(45, 45, 40, 0.45);
}
.ss-story-cta__image-wrap {
width: 100%;
line-height: 0;
aspect-ratio: 21/8;
max-height: 800px;
min-height: 540px;
}
.ss-story-cta__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 768px) {
.ss-story-cta__image {
aspect-ratio: 16/9;
}
}
.ss-story-cta__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-md);
align-items: start;
}
@media (max-width: 768px) {
.ss-story-cta__grid {
grid-template-columns: 1fr;
}
}
.ss-story-cta__left {
padding-top: var(--space-lg);
}
@media (max-width: 768px) {
.ss-story-cta__left {
padding-top: 0;
}
}
.ss-story-cta__left-title {
margin: 0 0 var(--space-sm);
font-weight: 700;
text-transform: none;
}
.ss-story-cta__card {
background-color: var(--color-accent);
border-radius: 24px;
padding: var(--space-md) var(--space-sm);
margin-top: -48rem;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
@media (max-width: 768px) {
.ss-story-cta__card {
margin-top: -24rem;
order: -1;
}
}
.ss-story-cta__dots {
display: flex;
gap: 0.8rem;
position: absolute;
top: 0;
right: var(--space-md);
transform: translateY(-50%);
}
.ss-story-cta__dot {
display: block;
width: 3.2rem;
height: 3.2rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17.0154 -7.4242e-07C30.965 -1.32666e-07 34 3.04061 34 17C34 30.9594 30.965 34 17.0154 34L16.9914 34C3.04189 34 -3.14127e-06 30.956 -2.53123e-06 17C-1.9212e-06 3.04403 3.04189 -1.35322e-06 16.9914 -7.43468e-07L17.0154 -7.4242e-07Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17.0154 -7.4242e-07C30.965 -1.32666e-07 34 3.04061 34 17C34 30.9594 30.965 34 17.0154 34L16.9914 34C3.04189 34 -3.14127e-06 30.956 -2.53123e-06 17C-1.9212e-06 3.04403 3.04189 -1.35322e-06 16.9914 -7.43468e-07L17.0154 -7.4242e-07Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
background-color: var(--color-blue);
flex-shrink: 0;
}
[data-theme=blue] .ss-story-cta__dot, [data-theme=olive] .ss-story-cta__dot {
background-color: var(--color-orange);
}
.ss-story-cta__card-title {
color: var(--color-grey);
font-weight: 700;
text-transform: none;
margin: 0;
}
.ss-story-cta__card-lead {
font-weight: 700;
color: var(--color-white);
margin: 0;
}
.ss-story-cta__card-text {
color: var(--color-grey);
margin: 0;
flex-grow: 1;
}
.ss-story-cta__btn {
width: 100%;
text-align: center;
justify-content: center;
margin-top: auto;
}
.ss-story-content__card {
background-color: var(--color-white);
border-radius: 0 24px 24px 0;
margin-left: calc(-1 * (50vw - 50%));
padding: var(--space-md) var(--space-md) var(--space-md) calc(50vw - 50% + var(--space-md));
}
@media (max-width: 768px) {
.ss-story-content__card {
border-radius: 24px;
margin-left: 0;
padding: var(--space-md);
}
}
.ss-story-content__header {
margin-bottom: var(--space-md);
}
.ss-story-content__title {
margin: 0 0 0.6rem;
}
.ss-story-content__subtitle {
color: var(--color-accent);
font-weight: 700;
margin: 0;
}
.ss-story-content__columns {
display: grid;
grid-template-columns: 2fr 3fr;
gap: var(--space-lg);
align-items: start;
}
@media (max-width: 768px) {
.ss-story-content__columns {
grid-template-columns: 1fr;
gap: var(--space-md);
}
}
.ss-story-content__col--left {
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.ss-story-content__intro {
font-weight: 700;
line-height: 1.5;
color: var(--color-grey);
margin: 0;
}
.ss-story-content__image-link {
display: block;
position: relative;
}
.ss-story-content__image-wrap {
width: 100%;
max-width: 35rem;
aspect-ratio: 1;
position: relative;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.ss-story-content__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ss-story-content__play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(45, 45, 40, 0.25);
transition: background-color 0.3s ease;
}
.ss-story-content__image-link:hover .ss-story-content__play {
background-color: rgba(45, 45, 40, 0.45);
}
.courses-overview__wrapper {
display: flex;
gap: 6rem;
align-items: flex-start;
}
@media (max-width: 992px) {
.courses-overview__wrapper {
gap: 4rem;
}
}
@media (max-width: 768px) {
.courses-overview__wrapper {
flex-wrap: wrap;
}
}
.courses-overview__filter {
flex: 0 0 460px;
background-color: var(--color-grey);
border-radius: 24px;
align-self: auto;
}
@media (max-width: 1200px) {
.courses-overview__filter {
flex: 0 0 300px;
}
}
@media (max-width: 768px) {
.courses-overview__filter {
flex: 0 0 100%;
}
}
.courses-overview__content {
flex-grow: 1;
}
.courses-overview__list {
margin: 0;
padding: 0;
}
.courses-overview__title {
text-transform: none;
font-size: 2.4rem;
margin-bottom: 2.4rem;
font-weight: 400;
color: var(--color-grey-l);
}
.course-item {
list-style-type: none;
}
.course-item:first-of-type {
border-top: 1px solid var(--color-beige-d);
}
.course-item__sessions {
display: none;
}
.course-item__link {
display: flex;
justify-content: space-between;
padding: 2.4rem 0;
border-bottom: 1px solid var(--color-beige-d);
position: relative;
align-items: center;
column-gap: 4rem;
row-gap: 0.8rem;
align-items: flex-start;
}
.course-item__link--accordion {
align-items: center;
}
.course-item__link--accordion.active .arrow-small--accordion {
transform: rotate(180deg);
}
.course-item__link .arrow-large {
width: 30px;
height: 30px;
flex: 0 0 30px;
}
@media (max-width: 768px) {
.course-item__link .arrow-large {
flex: 0 0 24px;
}
}
.course-item__link .arrow-small--accordion {
width: 24px;
height: 24px;
flex: 0 0 24px;
background-image: url(//www.ahlex.eu/wp-content/themes/starter/img/chevron.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s ease-in-out;
}
.course-item__link:hover .course-item__content {
transform: translateX(4px);
}
.course-item__link:hover .arrow-large:after {
transform: translate(100%, -100%);
}
.course-item__link:hover .arrow-large:before {
transform: translate(0, 0);
}
.course-item__content {
display: flex;
flex-direction: column;
gap: 0.8rem;
transition: 0.3s ease-in-out;
}
.course-item__title {
text-transform: initial;
font-weight: 400;
transition: 0.3s ease-in-out;
}
.course-item__details {
display: flex;
flex-wrap: wrap;
font-size: 1.6rem;
color: var(--color-grey-l);
line-height: 1;
row-gap: 0.8rem;
}
.course-item__detail:not(:last-of-type) {
padding-right: 1.2rem;
border-right: 1px solid var(--color-beige-d);
margin-right: 1.2rem;
}
.course-slider {
overflow: hidden;
}
.course-slider-wrapper {
display: flex;
}
@media (max-width: 992px) {
.course-slider-wrapper {
flex-wrap: wrap;
gap: 4.8rem;
}
.course-slider-wrapper > * {
flex: 0 0 100% !important;
}
}
.course-slider__content {
flex: 0 0 33%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 992px) {
.course-slider__content {
flex-direction: row;
}
}
.course-slider__nav {
display: flex;
gap: 1.6rem;
}
.course-slider__slider {
flex: 0 0 66.66%;
width: 66.66%;
margin: 0;
padding: 0;
}
.course-slider__title {
color: var(--color-white);
}
.course-slider .slick-list {
overflow: visible;
clip-path: inset(-100vw -100vw -100vw 0);
}
.course-slider .slick-track {
display: flex;
}
.course-slider .slick-slide {
height: inherit;
}
.course-card {
background-color: var(--color-beige);
border-radius: 12px;
margin-right: 1.6rem;
padding: 2.4rem;
transition: 0.3s ease-in-out;
}
.course-card:hover, .course-card:active, .course-card:focus {
background-color: var(--color-white);
transform: translateY(-4px);
}
.course-card__title {
text-transform: initial;
font-weight: 500;
transition: 0.3s ease-in-out;
}
.course-card__icon {
width: 12.8rem;
max-width: 50%;
height: auto;
position: relative;
top: -48px;
}
.course-detail__wrapper {
display: flex;
gap: 6rem;
}
@media (max-width: 992px) {
.course-detail__wrapper {
flex-direction: column;
gap: 4rem;
}
}
.course-detail__content {
flex: 1 1;
padding: 0 !important;
}
.course-detail__content ul {
background-color: transparent !important;
font-family: "Inter Tight", sans-serif !important;
font-size: 1.1rem !important;
padding-left: 3.2rem !important;
}
.course-detail__content__title {
font-size: 2.4rem;
font-weight: 600;
text-transform: initial;
margin-bottom: 1.2rem;
margin-top: 4rem;
}
.course-detail__content__title:not(:first-of-type) {
margin-top: 3.2rem;
}
.course-detail__content__title:first-of-type {
margin-top: 0;
}
.course-detail__sidebar {
background-color: var(--color-orange);
border-radius: 24px;
padding: 3.2rem;
color: var(--color-beige);
font-size: clamp(1.7rem, calc(1.7rem - 0.0024193548 * 36rem) + 100vw * 0.0024193548, 2rem);
flex: 0 1 460px;
align-self: flex-start;
}
@media (max-width: 992px) {
.course-detail__sidebar {
align-self: auto;
order: -1;
}
}
.course-detail__sidebar__description p, .course-detail__sidebar__description li, .course-detail__sidebar__description h1, .course-detail__sidebar__description h2, .course-detail__sidebar__description h3, .course-detail__sidebar__description h4, .course-detail__sidebar__description h5, .course-detail__sidebar__description h6 {
color: var(--color-beige);
}
.course-detail__sidebar__icon {
width: 160px;
height: auto;
max-width: 50%;
margin-top: -84px;
margin-left: auto;
margin-right: auto;
}
.course-detail__sidebar__title {
font-size: clamp(1.7rem, calc(1.7rem - 0.0024193548 * 36rem) + 100vw * 0.0024193548, 2rem);
margin-top: 1.6rem;
font-weight: 600;
display: block;
}
.course-detail__sidebar__info {
font-size: clamp(1.7rem, calc(1.7rem - 0.0024193548 * 36rem) + 100vw * 0.0024193548, 2rem);
color: var(--color-beige);
}
.course-detail__sidebar__info p, .course-detail__sidebar__info li, .course-detail__sidebar__info a {
color: var(--color-beige);
}
.course-detail__sidebar hr {
margin: 1.6rem 0;
border-top: 1px solid var(--color-orange-d);
border-bottom: 0;
}
.course-detail__sidebar__price {
font-size: 2.8rem;
}
.course-detail__sidebar__price span {
font-size: 1.6rem;
font-weight: 400;
margin-left: 0.8rem;
}
.course-detail__sidebar__link {
color: var(--color-beige);
display: inline-block;
text-decoration: underline;
line-height: 1.8;
}
.course-detail__sidebar__link:hover {
text-decoration: none;
}
.course-detail__sidebar .button {
display: block;
text-align: center;
margin: 1.6rem 0;
}
.course-calendar {
border-top: 1px solid var(--color-beige-d);
padding: 8rem 0;
background-color: var(--color-white);
}
.course-calendar__list {
margin: 0;
padding: 0;
margin-top: 4rem;
}
.course-calendar__list--calendar {
margin-top: 0rem;
}
.course-calendar__list--calendar .course-event {
background-color: var(--color-beige-d);
padding: 2.4rem;
border-bottom: 1px solid var(--color-beige);
}
@media (max-width: 768px) {
.course-calendar__list--calendar .course-event {
padding: 1.6rem;
}
}
.course-calendar__list--calendar .course-event:first-child {
border-top: none;
}
.course-event {
list-style-type: none;
display: flex;
border-bottom: 1px solid var(--color-beige-d);
padding: 2.4rem 0;
align-items: center;
gap: 2.4rem;
}
.course-event:first-child {
border-top: 1px solid var(--color-beige-d);
}
.course-event__data-info-wrapper {
display: flex;
}
@media (max-width: 992px) {
.course-event__data-info-wrapper {
flex-direction: column;
}
}
.course-event__date {
text-transform: uppercase;
font-weight: 700;
min-width: 290px;
}
@media (max-width: 992px) {
.course-event__date {
min-width: auto;
}
}
.course-event__extra-info {
color: var(--color-grey-l);
}
.course-event__extra-info span:not(:last-child) {
padding-right: 1.6rem;
margin-right: 1.6rem;
border-right: 1px solid var(--color-beige-d);
}
.course-event .button {
margin-left: auto;
}
.pdf-view .arrow-small--accordion {
display: none;
}
.pdf-view .course-calendar__list--calendar .course-event {
background-color: transparent;
padding: 0.8rem 0;
border-bottom: 1px solid var(--color-beige-d);
font-size: 1.4rem;
}
.pdf-view .course-calendar__list--calendar .course-event .button {
display: none;
}
.hero {
background-color: var(--color-orange);
display: flex;
align-items: center;
overflow: hidden;
position: relative;
z-index: 1;
min-height: fit-content;
}
.hero.-blue {
background-color: var(--color-blue);
}
.hero.-blue .hero__text {
color: var(--color-grey);
}
.hero.-blue .hero__text p {
margin-bottom: 2.4rem;
}
.hero.-blue .hero__subtitle {
margin-top: 1.2rem;
}
.hero.-orange .content p, .hero.-orange .content li {
color: var(--color-white) !important;
}
.hero.-green {
background-color: var(--color-green);
}
.hero.-green .content p, .hero.-green .content li {
color: var(--color-white) !important;
}
@media (max-width: 768px) {
.hero {
align-items: flex-start;
}
}
.hero__wrapper {
height: 100%;
width: 100%;
display: flex;
align-items: center;
min-height: fit-content;
gap: 4rem;
justify-content: space-between;
}
@media (max-width: 768px) {
.hero__wrapper {
flex-direction: column;
justify-content: flex-start;
gap: 4rem;
}
}
.hero__wrapper > * {
flex: 0 0 40%;
}
.hero__content {
position: relative;
z-index: 1;
width: 100%;
margin: 4rem 0;
}
@media (max-width: 768px) {
.hero__content {
margin: 2rem 0;
}
}
.hero__button {
margin-top: 1.6rem;
display: inline-flex;
align-items: center;
gap: 0.8rem;
}
.hero__button .play-button {
transition: 0.3s ease-in-out;
}
.hero__button:hover .play-button, .hero__button:active .play-button, .hero__button:focus .play-button {
fill: var(--color-grey);
}
.hero__button__icon {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 4px;
}
.hero__logo {
max-width: 300px;
width: 60%;
min-width: 120px;
height: auto;
}
@media (max-width: 768px) {
.hero__logo {
max-width: 200px;
}
}
.hero__image {
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
@media (max-width: 768px) {
.hero__image {
height: auto;
width: 100%;
height: 100%;
position: static;
}
}
.hero__image__wrapper {
aspect-ratio: 1;
margin: 4rem 0;
max-width: 500px;
}
@media (max-width: 768px) {
.hero__image__wrapper {
height: auto;
width: 100%;
height: 100%;
position: static;
}
}
.hero__image img, .hero__image video {
object-fit: cover;
height: 100%;
width: 100%;
}
.hero__title {
color: var(--color-white);
}
.hero__text {
color: var(--color-white);
margin: 2.4rem 0;
}
.hero__scroll-link {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 6rem;
}
.hero__scroll-icon span {
width: 30px;
height: 30px;
display: block;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(45deg);
margin: -15px;
animation: animate 3s infinite;
}
.hero__scroll-icon span:nth-child(2) {
animation-delay: -0.2s;
}
.hero__scroll-icon span:nth-child(3) {
animation-delay: -0.4s;
}
.hero__logo-bar {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0.8rem;
flex-wrap: wrap;
margin-top: 3.2rem;
align-items: flex-start;
}
.hero__logo-bar__eyebrow {
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--color-white);
}
.hero__logo-bar__logos {
display: flex;
flex-direction: row;
gap: 2.4rem;
align-items: center;
background-color: var(--color-white);
padding: 1.6rem 3.2rem;
border-radius: 100px;
align-items: center;
position: relative;
}
.hero__logo-bar__logos img {
max-height: 50px;
height: auto;
width: auto;
max-width: 100%;
flex-shrink: 0;
display: block;
}
.hero__logo-bar__logos img.logo-eu {
width: 60%;
}
.hero__logo-bar__logos img.logo-vlaio {
width: 30%;
}
.hero__spotlight {
width: 100%;
max-width: 500px;
margin: 4rem 0;
}
.hero__spotlight-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-grow: 1;
}
.hero__spotlight__eyebrow {
color: var(--color-white);
text-transform: uppercase;
font-size: 1.6rem;
letter-spacing: 0.5px;
margin-bottom: 1.6rem;
display: block;
}
.hero__spotlight__title {
text-transform: unset;
color: white;
margin-bottom: 1.6rem;
}
.hero__spotlight__title-link-wrapper:hover {
color: var(--color-white) !important;
transform: translateX(10px);
}
.hero__spotlight__image {
aspect-ratio: 1;
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
border-radius: 12px;
overflow: hidden;
}
.hero__spotlight__image-link-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
.hero__spotlight__image-link-wrapper:hover img {
transform: scale(1.03);
}
.hero__spotlight__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s ease-in-out;
}
.hero__spotlight__image .button {
margin-bottom: 2.4rem;
position: relative;
z-index: 1;
}
.hero__spotlight__image .button .play-button {
transition: 0.3s ease-in-out;
height: 100%;
}
.hero__spotlight__image .button:hover .play-button, .hero__spotlight__image .button:active .play-button, .hero__spotlight__image .button:focus .play-button {
fill: var(--color-white);
}
.hero__button--secondary {
display: none;
}
@media (max-width: 768px) {
.hero__button--secondary[data-link-type=page] {
display: block;
margin-bottom: 15rem;
margin-top: 0;
flex: 0 0 auto;
}
.hero__button--primary[data-link-type=page] {
display: none;
}
}
@keyframes animate {
0% {
opacity: 0;
}
25% {
opacity: 1;
transform: rotate(45deg) translate(10px, 10px);
}
75% {
opacity: 1;
transform: rotate(45deg) translate(10px, 10px);
}
100% {
opacity: 0;
transform: rotate(45deg) translate(20px, 20px);
}
}
.page-header {
background-color: var(--color-orange);
padding: 8rem 0;
}
@media (max-width: 768px) {
.page-header {
padding: 4rem 0;
}
}
.page-header p {
color: var(--color-white);
}
.page-header--course .page-header__title {
text-transform: initial;
font-weight: 800;
}
.page-header.-blue {
background-color: var(--color-blue);
}
.page-header.-blue p {
color: var(--color-grey);
}
.page-header.-green {
background-color: var(--color-green);
}
.page-header__wrapper {
display: flex;
gap: 2.4rem;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
.page-header__wrapper {
flex-direction: column;
align-items: center;
text-align: center;
gap: 1.6rem;
}
}
.page-header__content {
max-width: 900px;
}
.page-header__title {
color: var(--color-white);
}
.page-header__title--no-caps {
text-transform: initial;
font-weight: 800;
}
.page-header__text {
margin-top: 2.4rem;
}
.page-header__image {
min-width: 300px;
flex-basis: 30%;
flex-grow: 0;
background-color: var(--color-white);
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
clip-path: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-clip-path: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
}
.page-header__image img {
width: 100%;
height: 100%;
aspect-ratio: 1;
object-fit: cover;
}
.page-header__icon {
min-width: 140px;
flex: 0 1 220px;
background-color: var(--color-white);
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
clip-path: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-clip-path: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
}
.page-header__icon--no-bg {
background-color: transparent;
mask-image: none;
-webkit-mask-image: none;
clip-path: none;
-webkit-clip-path: none;
}
.page-header__icon--cover img {
object-fit: contain !important;
}
.page-header__icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.page-header__icon {
width: 140px;
flex: 0 1 140px;
order: -1;
}
}
.image-with-text {
min-height: fit-content;
position: relative;
align-items: center;
}
.image-with-text.-reversed .image-with-text__wrapper {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.image-with-text.-reversed .image-with-text__wrapper {
flex-direction: column;
}
}
.image-with-text__wrapper {
display: flex;
justify-content: space-between;
gap: 6.4rem;
align-items: center;
position: relative;
z-index: 1;
}
@media (max-width: 768px) {
.image-with-text__wrapper {
flex-direction: column;
justify-content: flex-start;
gap: 4rem;
}
}
.image-with-text__content {
flex: 0 0 50%;
}
.image-with-text__content.content:first-child {
margin-top: 0 !important;
}
.image-with-text__content.content:last-child {
margin-bottom: 0 !important;
}
.image-with-text__content.content ul li {
list-style-type: none;
position: relative;
}
.image-with-text__content.content ul li:before {
content: "";
position: absolute;
left: -30px;
top: 4px;
width: 20px;
height: 20px;
background-image: url(//www.ahlex.eu/wp-content/themes/starter/img/chevron-list.svg);
background-position: center;
background-repeat: no-repeat;
}
.image-with-text__image {
aspect-ratio: 5/4;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
transition: opacity 0.3s ease-in-out;
flex-shrink: 1;
flex-grow: 1;
border-radius: 12px;
}
@media (max-width: 768px) {
.image-with-text__image {
align-self: stretch;
}
}
.image-with-text__image.-link:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--color-grey);
opacity: 0.2;
transition: 0.3s ease-in-out;
border-radius: 12px;
}
.image-with-text__image.-link:hover:after {
opacity: 0.4;
}
.image-with-text__image.-link:hover .image-with-text__lightbox-link {
transform: translate(-50%, -50%) scale(1.1);
}
.image-with-text__image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
aspect-ratio: 1;
background-color: var(--color-accent);
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
left: 0;
top: 0;
transition: 0.3s ease-in-out;
transform: rotate(30deg) translate(2%, 15%);
z-index: -2;
}
@media (max-width: 768px) {
.image-with-text__image:before {
transform: rotate(30deg) translate(-20%, 5%) scale(0.8);
}
}
.image-with-text__image img,
.image-with-text__image video {
object-fit: cover;
width: 100%;
height: 100%;
transition: 0.3s ease-in-out;
overflow: hidden;
border-radius: 12px;
}
.image-with-text__lightbox-link {
content: "";
top: 0;
left: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
z-index: 9;
transform: translate(-50%, -50%);
transition: 0.3s ease-in-out;
}
.image-with-text p {
margin-top: 3.2rem;
}
.image-with-text--alt:not(.image-with-text--alt + .image-with-text--alt) .connector {
display: none;
}
.image-with-text--alt {
background-color: var(--color-blue);
min-height: fit-content;
height: 80vh;
padding: 12rem 0;
position: relative;
display: flex;
align-items: center;
}
.image-with-text--alt.-green {
background-color: var(--color-green);
}
.image-with-text--alt.-green.-light {
background-color: var(--color-green-l);
}
.image-with-text--alt.-orange {
background-color: var(--color-orange);
}
.image-with-text--alt .connector {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.image-with-text--alt .connector.-r90 {
transform: translate(-50%, -50%) rotate(-90deg);
}
.image-with-text--alt .connector svg {
max-width: 400px;
max-height: 250px;
width: 400px;
}
@media (max-width: 768px) {
.image-with-text--alt .connector svg {
max-height: 180px;
}
}
.image-with-text--alt:first-of-type .connector {
display: none;
}
.image-with-text--alt:nth-of-type(even) .connector {
transform: translate(-50%, -50%) rotate(-90deg);
}
.image-with-text--alt:nth-of-type(odd) .connector {
transform: translate(-50%, -50%) rotate(-180deg);
}
.image-with-text--alt.-light {
background-color: var(--color-blue-l);
}
.image-with-text--alt.-reversed .image-with-text--alt__wrapper {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.image-with-text--alt.-reversed .image-with-text--alt__wrapper {
flex-direction: column;
}
}
.image-with-text--alt__wrapper {
display: flex;
justify-content: space-between;
gap: 6.4rem;
align-items: center;
position: relative;
z-index: 1;
}
@media (max-width: 768px) {
.image-with-text--alt__wrapper {
flex-direction: column;
justify-content: flex-start;
gap: 4rem;
}
}
.image-with-text--alt__content {
flex: 0 0 50%;
}
.image-with-text--alt__image {
max-width: 500px;
aspect-ratio: 1;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
transition: opacity 0.3s ease-in-out;
flex-shrink: 1;
width: 100%;
height: 100%;
}
.image-with-text--alt__image.-link:after {
opacity: 0.2;
}
.image-with-text--alt__image.-link:hover:after {
opacity: 0.4;
}
.image-with-text--alt__image.-link:hover img, .image-with-text--alt__image.-link:hover video {
transform: scale(1.05);
}
.image-with-text--alt__image.-link:hover .image-with-text__lightbox-link {
transform: translate(-50%, -50%) scale(1.1);
}
.image-with-text--alt__image:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--color-grey);
opacity: 0;
transition: 0.3s ease-in-out;
}
.image-with-text--alt__image img, .image-with-text--alt__image video {
object-fit: cover;
width: 100%;
height: 100%;
transition: 0.3s ease-in-out;
}
.image-with-text--alt__lightbox-link {
content: "";
top: 0;
left: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
z-index: 9;
transform: translate(-50%, -50%);
transition: 0.3s ease-in-out;
}
.image-with-text--alt p {
margin-top: 3.2rem;
}
.icon-with-text-list {
display: flex;
flex-direction: column;
gap: 2.4rem;
margin-top: 4.8rem;
}
.icon-with-text {
display: flex;
gap: 3.2rem;
align-items: center;
}
@media (max-width: 768px) {
.icon-with-text {
gap: 2.4rem;
}
}
.icon-with-text__image {
flex: 0 0 150px;
align-self: flex-start;
}
@media (max-width: 768px) {
.icon-with-text__image {
flex-basis: 80px;
}
}
.icon-with-text__title {
font-size: 2.4rem;
font-weight: 600;
text-transform: none;
}
@media (max-width: 768px) {
.icon-with-text__title {
font-size: 2rem;
}
}
.icon-with-text h3 + p {
margin-top: 1.2rem;
}
.text-with-small-image__wrapper {
display: flex;
gap: 4rem;
}
@media (max-width: 768px) {
.text-with-small-image__wrapper {
flex-direction: column-reverse;
align-items: center;
}
}
.text-with-small-image__image {
flex: 1 0 400px;
}
@media (max-width: 992px) {
.text-with-small-image__image {
flex: 0 0 300px;
max-width: 300px;
}
}
.text-with-gallery__wrapper {
display: flex;
gap: 4rem;
align-items: flex-start;
}
@media (max-width: 768px) {
.text-with-gallery__wrapper {
flex-direction: column;
align-items: unset;
}
}
.text-with-gallery__wrapper > * {
flex: 1;
}
.text-with-gallery__gallery {
display: grid;
grid-template-areas: "img1 img1 img2 img2 img2 img2" "img3 img3 img3 img3 img4 img4" "img5 img5 img5 img5 img5 img5" "img6 img6 img6 img7 img7 img7";
grid-template-columns: repeat(6, 1fr);
gap: 1.6rem;
}
@media (max-width: 768px) {
.text-with-gallery__gallery {
gap: 0.8rem;
}
}
.text-with-gallery__gallery a {
display: block;
height: 300px;
border-radius: 12px;
overflow: hidden;
}
@media (max-width: 992px) {
.text-with-gallery__gallery a {
height: 200px;
}
}
@media (max-width: 480px) {
.text-with-gallery__gallery a {
height: 150px;
}
}
.text-with-gallery__gallery a:hover img {
transform: scale(1.05);
}
.text-with-gallery__gallery a.hidden {
display: none;
}
.text-with-gallery__gallery a .text-with-gallery__image {
width: 100%;
height: 100%;
position: relative;
}
.text-with-gallery__gallery a .text-with-gallery__image:hover:after {
opacity: 0.5;
}
.text-with-gallery__gallery a .text-with-gallery__image:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--color-orange);
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.text-with-gallery__gallery a .text-with-gallery__image img {
object-fit: cover;
height: 100%;
width: 100%;
will-change: transform;
transition: 0.3s ease-in-out;
position: relative;
}
.text-with-gallery__gallery a:nth-child(1) {
grid-area: img1;
}
.text-with-gallery__gallery a:nth-child(2) {
grid-area: img2;
}
.text-with-gallery__gallery a:nth-child(3) {
grid-area: img3;
}
.text-with-gallery__gallery a:nth-child(4) {
grid-area: img4;
}
.text-with-gallery__gallery a:nth-child(5) {
grid-area: img5;
}
.text-with-gallery__gallery a:nth-child(6) {
grid-area: img6;
}
.text-with-gallery__gallery a:nth-child(7) {
grid-area: img7;
}
.text-with-gallery__gallery a {
position: relative;
}
.text-with-gallery__gallery a.text-with-gallery__last-link:after {
content: "+ " attr(data-remaining);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: var(--color-white);
display: flex;
justify-content: center;
align-items: center;
font-size: 2.4rem;
font-weight: bold;
}
.newsletter {
background-color: var(--color-orange);
position: relative;
}
@media (max-width: 992px) {
.newsletter {
display: flex;
flex-direction: column;
}
}
.newsletter__content {
width: 50%;
padding-top: var(--space-lg);
padding-bottom: var(--space-lg);
padding-right: var(--space-md);
padding-left: max(2.4rem, (100vw - 1600px) / 2 + 2.4rem);
display: flex;
flex-direction: column;
gap: var(--space-sm);
color: var(--color-white);
}
@media (min-width: 1400px) {
.newsletter__content {
padding-left: max(6.4rem, (100vw - 1600px) / 2 + 6.4rem);
}
}
@media (max-width: 992px) {
.newsletter__content {
width: 100%;
padding: var(--space-md) 2.4rem;
}
}
@media (max-width: 480px) {
.newsletter__content {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
}
.newsletter__disclaimer {
color: rgba(255, 255, 255, 0.7);
margin-top: 1.6rem;
margin-bottom: 0;
}
.newsletter__text {
color: var(--color-white);
margin: 0;
font-size: clamp(1.8rem, calc(1.8rem - 0.0048387097 * 36rem) + 100vw * 0.0048387097, 2.4rem);
}
.newsletter__image {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
}
.newsletter__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 992px) {
.newsletter__image {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 16/9;
order: -1;
}
}
.domains {
overflow-x: clip;
}
.domains-list {
display: flex;
flex-direction: row;
column-gap: 10%;
color: var(--color-grey);
align-items: center;
height: 90vh;
min-height: fit-content;
padding: 2.4rem 0;
}
@media (max-width: 992px) {
.domains-list {
column-gap: 2%;
}
}
@media (max-width: 768px) {
.domains-list {
flex-direction: column;
}
}
.domains-list > * {
padding: 16rem 6rem;
flex: 1 1 400px;
width: 40%;
}
@media (max-width: 992px) {
.domains-list > * {
padding: 6rem 3.2rem;
}
}
@media (max-width: 768px) {
.domains-list > * {
padding: 20rem 6rem !important;
width: 100%;
}
}
@media (max-width: 480px) {
.domains-list > * {
padding: 10rem 3.2rem !important;
width: 100%;
}
}
.domain {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: calc(100% - 6.4rem);
min-height: fit-content;
flex-shrink: 1;
overflow-wrap: break-word;
gap: 2rem;
}
.domain:before {
content: "";
aspect-ratio: 1;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
position: absolute;
height: 100%;
z-index: -1;
}
.domain--blue {
padding-left: 0;
}
.domain--blue:before {
right: 0;
background-color: var(--color-blue);
}
.domain--orange {
padding-right: 0;
}
@media (max-width: 768px) {
.domain--orange {
margin-top: -10rem;
z-index: -2;
}
}
.domain--orange:before {
left: 0;
background-color: var(--color-orange);
}
.domain-columns__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6rem;
color: var(--color-grey);
padding: 2.4rem 0;
}
@media (max-width: 768px) {
.domain-columns__list {
grid-template-columns: 1fr;
}
}
.domain-columns__list > * {
width: 100%;
}
.domain-item__title {
position: relative;
padding: 48px 0;
font-size: clamp(2.4rem, calc(2.4rem - 0.0129032258 * 36rem) + 100vw * 0.0129032258, 4rem);
}
@media (max-width: 768px) {
.domain-item__title {
margin-left: 20px;
padding: 40px 0;
}
}
.domain-item__title:before {
content: "";
position: absolute;
width: 140px;
height: 140px;
aspect-ratio: 1;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
left: -30px;
z-index: -2;
}
@media (max-width: 768px) {
.domain-item__title:before {
width: 100px;
height: 100px;
}
}
.domain-item__title.-blue:before {
background-color: var(--color-blue);
}
.domain-item__title.-orange:before {
background-color: var(--color-orange);
}
.domain-item__title.-green:before {
background-color: var(--color-green);
}
.domain-item__button {
margin-top: 2.4rem;
}
.news-block {
margin: 12rem 0;
}
.news-block__heading {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 6rem;
align-items: center;
}
@media (max-width: 768px) {
.news-block__heading {
margin-bottom: 3.2rem;
}
}
.news-block__link {
color: var(--color-grey-l);
display: flex;
align-items: center;
gap: 1.6rem;
flex-shrink: 0;
}
@media (max-width: 768px) {
.news-block__link {
font-size: 1.4rem;
}
}
.news-block__link:hover {
color: var(--color-grey);
}
.news-block__link:hover span .squircle {
color: var(--color-orange);
}
.news-list {
margin: 0;
padding: 0;
}
.news-item {
list-style-type: none;
}
.news-item:first-of-type {
border-top: 1px solid var(--color-beige-d);
}
.news-item__content-wrapper {
flex-grow: 1;
}
.news-item__link-wrapper {
display: flex;
padding: 3.2rem 0;
border-bottom: 1px solid var(--color-beige-d);
position: relative;
min-height: 16rem;
align-items: center;
column-gap: 4rem;
row-gap: 0.8rem;
}
@media (max-width: 768px) {
.news-item__link-wrapper {
flex-direction: column;
align-items: flex-start;
padding-right: 50px;
min-height: 0;
}
.news-item__link-wrapper .arrow-large {
position: absolute;
right: 0;
top: 3.6rem;
height: 2.4rem;
width: 2.4rem;
}
}
.news-item__link-wrapper:hover .arrow-large:after {
transform: translate(100%, -100%);
}
.news-item__link-wrapper:hover .arrow-large:before {
transform: translate(0, 0);
}
.news-item__link-wrapper:hover .news-item__title {
transform: translateX(4px);
}
.news-item__title {
text-transform: none;
flex-grow: 2;
transition: 0.3s ease-in-out;
max-width: 800px;
font-weight: 400;
}
.news-item__date {
font-size: 1.9rem;
color: var(--color-grey-l);
}
@media (max-width: 768px) {
.news-item__date {
font-size: 1.8rem;
}
}
.news-item__image {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 10;
opacity: 0;
will-change: transform, opacity;
width: 25%;
min-width: 300px;
aspect-ratio: 1;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.news-item__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.arrow-large {
display: block;
width: 36px;
height: 36px;
position: relative;
aspect-ratio: 1;
overflow: hidden;
}
.arrow-large:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M1 2H33V34' stroke='%232D2D28' stroke-width='4'/%3E%3Cpath d='M32 3L2 33' stroke='%232D2D28' stroke-width='4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.arrow-large:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M1 2H33V34' stroke='%23E55813' stroke-width='4'/%3E%3Cpath d='M32 3L2 33' stroke='%23E55813' stroke-width='4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
transform: translate(-100%, 100%);
transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.testimonials-wrapper {
background-color: var(--color-white);
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
position: relative;
}
.testimonials-wrapper:after {
content: "";
position: absolute;
width: 200%;
height: 100%;
background-color: var(--color-white);
left: -200%;
top: 0;
}
.testimonials__title {
text-align: center;
}
.testimonials .slick-list {
max-width: 1100px;
}
@media (max-width: 768px) {
.testimonials .slick-list {
order: -1;
width: 100%;
}
}
.testimonial-list {
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
margin-top: 3.2rem;
margin-bottom: 3.2rem;
}
@media (max-width: 768px) {
.testimonial-list {
flex-wrap: wrap;
justify-content: center;
column-gap: 1.6rem;
}
}
.slick-dots {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
gap: 4px;
}
@media (max-width: 768px) {
.slick-dots {
display: none !important;
}
}
.slick-dots li {
list-style-type: none;
}
.slick-dots li.slick-active button {
background-color: var(--color-orange);
}
.slick-dots li button {
all: unset;
display: block;
width: 12px;
height: 3px;
color: transparent;
font-size: 0;
line-height: 0;
background-color: var(--color-beige-d);
}
.testimonial {
padding: 6rem;
}
@media (max-width: 768px) {
.testimonial {
padding: 2rem 0rem;
}
}
.testimonial.slick-slide {
display: flex;
flex-direction: row;
column-gap: 4rem;
row-gap: 2.4rem;
}
@media (max-width: 768px) {
.testimonial.slick-slide {
flex-direction: column;
align-items: center;
justify-self: flex-start;
}
}
.testimonial__text {
color: var(--color-grey-l);
}
.testimonial__author {
font-size: clamp(1.7rem, calc(1.7rem - 0.0056451613 * 36rem) + 100vw * 0.0056451613, 2.4rem);
font-weight: 600;
display: block;
margin-top: 3.2rem;
}
.testimonial__author-title {
color: var(--color-grey-l);
font-size: 2rem;
display: block;
}
.testimonial__image {
aspect-ratio: 1;
position: relative;
width: 40%;
min-width: 250px;
flex-grow: 1;
align-self: flex-start;
}
@media (max-width: 768px) {
.testimonial__image {
min-width: 150px;
align-self: center;
}
}
.testimonial__image:after {
content: "";
width: 120px;
height: 110px;
position: absolute;
left: -15%;
top: -15%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123 111' fill='none'%3E%3Cpath d='M48.0469 59.5844C48.0469 75.6017 45.1641 87.1342 39.3984 94.1818C32.3516 103.792 20.3398 109.398 3.36328 111L3.36328 82.1688C12.6523 82.1688 18.0977 77.3636 19.6992 67.7533C20.0195 66.1515 20.1797 63.7489 20.1797 60.5454V50.9351H0L0 0L48.0469 0V59.5844ZM123 59.5844C123 75.2814 119.797 87.2944 113.391 95.6234C106.344 104.273 94.6523 109.398 78.3164 111V82.1688C83.4414 82.1688 88.2461 79.7662 92.7305 74.961C94.6523 72.7186 95.6133 67.9134 95.6133 60.5454V50.9351H74.9531V0L123 0V59.5844Z' fill='%23E55813'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.testimonial__image:after {
width: 60px;
height: 55px;
}
}
.testimonial__image img {
object-fit: cover;
width: 100%;
height: 100%;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.categories {
margin: 8rem 0;
}
.categories.-white-bg {
background-color: var(--color-white);
margin: 0;
padding: 8rem 0;
}
.categories__title {
margin-bottom: 2.4rem;
}
.categories__subtitle {
text-align: center;
margin-bottom: 2.4rem;
}
.categories__intro {
margin-bottom: 6rem;
}
.categories-list {
display: flex;
margin: 0;
padding: 0;
flex-wrap: wrap;
justify-content: center;
gap: 2.4rem;
}
@media (max-width: 480px) {
.categories-list {
gap: 1.6rem;
}
}
.category-item {
list-style-type: none;
flex: 0 1 calc(20% - 2.4rem);
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
clip-path: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
-webkit-clip-path: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
}
.category-item.-orange {
background-color: rgba(229, 88, 19, 0.15);
transition: 0.3s ease-in-out;
}
.category-item.-orange:hover {
background-color: white;
}
.category-item.-blue {
background-color: rgba(142, 217, 212, 0.15);
transition: 0.3s ease-in-out;
}
.category-item.-blue:hover {
background-color: white;
}
.category-item.-green {
background-color: #e3ede4;
}
.category-item img {
width: 100%;
height: 100%;
}
@media (max-width: 992px) {
.category-item {
flex: 0 1 calc(25% - 2.4rem);
}
}
@media (max-width: 768px) {
.category-item {
flex: 0 1 calc(33.33% - 2.4rem);
}
}
@media (max-width: 480px) {
.category-item {
flex: 0 1 calc(50% - 1.6rem);
}
}
.category-item a {
transform: scale(1);
transition: 0.3s ease-in-out;
display: block;
}
.category-item a:hover {
transform: scale(1.04);
}
.learning-methods__title {
margin-bottom: 2.4rem;
}
.learning-methods-list {
display: flex;
margin: 0;
padding: 0;
justify-content: center;
gap: 1.6rem;
}
@media (max-width: 768px) {
.learning-methods-list {
flex-wrap: wrap;
}
}
.learning-method__item {
list-style-type: none;
width: max(160px, 12%);
}
@media (max-width: 768px) {
.learning-method__item {
width: max(120px, 12%);
}
}
.extra-services {
padding: 8rem 0;
background-color: var(--color-orange);
}
.extra-services__title {
color: var(--color-white);
}
.extra-services__text {
margin: 2.4rem 0;
color: var(--color-white);
}
.extra-services__text p, .extra-services__text ul, .extra-services__text li {
color: var(--color-white);
}
.extra-services__text li::marker {
color: var(--color-white);
}
.extra-services__content {
max-width: 600px;
}
.services-list {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
margin-top: 4.8rem;
gap: 1.6rem;
justify-content: center;
}
.services-list > * {
list-style-type: none;
flex: 0 0 150px;
}
.services-list__item {
display: flex;
flex-direction: column;
gap: 1.6rem;
}
@media (max-width: 480px) {
.services-list__item {
flex-direction: row;
justify-content: flex-start;
flex: 1 1 100%;
align-items: center;
gap: 1.6rem;
}
.services-list__item img {
width: 80px;
}
}
.services-list__item__title {
color: var(--color-white);
font-weight: 600;
text-align: center;
line-height: 1.4;
}
@media (max-width: 768px) {
.services-list__item__title {
text-align: left;
}
}
.mission-vision-wrapper {
display: flex;
justify-content: space-between;
gap: 4rem;
flex-wrap: wrap;
background-color: var(--color-beige);
background-image: url(//www.ahlex.eu/wp-content/themes/starter/img/icon_kompas.svg);
background-repeat: no-repeat;
background-size: 200px;
background-position: center;
}
.mission-vision__left, .mission-vision__right {
max-width: 540px;
flex: 1 1 300px;
}
.quote {
background-color: var(--color-orange);
padding: 8rem 0;
position: relative;
overflow: hidden;
}
.quote__text {
color: white;
font-size: clamp(1.8rem, calc(1.8rem - 0.0112903226 * 36rem) + 100vw * 0.0112903226, 3.2rem);
position: relative;
z-index: 1;
padding-left: 160px;
}
@media (max-width: 768px) {
.quote__text {
padding-left: 90px;
}
}
.quote__text:after {
content: "";
width: 120px;
height: 110px;
position: absolute;
left: 0;
top: -20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123 111' fill='none'%3E%3Cpath d='M48.0469 59.5844C48.0469 75.6017 45.1641 87.1342 39.3984 94.1818C32.3516 103.792 20.3398 109.398 3.36328 111L3.36328 82.1688C12.6523 82.1688 18.0977 77.3636 19.6992 67.7533C20.0195 66.1515 20.1797 63.7489 20.1797 60.5454V50.9351H0L0 0L48.0469 0V59.5844ZM123 59.5844C123 75.2814 119.797 87.2944 113.391 95.6234C106.344 104.273 94.6523 109.398 78.3164 111V82.1688C83.4414 82.1688 88.2461 79.7662 92.7305 74.961C94.6523 72.7186 95.6133 67.9134 95.6133 60.5454V50.9351H74.9531V0L123 0V59.5844Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.quote__text:after {
width: 60px;
height: 55px;
}
}
.quote:before {
content: "";
position: absolute;
background-color: var(--color-orange-d);
width: 100%;
min-width: 400px;
max-width: 1200px;
right: -20%;
top: 40%;
aspect-ratio: 1;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
transform: rotate(24deg);
}
.values__list {
margin-top: 4rem;
display: grid;
grid-column-gap: 2.4rem;
grid-row-gap: 3.2rem;
grid-template-columns: repeat(5, 1fr);
align-items: stretch;
justify-content: stretch;
}
@media (max-width: 992px) {
.values__list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.values__list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.values__list {
grid-template-columns: repeat(1, 1fr);
}
}
.value-item {
display: flex;
flex-direction: column;
justify-content: stretch;
}
.value-item__content {
background-color: var(--color-olive);
border-radius: 12px;
padding: 2.4rem;
flex-grow: 2;
}
.value-item__title {
color: var(--color-white);
font-weight: 600;
}
.value-item__text {
color: var(--color-white);
}
.value-item__image {
flex-grow: 0;
}
.value-item__image img {
aspect-ratio: 4/3;
max-height: 200px;
margin: 0 auto;
}
@media (max-width: 768px) {
.value-item__image img {
max-height: 150px;
}
}
.partners__text {
margin-top: var(--space-sm);
color: var(--color-grey-l);
}
.partners__list {
margin-top: 4rem;
display: flex;
flex-wrap: wrap;
gap: 1.6rem;
justify-content: center;
}
.partners__list > * {
flex: 0 0 calc(25% - 1.6rem);
max-width: calc(25% - 1.6rem);
}
@media (max-width: 768px) {
.partners__list > * {
flex: 0 0 calc(33% - 1.6rem);
max-width: calc(33% - 1.6rem);
}
}
@media (max-width: 480px) {
.partners__list > * {
flex: 0 0 calc(50% - 1.6rem);
max-width: calc(50% - 1.6rem);
}
}
.partner__logo {
filter: grayscale(1);
mix-blend-mode: multiply;
transition: 0.3s ease-in-out;
}
.partner__logo:hover {
filter: none;
mix-blend-mode: normal;
}
.search-block {
overflow: hidden;
}
.search-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
}
@media (max-width: 992px) {
.search-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.search-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.search-wrapper .form__title {
grid-column: 1;
text-align: left;
}
.search-wrapper form {
grid-column: 2/4;
}
@media (max-width: 992px) {
.search-wrapper form {
grid-column: 2/-1;
}
}
@media (max-width: 768px) {
.search-wrapper form {
grid-column: 1/-1;
}
}
.search-wrapper form ul {
display: grid;
column-gap: 2.4rem;
grid-template-columns: repeat(2, 1fr);
padding: 0;
}
@media (max-width: 992px) {
.search-wrapper form ul {
grid-template-columns: 1fr;
}
}
.search-wrapper form ul h4 {
color: var(--color-white);
text-transform: none;
font-weight: 700;
border-bottom: 1px solid var(--color-grey-l);
margin-bottom: 0.8rem;
}
.search-wrapper form ul .sf-field-search {
grid-column: 1;
}
@media (max-width: 768px) {
.search-wrapper form ul .sf-field-search {
grid-column: 1/-1;
}
}
.search-wrapper form ul .sf-field-submit {
justify-self: end;
grid-column: 1/3;
}
@media (max-width: 768px) {
.search-wrapper form ul .sf-field-submit {
grid-column: 1/-1;
}
}
.courses-overview__filter ul {
margin: 0;
padding: 0;
}
.courses-overview__filter {
padding: 2.4rem;
}
.rounded-block-wrapper.-grey .form__title {
color: white;
}
.sf-field-submit input {
font-family: "Inter Tight", sans-serif !important;
font-size: 1.8rem !important;
text-transform: uppercase !important;
border-radius: 80px !important;
border: none;
border-color: transparent;
background-color: var(--color-blue) !important;
padding: 1.6rem 2.4rem !important;
}
.sf-field-submit input:hover, .sf-field-submit input:active, .sf-field-submit input:focus {
background-color: var(--color-blue-d) !important;
}
.sf-field-taxonomy-type_course label {
width: 100%;
}
.sf-field-search label {
width: 100%;
}
.sf-label-checkbox {
color: var(--color-white);
font-size: 1.8rem;
}
.sf-input-checkbox {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
width: 14px;
height: 14px;
margin: 0;
border: 1px solid var(--color-beige);
border-radius: 4px;
background-color: transparent;
cursor: pointer;
outline: none;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.sf-input-checkbox:focus {
box-shadow: 0 0 0 3px rgba(229, 88, 19, 0.3);
}
.sf-input-checkbox:checked {
position: relative;
background-color: var(--color-orange);
border-color: var(--color-orange);
}
.sf-input-checkbox:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 14px;
height: 14px;
background-image: url(//www.ahlex.eu/wp-content/themes/starter/img/checkbox-tick.svg);
background-position: center;
background-repeat: no-repeat;
}
.sf-input-checkbox:disabled {
cursor: not-allowed;
opacity: 0.65;
}
.sf-input-text {
background-color: #ffffff;
border: none;
border-radius: 30px;
padding: 10px 40px 10px 15px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
font-size: 20px;
color: #333;
width: 100%;
}
.sf-input-select {
background-color: #ffffff;
border: none;
border-radius: 30px;
padding: 10px 40px 10px 15px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
font-size: 20px;
color: #333;
width: 100%;
background-image: url(//www.ahlex.eu/wp-content/themes/starter/img/chevron.svg);
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 12px 12px;
}
.sf-input-select:hover, .sf-input-select:focus {
background-color: var(--color-white);
outline: none;
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.sf-input-select:disabled {
background-color: #e9ecef;
cursor: not-allowed;
color: #6c757d;
}
.sf-field-post-meta-training_format h4, .sf-field-post-meta-web_lang_en h4 {
color: var(--color-white) !important;
text-transform: none;
font-weight: 700;
border-bottom: 1px solid var(--color-grey-l);
margin-bottom: 0.8rem;
}
.sf-field-post-meta-web_lang_en {
padding-bottom: 0 !important;
}
.sf-field-post-meta-web_lang_nl {
padding: 0 !important;
}
.sf-field-post-meta-web_lang_fr {
padding-top: 0 !important;
}
.split-text__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 6rem;
row-gap: 3rem;
color: var(--color-grey);
min-height: fit-content;
}
@media (max-width: 768px) {
.split-text__wrapper {
grid-template-columns: 1fr;
}
}
.split-text__title {
grid-column: span 1;
}
.split-text__content {
grid-column: span 2;
}
@media (max-width: 768px) {
.split-text__content {
grid-column: span 1;
}
}
.fourohfour {
background-color: var(--color-orange);
text-align: center;
min-height: 70vh;
display: flex;
align-items: center;
padding: 6rem 0rem;
}
.fourohfour h1 {
color: white;
font-weight: 800;
}
.fourohfour p {
color: white;
margin: 2.4rem 0 3rem 0;
}
.text-banner {
background-color: var(--color-blue);
text-align: center;
padding: 1.6rem 0;
text-transform: uppercase;
}
.text-banner p {
font-size: clamp(2rem, calc(2rem - 0.0096774194 * 36rem) + 100vw * 0.0096774194, 3.2rem);
}
.workhub-item__grid {
display: flex;
gap: 1.6rem;
margin: 2.4rem 0 1.6rem 0;
align-items: stretch;
}
@media (max-width: 768px) {
.workhub-item__grid {
flex-direction: column;
}
.workhub-item__grid .course-detail__sidebar__icon {
display: none;
}
}
.workhub-item__grid .course-detail__sidebar {
flex: 0 0 400px;
align-self: stretch;
order: unset;
}
@media (max-width: 768px) {
.workhub-item__grid .course-detail__sidebar {
order: -1;
flex: 0 0 auto;
}
}
.workhub-item__grid .course-detail__sidebar__description p {
margin-bottom: 1.4rem;
}
.workhub-item__grid .course-detail__sidebar__icon {
background-color: #dfc5a5;
aspect-ratio: 1;
mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030 1030' fill='none'%3E%3Cpath d='M0 514.533C0 91.944 92.1125 0 515 0C937.887 0 1030 91.944 1030 514.533V515.259C1030 937.849 937.784 1030 515 1030C92.2163 1030 0 937.849 0 515.259L0 514.533Z' fill='%238ED9D4'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
margin-top: -60px;
margin-bottom: 2.4rem;
}
.workhub-item__gallery {
flex: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 1.6rem;
max-height: 750px;
}
@media (max-width: 768px) {
.workhub-item__gallery {
max-height: 300px;
}
}
.workhub-item__gallery__link {
position: relative;
border-radius: 1.6rem;
overflow: hidden;
}
.workhub-item__gallery__link:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--color-orange);
opacity: 0;
z-index: 9;
transition: opacity 0.3s ease-in-out;
}
.workhub-item__gallery__link:hover:after {
opacity: 0.5;
}
.workhub-item__gallery__link:hover img {
transform: scale(1.05);
}
.workhub-item__gallery__link--1 {
grid-row: span 2/span 2;
}
.workhub-item__gallery__image {
width: 100%;
height: 100%;
border-radius: 1.6rem;
object-fit: cover;
overflow: hidden;
}
.workhub-item__gallery__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1.6rem;
transition: transform 0.3s ease-in-out;
}
.image-with-text--workhub {
padding: 10rem 0;
height: auto;
}
.image-with-text--workhub p, .image-with-text--workhub a, .image-with-text--workhub h1, .image-with-text--workhub h2, .image-with-text--workhub h3, .image-with-text--workhub h4, .image-with-text--workhub h5, .image-with-text--workhub h6, .image-with-text--workhub li {
color: var(--color-white);
}
.image-with-text--workhub li::marker {
color: var(--color-white);
}
.extra-services--workhub {
margin-bottom: 0.8rem;
}
span.course-event__extra-info__language span:last-child {
margin-right: 1.6rem;
}
h2.course-detail__content__title.docenten_title {
margin-top: 20px;
}
.docenten-collapsible {
background-color: transparent;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
display: flex;
align-items: center;
gap: 20px;
border-top: 1px solid #DED8BE;
font-size: 20px;
color: #2d2d28;
position: relative;
transition: all 0.3s ease;
}
.docenten-holder .trainer:last-child .docenten-collapsible {
border-bottom: 1px solid #DED8BE;
}
.docenten-holder .trainer .docenten-active.docenten-collapsible, .docenten-holder .trainer .docenten-collapsible:hover {
background-color: #fff;
border-radius: 10px 10px 0 0;
border-bottom: none;
} .docenten-collapsible:after {
content: url(https://www.ahlex.eu/wp-content/themes/starter/img/chevron-docenten.svg);
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
transition: all 0.3s ease;
position: absolute;
right: 20px;
}
.docenten-content p {
font-size: 20px;
color: #2d2d28;
margin-top: 0;
}
.docenten-active:after {
content: url(https://www.ahlex.eu/wp-content/themes/starter/img/chevron-docenten.svg);
transform: rotate(180deg);
}
.docenten-content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #fff;
border-radius: 0 0 10px 10px;
}
.docenten-holder {
width: 95%;
max-width: 860px;
}
a.docenten-collapsible span img {
width: 64px;
height: 64px;
object-fit: cover;
border-radius: 50%;
}